@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-FUGSQXFR.js

@@ -1,10 +1,31 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var chunkJCMGBKS6_js = require('./chunk-JCMGBKS6.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
 
-var Alert = vue.defineComponent({
+// src/components/Alert.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Alert = _vue.defineComponent.call(void 0, {
   name: "TigerAlert",
   inheritAttrs: false,
   props: {
@@ -102,29 +123,29 @@ var Alert = vue.defineComponent({
   },
   emits: ["close"],
   setup(props, { slots, emit, attrs }) {
-    const visible = vue.ref(true);
-    const colorScheme = vue.computed(() => tigercatCore.getAlertTypeClasses(props.type, tigercatCore.defaultAlertThemeColors));
-    const alertClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.alertBaseClasses,
-        tigercatCore.alertSizeClasses[props.size],
+    const visible = _vue.ref.call(void 0, true);
+    const colorScheme = _vue.computed.call(void 0, () => _tigercatcore.getAlertTypeClasses.call(void 0, props.type, _tigercatcore.defaultAlertThemeColors));
+    const alertClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.alertBaseClasses,
+        _tigercatcore.alertSizeClasses[props.size],
         colorScheme.value.bg,
         colorScheme.value.border,
-        props.banner && tigercatCore.alertBannerClasses
+        props.banner && _tigercatcore.alertBannerClasses
       )
     );
-    const iconClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.alertIconSizeClasses[props.size], colorScheme.value.icon)
+    const iconClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertIconSizeClasses[props.size], colorScheme.value.icon)
     );
-    const titleClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.alertTitleSizeClasses[props.size], colorScheme.value.title)
+    const titleClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertTitleSizeClasses[props.size], colorScheme.value.title)
     );
-    const descriptionClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.alertDescriptionSizeClasses[props.size], colorScheme.value.description)
+    const descriptionClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertDescriptionSizeClasses[props.size], colorScheme.value.description)
     );
-    const closeButtonClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.alertCloseButtonBaseClasses,
+    const closeButtonClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.alertCloseButtonBaseClasses,
         colorScheme.value.closeButton,
         colorScheme.value.closeButtonHover,
         colorScheme.value.focus
@@ -137,9 +158,9 @@ var Alert = vue.defineComponent({
       }
     };
     let autoCloseTimer;
-    const countdownProgress = vue.ref(100);
+    const countdownProgress = _vue.ref.call(void 0, 100);
     let countdownInterval;
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (props.duration && props.duration > 0 && props.closable) {
         autoCloseTimer = setTimeout(() => {
           visible.value = false;
@@ -154,7 +175,7 @@ var Alert = vue.defineComponent({
         }
       }
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       if (autoCloseTimer) clearTimeout(autoCloseTimer);
       if (countdownInterval) clearInterval(countdownInterval);
     });
@@ -167,24 +188,24 @@ var Alert = vue.defineComponent({
       const attrsStyle = attrsRecord.style;
       const children = [];
       if (props.showIcon) {
-        const iconPath = tigercatCore.getAlertIconPath(props.type);
+        const iconPath = _tigercatcore.getAlertIconPath.call(void 0, props.type);
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.alertIconContainerClasses },
-            chunkJCMGBKS6_js.createStatusIcon(iconPath, iconClasses.value)
+            { class: _tigercatcore.alertIconContainerClasses },
+            _chunkJCMGBKS6js.createStatusIcon.call(void 0, iconPath, iconClasses.value)
           )
         );
       }
       const contentChildren = [];
       if (props.title || slots.title) {
         contentChildren.push(
-          vue.h("div", { class: titleClasses.value }, slots.title ? slots.title() : props.title)
+          _vue.h.call(void 0, "div", { class: titleClasses.value }, slots.title ? slots.title() : props.title)
         );
       }
       if (props.description || slots.description) {
         contentChildren.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             { class: descriptionClasses.value },
             slots.description ? slots.description() : props.description
@@ -192,14 +213,14 @@ var Alert = vue.defineComponent({
         );
       }
       if (!props.title && !props.description && !slots.title && !slots.description && slots.default) {
-        contentChildren.push(vue.h("div", { class: titleClasses.value }, slots.default()));
+        contentChildren.push(_vue.h.call(void 0, "div", { class: titleClasses.value }, slots.default()));
       }
       if (contentChildren.length > 0) {
-        children.push(vue.h("div", { class: tigercatCore.alertContentClasses }, contentChildren));
+        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.alertContentClasses }, contentChildren));
       }
       if (props.closable) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               class: closeButtonClasses.value,
@@ -207,26 +228,26 @@ var Alert = vue.defineComponent({
               "aria-label": props.closeAriaLabel,
               type: "button"
             },
-            chunkJCMGBKS6_js.createStatusIcon(tigercatCore.alertCloseIconPath, "h-4 w-4")
+            _chunkJCMGBKS6js.createStatusIcon.call(void 0, _tigercatcore.alertCloseIconPath, "h-4 w-4")
           )
         );
       }
       if (props.showCountdown && props.duration && props.duration > 0 && props.closable) {
         children.push(
-          vue.h("div", { class: tigercatCore.alertCountdownContainerClasses }, [
-            vue.h("div", {
-              class: tigercatCore.classNames(tigercatCore.alertCountdownBarClasses, tigercatCore.alertCountdownColorClasses[props.type]),
+          _vue.h.call(void 0, "div", { class: _tigercatcore.alertCountdownContainerClasses }, [
+            _vue.h.call(void 0, "div", {
+              class: _tigercatcore.classNames.call(void 0, _tigercatcore.alertCountdownBarClasses, _tigercatcore.alertCountdownColorClasses[props.type]),
               style: { width: `${countdownProgress.value}%` }
             })
           ])
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.classNames(alertClasses.value, props.className, tigercatCore.coerceClassValue(attrsClass)),
-          style: tigercatCore.mergeStyleValues(attrsStyle, props.style),
+          class: _tigercatcore.classNames.call(void 0, alertClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
           role: "alert"
         },
         children
@@ -236,5 +257,7 @@ var Alert = vue.defineComponent({
 });
 var Alert_default = Alert;
 
-exports.Alert = Alert;
-exports.Alert_default = Alert_default;
+
+
+
+exports.Alert = Alert; exports.Alert_default = Alert_default;