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

package/dist/chunk-APBWQGXW.js

@@ -1,250 +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; }// src/components/MarkdownEditor.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var modes = ["edit", "split", "preview"];
-var MarkdownEditor = _vue.defineComponent.call(void 0, {
-  name: "TigerMarkdownEditor",
-  props: {
-    value: { type: String, default: void 0 },
-    defaultValue: { type: String, default: "" },
-    placeholder: { type: String, default: void 0 },
-    mode: {
-      type: String,
-      default: void 0
-    },
-    defaultMode: {
-      type: String,
-      default: "split"
-    },
-    toolbar: {
-      type: [Array, Boolean],
-      default: void 0
-    },
-    showModeSwitch: { type: Boolean, default: true },
-    height: {
-      type: [Number, String],
-      default: 360
-    },
-    readOnly: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    renderer: {
-      type: Object,
-      default: void 0
-    },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:value", "change", "update:mode", "mode-change"],
-  setup(props, { emit, attrs }) {
-    const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
-    const internalMode = _vue.ref.call(void 0, props.defaultMode);
-    const textareaRef = _vue.ref.call(void 0, null);
-    const currentValue = _vue.computed.call(void 0, 
-      () => props.value !== void 0 ? props.value : internalValue.value
-    );
-    const currentMode = _vue.computed.call(void 0, () => _nullishCoalesce(props.mode, () => ( internalMode.value)));
-    const toolbarItems = _vue.computed.call(void 0, 
-      () => props.toolbar === false ? [] : _nullishCoalesce(props.toolbar, () => ( _tigercatcore.defaultMarkdownToolbar))
-    );
-    const previewHtml = _vue.computed.call(void 0, () => _tigercatcore.renderMarkdownToHtml.call(void 0, currentValue.value, props.renderer));
-    const showFormattingToolbar = _vue.computed.call(void 0, () => props.toolbar !== false);
-    const showTopbar = _vue.computed.call(void 0, () => showFormattingToolbar.value || props.showModeSwitch);
-    const showEditor = _vue.computed.call(void 0, () => currentMode.value === "edit" || currentMode.value === "split");
-    const showPreview = _vue.computed.call(void 0, 
-      () => currentMode.value === "preview" || currentMode.value === "split"
-    );
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getMarkdownContainerClasses.call(void 0, props.disabled, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const containerStyle = _vue.computed.call(void 0, () => {
-      const parsedHeight = _tigercatcore.parseMarkdownHeight.call(void 0, props.height);
-      return {
-        ...parsedHeight ? { height: parsedHeight } : {},
-        ...props.style
-      };
-    });
-    function commitValue(nextValue) {
-      if (props.value === void 0) internalValue.value = nextValue;
-      emit("update:value", nextValue);
-      emit("change", nextValue);
-    }
-    function commitMode(nextMode) {
-      if (props.mode === void 0) internalMode.value = nextMode;
-      emit("update:mode", nextMode);
-      emit("mode-change", nextMode);
-    }
-    async function restoreSelection(selectionStart, selectionEnd) {
-      await _vue.nextTick.call(void 0, );
-      const textarea = textareaRef.value;
-      if (!textarea) return;
-      textarea.selectionStart = selectionStart;
-      textarea.selectionEnd = selectionEnd;
-      textarea.focus();
-    }
-    function applyToolbarButton(button) {
-      if (props.readOnly || props.disabled) return;
-      const textarea = textareaRef.value;
-      const selection = {
-        value: currentValue.value,
-        selectionStart: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _ => _.selectionStart]), () => ( currentValue.value.length)),
-        selectionEnd: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _2 => _2.selectionEnd]), () => ( currentValue.value.length))
-      };
-      const result = _tigercatcore.applyMarkdownToolbarAction.call(void 0, button, selection);
-      commitValue(result.value);
-      void restoreSelection(result.selectionStart, result.selectionEnd);
-    }
-    function handleKeydown(event) {
-      if (event.key === "Tab") {
-        event.preventDefault();
-        const textarea = event.currentTarget;
-        const before = textarea.value.slice(0, textarea.selectionStart);
-        const after = textarea.value.slice(textarea.selectionEnd);
-        const result = {
-          value: `${before}  ${after}`,
-          selectionStart: textarea.selectionStart + 2,
-          selectionEnd: textarea.selectionStart + 2
-        };
-        commitValue(result.value);
-        void restoreSelection(result.selectionStart, result.selectionEnd);
-        return;
-      }
-      const match = _tigercatcore.findMarkdownHotkeyMatch.call(void 0, toolbarItems.value, event);
-      if (match) {
-        event.preventDefault();
-        applyToolbarButton(match);
-      }
-    }
-    return () => {
-      const toolbarNode = showTopbar.value ? _vue.h.call(void 0, "div", { class: _tigercatcore.markdownEditorToolbarClasses }, [
-        showFormattingToolbar.value ? _vue.h.call(void 0, 
-          "div",
-          {
-            class: _tigercatcore.markdownEditorToolbarGroupClasses,
-            role: "toolbar",
-            "aria-label": "Markdown formatting"
-          },
-          toolbarItems.value.map((item, index) => {
-            if (_tigercatcore.isMarkdownToolbarSeparator.call(void 0, item)) {
-              return _vue.h.call(void 0, "div", {
-                key: `separator-${index}`,
-                class: _tigercatcore.markdownEditorToolbarSeparatorClasses,
-                role: "separator",
-                "aria-orientation": "vertical"
-              });
-            }
-            return _vue.h.call(void 0, 
-              "button",
-              {
-                key: item.name,
-                type: "button",
-                class: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, false),
-                title: _nullishCoalesce(item.tooltip, () => ( item.label)),
-                "aria-label": _nullishCoalesce(item.tooltip, () => ( item.label)),
-                disabled: props.disabled || props.readOnly,
-                onClick: () => applyToolbarButton(item)
-              },
-              item.icon ? _vue.h.call(void 0, "span", { innerHTML: item.icon }) : item.label
-            );
-          })
-        ) : _vue.h.call(void 0, "span"),
-        props.showModeSwitch ? _vue.h.call(void 0, 
-          "div",
-          {
-            class: _tigercatcore.markdownEditorToolbarGroupClasses,
-            role: "toolbar",
-            "aria-label": "Markdown view mode"
-          },
-          modes.map(
-            (item) => _vue.h.call(void 0, 
-              "button",
-              {
-                key: item,
-                type: "button",
-                class: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, currentMode.value === item),
-                "aria-label": _tigercatcore.markdownModeLabels[item],
-                "aria-pressed": currentMode.value === item,
-                disabled: props.disabled,
-                onClick: () => commitMode(item)
-              },
-              _tigercatcore.markdownModeLabels[item]
-            )
-          )
-        ) : null
-      ]) : null;
-      const textareaNode = showEditor.value ? _vue.h.call(void 0, "textarea", {
-        ref: textareaRef,
-        class: _tigercatcore.markdownEditorTextareaClasses,
-        value: currentValue.value,
-        onInput: (event) => commitValue(event.target.value),
-        onKeydown: handleKeydown,
-        placeholder: props.placeholder,
-        readonly: props.readOnly || props.disabled,
-        disabled: props.disabled,
-        spellcheck: true,
-        "aria-label": "Markdown editor",
-        "aria-multiline": true
-      }) : null;
-      const previewNode = showPreview.value ? _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.markdownEditorPreviewClasses,
-            currentMode.value === "split" ? _tigercatcore.markdownEditorSplitDividerClasses : void 0,
-            !currentValue.value ? _tigercatcore.markdownEditorEmptyPreviewClasses : void 0
-          ),
-          role: "region",
-          "aria-label": "Markdown preview",
-          ...currentValue.value ? { innerHTML: previewHtml.value } : {}
-        },
-        currentValue.value ? void 0 : props.placeholder
-      ) : null;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses.value,
-          style: containerStyle.value,
-          "data-mode": currentMode.value
-        },
-        [
-          toolbarNode,
-          _vue.h.call(void 0, "div", { class: _tigercatcore.getMarkdownBodyClasses.call(void 0, currentMode.value) }, [
-            textareaNode,
-            previewNode
-          ])
-        ]
-      );
-    };
-  }
-});
-var MarkdownEditor_default = MarkdownEditor;
-
-
-
-
-exports.MarkdownEditor = MarkdownEditor; exports.MarkdownEditor_default = MarkdownEditor_default;

package/dist/chunk-AWXSJNNP.js

@@ -1,267 +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 _chunkDYSLYJ2Wjs = require('./chunk-DYSLYJ2W.js');
-
-// src/components/Textarea.ts
-
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Textarea = _vue.defineComponent.call(void 0, {
-  name: "TigerTextarea",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Textarea value (for v-model)
-     */
-    modelValue: {
-      type: String
-    },
-    /**
-     * Textarea size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Whether the textarea is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the textarea is readonly
-     * @default false
-     */
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the textarea is required
-     * @default false
-     */
-    required: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Placeholder text
-     */
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Number of visible text rows
-     * @default 3
-     */
-    rows: {
-      type: Number,
-      default: 3
-    },
-    /**
-     * Auto-resize height based on content
-     * @default false
-     */
-    autoResize: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Maximum number of rows (only with autoResize)
-     */
-    maxRows: {
-      type: Number
-    },
-    /**
-     * Minimum number of rows (only with autoResize)
-     */
-    minRows: {
-      type: Number
-    },
-    /**
-     * Maximum character length
-     */
-    maxLength: {
-      type: Number
-    },
-    /**
-     * Minimum character length
-     */
-    minLength: {
-      type: Number
-    },
-    /**
-     * Textarea name attribute
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Textarea id attribute
-     */
-    id: {
-      type: String
-    },
-    /**
-     * Autocomplete attribute
-     */
-    autoComplete: {
-      type: String
-    },
-    /**
-     * Whether to autofocus on mount
-     */
-    autoFocus: Boolean,
-    /**
-     * Show character count
-     * @default false
-     */
-    showCount: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    "update:modelValue": null,
-    input: null,
-    change: null,
-    focus: null,
-    blur: null
-  },
-  setup(props, { emit, attrs }) {
-    const instance = _vue.getCurrentInstance.call(void 0, );
-    const inputGroup = _vue.inject.call(void 0, _chunkDYSLYJ2Wjs.INPUT_GROUP_INJECTION_KEY, null);
-    const effectiveSize = _vue.computed.call(void 0, () => {
-      const hasOwnSize = Object.prototype.hasOwnProperty.call(_nullishCoalesce(_optionalChain([instance, 'optionalAccess', _ => _.vnode, 'access', _2 => _2.props]), () => ( {})), "size");
-      return hasOwnSize ? props.size : _nullishCoalesce(_optionalChain([inputGroup, 'optionalAccess', _3 => _3.size]), () => ( props.size));
-    });
-    const textareaRef = _vue.ref.call(void 0, null);
-    const localValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( "")));
-    _vue.watch.call(void 0, 
-      () => props.modelValue,
-      (newValue) => {
-        const next = _nullishCoalesce(newValue, () => ( ""));
-        if (next !== localValue.value) {
-          localValue.value = next;
-        }
-      }
-    );
-    const textareaClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "block",
-        _tigercatcore.getInputClasses.call(void 0, { size: effectiveSize.value }),
-        props.autoResize ? "resize-none" : "resize-y",
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const currentLength = _vue.computed.call(void 0, () => localValue.value.length);
-    const adjustHeight = () => {
-      if (!props.autoResize || !textareaRef.value) return;
-      _tigercatcore.autoResizeTextarea.call(void 0, textareaRef.value, {
-        minRows: props.minRows,
-        maxRows: props.maxRows
-      });
-    };
-    const handleInput = (event) => {
-      const target = event.target;
-      const value = target.value;
-      localValue.value = value;
-      emit("update:modelValue", value);
-      emit("input", event);
-    };
-    const handleChange = (event) => {
-      emit("change", event);
-    };
-    const handleFocus = (event) => {
-      emit("focus", event);
-    };
-    const handleBlur = (event) => {
-      emit("blur", event);
-    };
-    _vue.watch.call(void 0, [localValue, () => props.autoResize, () => props.minRows, () => props.maxRows], () => {
-      if (!props.autoResize) return;
-      _vue.nextTick.call(void 0, adjustHeight);
-    });
-    _vue.onMounted.call(void 0, () => {
-      if (props.autoResize) _vue.nextTick.call(void 0, adjustHeight);
-    });
-    return () => {
-      const children = [
-        _vue.h.call(void 0, "textarea", {
-          ...attrs,
-          ref: textareaRef,
-          class: textareaClasses.value,
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style),
-          value: localValue.value,
-          disabled: props.disabled,
-          readonly: props.readonly,
-          required: props.required,
-          placeholder: props.placeholder,
-          rows: props.rows,
-          maxlength: props.maxLength,
-          minlength: props.minLength,
-          name: props.name,
-          id: props.id,
-          autocomplete: props.autoComplete,
-          autofocus: props.autoFocus,
-          onInput: handleInput,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        })
-      ];
-      if (props.showCount) {
-        const countText = props.maxLength ? `${currentLength.value}/${props.maxLength}` : `${currentLength.value}`;
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            {
-              class: "mt-1 text-sm text-gray-500 text-right"
-            },
-            countText
-          )
-        );
-      }
-      return _vue.h.call(void 0, "div", { class: "w-full" }, children);
-    };
-  }
-});
-var Textarea_default = Textarea;
-
-
-
-
-exports.Textarea = Textarea; exports.Textarea_default = Textarea_default;

package/dist/chunk-AYQER5UD.js

@@ -1,96 +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;
-        const initialPosition = _tigercatcore.resolveChartTooltipPosition.call(void 0, {
-          x: props.x,
-          y: props.y,
-          rect: { width: 0, height: 0 },
-          viewport: { width: window.innerWidth, height: window.innerHeight }
-        });
-        const frameHandle = requestAnimationFrame(() => {
-          if (!tooltipRef.value) return;
-          const rect = tooltipRef.value.getBoundingClientRect();
-          adjustedPosition.value = _tigercatcore.resolveChartTooltipPosition.call(void 0, {
-            x: props.x,
-            y: props.y,
-            rect,
-            viewport: { width: window.innerWidth, height: window.innerHeight }
-          });
-        });
-        onCleanup(() => cancelAnimationFrame(frameHandle));
-        adjustedPosition.value = initialPosition;
-      },
-      { 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;