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

package/dist/chunk-55BSMMUN.js

@@ -1,202 +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/CodeEditor.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var CodeEditor = _vue.defineComponent.call(void 0, {
-  name: "TigerCodeEditor",
-  props: {
-    value: { type: String, default: void 0 },
-    defaultValue: { type: String, default: "" },
-    language: {
-      type: String,
-      default: "plain"
-    },
-    theme: {
-      type: String,
-      default: "light"
-    },
-    readOnly: { type: Boolean, default: false },
-    lineNumbers: { type: Boolean, default: true },
-    highlightActiveLine: { type: Boolean, default: true },
-    tabSize: { type: Number, default: 2 },
-    placeholder: { type: String, default: void 0 },
-    wordWrap: { type: Boolean, default: false },
-    minLines: { type: Number, default: 3 },
-    maxLines: { type: Number, default: 0 },
-    disabled: { type: Boolean, default: false },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    highlighter: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:value", "change"],
-  setup(props, { emit, attrs }) {
-    const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
-    const textareaRef = _vue.ref.call(void 0, null);
-    const activeLine = _vue.ref.call(void 0, 0);
-    const updateActiveLine = () => {
-      const ta = textareaRef.value;
-      if (!ta) return;
-      activeLine.value = _tigercatcore.getActiveLineIndex.call(void 0, ta.value, ta.selectionStart);
-    };
-    const code = _vue.computed.call(void 0, () => props.value !== void 0 ? props.value : internalValue.value);
-    _vue.watch.call(void 0, 
-      () => props.value,
-      (v) => {
-        if (v !== void 0) internalValue.value = v;
-      }
-    );
-    const lines = _vue.computed.call(void 0, () => code.value.split("\n"));
-    const lineCount = _vue.computed.call(void 0, () => _tigercatcore.countLines.call(void 0, code.value));
-    const lineNums = _vue.computed.call(void 0, () => _tigercatcore.generateLineNumbers.call(void 0, lineCount.value));
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getCodeEditorContainerClasses.call(void 0, props.theme, props.disabled, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const containerStyle = _vue.computed.call(void 0, () => {
-      const lineHeight = 1.625;
-      const s = {};
-      if (props.minLines > 0) {
-        s.minHeight = `${props.minLines * lineHeight + 1.5}rem`;
-      }
-      if (props.maxLines > 0) {
-        s.maxHeight = `${props.maxLines * lineHeight + 1.5}rem`;
-      }
-      return s;
-    });
-    const onInput = (e) => {
-      const target = e.target;
-      const val = target.value;
-      internalValue.value = val;
-      emit("update:value", val);
-      emit("change", val);
-      activeLine.value = _tigercatcore.getActiveLineIndex.call(void 0, val, target.selectionStart);
-    };
-    const onKeyDown = (e) => {
-      if (e.key === "Tab") {
-        e.preventDefault();
-        const ta = textareaRef.value;
-        if (!ta) return;
-        const result = _tigercatcore.handleTabKey.call(void 0, ta.value, ta.selectionStart, ta.selectionEnd, props.tabSize);
-        internalValue.value = result.value;
-        emit("update:value", result.value);
-        emit("change", result.value);
-        requestAnimationFrame(() => {
-          ta.selectionStart = result.selectionStart;
-          ta.selectionEnd = result.selectionStart;
-        });
-      }
-    };
-    const renderHighlightedLine = (line, lineIndex) => {
-      const showActiveLine = props.highlightActiveLine && !props.disabled;
-      const isActive = showActiveLine && lineIndex === activeLine.value;
-      const lineClass = _tigercatcore.classNames.call(void 0, 
-        "min-h-[1.625rem]",
-        isActive && _tigercatcore.getCodeEditorActiveLineClasses.call(void 0, props.theme)
-      );
-      const engine = props.highlighter;
-      if (_optionalChain([engine, 'optionalAccess', _ => _.highlightLine])) {
-        return _vue.h.call(void 0, "div", {
-          key: lineIndex,
-          class: lineClass,
-          "data-active-line": isActive ? "" : void 0,
-          innerHTML: engine.highlightLine(line, props.language, props.theme) || (line === "" ? "\n" : "")
-        });
-      }
-      const tokens = _tigercatcore.tokenizeLine.call(void 0, line, props.language);
-      const spans = tokens.map((token, ti) => {
-        const cls = _tigercatcore.getTokenClasses.call(void 0, token.type, props.theme);
-        return cls ? _vue.h.call(void 0, "span", { class: cls, key: ti }, token.value) : token.value;
-      });
-      return _vue.h.call(void 0, 
-        "div",
-        { key: lineIndex, class: lineClass, "data-active-line": isActive ? "" : void 0 },
-        [...spans, line === "" ? "\n" : null]
-      );
-    };
-    return () => {
-      const wrapClass = props.wordWrap ? "whitespace-pre-wrap break-all" : "";
-      const gutterNode = props.lineNumbers ? _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.getLineNumberClasses.call(void 0, props.theme),
-          "aria-hidden": "true"
-        },
-        lineNums.value.map((n) => _vue.h.call(void 0, "div", { key: n, class: "min-h-[1.625rem]" }, String(n)))
-      ) : null;
-      const blockEngine = props.highlighter;
-      const blockHtml = blockEngine && !blockEngine.highlightLine && blockEngine.highlightCode ? blockEngine.highlightCode(code.value, props.language, props.theme) : null;
-      const highlightNode = blockHtml !== null ? _vue.h.call(void 0, "div", {
-        class: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorHighlightClasses, wrapClass),
-        "aria-hidden": "true",
-        innerHTML: blockHtml
-      }) : _vue.h.call(void 0, 
-        "div",
-        { class: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true" },
-        lines.value.map((line, i) => renderHighlightedLine(line, i))
-      );
-      const textareaNode = _vue.h.call(void 0, "textarea", {
-        ref: textareaRef,
-        class: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorTextareaClasses, wrapClass),
-        value: code.value,
-        onInput,
-        onKeydown: onKeyDown,
-        onSelect: updateActiveLine,
-        onClick: updateActiveLine,
-        onKeyup: updateActiveLine,
-        readonly: props.readOnly || props.disabled,
-        disabled: props.disabled,
-        placeholder: props.placeholder,
-        spellcheck: false,
-        autocapitalize: "off",
-        autocomplete: "off",
-        autocorrect: "off",
-        "data-gramm": "false",
-        "aria-label": "Code editor",
-        role: "textbox",
-        "aria-multiline": "true"
-      });
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          style: { ...containerStyle.value, ...props.style },
-          "data-language": props.language,
-          "data-theme": props.theme
-        },
-        [
-          _vue.h.call(void 0, "div", { class: "flex h-full" }, [
-            gutterNode,
-            _vue.h.call(void 0, "div", { class: "relative flex-1 overflow-auto" }, [highlightNode, textareaNode])
-          ])
-        ]
-      );
-    };
-  }
-});
-var CodeEditor_default = CodeEditor;
-
-
-
-
-exports.CodeEditor = CodeEditor; exports.CodeEditor_default = CodeEditor_default;

package/dist/chunk-57MJTNDL.js

@@ -1,128 +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/ChartGrid.ts
-var _vue = require('vue');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var ChartGrid = _vue.defineComponent.call(void 0, {
-  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 = _vue.computed.call(void 0, () => _tigercatcore.getChartGridLineDasharray.call(void 0, props.lineStyle));
-    const xTicks = _vue.computed.call(void 0, () => {
-      if (!props.xScale) return [];
-      return _tigercatcore.getChartAxisTicks.call(void 0, props.xScale, {
-        tickCount: props.xTicks,
-        tickValues: props.xTickValues
-      });
-    });
-    const yTicks = _vue.computed.call(void 0, () => {
-      if (!props.yScale) return [];
-      return _tigercatcore.getChartAxisTicks.call(void 0, props.yScale, {
-        tickCount: props.yTicks,
-        tickValues: props.yTickValues
-      });
-    });
-    const gridClasses = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.coerceClassValue.call(void 0, attrs.class), props.className));
-    return () => {
-      const shouldRenderX = props.show === "both" || props.show === "x";
-      const shouldRenderY = props.show === "both" || props.show === "y";
-      const xRange = _optionalChain([props, 'access', _ => _.xScale, 'optionalAccess', _2 => _2.range]);
-      const yRange = _optionalChain([props, 'access', _3 => _3.yScale, 'optionalAccess', _4 => _4.range]);
-      const lines = [];
-      if (shouldRenderX && props.xScale && yRange) {
-        xTicks.value.forEach((tick) => {
-          lines.push(
-            _vue.h.call(void 0, "line", {
-              x1: tick.position,
-              y1: yRange[0],
-              x2: tick.position,
-              y2: yRange[1],
-              class: _tigercatcore.chartGridLineClasses,
-              "stroke-width": props.strokeWidth,
-              "stroke-dasharray": dasharray.value
-            })
-          );
-        });
-      }
-      if (shouldRenderY && props.yScale && xRange) {
-        yTicks.value.forEach((tick) => {
-          lines.push(
-            _vue.h.call(void 0, "line", {
-              x1: xRange[0],
-              y1: tick.position,
-              x2: xRange[1],
-              y2: tick.position,
-              class: _tigercatcore.chartGridLineClasses,
-              "stroke-width": props.strokeWidth,
-              "stroke-dasharray": dasharray.value
-            })
-          );
-        });
-      }
-      return _vue.h.call(void 0, 
-        "g",
-        {
-          ...attrs,
-          class: gridClasses.value,
-          transform: `translate(${props.x}, ${props.y})`
-        },
-        lines
-      );
-    };
-  }
-});
-var ChartGrid_default = ChartGrid;
-
-
-
-
-exports.ChartGrid = ChartGrid; exports.ChartGrid_default = ChartGrid_default;

package/dist/chunk-5FTM7R3P.js

@@ -1,142 +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/Segmented.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Segmented = _vue.defineComponent.call(void 0, {
-  name: "TigerSegmented",
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    block: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    function handleSelect(option) {
-      if (option.disabled || props.disabled) return;
-      if (option.value === props.modelValue) return;
-      emit("update:modelValue", option.value);
-      emit("change", option.value);
-    }
-    function focusOption(container, index) {
-      const els = _optionalChain([container, 'optionalAccess', _ => _.querySelectorAll, 'call', _2 => _2('[role="radio"]')]);
-      _optionalChain([els, 'optionalAccess', _3 => _3[index], 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
-    }
-    function handleKeydown(e, index) {
-      if (props.disabled) return;
-      const enabledIdxs = props.options.reduce((acc, opt, i) => {
-        if (!opt.disabled) acc.push(i);
-        return acc;
-      }, []);
-      if (enabledIdxs.length === 0) return;
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        handleSelect(props.options[index]);
-        return;
-      }
-      const pos = enabledIdxs.indexOf(index);
-      let target = null;
-      switch (e.key) {
-        case "ArrowRight":
-        case "ArrowDown":
-          target = enabledIdxs[(pos + 1 + enabledIdxs.length) % enabledIdxs.length];
-          break;
-        case "ArrowLeft":
-        case "ArrowUp":
-          target = enabledIdxs[(pos - 1 + enabledIdxs.length) % enabledIdxs.length];
-          break;
-        case "Home":
-          target = enabledIdxs[0];
-          break;
-        case "End":
-          target = enabledIdxs[enabledIdxs.length - 1];
-          break;
-        default:
-          return;
-      }
-      if (target == null) return;
-      e.preventDefault();
-      const container = e.currentTarget.closest('[role="radiogroup"]');
-      focusOption(container, target);
-      handleSelect(props.options[target]);
-    }
-    return () => {
-      const selectedIndex = props.options.findIndex((opt) => opt.value === props.modelValue);
-      const firstEnabledIndex = props.options.findIndex((opt) => !opt.disabled);
-      const rovingIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.getSegmentedContainerClasses.call(void 0, props.size, props.block),
-            props.className,
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-          ),
-          style: _tigercatcore.mergeStyleValues.call(void 0, 
-            attrs.style,
-            _tigercatcore.getSegmentedContainerStyle.call(void 0, props.options.length)
-          ),
-          role: "radiogroup",
-          "aria-disabled": props.disabled || void 0
-        },
-        [
-          _vue.h.call(void 0, "div", {
-            "data-tiger-segmented-indicator": "true",
-            "aria-hidden": "true",
-            class: _tigercatcore.getSegmentedIndicatorClasses.call(void 0, props.size),
-            style: _tigercatcore.getSegmentedIndicatorStyle.call(void 0, 
-              props.options.findIndex((opt) => opt.value === props.modelValue),
-              props.options.length,
-              props.size
-            )
-          }),
-          ...props.options.map((opt, index) => {
-            const selected = opt.value === props.modelValue;
-            const isDisabled = !!opt.disabled || props.disabled;
-            return _vue.h.call(void 0, 
-              "label",
-              {
-                key: opt.value,
-                class: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.getSegmentedOptionClasses.call(void 0, props.size, selected, isDisabled),
-                  props.block ? "flex-1 text-center" : ""
-                ),
-                role: "radio",
-                "aria-checked": selected,
-                "aria-disabled": isDisabled,
-                tabindex: isDisabled ? -1 : index === rovingIndex ? 0 : -1,
-                onClick: () => handleSelect(opt),
-                onKeydown: (e) => handleKeydown(e, index)
-              },
-              [_vue.h.call(void 0, "span", null, opt.label)]
-            );
-          })
-        ]
-      );
-    };
-  }
-});
-var Segmented_default = Segmented;
-
-
-
-
-exports.Segmented = Segmented; exports.Segmented_default = Segmented_default;

package/dist/chunk-5PVDNJA5.js

@@ -1,103 +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 _chunkMPVL53GPjs = require('./chunk-MPVL53GP.js');
-
-// src/components/Kanban.ts
-var _vue = require('vue');
-var Kanban = _vue.defineComponent.call(void 0, {
-  name: "TigerKanban",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: Array,
-      default: void 0
-    },
-    defaultColumns: {
-      type: Array,
-      default: () => []
-    },
-    draggable: { type: Boolean, default: true },
-    columnDraggable: { type: Boolean, default: true },
-    enforceWipLimit: { type: Boolean, default: false },
-    beforeCardMove: {
-      type: Function,
-      default: void 0
-    },
-    beforeColumnMove: {
-      type: Function,
-      default: void 0
-    },
-    onCardAdd: {
-      type: Function,
-      default: void 0
-    },
-    filterText: { type: String, default: "" },
-    hiddenColumns: {
-      type: Array,
-      default: () => []
-    },
-    swimlanes: {
-      type: Array,
-      default: void 0
-    },
-    swimlaneField: {
-      type: String,
-      default: void 0
-    },
-    showCardCount: { type: Boolean, default: true },
-    allowAddCard: { type: Boolean, default: true },
-    allowAddColumn: { type: Boolean, default: false },
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["card-move", "column-move", "update:columns", "card-add", "column-add"],
-  setup(props, { emit, attrs, slots }) {
-    const handleCardAdd = (colId) => {
-      _optionalChain([props, 'access', _ => _.onCardAdd, 'optionalCall', _2 => _2(colId)]);
-      emit("card-add", colId);
-    };
-    return () => _vue.h.call(void 0, 
-      _chunkMPVL53GPjs.TaskBoard,
-      {
-        ...attrs,
-        columns: props.columns,
-        defaultColumns: props.defaultColumns,
-        draggable: props.draggable,
-        columnDraggable: props.columnDraggable,
-        enforceWipLimit: props.enforceWipLimit,
-        beforeCardMove: props.beforeCardMove,
-        beforeColumnMove: props.beforeColumnMove,
-        // Only set onCardAdd when needed — its presence affects button visibility
-        onCardAdd: props.allowAddCard || props.onCardAdd ? handleCardAdd : void 0,
-        filterText: props.filterText,
-        hiddenColumns: props.hiddenColumns,
-        swimlanes: props.swimlanes,
-        swimlaneField: props.swimlaneField,
-        showCardCount: props.showCardCount,
-        allowAddCard: props.allowAddCard,
-        allowAddColumn: props.allowAddColumn,
-        locale: props.locale,
-        className: props.className,
-        style: props.style,
-        "onCard-move": (e) => emit("card-move", e),
-        "onColumn-move": (e) => emit("column-move", e),
-        "onUpdate:columns": (cols) => emit("update:columns", cols),
-        "onColumn-add": () => emit("column-add")
-      },
-      slots
-    );
-  }
-});
-var Kanban_default = Kanban;
-
-
-
-
-exports.Kanban = Kanban; exports.Kanban_default = Kanban_default;