@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-UNTTADHL.mjs

@@ -1,7 +1,18 @@
-import { RowContextKey } from './chunk-M3G6LJKZ.mjs';
-import { defineComponent, inject, computed, h } from 'vue';
-import { classNames, getSpanClasses, getOffsetClasses, getOrderClasses, getFlexClasses, getColGutterClasses, getColMergedStyleVars } from '@expcat/tigercat-core';
+import {
+  RowContextKey
+} from "./chunk-M3G6LJKZ.mjs";
 
+// src/components/Col.ts
+import { defineComponent, computed, h, inject } from "vue";
+import {
+  classNames,
+  getColMergedStyleVars,
+  getSpanClasses,
+  getOffsetClasses,
+  getOrderClasses,
+  getFlexClasses,
+  getColGutterClasses
+} from "@expcat/tigercat-core";
 var Col = defineComponent({
   name: "TigerCol",
   props: {
@@ -57,4 +68,6 @@ var Col = defineComponent({
   }
 });
 
-export { Col };
+export {
+  Col
+};

package/dist/chunk-UQK22ZMC.mjs

@@ -1,7 +1,19 @@
-import { defineComponent, ref, computed, watch, onBeforeUnmount, h } from 'vue';
-import { hexToRgb, rgbToHsv, classNames, colorPickerBaseClasses, coerceClassValue, getColorPickerTriggerClasses, colorPickerPanelClasses, colorPickerInputClasses, colorPickerPresetClasses, hsvToRgb, rgbToHex, isValidHex } from '@expcat/tigercat-core';
-
 // src/components/ColorPicker.ts
+import { defineComponent, h, ref, computed, watch, onBeforeUnmount } from "vue";
+import {
+  colorPickerBaseClasses,
+  getColorPickerTriggerClasses,
+  colorPickerPanelClasses,
+  colorPickerInputClasses,
+  colorPickerPresetClasses,
+  hexToRgb,
+  rgbToHex,
+  rgbToHsv,
+  hsvToRgb,
+  isValidHex,
+  classNames,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var ColorPicker = defineComponent({
   name: "TigerColorPicker",
   props: {
@@ -148,4 +160,7 @@ var ColorPicker = defineComponent({
 });
 var ColorPicker_default = ColorPicker;
 
-export { ColorPicker, ColorPicker_default };
+export {
+  ColorPicker,
+  ColorPicker_default
+};

package/dist/chunk-UUJ7A3CN.js

@@ -1,10 +1,28 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/InputNumber.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/InputNumber.ts
-var InputNumber = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var InputNumber = _vue.defineComponent.call(void 0, {
   name: "TigerInputNumber",
   inheritAttrs: false,
   props: {
@@ -71,12 +89,12 @@ var InputNumber = vue.defineComponent({
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(props, { emit, attrs }) {
-    const inputRef = vue.ref(null);
-    const focused = vue.ref(false);
-    const repeatController = tigercatCore.createRafRepeatActionController();
+    const inputRef = _vue.ref.call(void 0, null);
+    const focused = _vue.ref.call(void 0, false);
+    const repeatController = _tigercatcore.createRafRepeatActionController.call(void 0, );
     let repeatValue = null;
     let suppressNextClick = false;
-    const displayValue = vue.ref("");
+    const displayValue = _vue.ref.call(void 0, "");
     function toDisplayValue(val) {
       if (val === null || val === void 0) return "";
       if (props.formatter) return props.formatter(val);
@@ -89,7 +107,7 @@ var InputNumber = vue.defineComponent({
       const num = Number(str);
       return Number.isNaN(num) ? null : num;
     }
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.modelValue,
       (val) => {
         if (!focused.value) {
@@ -98,17 +116,17 @@ var InputNumber = vue.defineComponent({
       },
       { immediate: true }
     );
-    const isControlled = vue.computed(() => props.modelValue !== void 0);
-    const internalValue = vue.ref(props.modelValue ?? null);
-    const currentValue = vue.computed(
-      () => isControlled.value ? props.modelValue ?? null : internalValue.value
+    const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
+    const internalValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( null)));
+    const currentValue = _vue.computed.call(void 0, 
+      () => isControlled.value ? _nullishCoalesce(props.modelValue, () => ( null)) : internalValue.value
     );
     function commitValue(val) {
       let finalVal = val;
       if (finalVal !== null) {
-        finalVal = tigercatCore.clampValue(finalVal, props.min, props.max);
+        finalVal = _tigercatcore.clampValue.call(void 0, finalVal, props.min, props.max);
         if (props.precision !== void 0) {
-          finalVal = tigercatCore.formatPrecision(finalVal, props.precision);
+          finalVal = _tigercatcore.formatPrecision.call(void 0, finalVal, props.precision);
         }
       }
       if (!isControlled.value) {
@@ -119,8 +137,8 @@ var InputNumber = vue.defineComponent({
       displayValue.value = toDisplayValue(finalVal);
     }
     function handleStep(direction, baseValue = currentValue.value) {
-      if (props.disabled || props.readonly) return baseValue ?? null;
-      const next = tigercatCore.stepValue(
+      if (props.disabled || props.readonly) return _nullishCoalesce(baseValue, () => ( null));
+      const next = _tigercatcore.stepValue.call(void 0, 
         baseValue,
         props.step,
         direction,
@@ -142,8 +160,8 @@ var InputNumber = vue.defineComponent({
       return (event) => {
         event.preventDefault();
         if (props.disabled || props.readonly) return;
-        if (direction === "down" && tigercatCore.isAtMin(currentValue.value, props.min)) return;
-        if (direction === "up" && tigercatCore.isAtMax(currentValue.value, props.max)) return;
+        if (direction === "down" && _tigercatcore.isAtMin.call(void 0, currentValue.value, props.min)) return;
+        if (direction === "up" && _tigercatcore.isAtMax.call(void 0, currentValue.value, props.max)) return;
         suppressNextClick = true;
         repeatValue = currentValue.value;
         repeatController.start(() => {
@@ -189,41 +207,41 @@ var InputNumber = vue.defineComponent({
         commitValue(parsed);
       }
     }
-    const atMin = vue.computed(() => tigercatCore.isAtMin(currentValue.value, props.min));
-    const atMax = vue.computed(() => tigercatCore.isAtMax(currentValue.value, props.max));
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getInputNumberWrapperClasses(props.disabled),
-        tigercatCore.getInputNumberStatusClasses(props.status),
-        tigercatCore.getInputNumberSizeClasses(props.size),
-        focused.value && `ring-2 ${tigercatCore.getInputNumberFocusRingColor(props.status)}`,
-        tigercatCore.coerceClassValue(attrs.class)
+    const atMin = _vue.computed.call(void 0, () => _tigercatcore.isAtMin.call(void 0, currentValue.value, props.min));
+    const atMax = _vue.computed.call(void 0, () => _tigercatcore.isAtMax.call(void 0, currentValue.value, props.max));
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getInputNumberWrapperClasses.call(void 0, props.disabled),
+        _tigercatcore.getInputNumberStatusClasses.call(void 0, props.status),
+        _tigercatcore.getInputNumberSizeClasses.call(void 0, props.size),
+        focused.value && `ring-2 ${_tigercatcore.getInputNumberFocusRingColor.call(void 0, props.status)}`,
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const inputClasses = vue.computed(
-      () => tigercatCore.getInputNumberInputClasses(
+    const inputClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.getInputNumberInputClasses.call(void 0, 
         props.size,
         props.controls && props.controlsPosition === "right",
         props.controls && props.controlsPosition === "both"
       )
     );
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (props.autoFocus && inputRef.value) {
         inputRef.value.focus();
       }
     });
-    vue.onBeforeUnmount(() => repeatController.stop());
+    _vue.onBeforeUnmount.call(void 0, () => repeatController.stop());
     return () => {
       const children = [];
       if (props.controls && props.controlsPosition === "both") {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               type: "button",
               tabindex: -1,
               "aria-label": "Decrease",
-              class: tigercatCore.getInputNumberSideButtonClasses("left", props.disabled || atMin.value),
+              class: _tigercatcore.getInputNumberSideButtonClasses.call(void 0, "left", props.disabled || atMin.value),
               disabled: props.disabled || atMin.value,
               onPointerdown: startStepRepeat("down"),
               onPointerup: stopStepRepeat,
@@ -232,7 +250,7 @@ var InputNumber = vue.defineComponent({
               onClick: () => handleStepClick("down")
             },
             [
-              vue.h(
+              _vue.h.call(void 0, 
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -242,21 +260,21 @@ var InputNumber = vue.defineComponent({
                   "stroke-width": "2",
                   class: "w-4 h-4"
                 },
-                [vue.h("path", { d: tigercatCore.inputNumberMinusIconPathD })]
+                [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberMinusIconPathD })]
               )
             ]
           )
         );
       }
       children.push(
-        vue.h("input", {
+        _vue.h.call(void 0, "input", {
           ref: inputRef,
           type: "text",
           inputmode: "decimal",
           role: "spinbutton",
           "aria-valuemin": props.min === -Infinity ? void 0 : props.min,
           "aria-valuemax": props.max === Infinity ? void 0 : props.max,
-          "aria-valuenow": currentValue.value ?? void 0,
+          "aria-valuenow": _nullishCoalesce(currentValue.value, () => ( void 0)),
           class: inputClasses.value,
           value: displayValue.value,
           placeholder: props.placeholder,
@@ -272,13 +290,13 @@ var InputNumber = vue.defineComponent({
       );
       if (props.controls && props.controlsPosition === "both") {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               type: "button",
               tabindex: -1,
               "aria-label": "Increase",
-              class: tigercatCore.getInputNumberSideButtonClasses("right", props.disabled || atMax.value),
+              class: _tigercatcore.getInputNumberSideButtonClasses.call(void 0, "right", props.disabled || atMax.value),
               disabled: props.disabled || atMax.value,
               onPointerdown: startStepRepeat("up"),
               onPointerup: stopStepRepeat,
@@ -287,7 +305,7 @@ var InputNumber = vue.defineComponent({
               onClick: () => handleStepClick("up")
             },
             [
-              vue.h(
+              _vue.h.call(void 0, 
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -297,7 +315,7 @@ var InputNumber = vue.defineComponent({
                   "stroke-width": "2",
                   class: "w-4 h-4"
                 },
-                [vue.h("path", { d: tigercatCore.inputNumberPlusIconPathD })]
+                [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberPlusIconPathD })]
               )
             ]
           )
@@ -305,14 +323,14 @@ var InputNumber = vue.defineComponent({
       }
       if (props.controls && props.controlsPosition === "right") {
         children.push(
-          vue.h("div", { class: tigercatCore.inputNumberControlsRightClasses }, [
-            vue.h(
+          _vue.h.call(void 0, "div", { class: _tigercatcore.inputNumberControlsRightClasses }, [
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
                 tabindex: -1,
                 "aria-label": "Increase",
-                class: tigercatCore.getInputNumberStepButtonClasses("up", props.disabled || atMax.value),
+                class: _tigercatcore.getInputNumberStepButtonClasses.call(void 0, "up", props.disabled || atMax.value),
                 disabled: props.disabled || atMax.value,
                 onPointerdown: startStepRepeat("up"),
                 onPointerup: stopStepRepeat,
@@ -321,7 +339,7 @@ var InputNumber = vue.defineComponent({
                 onClick: () => handleStepClick("up")
               },
               [
-                vue.h(
+                _vue.h.call(void 0, 
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -329,17 +347,17 @@ var InputNumber = vue.defineComponent({
                     fill: "currentColor",
                     class: "w-3 h-3"
                   },
-                  [vue.h("path", { d: tigercatCore.inputNumberUpIconPathD })]
+                  [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberUpIconPathD })]
                 )
               ]
             ),
-            vue.h(
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
                 tabindex: -1,
                 "aria-label": "Decrease",
-                class: tigercatCore.getInputNumberStepButtonClasses("down", props.disabled || atMin.value),
+                class: _tigercatcore.getInputNumberStepButtonClasses.call(void 0, "down", props.disabled || atMin.value),
                 disabled: props.disabled || atMin.value,
                 onPointerdown: startStepRepeat("down"),
                 onPointerup: stopStepRepeat,
@@ -348,7 +366,7 @@ var InputNumber = vue.defineComponent({
                 onClick: () => handleStepClick("down")
               },
               [
-                vue.h(
+                _vue.h.call(void 0, 
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -356,14 +374,14 @@ var InputNumber = vue.defineComponent({
                     fill: "currentColor",
                     class: "w-3 h-3"
                   },
-                  [vue.h("path", { d: tigercatCore.inputNumberDownIconPathD })]
+                  [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberDownIconPathD })]
                 )
               ]
             )
           ])
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: wrapperClasses.value
@@ -375,5 +393,7 @@ var InputNumber = vue.defineComponent({
 });
 var InputNumber_default = InputNumber;
 
-exports.InputNumber = InputNumber;
-exports.InputNumber_default = InputNumber_default;
+
+
+
+exports.InputNumber = InputNumber; exports.InputNumber_default = InputNumber_default;

package/dist/chunk-V32X2OEO.js

@@ -1,23 +1,48 @@
-'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; }
 
-var chunkJCMGBKS6_js = require('./chunk-JCMGBKS6.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
+var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
+
+// src/components/Message.ts
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
-var messageInstances = vue.ref([]);
+var messageInstances = _vue.ref.call(void 0, []);
 var instanceIdCounter = 0;
 var IS_TEST_ENV = (() => {
   const proc = globalThis.process;
-  return typeof proc !== "undefined" && proc.env?.NODE_ENV === "test";
+  return typeof proc !== "undefined" && _optionalChain([proc, 'access', _ => _.env, 'optionalAccess', _2 => _2.NODE_ENV]) === "test";
 })();
 var containerApp = null;
 function getNextInstanceId() {
   return ++instanceIdCounter;
 }
-var MessageContainer = vue.defineComponent({
+var MessageContainer = _vue.defineComponent.call(void 0, {
   name: "TigerMessageContainer",
   props: {
     position: {
@@ -26,46 +51,46 @@ var MessageContainer = vue.defineComponent({
     }
   },
   setup(props) {
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(tigercatCore.messageContainerBaseClasses, tigercatCore.messagePositionClasses[props.position]);
+    const containerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[props.position]);
     });
     const renderMessageItem = (message) => {
-      const colorScheme = tigercatCore.getMessageTypeClasses(message.type, tigercatCore.defaultMessageThemeColors);
-      const messageClasses = tigercatCore.classNames(
-        tigercatCore.messageBaseClasses,
+      const colorScheme = _tigercatcore.getMessageTypeClasses.call(void 0, message.type, _tigercatcore.defaultMessageThemeColors);
+      const messageClasses = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.messageBaseClasses,
         colorScheme.bg,
         colorScheme.border,
         colorScheme.text,
         message.className
       );
-      const iconPath = message.icon || tigercatCore.getMessageIconPath(message.type);
-      const iconClass = tigercatCore.classNames(tigercatCore.messageIconClasses, colorScheme.icon);
+      const iconPath = message.icon || _tigercatcore.getMessageIconPath.call(void 0, message.type);
+      const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.messageIconClasses, colorScheme.icon);
       const a11yRole = message.type === "error" ? "alert" : "status";
       const ariaLive = message.type === "error" ? "assertive" : "polite";
       const children = [
-        chunkJCMGBKS6_js.createStatusIconWithLoading(
+        _chunkJCMGBKS6js.createStatusIconWithLoading.call(void 0, 
           iconPath,
           iconClass,
           message.type === "loading",
-          tigercatCore.messageLoadingSpinnerClasses
+          _tigercatcore.messageLoadingSpinnerClasses
         ),
-        vue.h("div", { class: tigercatCore.messageContentClasses }, message.content)
+        _vue.h.call(void 0, "div", { class: _tigercatcore.messageContentClasses }, message.content)
       ];
       if (message.closable) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.messageCloseButtonClasses,
+              class: _tigercatcore.messageCloseButtonClasses,
               onClick: () => removeMessage(message.id),
               "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
               type: "button"
             },
-            chunkJCMGBKS6_js.createStatusIcon(tigercatCore.messageCloseIconPath, "w-4 h-4")
+            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.messageCloseIconPath, "w-4 h-4")
           )
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           key: message.id,
@@ -81,10 +106,10 @@ var MessageContainer = vue.defineComponent({
         children
       );
     };
-    return () => vue.h(
-      vue.Teleport,
+    return () => _vue.h.call(void 0, 
+      _vue.Teleport,
       { to: "body" },
-      vue.h(
+      _vue.h.call(void 0, 
         "div",
         {
           class: containerClasses.value,
@@ -93,8 +118,8 @@ var MessageContainer = vue.defineComponent({
           "aria-relevant": "additions",
           "data-tiger-message-container": ""
         },
-        IS_TEST_ENV ? messageInstances.value.map(renderMessageItem) : vue.h(
-          vue.TransitionGroup,
+        IS_TEST_ENV ? messageInstances.value.map(renderMessageItem) : _vue.h.call(void 0, 
+          _vue.TransitionGroup,
           { name: "message", tag: "div" },
           () => messageInstances.value.map(renderMessageItem)
         )
@@ -103,7 +128,7 @@ var MessageContainer = vue.defineComponent({
   }
 });
 function ensureContainer() {
-  if (!tigercatCore.isBrowser()) {
+  if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
   }
   const existingRootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
@@ -119,7 +144,7 @@ function ensureContainer() {
     rootEl.id = MESSAGE_CONTAINER_ROOT_ID;
     document.body.appendChild(rootEl);
   }
-  containerApp = vue.createApp(MessageContainer);
+  containerApp = _vue.createApp.call(void 0, MessageContainer);
   containerApp.mount(rootEl);
 }
 function addMessage(config) {
@@ -164,15 +189,15 @@ function clearAll() {
     containerApp.unmount();
     containerApp = null;
   }
-  if (tigercatCore.isBrowser()) {
+  if (_tigercatcore.isBrowser.call(void 0, )) {
     const rootEl = document.getElementById(MESSAGE_CONTAINER_ROOT_ID);
-    if (rootEl?.parentNode) {
+    if (_optionalChain([rootEl, 'optionalAccess', _3 => _3.parentNode])) {
       rootEl.parentNode.removeChild(rootEl);
     }
   }
 }
 function normalizeOptions(options) {
-  return tigercatCore.normalizeStringOption(options, "content");
+  return _tigercatcore.normalizeStringOption.call(void 0, options, "content");
 }
 var Message = {
   info(options) {
@@ -201,6 +226,8 @@ var Message = {
 };
 var Message_default = Message;
 
-exports.Message = Message;
-exports.MessageContainer = MessageContainer;
-exports.Message_default = Message_default;
+
+
+
+
+exports.MessageContainer = MessageContainer; exports.Message = Message; exports.Message_default = Message_default;