@expcat/tigercat-vue 1.2.46 → 1.2.52

package/dist/{chunk-RY2I56HB.js → chunk-K6DYTMBE.js}

@@ -13,11 +13,20 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Icon = _vue.defineComponent.call(void 0, {
   name: "TigerIcon",
   inheritAttrs: false,
   props: {
+    /**
+     * Built-in icon name. Renders the matching glyph from the built-in icon
+     * set when no custom SVG children are provided.
+     */
+    name: {
+      type: String,
+      default: void 0
+    },
     /**
      * Icon size
      * @default 'md'
@@ -42,11 +51,26 @@ var Icon = _vue.defineComponent.call(void 0, {
     const svgClasses = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[props.size]));
     return () => {
       const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
+      const hasSlotContent = Array.isArray(defaultSlot) && defaultSlot.length > 0;
       const isDecorative = attrs["aria-label"] == null && attrs["aria-labelledby"] == null && attrs.role == null;
-      const children = (_nullishCoalesce(defaultSlot, () => ( []))).map((node) => {
+      const definition = !hasSlotContent && props.name ? _tigercatcore.getIconDefinition.call(void 0, props.name) : void 0;
+      const builtInSvg = definition ? _vue.h.call(void 0, 
+        "svg",
+        {
+          class: svgClasses.value,
+          xmlns: _tigercatcore.SVG_DEFAULT_XMLNS,
+          viewBox: definition.viewBox,
+          fill: definition.mode === "fill" ? "currentColor" : _tigercatcore.SVG_DEFAULT_FILL,
+          stroke: definition.mode === "stroke" ? "currentColor" : _tigercatcore.SVG_DEFAULT_STROKE,
+          "stroke-width": definition.mode === "stroke" ? 1.5 : void 0,
+          "stroke-linecap": definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinecap : void 0,
+          "stroke-linejoin": definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinejoin : void 0
+        },
+        definition.paths.map((d) => _vue.h.call(void 0, "path", { d }))
+      ) : null;
+      const normalizeSlotNode = (node) => {
         if (node && typeof node === "object" && node.type === "svg") {
-          const svgNode = node;
-          const svgProps = _nullishCoalesce(svgNode.props, () => ( {}));
+          const svgProps = _nullishCoalesce(node.props, () => ( {}));
           return _vue.h.call(void 0, 
             "svg",
             {
@@ -60,11 +84,12 @@ var Icon = _vue.defineComponent.call(void 0, {
               "stroke-linecap": _nullishCoalesce(svgProps["stroke-linecap"], () => ( _tigercatcore.iconSvgDefaultStrokeLinecap)),
               "stroke-linejoin": _nullishCoalesce(svgProps["stroke-linejoin"], () => ( _tigercatcore.iconSvgDefaultStrokeLinejoin))
             },
-            svgNode.children === null ? void 0 : svgNode.children
+            node.children === null ? void 0 : node.children
           );
         }
         return node;
-      });
+      };
+      const children = builtInSvg ? [builtInSvg] : (_nullishCoalesce(defaultSlot, () => ( []))).map(normalizeSlotNode);
       return _vue.h.call(void 0, 
         "span",
         {

package/dist/{chunk-SZFEDBLT.mjs → chunk-LA5YKXPH.mjs}

@@ -137,6 +137,14 @@ var Drawer = defineComponent({
       type: String,
       default: void 0
     },
+    /**
+     * Padding override for the drawer body. `false` removes the built-in
+     * padding; a string supplies a custom padding utility class.
+     */
+    bodyPadding: {
+      type: [Boolean, String],
+      default: void 0
+    },
     /**
      * Whether to destroy content on close
      * @default false
@@ -343,7 +351,7 @@ var Drawer = defineComponent({
       } : void 0;
       const mergedStyle = mergeStyleValues(attrs.style, props.panelStyle, props.style, widthStyle);
       const headerClasses = getDrawerHeaderClasses();
-      const bodyClasses = getDrawerBodyClasses(props.bodyClassName);
+      const bodyClasses = getDrawerBodyClasses(props.bodyClassName, props.bodyPadding);
       const footerClasses = getDrawerFooterClasses();
       const closeButtonClasses = getDrawerCloseButtonClasses();
       const titleClasses = getDrawerTitleClasses();

package/dist/{chunk-QIXG7OIN.mjs → chunk-MJP2SNLK.mjs}

@@ -1,6 +1,6 @@
 import {
   Timeline
-} from "./chunk-LBGTABIU.mjs";
+} from "./chunk-VCBBWDOV.mjs";
 import {
   Loading
 } from "./chunk-XQRKFOXS.mjs";
@@ -9,13 +9,13 @@ import {
 } from "./chunk-3MO7A4GU.mjs";
 import {
   Tag
-} from "./chunk-3G4VPV4D.mjs";
+} from "./chunk-G6ULKE6H.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
 import {
   Card
-} from "./chunk-KOTSKHPQ.mjs";
+} from "./chunk-TC6ZPQFT.mjs";
 import {
   Avatar
 } from "./chunk-ZCT56WB7.mjs";

package/dist/{chunk-BIDBJNTL.mjs → chunk-NF5O27AM.mjs}

@@ -34,6 +34,7 @@ import {
   getImmediateTigerLocale,
   getTableLabels,
   getTableWrapperClasses,
+  getTableResponsiveCardClasses,
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
@@ -41,7 +42,6 @@ import {
   mergeTigerLocale,
   resolveTigerLocale,
   tableBaseClasses,
-  tableResponsiveCardClasses,
   tableResponsiveCardLabelClasses,
   tableResponsiveCardRowClasses,
   tableResponsiveCardTitleClasses,
@@ -168,6 +168,18 @@ var tableProps = {
   renderCard: {
     type: Function
   },
+  cardSelectionPosition: {
+    type: String,
+    default: "controls-row"
+  },
+  cardPadding: {
+    type: [String, Boolean],
+    default: void 0
+  },
+  cardFieldGap: {
+    type: String,
+    default: "gap-3"
+  },
   // --- v0.6.0 props ---
   virtual: { type: Boolean, default: false },
   autoVirtual: { type: Boolean, default: true },
@@ -1430,44 +1442,48 @@ var Table = defineComponent({
         }
         if (sortableColumns.length > 0) {
           cardChildren.push(
-            h6("div", {
-              class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
-            }, [
-              h6(Select, {
-                size: "sm",
-                modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
-                options: [
-                  { label: tableLabels.value.clearSortText, value: "" },
-                  ...sortableColumns.flatMap((column) => [
-                    {
-                      label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2191`,
-                      value: `${column.key}:asc`
-                    },
-                    {
-                      label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2193`,
-                      value: `${column.key}:desc`
+            h6(
+              "div",
+              {
+                class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+              },
+              [
+                h6(Select, {
+                  size: "sm",
+                  modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
+                  options: [
+                    { label: tableLabels.value.clearSortText, value: "" },
+                    ...sortableColumns.flatMap((column) => [
+                      {
+                        label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2191`,
+                        value: `${column.key}:asc`
+                      },
+                      {
+                        label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2193`,
+                        value: `${column.key}:desc`
+                      }
+                    ])
+                  ],
+                  clearable: false,
+                  "onUpdate:modelValue": (value) => {
+                    const nextValue = String(value ?? "");
+                    if (!nextValue) {
+                      ctx.handleSetSort({ key: null, direction: null });
+                      return;
                     }
-                  ])
-                ],
-                clearable: false,
-                "onUpdate:modelValue": (value) => {
-                  const nextValue = String(value ?? "");
-                  if (!nextValue) {
-                    ctx.handleSetSort({ key: null, direction: null });
-                    return;
+                    const separatorIndex = nextValue.lastIndexOf(":");
+                    const key = nextValue.slice(0, separatorIndex);
+                    const direction = nextValue.slice(separatorIndex + 1);
+                    ctx.handleSetSort({ key, direction });
                   }
-                  const separatorIndex = nextValue.lastIndexOf(":");
-                  const key = nextValue.slice(0, separatorIndex);
-                  const direction = nextValue.slice(separatorIndex + 1);
-                  ctx.handleSetSort({ key, direction });
-                }
-              })
-            ])
+                })
+              ]
+            )
           );
         }
         if (ctx.paginatedData.value.length === 0) {
           cardChildren.push(
-            h6("div", { class: tableResponsiveCardClasses }, [
+            h6("div", { class: getTableResponsiveCardClasses(resolvedProps.cardPadding) }, [
               h6(Empty, { showImage: false, description: tableLabels.value.emptyText })
             ])
           );
@@ -1489,33 +1505,56 @@ var Table = defineComponent({
               const rows = hasCustomCardLayout.value ? [
                 h6(
                   "div",
-                  { class: "grid grid-cols-12 gap-3 mt-2" },
+                  {
+                    class: classNames3(
+                      "grid grid-cols-12 mt-2",
+                      resolvedProps.cardFieldGap ?? "gap-3"
+                    )
+                  },
                   bodyColumns.map((column) => {
                     const layoutItem = cardLayoutMap.value.get(column.key);
                     const gridInfo = getCardGridInfo(column, layoutItem);
                     if (gridInfo.hideLabel) {
                       return h6(
                         "div",
-                        { key: column.key, class: gridInfo.className },
+                        {
+                          key: column.key,
+                          class: classNames3(
+                            gridInfo.className,
+                            gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                          )
+                        },
                         [renderCardCellContent(column)]
                       );
                     }
                     if (gridInfo.labelPosition === "top") {
                       return h6(
                         "div",
-                        { key: column.key, class: gridInfo.className },
+                        {
+                          key: column.key,
+                          class: classNames3(
+                            gridInfo.className,
+                            gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                          )
+                        },
                         [
                           h6(
                             "div",
                             {
-                              class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1"
+                              class: classNames3(
+                                "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1",
+                                gridInfo.labelClassName
+                              )
                             },
                             column.title
                           ),
                           h6(
                             "div",
                             {
-                              class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                              class: classNames3(
+                                "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words",
+                                gridInfo.valueClassName
+                              )
                             },
                             [renderCardCellContent(column)]
                           )
@@ -1528,21 +1567,28 @@ var Table = defineComponent({
                         key: column.key,
                         class: classNames3(
                           gridInfo.className,
-                          "grid grid-cols-[auto_1fr] gap-2 items-baseline"
+                          "grid grid-cols-[auto_1fr] gap-2 items-baseline",
+                          gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
                         )
                       },
                       [
                         h6(
                           "div",
                           {
-                            class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0"
+                            class: classNames3(
+                              "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0",
+                              gridInfo.labelClassName
+                            )
                           },
                           column.title
                         ),
                         h6(
                           "div",
                           {
-                            class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                            class: classNames3(
+                              "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words",
+                              gridInfo.valueClassName
+                            )
                           },
                           [renderCardCellContent(column)]
                         )
@@ -1551,48 +1597,40 @@ var Table = defineComponent({
                   })
                 )
               ] : bodyColumns.map(
-                (column) => h6(
-                  "div",
-                  { key: column.key, class: tableResponsiveCardRowClasses },
-                  [
-                    h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
-                    h6("div", { class: tableResponsiveCardValueClasses }, [
-                      renderCardCellContent(column)
-                    ])
-                  ]
-                )
+                (column) => h6("div", { key: column.key, class: tableResponsiveCardRowClasses }, [
+                  h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
+                  h6("div", { class: tableResponsiveCardValueClasses }, [
+                    renderCardCellContent(column)
+                  ])
+                ])
               );
               const controls = [];
               if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
                 const checkboxProps = resolvedProps.rowSelection.getCheckboxProps?.(record) || {};
                 controls.push(
-                  h6(
-                    "span",
-                    { onClick: (event) => event.stopPropagation() },
-                    [
-                      resolvedProps.rowSelection.type === "radio" ? h6(Radio, {
-                        value: key,
-                        checked: isSelected,
-                        disabled: checkboxProps.disabled,
-                        "aria-label": formatTableSelectRowAriaLabel(
-                          tableLabels.value.selectRowAriaLabel,
-                          index + 1,
-                          tableLocale.value?.locale
-                        ),
-                        onChange: () => ctx.handleSelectRow(key, true)
-                      }) : h6(Checkbox, {
-                        size: "sm",
-                        modelValue: isSelected,
-                        disabled: checkboxProps.disabled,
-                        "aria-label": formatTableSelectRowAriaLabel(
-                          tableLabels.value.selectRowAriaLabel,
-                          index + 1,
-                          tableLocale.value?.locale
-                        ),
-                        onChange: (checked) => ctx.handleSelectRow(key, checked)
-                      })
-                    ]
-                  )
+                  h6("span", { onClick: (event) => event.stopPropagation() }, [
+                    resolvedProps.rowSelection.type === "radio" ? h6(Radio, {
+                      value: key,
+                      checked: isSelected,
+                      disabled: checkboxProps.disabled,
+                      "aria-label": formatTableSelectRowAriaLabel(
+                        tableLabels.value.selectRowAriaLabel,
+                        index + 1,
+                        tableLocale.value?.locale
+                      ),
+                      onChange: () => ctx.handleSelectRow(key, true)
+                    }) : h6(Checkbox, {
+                      size: "sm",
+                      modelValue: isSelected,
+                      disabled: checkboxProps.disabled,
+                      "aria-label": formatTableSelectRowAriaLabel(
+                        tableLabels.value.selectRowAriaLabel,
+                        index + 1,
+                        tableLocale.value?.locale
+                      ),
+                      onChange: (checked) => ctx.handleSelectRow(key, checked)
+                    })
+                  ])
                 );
               }
               if (resolvedProps.expandable && isRowExpandable) {
@@ -1612,6 +1650,21 @@ var Table = defineComponent({
                   )
                 );
               }
+              const titleWithInlineControls = titleNode && resolvedProps.cardSelectionPosition === "title-inline" && controls.length ? h6(
+                "div",
+                {
+                  class: classNames3(
+                    tableResponsiveCardTitleClasses,
+                    "flex items-center gap-3"
+                  )
+                },
+                [
+                  ...controls,
+                  h6("span", { class: "min-w-0 flex-1" }, [
+                    renderCardCellContent(titleColumn)
+                  ])
+                ]
+              ) : titleNode;
               const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? slots["expanded-row"]?.({ record, index }) ?? resolvedProps.expandable.expandedRowRender?.(record, index) : null;
               const cardContext = {
                 record,
@@ -1628,12 +1681,15 @@ var Table = defineComponent({
                 "div",
                 {
                   key,
-                  class: classNames3(tableResponsiveCardClasses, resolvedCardClassName),
+                  class: classNames3(
+                    getTableResponsiveCardClasses(resolvedProps.cardPadding),
+                    resolvedCardClassName
+                  ),
                   onClick: () => ctx.handleRowClick(record, index, key)
                 },
                 customCard !== void 0 && customCard !== null ? [customCard] : [
-                  controls.length ? h6("div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
-                  titleNode,
+                  controls.length && (!titleNode || resolvedProps.cardSelectionPosition !== "title-inline") ? h6("div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
+                  titleWithInlineControls,
                   ...rows,
                   expandedContent ? h6(
                     "div",

package/dist/{chunk-B2RH4CMG.js → chunk-NKVEXKM5.js}

@@ -65,7 +65,7 @@ var Form = _vue.defineComponent.call(void 0, {
      */
     labelAlign: {
       type: String,
-      default: "right"
+      default: void 0
     },
     /**
      * Form size (applies to all form items)
@@ -371,6 +371,9 @@ var Form = _vue.defineComponent.call(void 0, {
     };
     const canUndoNow = _vue.computed.call(void 0, () => props.undoable && _tigercatcore.canUndo.call(void 0, history.value));
     const canRedoNow = _vue.computed.call(void 0, () => props.undoable && _tigercatcore.canRedo.call(void 0, history.value));
+    const resolvedLabelAlign = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(props.labelAlign, () => ( (props.labelPosition === "top" ? "left" : "right")))
+    );
     const handleSubmit = async (event) => {
       event.preventDefault();
       if (props.loading) return;
@@ -382,7 +385,7 @@ var Form = _vue.defineComponent.call(void 0, {
       rules: props.rules,
       labelWidth: props.labelWidth,
       labelPosition: props.labelPosition,
-      labelAlign: props.labelAlign,
+      labelAlign: resolvedLabelAlign.value,
       size: props.size,
       inlineMessage: props.inlineMessage,
       showRequiredAsterisk: props.showRequiredAsterisk,

package/dist/{chunk-WIQPVVUQ.js → chunk-NYR6OQO4.js}

@@ -1,6 +1,6 @@
 "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; }
 
-var _chunk27T3QDSFjs = require('./chunk-27T3QDSF.js');
+var _chunkRBHF7NOQjs = require('./chunk-RBHF7NOQ.js');
 
 
 var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
@@ -9,13 +9,13 @@ var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
 var _chunk2DC3BMEDjs = require('./chunk-2DC3BMED.js');
 
 
-var _chunk2KDSHEZTjs = require('./chunk-2KDSHEZT.js');
+var _chunkBPAZBRCRjs = require('./chunk-BPAZBRCR.js');
 
 
 var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 
 
-var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
+var _chunkUG6O4F2Ajs = require('./chunk-UG6O4F2A.js');
 
 
 var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
@@ -159,7 +159,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                     { default: () => titleText }
                   ) : null,
                   item.status ? _vue.h.call(void 0, 
-                    _chunk2KDSHEZTjs.Tag,
+                    _chunkBPAZBRCRjs.Tag,
                     {
                       variant: _nullishCoalesce(item.status.variant, () => ( "default")),
                       size: "sm",
@@ -216,7 +216,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
           },
           [
             _vue.h.call(void 0, 
-              _chunkXGXGAK27js.Card,
+              _chunkUG6O4F2Ajs.Card,
               {
                 variant: "bordered",
                 size: "sm",
@@ -258,7 +258,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
           },
           [
             _vue.h.call(void 0, 
-              _chunkXGXGAK27js.Card,
+              _chunkUG6O4F2Ajs.Card,
               {
                 variant: "bordered",
                 size: "sm",
@@ -295,7 +295,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
               )
             ]))) : null,
             _vue.h.call(void 0, 
-              _chunk27T3QDSFjs.Timeline,
+              _chunkRBHF7NOQjs.Timeline,
               {
                 items: timelineItems,
                 style: {