@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-XSMDZOBF.js

@@ -1,154 +0,0 @@
-"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/ColorSwatch.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var checkPathD = "M5 10.5 8 13.5 15 6.5";
-var ColorSwatch = _vue.defineComponent.call(void 0, {
-  name: "TigerColorSwatch",
-  props: {
-    modelValue: { type: String, default: void 0 },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    colors: { type: Array, default: void 0 },
-    groups: { type: Array, default: void 0 },
-    columns: { type: Number, default: 6 },
-    ariaLabel: { type: String, default: "Color swatches" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { attrs, emit }) {
-    const focusIndex = _vue.ref.call(void 0, -1);
-    const optionRefs = _vue.ref.call(void 0, []);
-    const normalizedGroups = _vue.computed.call(void 0, () => _tigercatcore.normalizeColorSwatchGroups.call(void 0, props.groups, props.colors));
-    const options = _vue.computed.call(void 0, () => _tigercatcore.flattenColorSwatchGroups.call(void 0, normalizedGroups.value));
-    const selectedIndex = _vue.computed.call(void 0, 
-      () => options.value.findIndex((option) => _tigercatcore.isColorSwatchSelected.call(void 0, option.value, props.modelValue))
-    );
-    const firstEnabledIndex = _vue.computed.call(void 0, () => options.value.findIndex((option) => !option.disabled));
-    const activeIndex = _vue.computed.call(void 0, 
-      () => selectedIndex.value >= 0 ? selectedIndex.value : firstEnabledIndex.value
-    );
-    function handleSelect(option) {
-      if (props.disabled || option.disabled) return;
-      emit("update:modelValue", option.value);
-      emit("change", option.value, option);
-    }
-    function handleKeydown(optionIndex, event) {
-      if (props.disabled) return;
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        const option = options.value[optionIndex];
-        if (option) handleSelect(option);
-        return;
-      }
-      const nextIndex = _tigercatcore.getNextColorSwatchIndex.call(void 0, 
-        options.value,
-        optionIndex,
-        event.key,
-        props.columns
-      );
-      if (nextIndex === -1 || nextIndex === optionIndex) return;
-      event.preventDefault();
-      focusIndex.value = nextIndex;
-      _vue.nextTick.call(void 0, () => _optionalChain([optionRefs, 'access', _ => _.value, 'access', _2 => _2[nextIndex], 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()]));
-    }
-    return () => {
-      let flatIndex = 0;
-      optionRefs.value = [];
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.colorSwatchBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
-          role: "radiogroup",
-          "aria-label": props.ariaLabel,
-          "aria-disabled": props.disabled || void 0
-        },
-        normalizedGroups.value.map(
-          (group, groupIndex) => _vue.h.call(void 0, 
-            "div",
-            { key: `${groupIndex}-${_nullishCoalesce(group.label, () => ( "group"))}`, class: _tigercatcore.colorSwatchGroupClasses },
-            [
-              group.label ? _vue.h.call(void 0, "div", { class: _tigercatcore.colorSwatchGroupLabelClasses }, group.label) : null,
-              _vue.h.call(void 0, 
-                "div",
-                {
-                  class: _tigercatcore.colorSwatchGridClasses,
-                  style: { gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))` }
-                },
-                group.colors.map((option) => {
-                  const optionIndex = flatIndex;
-                  flatIndex += 1;
-                  const selected = _tigercatcore.isColorSwatchSelected.call(void 0, option.value, props.modelValue);
-                  const optionDisabled = props.disabled || !!option.disabled;
-                  const tabIndex = !optionDisabled && optionIndex === (focusIndex.value >= 0 ? focusIndex.value : activeIndex.value) ? 0 : -1;
-                  return _vue.h.call(void 0, 
-                    "button",
-                    {
-                      key: `${option.groupIndex}-${option.index}-${option.value}`,
-                      ref: ((el) => {
-                        if (el instanceof HTMLElement) optionRefs.value[optionIndex] = el;
-                      }),
-                      type: "button",
-                      class: _tigercatcore.getColorSwatchButtonClasses.call(void 0, props.size, selected, optionDisabled),
-                      style: { backgroundColor: option.value },
-                      role: "radio",
-                      "aria-checked": selected,
-                      "aria-label": option.label,
-                      "aria-disabled": optionDisabled || void 0,
-                      tabindex: tabIndex,
-                      onFocus: () => {
-                        focusIndex.value = optionIndex;
-                      },
-                      onClick: () => handleSelect(option),
-                      onKeydown: (event) => handleKeydown(optionIndex, event)
-                    },
-                    selected ? _vue.h.call(void 0, 
-                      "span",
-                      { class: _tigercatcore.getColorSwatchCheckClasses.call(void 0, props.size), "aria-hidden": "true" },
-                      [
-                        _vue.h.call(void 0, 
-                          "svg",
-                          {
-                            viewBox: "0 0 20 20",
-                            fill: "none",
-                            stroke: "currentColor",
-                            strokeWidth: "2.5",
-                            class: "h-full w-full"
-                          },
-                          [
-                            _vue.h.call(void 0, "path", {
-                              d: checkPathD,
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round"
-                            })
-                          ]
-                        )
-                      ]
-                    ) : void 0
-                  );
-                })
-              )
-            ]
-          )
-        )
-      );
-    };
-  }
-});
-var ColorSwatch_default = ColorSwatch;
-
-
-
-
-exports.ColorSwatch = ColorSwatch; exports.ColorSwatch_default = ColorSwatch_default;

package/dist/chunk-XTMGF5YP.js

@@ -1,103 +0,0 @@
-"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/PrintLayout.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var PrintLayout = _vue.defineComponent.call(void 0, {
-  name: "TigerPrintLayout",
-  inheritAttrs: false,
-  props: {
-    pageSize: {
-      type: String,
-      default: "A4"
-    },
-    orientation: {
-      type: String,
-      default: "portrait"
-    },
-    showHeader: {
-      type: Boolean,
-      default: false
-    },
-    showFooter: {
-      type: Boolean,
-      default: false
-    },
-    headerText: {
-      type: String,
-      default: void 0
-    },
-    footerText: {
-      type: String,
-      default: void 0
-    },
-    showPageBreaks: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const classes = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getPrintLayoutClasses.call(void 0, props.pageSize, props.orientation, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => {
-      const children = [];
-      if (props.showHeader && (props.headerText || slots.header)) {
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.printLayoutHeaderClasses },
-            slots.header ? slots.header() : props.headerText
-          )
-        );
-      }
-      children.push(_vue.h.call(void 0, "div", { class: "tiger-print-content" }, _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])));
-      if (props.showFooter && (props.footerText || slots.footer)) {
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.printLayoutFooterClasses },
-            slots.footer ? slots.footer() : props.footerText
-          )
-        );
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: classes.value
-        },
-        children
-      );
-    };
-  }
-});
-var PrintPageBreak = _vue.defineComponent.call(void 0, {
-  name: "TigerPrintPageBreak",
-  setup(_, { attrs }) {
-    return () => _vue.h.call(void 0, "div", {
-      ...attrs,
-      class: _tigercatcore.classNames.call(void 0, _tigercatcore.printLayoutPageBreakClasses, "print:break-before-page"),
-      "aria-hidden": "true"
-    });
-  }
-});
-var PrintLayout_default = PrintLayout;
-
-
-
-
-
-exports.PrintLayout = PrintLayout; exports.PrintPageBreak = PrintPageBreak; exports.PrintLayout_default = PrintLayout_default;

package/dist/chunk-XUOGT4HG.js

@@ -1,76 +0,0 @@
-"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/Row.ts
-var _vue = require('vue');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var RowContextKey = /* @__PURE__ */ Symbol("RowContext");
-var Row = _vue.defineComponent.call(void 0, {
-  name: "TigerRow",
-  props: {
-    /**
-     * Gutter size between columns (number or [horizontal, vertical])
-     * @default 0
-     */
-    gutter: {
-      type: [Number, Array],
-      default: 0
-    },
-    /**
-     * Vertical alignment of columns
-     * @default 'top'
-     */
-    align: {
-      type: String,
-      default: "top"
-    },
-    /**
-     * Horizontal alignment of columns
-     * @default 'start'
-     */
-    justify: {
-      type: String,
-      default: "start"
-    },
-    /**
-     * Whether to wrap columns
-     * @default true
-     */
-    wrap: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const gutter = _vue.computed.call(void 0, () => props.gutter);
-    const rowStyle = _vue.computed.call(void 0, () => _tigercatcore.getRowGutterStyleVars.call(void 0, gutter.value));
-    const rowClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        "flex",
-        "w-full",
-        props.wrap && "flex-wrap",
-        _tigercatcore.getRowGutterClasses.call(void 0, gutter.value),
-        _tigercatcore.getAlignClasses.call(void 0, props.align),
-        _tigercatcore.getJustifyClasses.call(void 0, props.justify)
-      );
-    });
-    _vue.provide.call(void 0, RowContextKey, { gutter });
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        ...attrs,
-        class: [rowClasses.value, attrs.class],
-        style: [rowStyle.value, attrs.style]
-      },
-      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-    );
-  }
-});
-
-
-
-
-exports.RowContextKey = RowContextKey; exports.Row = Row;

package/dist/chunk-XV6IYXAP.js

@@ -1,140 +0,0 @@
-"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 _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
-
-
-var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
-
-// src/components/Popover.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var createPopoverId = _tigercatcore.createFloatingIdFactory.call(void 0, "popover");
-var Popover = _vue.defineComponent.call(void 0, {
-  name: "TigerPopover",
-  inheritAttrs: false,
-  props: {
-    /** Whether the popover is open (controlled mode) */
-    open: { type: Boolean, default: void 0 },
-    /** Default open state (uncontrolled mode) */
-    defaultOpen: { type: Boolean, default: false },
-    /** Popover title text */
-    title: { type: String, default: void 0 },
-    /** Popover content text */
-    content: { type: String, default: void 0 },
-    /** Trigger type @default 'click' */
-    trigger: { type: String, default: "click" },
-    /** Placement @default 'top' */
-    placement: { type: String, default: "top" },
-    /** Disabled state */
-    disabled: { type: Boolean, default: false },
-    /** Width (pixel number or Tailwind class) */
-    width: { type: [String, Number], default: void 0 },
-    /** Offset distance in pixels @default 8 */
-    offset: { type: Number, default: 8 },
-    /** Additional CSS classes */
-    className: { type: String, default: void 0 },
-    style: { type: [String, Object, Array], default: void 0 }
-  },
-  emits: ["update:open", "open-change"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const {
-      currentVisible,
-      containerRef,
-      triggerRef,
-      floatingRef,
-      floatingStyles,
-      triggerHandlers
-    } = _chunkQOMWROWEjs.useFloatingPopup.call(void 0, { props, emit });
-    const popoverId = createPopoverId();
-    const titleId = `${popoverId}-title`;
-    const contentId = `${popoverId}-content`;
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getPopoverContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))
-    );
-    const triggerClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopoverTriggerClasses.call(void 0, props.disabled));
-    const contentClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopoverContentClasses.call(void 0, props.width));
-    return () => {
-      const triggerSlotContent = slots.trigger ? slots.trigger({ open: currentVisible.value }) : _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
-      if (!triggerSlotContent || triggerSlotContent.length === 0) return null;
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      const hasTitle = Boolean(props.title || slots.title);
-      const hasContent = Boolean(props.content || slots.content);
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...restAttrs,
-          ref: containerRef,
-          class: containerClasses.value,
-          style: props.style
-        },
-        [
-          // Trigger
-          _vue.h.call(void 0, 
-            "div",
-            {
-              ref: triggerRef,
-              class: triggerClasses.value,
-              "aria-haspopup": "dialog",
-              "aria-disabled": props.disabled ? "true" : void 0,
-              // `data-state` is the stable styling hook. `aria-expanded` is
-              // intentionally omitted: the trigger is a generic wrapper without
-              // an interactive role, where `aria-expanded` is invalid (the
-              // user's own interactive element carries the real semantics).
-              "data-state": currentVisible.value ? "open" : "closed",
-              ...triggerHandlers.value
-            },
-            triggerSlotContent
-          ),
-          // Floating content
-          currentVisible.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 
-            _vue.h.call(void 0, "div", { ref: floatingRef, style: floatingStyles.value, "aria-hidden": false }, [
-              _vue.h.call(void 0, 
-                "div",
-                {
-                  id: popoverId,
-                  role: "dialog",
-                  "aria-modal": "false",
-                  "aria-labelledby": hasTitle ? titleId : void 0,
-                  "aria-describedby": hasContent ? contentId : void 0,
-                  class: contentClasses.value
-                },
-                [
-                  hasTitle && _vue.h.call(void 0, 
-                    "div",
-                    { id: titleId, class: _tigercatcore.POPOVER_TITLE_CLASSES },
-                    slots.title ? slots.title() : props.title
-                  ),
-                  hasContent && _vue.h.call(void 0, 
-                    "div",
-                    { id: contentId, class: _tigercatcore.POPOVER_TEXT_CLASSES },
-                    slots.content ? slots.content() : props.content
-                  )
-                ].filter(Boolean)
-              )
-            ])
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Popover_default = Popover;
-
-
-
-
-exports.Popover = Popover; exports.Popover_default = Popover_default;