@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-RKZN3URO.js

@@ -1,10 +1,19 @@
-'use strict';
+"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 vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/CodeEditor.ts
-var CodeEditor = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var CodeEditor = _vue.defineComponent.call(void 0, {
   name: "TigerCodeEditor",
   props: {
     value: { type: String, default: void 0 },
@@ -38,25 +47,25 @@ var CodeEditor = vue.defineComponent({
   },
   emits: ["update:value", "change"],
   setup(props, { emit, attrs }) {
-    const internalValue = vue.ref(props.defaultValue || "");
-    const textareaRef = vue.ref(null);
-    const code = vue.computed(() => props.value !== void 0 ? props.value : internalValue.value);
-    vue.watch(
+    const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
+    const textareaRef = _vue.ref.call(void 0, null);
+    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(() => code.value.split("\n"));
-    const lineCount = vue.computed(() => tigercatCore.countLines(code.value));
-    const lineNums = vue.computed(() => tigercatCore.generateLineNumbers(lineCount.value));
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getCodeEditorContainerClasses(props.theme, props.disabled, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    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(() => {
+    const containerStyle = _vue.computed.call(void 0, () => {
       const lineHeight = 1.625;
       const s = {};
       if (props.minLines > 0) {
@@ -78,7 +87,7 @@ var CodeEditor = vue.defineComponent({
         e.preventDefault();
         const ta = textareaRef.value;
         if (!ta) return;
-        const result = tigercatCore.handleTabKey(ta.value, ta.selectionStart, ta.selectionEnd, props.tabSize);
+        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);
@@ -90,47 +99,47 @@ var CodeEditor = vue.defineComponent({
     };
     const renderHighlightedLine = (line, lineIndex) => {
       const engine = props.highlighter;
-      if (engine?.highlightLine) {
-        return vue.h("div", {
+      if (_optionalChain([engine, 'optionalAccess', _ => _.highlightLine])) {
+        return _vue.h.call(void 0, "div", {
           key: lineIndex,
           class: "min-h-[1.625rem]",
           innerHTML: engine.highlightLine(line, props.language, props.theme) || (line === "" ? "\n" : "")
         });
       }
-      const tokens = tigercatCore.tokenizeLine(line, props.language);
+      const tokens = _tigercatcore.tokenizeLine.call(void 0, line, props.language);
       const spans = tokens.map((token, ti) => {
-        const cls = tigercatCore.getTokenClasses(token.type, props.theme);
-        return cls ? vue.h("span", { class: cls, key: ti }, token.value) : token.value;
+        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("div", { key: lineIndex, class: "min-h-[1.625rem]" }, [
+      return _vue.h.call(void 0, "div", { key: lineIndex, class: "min-h-[1.625rem]" }, [
         ...spans,
         line === "" ? "\n" : null
       ]);
     };
     return () => {
       const wrapClass = props.wordWrap ? "whitespace-pre-wrap break-all" : "";
-      const gutterNode = props.lineNumbers ? vue.h(
+      const gutterNode = props.lineNumbers ? _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.getLineNumberClasses(props.theme),
+          class: _tigercatcore.getLineNumberClasses.call(void 0, props.theme),
           "aria-hidden": "true"
         },
-        lineNums.value.map((n) => vue.h("div", { key: n, class: "min-h-[1.625rem]" }, String(n)))
+        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("div", {
-        class: tigercatCore.classNames(tigercatCore.codeEditorHighlightClasses, wrapClass),
+      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(
+      }) : _vue.h.call(void 0, 
         "div",
-        { class: tigercatCore.classNames(tigercatCore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true" },
+        { class: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true" },
         lines.value.map((line, i) => renderHighlightedLine(line, i))
       );
-      const textareaNode = vue.h("textarea", {
+      const textareaNode = _vue.h.call(void 0, "textarea", {
         ref: textareaRef,
-        class: tigercatCore.classNames(tigercatCore.codeEditorTextareaClasses, wrapClass),
+        class: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorTextareaClasses, wrapClass),
         value: code.value,
         onInput,
         onKeydown: onKeyDown,
@@ -146,7 +155,7 @@ var CodeEditor = vue.defineComponent({
         role: "textbox",
         "aria-multiline": "true"
       });
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: containerClasses.value,
@@ -155,9 +164,9 @@ var CodeEditor = vue.defineComponent({
           "data-theme": props.theme
         },
         [
-          vue.h("div", { class: "flex h-full" }, [
+          _vue.h.call(void 0, "div", { class: "flex h-full" }, [
             gutterNode,
-            vue.h("div", { class: "relative flex-1 overflow-auto" }, [highlightNode, textareaNode])
+            _vue.h.call(void 0, "div", { class: "relative flex-1 overflow-auto" }, [highlightNode, textareaNode])
           ])
         ]
       );
@@ -166,5 +175,7 @@ var CodeEditor = vue.defineComponent({
 });
 var CodeEditor_default = CodeEditor;
 
-exports.CodeEditor = CodeEditor;
-exports.CodeEditor_default = CodeEditor_default;
+
+
+
+exports.CodeEditor = CodeEditor; exports.CodeEditor_default = CodeEditor_default;

package/dist/chunk-RY2I56HB.js

@@ -1,10 +1,20 @@
-'use strict';
+"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/Icon.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Icon.ts
-var Icon = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Icon = _vue.defineComponent.call(void 0, {
   name: "TigerIcon",
   inheritAttrs: false,
   props: {
@@ -26,42 +36,42 @@ var Icon = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.iconWrapperClasses, tigercatCore.coerceClassValue(attrs.class))
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.iconWrapperClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
     );
-    const svgClasses = vue.computed(() => tigercatCore.classNames(tigercatCore.iconSvgBaseClasses, tigercatCore.iconSizeClasses[props.size]));
+    const svgClasses = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[props.size]));
     return () => {
-      const defaultSlot = slots.default?.();
+      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
       const isDecorative = attrs["aria-label"] == null && attrs["aria-labelledby"] == null && attrs.role == null;
-      const children = (defaultSlot ?? []).map((node) => {
+      const children = (_nullishCoalesce(defaultSlot, () => ( []))).map((node) => {
         if (node && typeof node === "object" && node.type === "svg") {
           const svgNode = node;
-          const svgProps = svgNode.props ?? {};
-          return vue.h(
+          const svgProps = _nullishCoalesce(svgNode.props, () => ( {}));
+          return _vue.h.call(void 0, 
             "svg",
             {
               ...svgProps,
-              class: tigercatCore.classNames(svgClasses.value, tigercatCore.coerceClassValue(svgProps.class)),
-              xmlns: svgProps.xmlns ?? tigercatCore.SVG_DEFAULT_XMLNS,
-              viewBox: svgProps.viewBox ?? tigercatCore.SVG_DEFAULT_VIEWBOX_24,
-              fill: svgProps.fill ?? tigercatCore.SVG_DEFAULT_FILL,
-              stroke: svgProps.stroke ?? tigercatCore.SVG_DEFAULT_STROKE,
-              "stroke-width": svgProps["stroke-width"] ?? tigercatCore.iconSvgDefaultStrokeWidth,
-              "stroke-linecap": svgProps["stroke-linecap"] ?? tigercatCore.iconSvgDefaultStrokeLinecap,
-              "stroke-linejoin": svgProps["stroke-linejoin"] ?? tigercatCore.iconSvgDefaultStrokeLinejoin
+              class: _tigercatcore.classNames.call(void 0, svgClasses.value, _tigercatcore.coerceClassValue.call(void 0, svgProps.class)),
+              xmlns: _nullishCoalesce(svgProps.xmlns, () => ( _tigercatcore.SVG_DEFAULT_XMLNS)),
+              viewBox: _nullishCoalesce(svgProps.viewBox, () => ( _tigercatcore.SVG_DEFAULT_VIEWBOX_24)),
+              fill: _nullishCoalesce(svgProps.fill, () => ( _tigercatcore.SVG_DEFAULT_FILL)),
+              stroke: _nullishCoalesce(svgProps.stroke, () => ( _tigercatcore.SVG_DEFAULT_STROKE)),
+              "stroke-width": _nullishCoalesce(svgProps["stroke-width"], () => ( _tigercatcore.iconSvgDefaultStrokeWidth)),
+              "stroke-linecap": _nullishCoalesce(svgProps["stroke-linecap"], () => ( _tigercatcore.iconSvgDefaultStrokeLinecap)),
+              "stroke-linejoin": _nullishCoalesce(svgProps["stroke-linejoin"], () => ( _tigercatcore.iconSvgDefaultStrokeLinejoin))
             },
             svgNode.children === null ? void 0 : svgNode.children
           );
         }
         return node;
       });
-      return vue.h(
+      return _vue.h.call(void 0, 
         "span",
         {
           ...attrs,
           class: wrapperClasses.value,
           style: { ...attrs.style, color: props.color },
-          ...isDecorative ? { "aria-hidden": "true" } : { role: attrs.role ?? "img" }
+          ...isDecorative ? { "aria-hidden": "true" } : { role: _nullishCoalesce(attrs.role, () => ( "img")) }
         },
         children
       );
@@ -70,5 +80,7 @@ var Icon = vue.defineComponent({
 });
 var Icon_default = Icon;
 
-exports.Icon = Icon;
-exports.Icon_default = Icon_default;
+
+
+
+exports.Icon = Icon; exports.Icon_default = Icon_default;