@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-CSJQKBDJ.js

@@ -1,14 +1,41 @@
-'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/Notification.ts
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
 var NOTIFICATION_CLOSE_ARIA_LABEL = "Close notification";
 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 notificationInstancesByPosition = {
   "top-left": [],
@@ -29,7 +56,7 @@ var updateCallbacks = {
   "bottom-left": null,
   "bottom-right": null
 };
-var stackUpdateScheduler = tigercatCore.createNotificationStackUpdateScheduler();
+var stackUpdateScheduler = _tigercatcore.createNotificationStackUpdateScheduler.call(void 0, );
 function scheduleNotificationStackUpdate(position) {
   const callback = updateCallbacks[position];
   if (!callback) return;
@@ -41,7 +68,7 @@ function getNextInstanceId() {
 function getContainerRootId(position) {
   return `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
 }
-var NotificationContainer = vue.defineComponent({
+var NotificationContainer = _vue.defineComponent.call(void 0, {
   name: "TigerNotificationContainer",
   inheritAttrs: false,
   props: {
@@ -51,61 +78,61 @@ var NotificationContainer = vue.defineComponent({
     }
   },
   setup(props, { attrs }) {
-    const notifications = vue.ref([]);
+    const notifications = _vue.ref.call(void 0, []);
     const syncNotifications = () => {
       notifications.value = [...notificationInstancesByPosition[props.position]];
     };
     updateCallbacks[props.position] = syncNotifications;
     syncNotifications();
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.notificationContainerBaseClasses,
-        tigercatCore.notificationPositionClasses[props.position],
-        tigercatCore.coerceClassValue(attrs.class)
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.notificationContainerBaseClasses,
+        _tigercatcore.notificationPositionClasses[props.position],
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
     const renderNotificationItem = (notification2) => {
-      const colorScheme = tigercatCore.getNotificationTypeClasses(notification2.type);
-      const notificationClasses = tigercatCore.classNames(
-        tigercatCore.notificationBaseClasses,
+      const colorScheme = _tigercatcore.getNotificationTypeClasses.call(void 0, notification2.type);
+      const notificationClasses = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.notificationBaseClasses,
         colorScheme.bg,
         colorScheme.border,
         notification2.className
       );
-      const iconPath = notification2.icon || tigercatCore.getNotificationIconPath(notification2.type);
-      const iconClass = tigercatCore.classNames(tigercatCore.notificationIconClasses, colorScheme.icon);
+      const iconPath = notification2.icon || _tigercatcore.getNotificationIconPath.call(void 0, notification2.type);
+      const iconClass = _tigercatcore.classNames.call(void 0, _tigercatcore.notificationIconClasses, colorScheme.icon);
       const a11yRole = notification2.type === "error" ? "alert" : "status";
       const ariaLive = notification2.type === "error" ? "assertive" : "polite";
       const contentChildren = [
-        vue.h(
+        _vue.h.call(void 0, 
           "div",
           {
-            class: tigercatCore.classNames(tigercatCore.notificationTitleClasses, colorScheme.titleText)
+            class: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationTitleClasses, colorScheme.titleText)
           },
           notification2.title
         )
       ];
       if (notification2.description) {
         contentChildren.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
-              class: tigercatCore.classNames(tigercatCore.notificationDescriptionClasses, colorScheme.descriptionText)
+              class: _tigercatcore.classNames.call(void 0, _tigercatcore.notificationDescriptionClasses, colorScheme.descriptionText)
             },
             notification2.description
           )
         );
       }
       const children = [
-        chunkJCMGBKS6_js.createStatusIcon(iconPath, iconClass, { "aria-hidden": "true", focusable: "false" }),
-        vue.h("div", { class: tigercatCore.notificationContentClasses }, contentChildren)
+        _chunkJCMGBKS6js.createStatusIcon.call(void 0, iconPath, iconClass, { "aria-hidden": "true", focusable: "false" }),
+        _vue.h.call(void 0, "div", { class: _tigercatcore.notificationContentClasses }, contentChildren)
       ];
       if (notification2.closable) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.notificationCloseButtonClasses,
+              class: _tigercatcore.notificationCloseButtonClasses,
               onClick: (e) => {
                 e.stopPropagation();
                 removeNotification(notification2.id, props.position);
@@ -113,14 +140,14 @@ var NotificationContainer = vue.defineComponent({
               "aria-label": NOTIFICATION_CLOSE_ARIA_LABEL,
               type: "button"
             },
-            chunkJCMGBKS6_js.createStatusIcon(tigercatCore.notificationCloseIconPath, tigercatCore.notificationCloseIconClasses, {
+            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.notificationCloseIconPath, _tigercatcore.notificationCloseIconClasses, {
               "aria-hidden": "true",
               focusable: "false"
             })
           )
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           key: notification2.id,
@@ -146,10 +173,10 @@ var NotificationContainer = 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",
         {
           ...attrs,
@@ -160,8 +187,8 @@ var NotificationContainer = vue.defineComponent({
           "data-tiger-notification-container": "",
           "data-tiger-notification-position": props.position
         },
-        IS_TEST_ENV ? notifications.value.map(renderNotificationItem) : vue.h(
-          vue.TransitionGroup,
+        IS_TEST_ENV ? notifications.value.map(renderNotificationItem) : _vue.h.call(void 0, 
+          _vue.TransitionGroup,
           {
             name: "notification",
             tag: "div",
@@ -174,7 +201,7 @@ var NotificationContainer = vue.defineComponent({
   }
 });
 function ensureContainer(position) {
-  if (!tigercatCore.isBrowser()) {
+  if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
   }
   const rootId = getContainerRootId(position);
@@ -193,7 +220,7 @@ function ensureContainer(position) {
     rootEl.id = rootId;
     document.body.appendChild(rootEl);
   }
-  containerApps[position] = vue.createApp(NotificationContainer, { position });
+  containerApps[position] = _vue.createApp.call(void 0, NotificationContainer, { position });
   containerApps[position].mount(rootEl);
 }
 function destroyContainer(position) {
@@ -204,8 +231,8 @@ function destroyContainer(position) {
   }
   updateCallbacks[position] = null;
   stackUpdateScheduler.cancel(position);
-  if (tigercatCore.isBrowser()) {
-    document.getElementById(rootId)?.remove();
+  if (_tigercatcore.isBrowser.call(void 0, )) {
+    _optionalChain([document, 'access', _3 => _3.getElementById, 'call', _4 => _4(rootId), 'optionalAccess', _5 => _5.remove, 'call', _6 => _6()]);
   }
 }
 function addNotification(config) {
@@ -240,7 +267,7 @@ function removeNotification(id, position) {
   if (index !== -1) {
     const instance = instances[index];
     instances.splice(index, 1);
-    instance.onClose?.();
+    _optionalChain([instance, 'access', _7 => _7.onClose, 'optionalCall', _8 => _8()]);
     if (notificationInstancesByPosition[position].length > 0) {
       scheduleNotificationStackUpdate(position);
     }
@@ -252,7 +279,7 @@ function removeNotification(id, position) {
 function clearAll(position) {
   if (position) {
     notificationInstancesByPosition[position].forEach((instance) => {
-      instance.onClose?.();
+      _optionalChain([instance, 'access', _9 => _9.onClose, 'optionalCall', _10 => _10()]);
     });
     notificationInstancesByPosition[position] = [];
     destroyContainer(position);
@@ -260,7 +287,7 @@ function clearAll(position) {
     Object.keys(notificationInstancesByPosition).forEach((pos) => {
       const p = pos;
       notificationInstancesByPosition[p].forEach((instance) => {
-        instance.onClose?.();
+        _optionalChain([instance, 'access', _11 => _11.onClose, 'optionalCall', _12 => _12()]);
       });
       notificationInstancesByPosition[p] = [];
       destroyContainer(p);
@@ -268,7 +295,7 @@ function clearAll(position) {
   }
 }
 function normalizeOptions(options) {
-  return tigercatCore.normalizeStringOption(options, "title");
+  return _tigercatcore.normalizeStringOption.call(void 0, options, "title");
 }
 var notification = {
   info(options) {
@@ -293,6 +320,8 @@ var notification = {
 };
 var Notification_default = notification;
 
-exports.NotificationContainer = NotificationContainer;
-exports.Notification_default = Notification_default;
-exports.notification = notification;
+
+
+
+
+exports.NotificationContainer = NotificationContainer; exports.notification = notification; exports.Notification_default = Notification_default;

package/dist/chunk-CTAQ5WEN.js

@@ -0,0 +1,95 @@
+"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/Statistic.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Statistic = _vue.defineComponent.call(void 0, {
+  name: "TigerStatistic",
+  inheritAttrs: false,
+  props: {
+    title: { type: String, default: void 0 },
+    value: { type: [String, Number], default: void 0 },
+    precision: { type: Number, default: void 0 },
+    prefix: { type: String, default: void 0 },
+    suffix: { type: String, default: void 0 },
+    groupSeparator: { type: Boolean, default: false },
+    animated: { type: Boolean, default: false },
+    animationDuration: { type: Number, default: void 0 },
+    size: { type: String, default: "md" },
+    className: { type: String, default: void 0 }
+  },
+  setup(props, { attrs }) {
+    const initialValue = props.animated && _tigercatcore.canAnimateStatisticValue.call(void 0, props.value) ? 0 : props.value;
+    const displayValue = _vue.ref.call(void 0, initialValue);
+    const currentNumber = _vue.ref.call(void 0, _tigercatcore.canAnimateStatisticValue.call(void 0, initialValue) ? initialValue : 0);
+    let controller = null;
+    const stopAnimation = () => {
+      _optionalChain([controller, 'optionalAccess', _ => _.stop, 'call', _2 => _2()]);
+      controller = null;
+    };
+    _vue.watch.call(void 0, 
+      () => [props.value, props.animated, props.animationDuration],
+      () => {
+        stopAnimation();
+        if (!props.animated || !_tigercatcore.canAnimateStatisticValue.call(void 0, props.value)) {
+          displayValue.value = props.value;
+          if (_tigercatcore.canAnimateStatisticValue.call(void 0, props.value)) currentNumber.value = props.value;
+          return;
+        }
+        controller = _tigercatcore.createStatisticNumberAnimation.call(void 0, {
+          from: currentNumber.value,
+          to: props.value,
+          duration: props.animationDuration,
+          onUpdate: (next) => {
+            currentNumber.value = next;
+            displayValue.value = next;
+          },
+          onComplete: () => {
+            currentNumber.value = props.value;
+            displayValue.value = props.value;
+            controller = null;
+          }
+        });
+      },
+      { immediate: true }
+    );
+    _vue.onBeforeUnmount.call(void 0, stopAnimation);
+    const formatted = _vue.computed.call(void 0, 
+      () => _tigercatcore.formatStatisticValue.call(void 0, displayValue.value, props.precision, props.groupSeparator)
+    );
+    return () => _vue.h.call(void 0, 
+      "div",
+      {
+        ...attrs,
+        class: _tigercatcore.classNames.call(void 0, 
+          _tigercatcore.statisticBaseClasses,
+          props.className,
+          _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+        )
+      },
+      [
+        props.title ? _vue.h.call(void 0, "div", { class: _tigercatcore.getStatisticTitleClasses.call(void 0, props.size) }, props.title) : null,
+        _vue.h.call(void 0, "div", { class: _tigercatcore.getStatisticValueClasses.call(void 0, props.size) }, [
+          props.prefix ? _vue.h.call(void 0, "span", { class: _tigercatcore.statisticPrefixClasses }, props.prefix) : null,
+          _vue.h.call(void 0, "span", null, formatted.value),
+          props.suffix ? _vue.h.call(void 0, "span", { class: _tigercatcore.statisticSuffixClasses }, props.suffix) : null
+        ])
+      ]
+    );
+  }
+});
+var Statistic_default = Statistic;
+
+
+
+
+exports.Statistic = Statistic; exports.Statistic_default = Statistic_default;

package/dist/{chunk-UT6T25YJ.js → chunk-CWNEDREV.js}

@@ -1,10 +1,14 @@
-'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/Affix.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Affix.ts
-var Affix = vue.defineComponent({
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Affix = _vue.defineComponent.call(void 0, {
   name: "TigerAffix",
   inheritAttrs: false,
   props: {
@@ -20,10 +24,10 @@ var Affix = vue.defineComponent({
   },
   emits: ["change"],
   setup(props, { slots, emit, attrs }) {
-    const wrapperRef = vue.ref(null);
-    const sentinelRef = vue.ref(null);
-    const state = vue.ref({ affixed: false, style: {} });
-    const originalRect = vue.ref(
+    const wrapperRef = _vue.ref.call(void 0, null);
+    const sentinelRef = _vue.ref.call(void 0, null);
+    const state = _vue.ref.call(void 0, { affixed: false, style: {} });
+    const originalRect = _vue.ref.call(void 0, 
       null
     );
     const recalcStyle = (affixed) => {
@@ -39,7 +43,7 @@ var Affix = vue.defineComponent({
         };
       }
       if (!originalRect.value) return;
-      const resolved = tigercatCore.resolveAffixTarget(props.target);
+      const resolved = _tigercatcore.resolveAffixTarget.call(void 0, props.target);
       const containerRect = resolved.getRect();
       if (!affixed) {
         if (state.value.affixed) {
@@ -48,10 +52,10 @@ var Affix = vue.defineComponent({
         }
         return;
       }
-      const next = tigercatCore.calculateAffixState(
-        // Force the calc into the affix branch by lifting the element above the threshold
+      const forcedTop = props.offsetBottom !== void 0 ? containerRect.bottom - originalRect.value.height + props.offsetBottom + 1 : -1;
+      const next = _tigercatcore.calculateAffixState.call(void 0, 
         {
-          top: -1,
+          top: forcedTop,
           left: originalRect.value.left,
           width: originalRect.value.width,
           height: originalRect.value.height
@@ -75,12 +79,12 @@ var Affix = vue.defineComponent({
     let stopObserver = null;
     let resizeObserver = null;
     const setupObserver = () => {
-      stopObserver?.();
+      _optionalChain([stopObserver, 'optionalCall', _ => _()]);
       const sentinel = sentinelRef.value;
       if (!sentinel) return;
-      const resolved = tigercatCore.resolveAffixTarget(props.target);
+      const resolved = _tigercatcore.resolveAffixTarget.call(void 0, props.target);
       const root = resolved.element === window ? null : resolved.element;
-      stopObserver = tigercatCore.createAffixObserver(sentinel, {
+      stopObserver = _tigercatcore.createAffixObserver.call(void 0, sentinel, {
         offsetTop: props.offsetTop,
         offsetBottom: props.offsetBottom,
         root,
@@ -90,7 +94,7 @@ var Affix = vue.defineComponent({
     const onResize = () => {
       if (state.value.affixed) recalcStyle(true);
     };
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       setupObserver();
       if (typeof ResizeObserver !== "undefined" && wrapperRef.value) {
         resizeObserver = new ResizeObserver(() => onResize());
@@ -98,54 +102,54 @@ var Affix = vue.defineComponent({
       }
       window.addEventListener("resize", onResize, { passive: true });
     });
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => [props.target, props.offsetTop, props.offsetBottom],
       () => setupObserver()
     );
-    vue.onBeforeUnmount(() => {
-      stopObserver?.();
-      resizeObserver?.disconnect();
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([stopObserver, 'optionalCall', _2 => _2()]);
+      _optionalChain([resizeObserver, 'optionalAccess', _3 => _3.disconnect, 'call', _4 => _4()]);
       window.removeEventListener("resize", onResize);
     });
     return () => {
       const attrsRecord = attrs;
-      const children = slots.default?.();
-      const sentinel = vue.h("div", {
+      const children = _optionalChain([slots, 'access', _5 => _5.default, 'optionalCall', _6 => _6()]);
+      const sentinel = _vue.h.call(void 0, "div", {
         ref: sentinelRef,
         "aria-hidden": "true",
         style: { display: "block", width: "0", height: "0", pointerEvents: "none" }
       });
       if (state.value.affixed) {
-        return vue.h("div", [
+        return _vue.h.call(void 0, "div", [
           sentinel,
           // placeholder reserves layout space
-          vue.h("div", {
+          _vue.h.call(void 0, "div", {
             style: {
-              width: `${originalRect.value?.width ?? 0}px`,
-              height: `${originalRect.value?.height ?? 0}px`
+              width: `${_nullishCoalesce(_optionalChain([originalRect, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.width]), () => ( 0))}px`,
+              height: `${_nullishCoalesce(_optionalChain([originalRect, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.height]), () => ( 0))}px`
             }
           }),
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               ref: wrapperRef,
               ...attrs,
-              class: tigercatCore.classNames(props.className, tigercatCore.coerceClassValue(attrsRecord.class)),
-              style: tigercatCore.mergeStyleValues(state.value.style, props.style)
+              class: _tigercatcore.classNames.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)),
+              style: _tigercatcore.mergeStyleValues.call(void 0, state.value.style, props.style)
             },
             children
           )
         ]);
       }
-      return vue.h("div", [
+      return _vue.h.call(void 0, "div", [
         sentinel,
-        vue.h(
+        _vue.h.call(void 0, 
           "div",
           {
             ref: wrapperRef,
             ...attrs,
-            class: tigercatCore.classNames(props.className, tigercatCore.coerceClassValue(attrsRecord.class)),
-            style: tigercatCore.mergeStyleValues(attrsRecord.style, props.style)
+            class: _tigercatcore.classNames.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)),
+            style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style)
           },
           children
         )
@@ -155,5 +159,7 @@ var Affix = vue.defineComponent({
 });
 var Affix_default = Affix;
 
-exports.Affix = Affix;
-exports.Affix_default = Affix_default;
+
+
+
+exports.Affix = Affix; exports.Affix_default = Affix_default;