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

package/dist/chunk-7GYYIDMA.js

@@ -1,325 +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 _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
-
-// src/components/Notification.ts
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
-var NOTIFICATION_CLOSE_ARIA_LABEL = "Close notification";
-var IS_TEST_ENV = (() => {
-  const proc = globalThis.process;
-  return typeof proc !== "undefined" && _optionalChain([proc, 'access', _ => _.env, 'optionalAccess', _2 => _2.NODE_ENV]) === "test";
-})();
-var notificationInstancesByPosition = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-};
-var containerApps = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var updateCallbacks = {
-  "top-left": null,
-  "top-right": null,
-  "bottom-left": null,
-  "bottom-right": null
-};
-var stackUpdateScheduler = _tigercatcore.createNotificationStackUpdateScheduler.call(void 0, );
-function scheduleNotificationStackUpdate(position) {
-  const callback = updateCallbacks[position];
-  if (!callback) return;
-  stackUpdateScheduler.schedule(position, callback);
-}
-var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
-function getContainerRootId(position) {
-  return `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
-}
-var NotificationContainer = _vue.defineComponent.call(void 0, {
-  name: "TigerNotificationContainer",
-  inheritAttrs: false,
-  props: {
-    position: {
-      type: String,
-      default: "top-right"
-    }
-  },
-  setup(props, { attrs }) {
-    const notifications = _vue.ref.call(void 0, []);
-    const syncNotifications = () => {
-      notifications.value = [...notificationInstancesByPosition[props.position]];
-    };
-    updateCallbacks[props.position] = syncNotifications;
-    syncNotifications();
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.notificationContainerBaseClasses,
-        _tigercatcore.notificationPositionClasses[props.position],
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const renderNotificationItem = (notification2) => {
-      const colorScheme = _tigercatcore.getNotificationTypeClasses.call(void 0, notification2.type);
-      const notificationClasses = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.notificationBaseClasses,
-        colorScheme.bg,
-        colorScheme.border,
-        notification2.className
-      );
-      const iconPath = notification2.icon || _tigercatcore.getNotificationIconPath.call(void 0, notification2.type);
-      const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.notificationIconClasses, colorScheme.icon);
-      const a11yRole = notification2.type === "error" ? "alert" : "status";
-      const ariaLive = notification2.type === "error" ? "assertive" : "polite";
-      const contentChildren = [
-        _vue.h.call(void 0, 
-          "div",
-          {
-            class: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationTitleClasses, colorScheme.titleText)
-          },
-          notification2.title
-        )
-      ];
-      if (notification2.description) {
-        contentChildren.push(
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationDescriptionClasses, colorScheme.descriptionText)
-            },
-            notification2.description
-          )
-        );
-      }
-      const children = [
-        _chunkJCMGBKS6js.createStatusIcon.call(void 0, iconPath, iconClass, { "aria-hidden": "true", focusable: "false" }),
-        _vue.h.call(void 0, "div", { class: _tigercatcore.notificationContentClasses }, contentChildren)
-      ];
-      if (notification2.closable) {
-        children.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.notificationCloseButtonClasses,
-              onClick: (e) => {
-                e.stopPropagation();
-                removeNotification(notification2.id, props.position);
-              },
-              "aria-label": NOTIFICATION_CLOSE_ARIA_LABEL,
-              type: "button"
-            },
-            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.notificationCloseIconPath, _tigercatcore.notificationCloseIconClasses, {
-              "aria-hidden": "true",
-              focusable: "false"
-            })
-          )
-        );
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          key: notification2.id,
-          class: notificationClasses,
-          role: a11yRole,
-          "aria-live": ariaLive,
-          "aria-atomic": "true",
-          onClick: notification2.onClick,
-          onKeydown: (e) => {
-            if (!notification2.onClick) return;
-            const key = e.key;
-            if (key === "Enter" || key === " ") {
-              e.preventDefault();
-              notification2.onClick();
-            }
-          },
-          tabindex: notification2.onClick ? 0 : void 0,
-          style: notification2.onClick ? "cursor: pointer;" : void 0,
-          "data-tiger-notification": "",
-          "data-tiger-notification-type": notification2.type,
-          "data-tiger-notification-id": String(notification2.id)
-        },
-        children
-      );
-    };
-    return () => _vue.h.call(void 0, 
-      _vue.Teleport,
-      { to: "body" },
-      _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: containerClasses.value,
-          id: `${NOTIFICATION_CONTAINER_ID_PREFIX}-${props.position}`,
-          "aria-live": "polite",
-          "aria-relevant": "additions",
-          "data-tiger-notification-container": "",
-          "data-tiger-notification-position": props.position
-        },
-        IS_TEST_ENV ? notifications.value.map(renderNotificationItem) : _vue.h.call(void 0, 
-          _vue.TransitionGroup,
-          {
-            name: "notification",
-            tag: "div",
-            class: "flex flex-col gap-3"
-          },
-          () => notifications.value.map(renderNotificationItem)
-        )
-      )
-    );
-  }
-});
-function ensureContainer(position) {
-  if (!_tigercatcore.isBrowser.call(void 0, )) {
-    return;
-  }
-  const rootId = getContainerRootId(position);
-  const existingRootEl = document.getElementById(rootId);
-  if (containerApps[position] && !existingRootEl) {
-    containerApps[position] = null;
-    updateCallbacks[position] = null;
-    stackUpdateScheduler.cancel(position);
-  }
-  if (containerApps[position]) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = rootId;
-    document.body.appendChild(rootEl);
-  }
-  containerApps[position] = _vue.createApp.call(void 0, NotificationContainer, { position });
-  containerApps[position].mount(rootEl);
-}
-function destroyContainer(position) {
-  const rootId = getContainerRootId(position);
-  if (containerApps[position]) {
-    containerApps[position].unmount();
-    containerApps[position] = null;
-  }
-  updateCallbacks[position] = null;
-  stackUpdateScheduler.cancel(position);
-  if (_tigercatcore.isBrowser.call(void 0, )) {
-    _optionalChain([document, 'access', _3 => _3.getElementById, 'call', _4 => _4(rootId), 'optionalAccess', _5 => _5.remove, 'call', _6 => _6()]);
-  }
-}
-function addNotification(config) {
-  const id = getNextInstanceId();
-  const position = config.position || "top-right";
-  ensureContainer(position);
-  const instance = {
-    id,
-    type: config.type || "info",
-    title: config.title,
-    description: config.description,
-    duration: config.duration !== void 0 ? config.duration : 4500,
-    closable: config.closable !== void 0 ? config.closable : true,
-    onClose: config.onClose,
-    onClick: config.onClick,
-    icon: config.icon,
-    className: config.className,
-    position
-  };
-  notificationInstancesByPosition[position].push(instance);
-  scheduleNotificationStackUpdate(position);
-  if (instance.duration > 0) {
-    setTimeout(() => {
-      removeNotification(id, position);
-    }, instance.duration);
-  }
-  return () => removeNotification(id, position);
-}
-function removeNotification(id, position) {
-  const instances = notificationInstancesByPosition[position];
-  const index = instances.findIndex((notif) => notif.id === id);
-  if (index !== -1) {
-    const instance = instances[index];
-    instances.splice(index, 1);
-    _optionalChain([instance, 'access', _7 => _7.onClose, 'optionalCall', _8 => _8()]);
-    if (notificationInstancesByPosition[position].length > 0) {
-      scheduleNotificationStackUpdate(position);
-    }
-  }
-  if (notificationInstancesByPosition[position].length === 0) {
-    destroyContainer(position);
-  }
-}
-function clearAll(position) {
-  if (position) {
-    notificationInstancesByPosition[position].forEach((instance) => {
-      _optionalChain([instance, 'access', _9 => _9.onClose, 'optionalCall', _10 => _10()]);
-    });
-    notificationInstancesByPosition[position] = [];
-    destroyContainer(position);
-  } else {
-    Object.keys(notificationInstancesByPosition).forEach((pos) => {
-      const p = pos;
-      notificationInstancesByPosition[p].forEach((instance) => {
-        _optionalChain([instance, 'access', _11 => _11.onClose, 'optionalCall', _12 => _12()]);
-      });
-      notificationInstancesByPosition[p] = [];
-      destroyContainer(p);
-    });
-  }
-}
-function normalizeOptions(options) {
-  return _tigercatcore.normalizeStringOption.call(void 0, options, "title");
-}
-var notification = {
-  info(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "info" });
-  },
-  success(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "success" });
-  },
-  warning(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "warning" });
-  },
-  error(options) {
-    const config = normalizeOptions(options);
-    return addNotification({ ...config, type: "error" });
-  },
-  clear(position) {
-    clearAll(position);
-  }
-};
-var Notification_default = notification;
-
-
-
-
-
-exports.NotificationContainer = NotificationContainer; exports.notification = notification; exports.Notification_default = Notification_default;

package/dist/chunk-A7FN3S4I.js

@@ -1,150 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Stepper.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Stepper = _vue.defineComponent.call(void 0, {
-  name: "TigerStepper",
-  props: {
-    modelValue: { type: Number, default: 0 },
-    min: { type: Number, default: -Infinity },
-    max: { type: Number, default: Infinity },
-    step: { type: Number, default: 1 },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    precision: { type: Number, default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    const repeatController = _tigercatcore.createRafRepeatActionController.call(void 0, );
-    let repeatValue = props.modelValue;
-    let suppressNextClick = false;
-    _vue.onBeforeUnmount.call(void 0, () => repeatController.stop());
-    function setValue(v) {
-      const clamped = _tigercatcore.clampStepperValue.call(void 0, v, props.min, props.max, props.precision);
-      emit("update:modelValue", clamped);
-      emit("change", clamped);
-      return clamped;
-    }
-    function stepBy(direction, baseValue = props.modelValue) {
-      return setValue(direction === "up" ? baseValue + props.step : baseValue - props.step);
-    }
-    function decrement() {
-      if (suppressNextClick) {
-        suppressNextClick = false;
-        return;
-      }
-      if (props.disabled) return;
-      stepBy("down");
-    }
-    function increment() {
-      if (suppressNextClick) {
-        suppressNextClick = false;
-        return;
-      }
-      if (props.disabled) return;
-      stepBy("up");
-    }
-    function startStepRepeat(direction) {
-      return (event) => {
-        event.preventDefault();
-        if (props.disabled) return;
-        if (direction === "down" && props.modelValue <= props.min) return;
-        if (direction === "up" && props.modelValue >= props.max) return;
-        suppressNextClick = true;
-        repeatValue = props.modelValue;
-        repeatController.start(() => {
-          const baseValue = repeatValue;
-          const nextValue = stepBy(direction, baseValue);
-          repeatValue = nextValue;
-          if (nextValue === baseValue) {
-            repeatController.stop();
-          }
-        });
-      };
-    }
-    function stopStepRepeat() {
-      repeatController.stop();
-    }
-    function handleInput(e) {
-      const val = Number(e.target.value);
-      if (!Number.isNaN(val)) setValue(val);
-    }
-    const icon = (d) => _vue.h.call(void 0, 
-      "svg",
-      {
-        class: "w-4 h-4",
-        viewBox: _tigercatcore.stepperIconViewBox,
-        fill: "currentColor"
-      },
-      [_vue.h.call(void 0, "path", { d, "fill-rule": "evenodd", "clip-rule": "evenodd" })]
-    );
-    return () => {
-      const atMin = props.modelValue <= props.min;
-      const atMax = props.modelValue >= props.max;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.stepperBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          role: "group",
-          "aria-label": "Stepper"
-        },
-        [
-          _vue.h.call(void 0, 
-            "button",
-            {
-              type: "button",
-              class: _tigercatcore.getStepperButtonClasses.call(void 0, props.size, props.disabled || atMin, "left"),
-              disabled: props.disabled || atMin,
-              "aria-label": "Decrease",
-              onPointerdown: startStepRepeat("down"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: decrement
-            },
-            [icon(_tigercatcore.minusPathD)]
-          ),
-          _vue.h.call(void 0, "input", {
-            type: "text",
-            class: _tigercatcore.getStepperInputClasses.call(void 0, props.size),
-            value: props.precision !== void 0 ? props.modelValue.toFixed(props.precision) : String(props.modelValue),
-            disabled: props.disabled,
-            "aria-label": "Value",
-            onChange: handleInput
-          }),
-          _vue.h.call(void 0, 
-            "button",
-            {
-              type: "button",
-              class: _tigercatcore.getStepperButtonClasses.call(void 0, props.size, props.disabled || atMax, "right"),
-              disabled: props.disabled || atMax,
-              "aria-label": "Increase",
-              onPointerdown: startStepRepeat("up"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: increment
-            },
-            [icon(_tigercatcore.plusPathD)]
-          )
-        ]
-      );
-    };
-  }
-});
-var Stepper_default = Stepper;
-
-
-
-
-exports.Stepper = Stepper; exports.Stepper_default = Stepper_default;

package/dist/chunk-ACYYQJ6M.js

@@ -1,106 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ChartLegend.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-var ChartLegend = _vue.defineComponent.call(void 0, {
-  name: "TigerChartLegend",
-  props: {
-    items: {
-      type: Array,
-      required: true
-    },
-    position: {
-      type: String,
-      default: "bottom"
-    },
-    markerSize: {
-      type: Number,
-      default: 10
-    },
-    gap: {
-      type: Number,
-      default: 8
-    },
-    interactive: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String
-    }
-  },
-  emits: ["item-click", "item-hover", "item-leave"],
-  setup(props, { emit }) {
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "flex flex-wrap",
-        props.position === "right" || props.position === "left" ? "flex-col" : "flex-row",
-        props.className
-      )
-    );
-    const containerStyle = _vue.computed.call(void 0, () => ({
-      gap: `${props.gap}px`
-    }));
-    const handleClick = (item) => {
-      if (!props.interactive) return;
-      emit("item-click", item.index, item);
-    };
-    const handleHover = (item) => {
-      if (!props.interactive) return;
-      emit("item-hover", item.index, item);
-    };
-    const handleLeave = () => {
-      if (!props.interactive) return;
-      emit("item-leave");
-    };
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        class: containerClasses.value,
-        style: containerStyle.value,
-        role: "list",
-        "aria-label": "Chart legend",
-        "data-chart-legend": "true"
-      },
-      props.items.map(
-        (item) => _vue.h.call(void 0, 
-          props.interactive ? "button" : "div",
-          {
-            key: `legend-${item.index}`,
-            type: props.interactive ? "button" : void 0,
-            class: _tigercatcore.classNames.call(void 0, 
-              "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
-              "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              props.interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
-              item.active === false ? "opacity-50" : void 0
-            ),
-            role: "listitem",
-            "data-legend-item": "true",
-            onClick: props.interactive ? () => handleClick(item) : void 0,
-            onMouseenter: props.interactive ? () => handleHover(item) : void 0,
-            onMouseleave: props.interactive ? handleLeave : void 0
-          },
-          [
-            _vue.h.call(void 0, "span", {
-              class: "inline-block rounded-full shrink-0",
-              style: {
-                width: `${props.markerSize}px`,
-                height: `${props.markerSize}px`,
-                background: `var(--tiger-chart-legend-marker-image, ${item.color})`,
-                "--tiger-chart-legend-marker-color": item.color
-              },
-              "aria-hidden": "true",
-              "data-legend-marker": "true"
-            }),
-            _vue.h.call(void 0, "span", { style: { marginRight: `${props.gap}px` } }, item.label)
-          ]
-        )
-      )
-    );
-  }
-});
-var ChartLegend_default = ChartLegend;
-
-
-
-
-exports.ChartLegend = ChartLegend; exports.ChartLegend_default = ChartLegend_default;

package/dist/chunk-AP42636I.js

@@ -1,98 +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 _chunkUWZSTI3Ejs = require('./chunk-UWZSTI3E.js');
-
-// src/components/DropdownItem.ts
-var _vue = require('vue');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var DropdownItem = _vue.defineComponent.call(void 0, {
-  name: "TigerDropdownItem",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the item is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the item is divided from previous item
-     * @default false
-     */
-    divided: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const attrsClass = attrsRecord.class;
-    const attrsStyle = attrsRecord.style;
-    const context = _vue.inject.call(void 0, _chunkUWZSTI3Ejs.DropdownContextKey, null);
-    const handleClick = (event) => {
-      if (props.disabled) {
-        event.preventDefault();
-        return;
-      }
-      emit("click", event);
-      if (_optionalChain([context, 'optionalAccess', _ => _.closeOnClick])) {
-        context.handleItemClick();
-      }
-    };
-    const itemClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getDropdownItemClasses.call(void 0, props.disabled, props.divided),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrsClass)
-      );
-    });
-    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style));
-    return () => {
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      return _vue.h.call(void 0, 
-        "button",
-        {
-          ...restAttrs,
-          type: "button",
-          class: itemClasses.value,
-          role: "menuitem",
-          tabindex: -1,
-          "aria-disabled": props.disabled,
-          disabled: props.disabled,
-          onClick: handleClick,
-          style: mergedStyle.value
-        },
-        _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])
-      );
-    };
-  }
-});
-var DropdownItem_default = DropdownItem;
-
-
-
-
-exports.DropdownItem = DropdownItem; exports.DropdownItem_default = DropdownItem_default;