@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-AGAJJYP2.js → chunk-QO2JYX6Q.js}

@@ -1,10 +1,41 @@
-'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/Pagination.ts
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Pagination.ts
-var Pagination = vue.defineComponent({
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Pagination = _vue.defineComponent.call(void 0, {
   name: "TigerPagination",
   inheritAttrs: false,
   props: {
@@ -150,6 +181,10 @@ var Pagination = vue.defineComponent({
      * Locale configuration for i18n support
      */
     locale: {
+      type: [Object, Function],
+      default: void 0
+    },
+    quickJumperValidation: {
       type: Object,
       default: void 0
     }
@@ -159,26 +194,64 @@ var Pagination = vue.defineComponent({
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    const labels = vue.computed(() => tigercatCore.getPaginationLabels(props.locale));
-    const internalCurrent = vue.ref(props.defaultCurrent);
-    const internalPageSize = vue.ref(props.defaultPageSize);
-    const quickJumperValue = vue.ref("");
-    const currentPage = vue.computed(() => {
+    const resolvedLocale = _vue.ref.call(void 0, 
+      _tigercatcore.getImmediateTigerLocale.call(void 0, props.locale)
+    );
+    let localeResolveId = 0;
+    let disposed = false;
+    _vue.watch.call(void 0, 
+      () => props.locale,
+      (locale) => {
+        const resolveId = ++localeResolveId;
+        const immediateLocale = _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
+        resolvedLocale.value = immediateLocale;
+        if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) return;
+        _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
+          if (!disposed && resolveId === localeResolveId) {
+            resolvedLocale.value = nextLocale;
+          }
+        }).catch(() => {
+          if (!disposed && resolveId === localeResolveId) {
+            resolvedLocale.value = immediateLocale;
+          }
+        });
+      },
+      { immediate: true }
+    );
+    const labels = _vue.computed.call(void 0, () => _tigercatcore.getPaginationLabels.call(void 0, resolvedLocale.value));
+    const localeCode = _vue.computed.call(void 0, () => _optionalChain([resolvedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.locale]));
+    const isRtl = _vue.computed.call(void 0, () => _tigercatcore.getLocaleDirection.call(void 0, resolvedLocale.value) === "rtl");
+    const internalCurrent = _vue.ref.call(void 0, props.defaultCurrent);
+    const internalPageSize = _vue.ref.call(void 0, props.defaultPageSize);
+    const quickJumperValue = _vue.ref.call(void 0, "");
+    let quickJumperValidationScheduler = _tigercatcore.createPaginationIdleValidationScheduler.call(void 0, props.quickJumperValidation);
+    _vue.watch.call(void 0, 
+      () => props.quickJumperValidation,
+      (options) => {
+        quickJumperValidationScheduler.cancel();
+        quickJumperValidationScheduler = _tigercatcore.createPaginationIdleValidationScheduler.call(void 0, options);
+      }
+    );
+    _vue.onBeforeUnmount.call(void 0, () => {
+      disposed = true;
+      quickJumperValidationScheduler.cancel();
+    });
+    const currentPage = _vue.computed.call(void 0, () => {
       return props.current !== void 0 ? props.current : internalCurrent.value;
     });
-    const currentPageSize = vue.computed(() => {
+    const currentPageSize = _vue.computed.call(void 0, () => {
       return props.pageSize !== void 0 ? props.pageSize : internalPageSize.value;
     });
-    const totalPages = vue.computed(() => {
-      return tigercatCore.getTotalPages(props.total, currentPageSize.value);
+    const totalPages = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getTotalPages.call(void 0, props.total, currentPageSize.value);
     });
-    const validatedCurrentPage = vue.computed(() => {
-      return tigercatCore.validateCurrentPage(currentPage.value, totalPages.value);
+    const validatedCurrentPage = _vue.computed.call(void 0, () => {
+      return _tigercatcore.validateCurrentPage.call(void 0, currentPage.value, totalPages.value);
     });
-    const pageRange = vue.computed(() => {
-      return tigercatCore.getPageRange(validatedCurrentPage.value, currentPageSize.value, props.total);
+    const pageRange = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getPageRange.call(void 0, validatedCurrentPage.value, currentPageSize.value, props.total);
     });
-    const shouldHide = vue.computed(() => {
+    const shouldHide = _vue.computed.call(void 0, () => {
       return props.hideOnSinglePage && totalPages.value <= 1;
     });
     const handlePageChange = (page) => {
@@ -193,7 +266,7 @@ var Pagination = vue.defineComponent({
     };
     const handlePageSizeChange = (newPageSize) => {
       if (props.disabled) return;
-      const newTotalPages = tigercatCore.getTotalPages(props.total, newPageSize);
+      const newTotalPages = _tigercatcore.getTotalPages.call(void 0, props.total, newPageSize);
       let newPage = validatedCurrentPage.value;
       if (newPage > newTotalPages) {
         newPage = Math.max(1, newTotalPages);
@@ -212,26 +285,33 @@ var Pagination = vue.defineComponent({
       }
     };
     const handleQuickJumperSubmit = () => {
-      const page = parseInt(quickJumperValue.value, 10);
-      if (!isNaN(page)) {
+      quickJumperValidationScheduler.cancel();
+      const page = _tigercatcore.getPaginationJumperPage.call(void 0, quickJumperValue.value, totalPages.value);
+      if (page !== null) {
         handlePageChange(page);
       }
       quickJumperValue.value = "";
     };
+    const handleQuickJumperInput = (value) => {
+      quickJumperValue.value = value;
+      quickJumperValidationScheduler.schedule(() => {
+        quickJumperValue.value = _tigercatcore.getValidatedPaginationJumperValue.call(void 0, value, totalPages.value);
+      });
+    };
     const handleQuickJumperKeypress = (event) => {
       if (event.key === "Enter") {
         handleQuickJumperSubmit();
       }
     };
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getPaginationContainerClasses(props.align),
+    const containerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getPaginationContainerClasses.call(void 0, props.align),
         props.className,
-        tigercatCore.coerceClassValue(attrsClass)
+        _tigercatcore.coerceClassValue.call(void 0, attrsClass)
       );
     });
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrsStyle, props.style));
-    const normalizedPageSizeOptions = vue.computed(() => {
+    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style));
+    const normalizedPageSizeOptions = _vue.computed.call(void 0, () => {
       return (props.pageSizeOptions || []).map((option) => {
         if (typeof option === "number") {
           return {
@@ -239,7 +319,7 @@ var Pagination = vue.defineComponent({
             label: `${option} ${labels.value.itemsPerPageText}`
           };
         }
-        const label = option.label ?? `${option.value} ${labels.value.itemsPerPageText}`;
+        const label = _nullishCoalesce(option.label, () => ( `${option.value} ${labels.value.itemsPerPageText}`));
         return { value: option.value, label };
       });
     });
@@ -254,52 +334,52 @@ var Pagination = vue.defineComponent({
       const prevDisabled = page <= 1 || props.disabled;
       const nextDisabled = page >= pages || props.disabled;
       if (props.showTotal) {
-        const totalTextFn = props.totalText || tigercatCore.defaultTotalText;
+        const totalTextFn = props.totalText || (_optionalChain([resolvedLocale, 'access', _3 => _3.value, 'optionalAccess', _4 => _4.pagination, 'optionalAccess', _5 => _5.totalText]) ? (value, range) => _tigercatcore.formatPaginationTotal.call(void 0, labels.value.totalText, value, range, localeCode.value) : _tigercatcore.defaultTotalText);
         elements.push(
-          vue.h("span", { class: tigercatCore.getTotalTextClasses(size) }, totalTextFn(props.total, pageRange.value))
+          _vue.h.call(void 0, "span", { class: _tigercatcore.getTotalTextClasses.call(void 0, size) }, totalTextFn(props.total, pageRange.value))
         );
       }
       elements.push(
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
-            class: tigercatCore.getPaginationButtonBaseClasses(size),
+            class: _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
             disabled: prevDisabled,
             onClick: () => handlePageChange(page - 1),
             "aria-label": labels.value.prevPageAriaLabel
           },
-          "\u2039"
+          isRtl.value ? "\u203A" : "\u2039"
         )
       );
       if (props.simple) {
         elements.push(
-          vue.h("span", { class: tigercatCore.classNames("mx-2", tigercatCore.getSizeTextClasses(size)) }, `${page} / ${pages}`)
+          _vue.h.call(void 0, "span", { class: _tigercatcore.classNames.call(void 0, "mx-2", _tigercatcore.getSizeTextClasses.call(void 0, size)) }, `${page} / ${pages}`)
         );
       } else {
-        tigercatCore.getPageNumbers(page, pages, props.showLessItems).forEach((pageNum) => {
+        _tigercatcore.getPageNumbers.call(void 0, page, pages, props.showLessItems).forEach((pageNum) => {
           if (pageNum === "...") {
             elements.push(
-              vue.h(
-                "span",
-                { class: tigercatCore.getPaginationEllipsisClasses(size), "aria-hidden": "true" },
-                "..."
-              )
+              _vue.h.call(void 0, "span", { class: _tigercatcore.getPaginationEllipsisClasses.call(void 0, size), "aria-hidden": "true" }, "...")
             );
           } else {
             const isActive = pageNum === page;
             elements.push(
-              vue.h(
+              _vue.h.call(void 0, 
                 "button",
                 {
                   type: "button",
-                  class: tigercatCore.classNames(
-                    tigercatCore.getPaginationButtonBaseClasses(size),
-                    isActive && tigercatCore.getPaginationButtonActiveClasses()
+                  class: _tigercatcore.classNames.call(void 0, 
+                    _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
+                    isActive && _tigercatcore.getPaginationButtonActiveClasses.call(void 0, )
                   ),
                   disabled: props.disabled,
                   onClick: () => handlePageChange(pageNum),
-                  "aria-label": tigercatCore.formatPageAriaLabel(labels.value.pageAriaLabel, pageNum),
+                  "aria-label": _tigercatcore.formatPageAriaLabel.call(void 0, 
+                    labels.value.pageAriaLabel,
+                    pageNum,
+                    localeCode.value
+                  ),
                   "aria-current": isActive ? "page" : void 0
                 },
                 String(pageNum)
@@ -309,24 +389,24 @@ var Pagination = vue.defineComponent({
         });
       }
       elements.push(
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
-            class: tigercatCore.getPaginationButtonBaseClasses(size),
+            class: _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
             disabled: nextDisabled,
             onClick: () => handlePageChange(page + 1),
             "aria-label": labels.value.nextPageAriaLabel
           },
-          "\u203A"
+          isRtl.value ? "\u2039" : "\u203A"
         )
       );
       if (props.showSizeChanger) {
         elements.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "select",
             {
-              class: tigercatCore.getPageSizeSelectorClasses(size),
+              class: _tigercatcore.getPageSizeSelectorClasses.call(void 0, size),
               disabled: props.disabled,
               value: currentPageSize.value,
               onChange: (e) => {
@@ -335,24 +415,22 @@ var Pagination = vue.defineComponent({
               "aria-label": labels.value.itemsPerPageText
             },
             normalizedPageSizeOptions.value.map(
-              (sizeOption) => vue.h("option", { value: sizeOption.value, key: sizeOption.value }, sizeOption.label)
+              (sizeOption) => _vue.h.call(void 0, "option", { value: sizeOption.value, key: sizeOption.value }, sizeOption.label)
             )
           )
         );
       }
       if (props.showQuickJumper) {
-        const sizeText = tigercatCore.getSizeTextClasses(size);
-        elements.push(
-          vue.h("span", { class: tigercatCore.classNames("ml-2", sizeText) }, labels.value.jumpToText)
-        );
+        const sizeText = _tigercatcore.getSizeTextClasses.call(void 0, size);
+        elements.push(_vue.h.call(void 0, "span", { class: _tigercatcore.classNames.call(void 0, "ml-2", sizeText) }, labels.value.jumpToText));
         elements.push(
-          vue.h("input", {
+          _vue.h.call(void 0, "input", {
             type: "number",
-            class: tigercatCore.classNames(tigercatCore.getQuickJumperInputClasses(size), "mx-2"),
+            class: _tigercatcore.classNames.call(void 0, _tigercatcore.getQuickJumperInputClasses.call(void 0, size), "mx-2"),
             disabled: props.disabled,
             value: quickJumperValue.value,
             onInput: (e) => {
-              quickJumperValue.value = e.target.value;
+              handleQuickJumperInput(e.target.value);
             },
             onKeydown: handleQuickJumperKeypress,
             min: 1,
@@ -360,7 +438,7 @@ var Pagination = vue.defineComponent({
             "aria-label": labels.value.jumpToText
           })
         );
-        elements.push(vue.h("span", { class: sizeText }, labels.value.pageText));
+        elements.push(_vue.h.call(void 0, "span", { class: sizeText }, labels.value.pageText));
       }
       const {
         class: _class,
@@ -368,7 +446,7 @@ var Pagination = vue.defineComponent({
         "aria-label": ariaLabelAttr,
         ...restAttrs
       } = attrsRecord;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "nav",
         {
           ...restAttrs,
@@ -384,5 +462,7 @@ var Pagination = vue.defineComponent({
 });
 var Pagination_default = Pagination;
 
-exports.Pagination = Pagination;
-exports.Pagination_default = Pagination_default;
+
+
+
+exports.Pagination = Pagination; exports.Pagination_default = Pagination_default;

package/dist/chunk-QRAV345L.js

@@ -0,0 +1,88 @@
+"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",
+  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" }
+  },
+  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",
+      {
+        class: _tigercatcore.classNames.call(void 0, _tigercatcore.statisticBaseClasses, _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;