@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/chunk-LH2V2JMZ.mjs

@@ -1,168 +0,0 @@
-// src/components/Stepper.ts
-import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
-import {
-  stepperBaseClasses,
-  getStepperInputClasses,
-  getStepperButtonClasses,
-  minusPathD,
-  plusPathD,
-  stepperIconViewBox,
-  clampStepperValue,
-  classNames,
-  coerceClassValue,
-  createRafRepeatActionController
-} from "@expcat/tigercat-core";
-var Stepper = defineComponent({
-  name: "TigerStepper",
-  props: {
-    modelValue: { type: Number },
-    defaultValue: { 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 },
-    incrementAriaLabel: { type: String, default: "Increase" },
-    decrementAriaLabel: { type: String, default: "Decrease" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    const inner = ref(props.defaultValue ?? 0);
-    const currentValue = computed(
-      () => props.modelValue !== void 0 ? props.modelValue : inner.value
-    );
-    watch(
-      () => props.modelValue,
-      (value) => {
-        if (value !== void 0) {
-          inner.value = value;
-        }
-      }
-    );
-    const repeatController = createRafRepeatActionController();
-    let repeatValue = currentValue.value;
-    let suppressNextClick = false;
-    onBeforeUnmount(() => repeatController.stop());
-    function setValue(v) {
-      const clamped = clampStepperValue(v, props.min, props.max, props.precision);
-      if (props.modelValue === void 0) {
-        inner.value = clamped;
-      }
-      emit("update:modelValue", clamped);
-      emit("change", clamped);
-      return clamped;
-    }
-    function stepBy(direction, baseValue = currentValue.value) {
-      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" && currentValue.value <= props.min) return;
-        if (direction === "up" && currentValue.value >= props.max) return;
-        suppressNextClick = true;
-        repeatValue = currentValue.value;
-        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) => h(
-      "svg",
-      {
-        class: "w-4 h-4",
-        viewBox: stepperIconViewBox,
-        fill: "currentColor"
-      },
-      [h("path", { d, "fill-rule": "evenodd", "clip-rule": "evenodd" })]
-    );
-    return () => {
-      const atMin = currentValue.value <= props.min;
-      const atMax = currentValue.value >= props.max;
-      return h(
-        "div",
-        {
-          class: classNames(stepperBaseClasses, coerceClassValue(attrs.class)),
-          role: "group",
-          "aria-label": "Stepper"
-        },
-        [
-          h(
-            "button",
-            {
-              type: "button",
-              class: getStepperButtonClasses(props.size, props.disabled || atMin, "left"),
-              disabled: props.disabled || atMin,
-              "aria-label": props.decrementAriaLabel,
-              onPointerdown: startStepRepeat("down"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: decrement
-            },
-            [icon(minusPathD)]
-          ),
-          h("input", {
-            type: "text",
-            class: getStepperInputClasses(props.size),
-            value: props.precision !== void 0 ? currentValue.value.toFixed(props.precision) : String(currentValue.value),
-            disabled: props.disabled,
-            "aria-label": "Value",
-            onChange: handleInput
-          }),
-          h(
-            "button",
-            {
-              type: "button",
-              class: getStepperButtonClasses(props.size, props.disabled || atMax, "right"),
-              disabled: props.disabled || atMax,
-              "aria-label": props.incrementAriaLabel,
-              onPointerdown: startStepRepeat("up"),
-              onPointerup: stopStepRepeat,
-              onPointerleave: stopStepRepeat,
-              onPointercancel: stopStepRepeat,
-              onClick: increment
-            },
-            [icon(plusPathD)]
-          )
-        ]
-      );
-    };
-  }
-});
-var Stepper_default = Stepper;
-
-export {
-  Stepper,
-  Stepper_default
-};

package/dist/chunk-LRFKHJDU.mjs

@@ -1,342 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/Transfer.ts
-import { defineComponent, h, ref, computed } from "vue";
-import {
-  transferBaseClasses,
-  transferPanelClasses,
-  transferPanelHeaderClasses,
-  transferPanelBodyClasses,
-  transferSearchClasses,
-  transferEmptyClasses,
-  transferOperationClasses,
-  getTransferItemClasses,
-  getTransferCheckboxClasses,
-  getTransferButtonClasses,
-  splitTransferData,
-  filterTransferItems,
-  moveTransferItems,
-  getPickerListboxAria,
-  getPickerOptionAria,
-  coerceClassValue,
-  classNames,
-  icon20ViewBox,
-  chevronLeftSolidIcon20PathD,
-  chevronRightSolidIcon20PathD,
-  resolveLocaleText,
-  mergeTigerLocale,
-  getTransferLabels
-} from "@expcat/tigercat-core";
-function ArrowIcon(pathD) {
-  return h(
-    "svg",
-    {
-      class: "w-4 h-4",
-      viewBox: icon20ViewBox,
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    [
-      h("path", {
-        d: pathD,
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd"
-      })
-    ]
-  );
-}
-var Transfer = defineComponent({
-  name: "TigerTransfer",
-  props: {
-    modelValue: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Target keys alias (core/shared name). Used when `modelValue` /
-     * `v-model` is not bound; `modelValue` takes priority.
-     */
-    targetKeys: {
-      type: Array,
-      default: void 0
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    searchable: {
-      type: Boolean,
-      default: false
-    },
-    searchValue: {
-      type: Object,
-      default: void 0
-    },
-    defaultSearchValue: {
-      type: Object,
-      default: () => ({})
-    },
-    sourceTitle: {
-      type: String,
-      default: void 0
-    },
-    targetTitle: {
-      type: String,
-      default: void 0
-    },
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    filterOption: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * Locale overrides merged on top of ConfigProvider locale
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    labels: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "update:targetKeys",
-    "update:searchValue",
-    "change",
-    "search-change"
-  ],
-  setup(props, { emit, attrs }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const labels = computed(
-      () => getTransferLabels(mergedLocale.value, {
-        ...props.labels,
-        sourceTitle: props.sourceTitle,
-        targetTitle: props.targetTitle
-      })
-    );
-    const sourceSelectedKeys = ref(/* @__PURE__ */ new Set());
-    const targetSelectedKeys = ref(/* @__PURE__ */ new Set());
-    const uncontrolledSearchValue = ref({ ...props.defaultSearchValue });
-    const resolvedSearchValue = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
-    const sourceSearch = computed(() => resolvedSearchValue.value.source ?? "");
-    const targetSearch = computed(() => resolvedSearchValue.value.target ?? "");
-    function updateSearchValue(panel, value) {
-      const next = { ...resolvedSearchValue.value, [panel]: value };
-      if (props.searchValue === void 0) {
-        uncontrolledSearchValue.value = next;
-      }
-      emit("update:searchValue", next);
-      emit("search-change", next);
-    }
-    const resolvedTargetKeys = computed(() => props.modelValue ?? props.targetKeys ?? []);
-    const computedData = computed(
-      () => splitTransferData(props.dataSource, resolvedTargetKeys.value)
-    );
-    const filteredSourceItems = computed(
-      () => filterTransferItems(computedData.value.sourceItems, sourceSearch.value, props.filterOption)
-    );
-    const filteredTargetItems = computed(
-      () => filterTransferItems(computedData.value.targetItems, targetSearch.value, props.filterOption)
-    );
-    const canMoveRight = computed(() => {
-      if (props.disabled) return false;
-      for (const key of sourceSelectedKeys.value) {
-        const item = props.dataSource.find((d) => d.key === key);
-        if (item && !item.disabled) return true;
-      }
-      return false;
-    });
-    const canMoveLeft = computed(() => {
-      if (props.disabled) return false;
-      for (const key of targetSelectedKeys.value) {
-        const item = props.dataSource.find((d) => d.key === key);
-        if (item && !item.disabled) return true;
-      }
-      return false;
-    });
-    function toggleSourceItem(key) {
-      const next = new Set(sourceSelectedKeys.value);
-      if (next.has(key)) {
-        next.delete(key);
-      } else {
-        next.add(key);
-      }
-      sourceSelectedKeys.value = next;
-    }
-    function toggleTargetItem(key) {
-      const next = new Set(targetSelectedKeys.value);
-      if (next.has(key)) {
-        next.delete(key);
-      } else {
-        next.add(key);
-      }
-      targetSelectedKeys.value = next;
-    }
-    function updateTargetKeys(newTargetKeys, direction, movedKeys) {
-      emit("update:modelValue", newTargetKeys);
-      emit("update:targetKeys", newTargetKeys);
-      emit("change", newTargetKeys, direction, movedKeys);
-    }
-    function moveRight() {
-      if (!canMoveRight.value) return;
-      const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
-        "right",
-        resolvedTargetKeys.value,
-        sourceSelectedKeys.value,
-        props.dataSource
-      );
-      sourceSelectedKeys.value = /* @__PURE__ */ new Set();
-      updateTargetKeys(newTargetKeys, "right", movedKeys);
-    }
-    function moveLeft() {
-      if (!canMoveLeft.value) return;
-      const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
-        "left",
-        resolvedTargetKeys.value,
-        targetSelectedKeys.value,
-        props.dataSource
-      );
-      targetSelectedKeys.value = /* @__PURE__ */ new Set();
-      updateTargetKeys(newTargetKeys, "left", movedKeys);
-    }
-    function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearchInput) {
-      return h("div", { class: transferPanelClasses, role: "group", "aria-label": title }, [
-        // Header
-        h("div", { class: transferPanelHeaderClasses }, [
-          h(
-            "span",
-            { class: "font-medium text-[var(--tiger-transfer-title,var(--tiger-text,#111827))]" },
-            `${title} (${items.length})`
-          )
-        ]),
-        // Search
-        props.searchable ? h("input", {
-          type: "text",
-          class: transferSearchClasses,
-          placeholder: resolveLocaleText(
-            "Search...",
-            mergedLocale.value?.common?.searchPlaceholder
-          ),
-          value: searchValue,
-          "aria-label": labels.value.searchAriaLabel.replace("{title}", title),
-          onInput: (e) => onSearchInput(e.target.value)
-        }) : null,
-        // Body
-        h(
-          "div",
-          {
-            class: transferPanelBodyClasses,
-            ...getPickerListboxAria({
-              label: labels.value.itemsAriaLabel.replace("{title}", title)
-            })
-          },
-          items.length > 0 ? items.map((item) => {
-            const isSelected = selectedKeys.has(item.key);
-            const isDisabled = props.disabled || !!item.disabled;
-            return h(
-              "label",
-              {
-                key: item.key,
-                class: getTransferItemClasses(isSelected, isDisabled, props.size),
-                ...getPickerOptionAria({ selected: isSelected, disabled: isDisabled })
-              },
-              [
-                h("input", {
-                  type: "checkbox",
-                  class: getTransferCheckboxClasses(props.size),
-                  checked: isSelected,
-                  disabled: isDisabled,
-                  onChange: () => {
-                    if (!isDisabled) toggleFn(item.key);
-                  }
-                }),
-                h("span", { class: "flex-1 truncate" }, item.label)
-              ]
-            );
-          }) : [
-            h(
-              "div",
-              { class: transferEmptyClasses },
-              resolveLocaleText(
-                "No data",
-                props.emptyText,
-                mergedLocale.value?.common?.emptyText
-              )
-            )
-          ]
-        )
-      ]);
-    }
-    return () => {
-      const containerClasses = classNames(transferBaseClasses, coerceClassValue(attrs.class));
-      return h("div", { class: containerClasses }, [
-        // Source panel
-        renderPanel(
-          labels.value.sourceTitle,
-          filteredSourceItems.value,
-          sourceSelectedKeys.value,
-          toggleSourceItem,
-          sourceSearch.value,
-          (value) => updateSearchValue("source", value)
-        ),
-        // Operation buttons
-        h("div", { class: transferOperationClasses }, [
-          h(
-            "button",
-            {
-              type: "button",
-              class: getTransferButtonClasses(!canMoveRight.value),
-              disabled: !canMoveRight.value,
-              "aria-label": labels.value.moveToTargetAriaLabel,
-              onClick: moveRight
-            },
-            [ArrowIcon(chevronRightSolidIcon20PathD)]
-          ),
-          h(
-            "button",
-            {
-              type: "button",
-              class: getTransferButtonClasses(!canMoveLeft.value),
-              disabled: !canMoveLeft.value,
-              "aria-label": labels.value.moveToSourceAriaLabel,
-              onClick: moveLeft
-            },
-            [ArrowIcon(chevronLeftSolidIcon20PathD)]
-          )
-        ]),
-        // Target panel
-        renderPanel(
-          labels.value.targetTitle,
-          filteredTargetItems.value,
-          targetSelectedKeys.value,
-          toggleTargetItem,
-          targetSearch.value,
-          (value) => updateSearchValue("target", value)
-        )
-      ]);
-    };
-  }
-});
-var Transfer_default = Transfer;
-
-export {
-  Transfer,
-  Transfer_default
-};

package/dist/chunk-M3G6LJKZ.mjs

@@ -1,76 +0,0 @@
-// src/components/Row.ts
-import { defineComponent, computed, h, provide } from "vue";
-import {
-  classNames,
-  getAlignClasses,
-  getJustifyClasses,
-  getRowGutterClasses,
-  getRowGutterStyleVars
-} from "@expcat/tigercat-core";
-var RowContextKey = /* @__PURE__ */ Symbol("RowContext");
-var Row = defineComponent({
-  name: "TigerRow",
-  props: {
-    /**
-     * Gutter size between columns (number or [horizontal, vertical])
-     * @default 0
-     */
-    gutter: {
-      type: [Number, Array],
-      default: 0
-    },
-    /**
-     * Vertical alignment of columns
-     * @default 'top'
-     */
-    align: {
-      type: String,
-      default: "top"
-    },
-    /**
-     * Horizontal alignment of columns
-     * @default 'start'
-     */
-    justify: {
-      type: String,
-      default: "start"
-    },
-    /**
-     * Whether to wrap columns
-     * @default true
-     */
-    wrap: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const gutter = computed(() => props.gutter);
-    const rowStyle = computed(() => getRowGutterStyleVars(gutter.value));
-    const rowClasses = computed(() => {
-      return classNames(
-        "flex",
-        "w-full",
-        props.wrap && "flex-wrap",
-        getRowGutterClasses(gutter.value),
-        getAlignClasses(props.align),
-        getJustifyClasses(props.justify)
-      );
-    });
-    provide(RowContextKey, { gutter });
-    return () => h(
-      "div",
-      {
-        ...attrs,
-        class: [rowClasses.value, attrs.class],
-        style: [rowStyle.value, attrs.style]
-      },
-      slots.default?.()
-    );
-  }
-});
-
-export {
-  RowContextKey,
-  Row
-};

package/dist/chunk-MI6TL3CQ.mjs

@@ -1,128 +0,0 @@
-// src/components/ChartGrid.ts
-import { defineComponent, computed, h } from "vue";
-import {
-  chartGridLineClasses,
-  classNames,
-  coerceClassValue,
-  getChartAxisTicks,
-  getChartGridLineDasharray
-} from "@expcat/tigercat-core";
-var ChartGrid = defineComponent({
-  name: "TigerChartGrid",
-  inheritAttrs: false,
-  props: {
-    xScale: {
-      type: Object
-    },
-    yScale: {
-      type: Object
-    },
-    show: {
-      type: String,
-      default: "both"
-    },
-    xTicks: {
-      type: Number,
-      default: 5
-    },
-    yTicks: {
-      type: Number,
-      default: 5
-    },
-    xTickValues: {
-      type: Array
-    },
-    yTickValues: {
-      type: Array
-    },
-    lineStyle: {
-      type: String,
-      default: "solid"
-    },
-    strokeWidth: {
-      type: Number,
-      default: 1
-    },
-    x: {
-      type: Number,
-      default: 0
-    },
-    y: {
-      type: Number,
-      default: 0
-    },
-    className: {
-      type: String
-    }
-  },
-  setup(props, { attrs }) {
-    const dasharray = computed(() => getChartGridLineDasharray(props.lineStyle));
-    const xTicks = computed(() => {
-      if (!props.xScale) return [];
-      return getChartAxisTicks(props.xScale, {
-        tickCount: props.xTicks,
-        tickValues: props.xTickValues
-      });
-    });
-    const yTicks = computed(() => {
-      if (!props.yScale) return [];
-      return getChartAxisTicks(props.yScale, {
-        tickCount: props.yTicks,
-        tickValues: props.yTickValues
-      });
-    });
-    const gridClasses = computed(() => classNames(coerceClassValue(attrs.class), props.className));
-    return () => {
-      const shouldRenderX = props.show === "both" || props.show === "x";
-      const shouldRenderY = props.show === "both" || props.show === "y";
-      const xRange = props.xScale?.range;
-      const yRange = props.yScale?.range;
-      const lines = [];
-      if (shouldRenderX && props.xScale && yRange) {
-        xTicks.value.forEach((tick) => {
-          lines.push(
-            h("line", {
-              x1: tick.position,
-              y1: yRange[0],
-              x2: tick.position,
-              y2: yRange[1],
-              class: chartGridLineClasses,
-              "stroke-width": props.strokeWidth,
-              "stroke-dasharray": dasharray.value
-            })
-          );
-        });
-      }
-      if (shouldRenderY && props.yScale && xRange) {
-        yTicks.value.forEach((tick) => {
-          lines.push(
-            h("line", {
-              x1: xRange[0],
-              y1: tick.position,
-              x2: xRange[1],
-              y2: tick.position,
-              class: chartGridLineClasses,
-              "stroke-width": props.strokeWidth,
-              "stroke-dasharray": dasharray.value
-            })
-          );
-        });
-      }
-      return h(
-        "g",
-        {
-          ...attrs,
-          class: gridClasses.value,
-          transform: `translate(${props.x}, ${props.y})`
-        },
-        lines
-      );
-    };
-  }
-});
-var ChartGrid_default = ChartGrid;
-
-export {
-  ChartGrid,
-  ChartGrid_default
-};