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

package/dist/chunk-KGDRA475.js

@@ -1,119 +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 _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
-
-
-var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
-
-// src/components/Tooltip.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var createTooltipId = _tigercatcore.createFloatingIdFactory.call(void 0, "tooltip");
-var Tooltip = _vue.defineComponent.call(void 0, {
-  name: "TigerTooltip",
-  inheritAttrs: false,
-  props: {
-    /** Whether the tooltip is open (controlled mode) */
-    open: { type: Boolean, default: void 0 },
-    /** Default open state (uncontrolled mode) @default false */
-    defaultOpen: { type: Boolean, default: false },
-    /** Tooltip content text */
-    content: { type: String, default: void 0 },
-    /** Trigger type @default 'hover' */
-    trigger: { type: String, default: "hover" },
-    /** Placement @default 'top' */
-    placement: { type: String, default: "top" },
-    /** Disabled state @default false */
-    disabled: { type: Boolean, default: false },
-    /** Offset in pixels @default 8 */
-    offset: { type: Number, default: 8 },
-    /** Additional CSS classes */
-    className: { type: String, default: void 0 },
-    style: { type: [String, Object, Array], default: void 0 }
-  },
-  emits: ["update:open", "open-change"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const {
-      currentVisible,
-      containerRef,
-      triggerRef,
-      floatingRef,
-      floatingStyles,
-      triggerHandlers
-    } = _chunkQOMWROWEjs.useFloatingPopup.call(void 0, { props, emit });
-    const tooltipId = createTooltipId();
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))
-    );
-    const triggerClasses = _vue.computed.call(void 0, () => _tigercatcore.getTooltipTriggerClasses.call(void 0, props.disabled));
-    const contentClasses = _vue.computed.call(void 0, () => _tigercatcore.getTooltipContentClasses.call(void 0, ));
-    return () => {
-      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
-      if (!defaultSlot || defaultSlot.length === 0) return null;
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      const hasTooltipContent = Boolean(props.content || slots.content);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...restAttrs,
-          ref: containerRef,
-          class: containerClasses.value,
-          style: props.style
-        },
-        [
-          // Trigger element
-          _vue.h.call(void 0, 
-            "div",
-            {
-              ref: triggerRef,
-              class: triggerClasses.value,
-              "aria-describedby": hasTooltipContent ? tooltipId : void 0,
-              ...triggerHandlers.value
-            },
-            defaultSlot
-          ),
-          // Tooltip content (positioned with Floating UI)
-          currentVisible.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 
-            _vue.h.call(void 0, 
-              "div",
-              {
-                ref: floatingRef,
-                style: floatingStyles.value,
-                "aria-hidden": false
-              },
-              [
-                _vue.h.call(void 0, 
-                  "div",
-                  {
-                    id: tooltipId,
-                    role: "tooltip",
-                    class: contentClasses.value
-                  },
-                  slots.content ? slots.content() : props.content
-                )
-              ]
-            )
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Tooltip_default = Tooltip;
-
-
-
-
-exports.Tooltip = Tooltip; exports.Tooltip_default = Tooltip_default;

package/dist/chunk-KLOUOXNA.js

@@ -1,111 +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,
-        // A group of toggle buttons is not a "list"; only use list semantics
-        // for the static (non-interactive) legend.
-        role: props.interactive ? "group" : "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
-            ),
-            // Interactive items are real buttons; `role="listitem"` would
-            // override the button role, so it is only set for the static legend.
-            role: props.interactive ? void 0 : "listitem",
-            "aria-pressed": props.interactive ? item.active !== false : void 0,
-            "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", null, item.label)
-          ]
-        )
-      )
-    );
-  }
-});
-var ChartLegend_default = ChartLegend;
-
-
-
-
-exports.ChartLegend = ChartLegend; exports.ChartLegend_default = ChartLegend_default;

package/dist/chunk-KTNT2JHB.js

@@ -1,351 +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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/FileManager.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var FileManager = _vue.defineComponent.call(void 0, {
-  name: "TigerFileManager",
-  inheritAttrs: false,
-  props: {
-    files: { type: Array, default: () => [] },
-    viewMode: {
-      type: String,
-      default: "list"
-    },
-    selectedKeys: {
-      type: Array,
-      default: () => []
-    },
-    multiple: { type: Boolean, default: false },
-    columns: {
-      type: Array,
-      default: void 0
-    },
-    sortField: {
-      type: String,
-      default: "name"
-    },
-    sortOrder: {
-      type: String,
-      default: "asc"
-    },
-    currentPath: {
-      type: Array,
-      default: () => []
-    },
-    showHidden: { type: Boolean, default: false },
-    draggable: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
-    emptyText: { type: String, default: void 0 },
-    searchable: { type: Boolean, default: false },
-    searchText: { type: String, default: "" },
-    className: { type: String, default: void 0 },
-    locale: { type: Object, default: void 0 }
-  },
-  emits: [
-    "select",
-    "open",
-    "navigate",
-    "update:currentPath",
-    "update:searchText",
-    "update:selectedKeys",
-    "update:files",
-    "reorder"
-  ],
-  setup(props, { emit, 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 labels = _vue.computed.call(void 0, () => _tigercatcore.getFileManagerLabels.call(void 0, mergedLocale.value));
-    const localSearch = _vue.ref.call(void 0, props.searchText);
-    const focusedIndex = _vue.ref.call(void 0, 0);
-    const contentRef = _vue.ref.call(void 0, null);
-    let dragFromIndex = null;
-    function handleDragStart(event, item, index) {
-      if (!props.draggable || item.disabled) return;
-      dragFromIndex = index;
-      if (event.dataTransfer) {
-        event.dataTransfer.effectAllowed = "move";
-        event.dataTransfer.setData("text/plain", String(_tigercatcore.toFileDragItem.call(void 0, item, index).id));
-      }
-    }
-    function handleDragOver(event) {
-      if (!props.draggable || dragFromIndex === null) return;
-      event.preventDefault();
-      if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
-    }
-    function handleDrop(event, toIndex) {
-      if (!props.draggable) return;
-      const fromIndex = dragFromIndex;
-      dragFromIndex = null;
-      if (fromIndex === null || fromIndex === toIndex) return;
-      event.preventDefault();
-      const items = model.value.processedItems;
-      const reordered = _tigercatcore.applyFileDragReorder.call(void 0, items, {
-        item: _tigercatcore.toFileDragItem.call(void 0, items[fromIndex], fromIndex),
-        fromIndex,
-        toIndex,
-        fromContainerId: "",
-        toContainerId: ""
-      });
-      emit("reorder", reordered, fromIndex, toIndex);
-      emit("update:files", reordered);
-    }
-    const model = _vue.computed.call(void 0, 
-      () => _tigercatcore.deriveFileManagerModel.call(void 0, {
-        files: props.files,
-        currentPath: props.currentPath,
-        selectedKeys: props.selectedKeys,
-        sortField: props.sortField,
-        sortOrder: props.sortOrder,
-        showHidden: props.showHidden,
-        searchText: localSearch.value || props.searchText
-      })
-    );
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getFileManagerContainerClasses.call(void 0, props.className), _tigercatcore.coerceClassValue.call(void 0, attrs.class))
-    );
-    function handleSelect(item) {
-      if (item.disabled) return;
-      emit("select", item);
-      const keys = _tigercatcore.toggleFileSelection.call(void 0, props.selectedKeys, item.key, props.multiple);
-      emit("update:selectedKeys", keys);
-    }
-    function handleOpen(item) {
-      const result = _tigercatcore.resolveFileOpen.call(void 0, item, props.currentPath);
-      if (!result) return;
-      if (result.type === "navigate") {
-        emit("update:currentPath", result.path);
-        emit("navigate", result.path);
-      } else {
-        emit("open", result.item);
-      }
-    }
-    function navigateToBreadcrumb(index) {
-      const newPath = _tigercatcore.sliceBreadcrumbPath.call(void 0, props.currentPath, index);
-      emit("update:currentPath", newPath);
-      emit("navigate", newPath);
-    }
-    function getFirstEnabledIndex() {
-      return model.value.processedItems.findIndex((item) => !item.disabled);
-    }
-    function getLastEnabledIndex() {
-      for (let index = model.value.processedItems.length - 1; index >= 0; index -= 1) {
-        if (!_optionalChain([model, 'access', _ => _.value, 'access', _2 => _2.processedItems, 'access', _3 => _3[index], 'optionalAccess', _4 => _4.disabled])) {
-          return index;
-        }
-      }
-      return -1;
-    }
-    function getFocusedItemIndex() {
-      return focusedIndex.value >= 0 && !_optionalChain([model, 'access', _5 => _5.value, 'access', _6 => _6.processedItems, 'access', _7 => _7[focusedIndex.value], 'optionalAccess', _8 => _8.disabled]) ? focusedIndex.value : getFirstEnabledIndex();
-    }
-    function focusItemAt(index) {
-      _vue.nextTick.call(void 0, () => {
-        _optionalChain([contentRef, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.querySelector, 'call', _11 => _11(`[data-option-index="${index}"]`), 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]);
-      });
-    }
-    function moveFocus(current, direction) {
-      if (model.value.processedItems.length === 0) return;
-      let next = current;
-      for (let i = 0; i < model.value.processedItems.length; i += 1) {
-        next = (next + direction + model.value.processedItems.length) % model.value.processedItems.length;
-        if (!_optionalChain([model, 'access', _14 => _14.value, 'access', _15 => _15.processedItems, 'access', _16 => _16[next], 'optionalAccess', _17 => _17.disabled])) {
-          focusedIndex.value = next;
-          focusItemAt(next);
-          return;
-        }
-      }
-    }
-    function handleItemKeydown(event, item, index) {
-      switch (event.key) {
-        case "ArrowDown":
-        case "ArrowRight":
-          event.preventDefault();
-          moveFocus(index, 1);
-          return;
-        case "ArrowUp":
-        case "ArrowLeft":
-          event.preventDefault();
-          moveFocus(index, -1);
-          return;
-        case "Home": {
-          event.preventDefault();
-          const first = getFirstEnabledIndex();
-          if (first >= 0) {
-            focusedIndex.value = first;
-            focusItemAt(first);
-          }
-          return;
-        }
-        case "End": {
-          event.preventDefault();
-          const last = getLastEnabledIndex();
-          if (last >= 0) {
-            focusedIndex.value = last;
-            focusItemAt(last);
-          }
-          return;
-        }
-        case " ":
-          event.preventDefault();
-          handleSelect(item);
-          return;
-        case "Enter":
-          event.preventDefault();
-          handleSelect(item);
-          handleOpen(item);
-          return;
-        default:
-          return;
-      }
-    }
-    return () => {
-      const breadcrumbItems = [
-        _vue.h.call(void 0, 
-          "span",
-          {
-            class: _tigercatcore.fileManagerBreadcrumbItemClasses,
-            onClick: () => navigateToBreadcrumb(0)
-          },
-          labels.value.rootText
-        ),
-        ...props.currentPath.flatMap((seg, i) => [
-          _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerBreadcrumbSeparatorClasses }, "/"),
-          _vue.h.call(void 0, 
-            "span",
-            {
-              class: _tigercatcore.fileManagerBreadcrumbItemClasses,
-              onClick: () => navigateToBreadcrumb(i + 1)
-            },
-            seg
-          )
-        ])
-      ];
-      const breadcrumb = _vue.h.call(void 0, 
-        "nav",
-        { class: _tigercatcore.fileManagerBreadcrumbClasses, "aria-label": "File path" },
-        breadcrumbItems
-      );
-      const searchInput = props.searchable ? _vue.h.call(void 0, "input", {
-        type: "text",
-        class: _tigercatcore.fileManagerSearchClasses,
-        placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
-          "Search...",
-          _optionalChain([mergedLocale, 'access', _18 => _18.value, 'optionalAccess', _19 => _19.common, 'optionalAccess', _20 => _20.searchPlaceholder])
-        ),
-        value: localSearch.value,
-        onInput: (e) => {
-          const val = e.target.value;
-          localSearch.value = val;
-          emit("update:searchText", val);
-        }
-      }) : null;
-      const toolbar = _vue.h.call(void 0, "div", { class: _tigercatcore.fileManagerToolbarClasses }, [
-        breadcrumb,
-        _vue.h.call(void 0, "div", { class: "flex-1" }),
-        searchInput
-      ]);
-      const fileIcon = (item) => _vue.h.call(void 0, 
-        "span",
-        { class: _tigercatcore.fileManagerItemIconClasses, "aria-hidden": "true" },
-        item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}"
-      );
-      const renderItem = (item, index) => {
-        const isSelected = model.value.selectedSet.has(item.key);
-        const itemClass = _tigercatcore.getFileItemClasses.call(void 0, props.viewMode, isSelected);
-        const focusedItem = getFocusedItemIndex();
-        const nameEl = _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemNameClasses }, item.name);
-        const metaColumns = _nullishCoalesce(props.columns, () => ( ["size", "modified"]));
-        const metaEls = props.viewMode === "list" ? [
-          metaColumns.includes("type") ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, _nullishCoalesce(item.extension, () => ( item.type))) : null,
-          metaColumns.includes("size") && item.size !== void 0 ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, _tigercatcore.formatFileSizeLabel.call(void 0, item.size)) : null,
-          metaColumns.includes("modified") && item.modified ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, item.modified) : null
-        ] : [];
-        const dragItem = props.draggable && !item.disabled ? _tigercatcore.toFileDragItem.call(void 0, item, index) : void 0;
-        return _vue.h.call(void 0, 
-          "div",
-          {
-            key: item.key,
-            class: itemClass,
-            role: "option",
-            "aria-selected": isSelected,
-            tabindex: !item.disabled && index === focusedItem ? 0 : -1,
-            "data-option-index": index,
-            "data-disabled": item.disabled || void 0,
-            onFocus: () => {
-              if (!item.disabled) focusedIndex.value = index;
-            },
-            onKeydown: (event) => handleItemKeydown(event, item, index),
-            onClick: () => handleSelect(item),
-            onDblclick: () => handleOpen(item),
-            draggable: props.draggable && !item.disabled,
-            "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _21 => _21.id]),
-            onDragstart: (event) => handleDragStart(event, item, index),
-            onDragover: handleDragOver,
-            onDrop: (event) => handleDrop(event, index)
-          },
-          [fileIcon(item), nameEl, ...metaEls]
-        );
-      };
-      const contentClass = props.viewMode === "grid" ? `${_tigercatcore.fileManagerContentClasses} grid grid-cols-4 gap-2` : _tigercatcore.fileManagerContentClasses;
-      const content = model.value.processedItems.length > 0 ? _vue.h.call(void 0, 
-        "div",
-        {
-          ref: contentRef,
-          class: contentClass,
-          role: "listbox",
-          "aria-multiselectable": props.multiple
-        },
-        model.value.processedItems.map(renderItem)
-      ) : _vue.h.call(void 0, 
-        "div",
-        { class: _tigercatcore.fileManagerEmptyClasses },
-        _tigercatcore.resolveLocaleText.call(void 0, 
-          "Empty folder",
-          props.emptyText,
-          _optionalChain([mergedLocale, 'access', _22 => _22.value, 'optionalAccess', _23 => _23.common, 'optionalAccess', _24 => _24.emptyText])
-        )
-      );
-      const loadingEl = props.loading ? _vue.h.call(void 0, 
-        "div",
-        { class: _tigercatcore.fileManagerLoadingClasses },
-        _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _25 => _25.value, 'optionalAccess', _26 => _26.common, 'optionalAccess', _27 => _27.loadingText]))
-      ) : null;
-      return _vue.h.call(void 0, "div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
-    };
-  }
-});
-var FileManager_default = FileManager;
-
-
-
-
-exports.FileManager = FileManager; exports.FileManager_default = FileManager_default;