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

package/dist/chunk-XVNN6D55.js

@@ -1,394 +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; }
-
-
-
-
-var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Spotlight.ts
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var spotlightIdCounter = 0;
-var createSpotlightId = () => `tiger-spotlight-${++spotlightIdCounter}`;
-var Spotlight = _vue.defineComponent.call(void 0, {
-  name: "TigerSpotlight",
-  inheritAttrs: false,
-  props: {
-    open: {
-      type: Boolean,
-      default: void 0
-    },
-    defaultOpen: {
-      type: Boolean,
-      default: false
-    },
-    query: {
-      type: String,
-      default: void 0
-    },
-    defaultQuery: {
-      type: String,
-      default: ""
-    },
-    items: {
-      type: Array,
-      default: () => []
-    },
-    title: {
-      type: String,
-      default: "Spotlight"
-    },
-    placeholder: {
-      type: String,
-      default: void 0
-    },
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    inputAriaLabel: {
-      type: String,
-      default: void 0
-    },
-    listboxLabel: {
-      type: String,
-      default: void 0
-    },
-    closeOnSelect: {
-      type: Boolean,
-      default: true
-    },
-    mask: {
-      type: Boolean,
-      default: true
-    },
-    maskClosable: {
-      type: Boolean,
-      default: true
-    },
-    zIndex: {
-      type: Number,
-      default: 1e3
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    defaultActiveFirstItem: {
-      type: Boolean,
-      default: true
-    },
-    filterItem: {
-      type: Function,
-      default: void 0
-    },
-    limit: {
-      type: Number,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    disableTeleport: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:open", "open-change", "update:query", "query-change", "select"],
-  setup(props, { emit, attrs, slots }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const placeholderText = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveLocaleText.call(void 0, "Search", props.placeholder, _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.searchPlaceholder]))
-    );
-    const uncontrolledOpen = _vue.ref.call(void 0, props.defaultOpen);
-    const uncontrolledQuery = _vue.ref.call(void 0, props.defaultQuery);
-    const activeIndex = _vue.ref.call(void 0, -1);
-    const instanceId = createSpotlightId();
-    const titleId = `${instanceId}-title`;
-    const listboxId = `${instanceId}-listbox`;
-    const dialogRef = _vue.ref.call(void 0, null);
-    const inputRef = _vue.ref.call(void 0, null);
-    const previousActiveElement = _vue.ref.call(void 0, null);
-    const resolvedOpen = _vue.computed.call(void 0, () => _nullishCoalesce(props.open, () => ( uncontrolledOpen.value)));
-    const resolvedQuery = _vue.computed.call(void 0, () => _nullishCoalesce(props.query, () => ( uncontrolledQuery.value)));
-    const searchState = _vue.computed.call(void 0, 
-      () => _tigercatcore.getSpotlightSearchState.call(void 0, props.items, resolvedQuery.value, {
-        filterItem: props.filterItem,
-        limit: props.limit
-      })
-    );
-    const setOpenValue = (nextOpen) => {
-      if (props.open === void 0) uncontrolledOpen.value = nextOpen;
-      emit("update:open", nextOpen);
-      emit("open-change", nextOpen);
-    };
-    const setQueryValue = (nextQuery) => {
-      if (props.query === void 0) uncontrolledQuery.value = nextQuery;
-      emit("update:query", nextQuery);
-      emit("query-change", nextQuery);
-    };
-    const closeSpotlight = () => setOpenValue(false);
-    const selectItem = (item) => {
-      if (item.disabled) return;
-      emit("select", item);
-      if (props.closeOnSelect) closeSpotlight();
-    };
-    const updateActiveIndex = () => {
-      activeIndex.value = resolvedOpen.value ? _tigercatcore.getInitialPickerActiveIndex.call(void 0, 
-        searchState.value.flatResults,
-        props.defaultActiveFirstItem,
-        (result) => result.item.disabled === true
-      ) : -1;
-    };
-    const handleKeyDown = (event) => {
-      switch (event.key) {
-        case "ArrowDown":
-        case "ArrowUp":
-        case "Home":
-        case "End":
-          event.preventDefault();
-          activeIndex.value = _tigercatcore.getPickerNavigationIndex.call(void 0, 
-            searchState.value.flatResults,
-            activeIndex.value,
-            event.key,
-            (result) => result.item.disabled === true
-          );
-          break;
-        case "Enter": {
-          event.preventDefault();
-          const result = searchState.value.flatResults[activeIndex.value];
-          if (result) selectItem(result.item);
-          break;
-        }
-        case "Escape":
-          event.preventDefault();
-          closeSpotlight();
-          break;
-      }
-    };
-    const handleMaskClick = (event) => {
-      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, props.maskClosable)) {
-        closeSpotlight();
-      }
-    };
-    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, resolvedOpen);
-    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: resolvedOpen, containerRef: dialogRef });
-    let cleanupEscape;
-    _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, { enabled: resolvedOpen, onEscape: closeSpotlight });
-      if (resolvedOpen.value) {
-        _vue.nextTick.call(void 0, () => _tigercatcore.focusFirst.call(void 0, [inputRef.value, dialogRef.value]));
-      }
-    });
-    _vue.onBeforeUnmount.call(void 0, () => _optionalChain([cleanupEscape, 'optionalCall', _4 => _4()]));
-    _vue.watch.call(void 0, [resolvedOpen, resolvedQuery, () => props.items], updateActiveIndex, { immediate: true });
-    _vue.watch.call(void 0, 
-      resolvedOpen,
-      async (isOpen) => {
-        if (!isOpen) {
-          _tigercatcore.restoreFocus.call(void 0, previousActiveElement.value);
-          return;
-        }
-        previousActiveElement.value = _tigercatcore.captureActiveElement.call(void 0, );
-        await _vue.nextTick.call(void 0, );
-        _tigercatcore.focusFirst.call(void 0, [inputRef.value, dialogRef.value]);
-      },
-      { flush: "post" }
-    );
-    return () => {
-      if (!resolvedOpen.value) return null;
-      const state = searchState.value;
-      const activeResult = state.flatResults[activeIndex.value];
-      const activeOptionId = activeResult ? _tigercatcore.getPickerOptionId.call(void 0, listboxId, activeResult.flatIndex) : void 0;
-      const content = _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.spotlightRootClasses,
-          style: { zIndex: props.zIndex },
-          "data-tiger-spotlight-root": ""
-        },
-        [
-          props.mask ? _vue.h.call(void 0, "div", {
-            class: _tigercatcore.spotlightMaskClasses,
-            "aria-hidden": "true",
-            onClick: handleMaskClick
-          }) : null,
-          _vue.h.call(void 0, 
-            "div",
-            {
-              ...attrs,
-              ref: dialogRef,
-              id: instanceId,
-              role: "dialog",
-              "aria-modal": "true",
-              "aria-labelledby": props.title ? titleId : void 0,
-              tabindex: -1,
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.spotlightPanelClasses,
-                props.className,
-                _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-              ),
-              style: _tigercatcore.mergeStyleValues.call(void 0, 
-                props.style,
-                attrs.style
-              )
-            },
-            [
-              _vue.h.call(void 0, "div", { class: _tigercatcore.spotlightHeaderClasses }, [
-                props.title ? _vue.h.call(void 0, "div", { id: titleId, class: _tigercatcore.spotlightTitleClasses }, props.title) : null,
-                _vue.h.call(void 0, "input", {
-                  ref: inputRef,
-                  value: resolvedQuery.value,
-                  type: "search",
-                  class: _tigercatcore.spotlightInputClasses,
-                  placeholder: placeholderText.value,
-                  "aria-label": _nullishCoalesce(props.inputAriaLabel, () => ( placeholderText.value)),
-                  autocomplete: "off",
-                  ..._tigercatcore.getPickerComboboxAria.call(void 0, {
-                    expanded: true,
-                    listboxId,
-                    activeOptionId
-                  }),
-                  onInput: (event) => setQueryValue(event.target.value),
-                  onKeydown: handleKeyDown
-                })
-              ]),
-              state.flatResults.length > 0 ? _vue.h.call(void 0, 
-                "div",
-                {
-                  ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId, label: props.listboxLabel }),
-                  class: _tigercatcore.spotlightListClasses
-                },
-                state.groups.map(
-                  (group, groupIndex) => _vue.h.call(void 0, 
-                    "div",
-                    {
-                      key: _nullishCoalesce(group.label, () => ( `group-${groupIndex}`)),
-                      class: _tigercatcore.spotlightGroupClasses,
-                      role: group.label ? "group" : void 0,
-                      "aria-label": group.label
-                    },
-                    [
-                      group.label ? _vue.h.call(void 0, "div", { class: _tigercatcore.spotlightGroupLabelClasses }, group.label) : null,
-                      ...group.items.map((result) => {
-                        const active = result.flatIndex === activeIndex.value;
-                        const shortcutLabel = _tigercatcore.getSpotlightShortcutLabel.call(void 0, result.item.shortcut);
-                        const iconNode = slots.icon ? slots.icon({ item: result.item }) : result.item.icon;
-                        return _vue.h.call(void 0, 
-                          "div",
-                          {
-                            key: String(result.item.key),
-                            id: _tigercatcore.getPickerOptionId.call(void 0, listboxId, result.flatIndex),
-                            ..._tigercatcore.getPickerOptionAria.call(void 0, {
-                              selected: active,
-                              disabled: result.item.disabled
-                            }),
-                            class: _tigercatcore.getSpotlightOptionClasses.call(void 0, 
-                              active,
-                              result.item.disabled === true
-                            ),
-                            onMouseenter: () => {
-                              activeIndex.value = result.flatIndex;
-                            },
-                            onMousedown: (event) => event.preventDefault(),
-                            onClick: () => selectItem(result.item)
-                          },
-                          [
-                            iconNode ? _vue.h.call(void 0, "span", { class: "shrink-0" }, iconNode) : null,
-                            _vue.h.call(void 0, "span", { class: "min-w-0 flex-1" }, [
-                              _vue.h.call(void 0, 
-                                "span",
-                                { class: "block truncate text-sm font-medium" },
-                                result.item.label
-                              ),
-                              result.item.description ? _vue.h.call(void 0, 
-                                "span",
-                                {
-                                  class: "block truncate text-xs text-[var(--tiger-spotlight-item-description,var(--tiger-text-muted,#6b7280))]"
-                                },
-                                result.item.description
-                              ) : null
-                            ]),
-                            shortcutLabel ? _vue.h.call(void 0, 
-                              "kbd",
-                              {
-                                class: "shrink-0 rounded border border-[var(--tiger-spotlight-shortcut-border,var(--tiger-border,#d1d5db))] px-1.5 py-0.5 text-xs text-[var(--tiger-spotlight-shortcut-text,var(--tiger-text-muted,#6b7280))]"
-                              },
-                              shortcutLabel
-                            ) : null
-                          ]
-                        );
-                      })
-                    ]
-                  )
-                )
-              ) : _vue.h.call(void 0, 
-                "div",
-                { class: _tigercatcore.spotlightEmptyClasses },
-                _tigercatcore.resolveLocaleText.call(void 0, 
-                  "No results found",
-                  props.emptyText,
-                  _optionalChain([mergedLocale, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.common, 'optionalAccess', _7 => _7.emptyText])
-                )
-              )
-            ]
-          )
-        ]
-      );
-      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, content, props.disableTeleport);
-    };
-  }
-});
-var Spotlight_default = Spotlight;
-
-
-
-
-exports.Spotlight = Spotlight; exports.Spotlight_default = Spotlight_default;

package/dist/chunk-XZMU7B54.js

@@ -1,230 +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; }
-
-var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
-
-// src/components/GaugeChart.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var GaugeChart = _vue.defineComponent.call(void 0, {
-  name: "TigerGaugeChart",
-  props: {
-    width: { type: Number, default: 280 },
-    height: { type: Number, default: 200 },
-    padding: { type: [Number, Object], default: 24 },
-    value: { type: Number, required: true },
-    min: { type: Number, default: 0 },
-    max: { type: Number, default: 100 },
-    startAngle: { type: Number, default: 135 },
-    endAngle: { type: Number, default: 405 },
-    arcWidth: { type: Number, default: 20 },
-    showTicks: { type: Boolean, default: true },
-    tickCount: { type: Number, default: 5 },
-    valueFormatter: { type: Function },
-    label: { type: String },
-    segments: {
-      type: Array
-    },
-    trackColor: { type: String, default: "var(--tiger-border,#e5e7eb)" },
-    color: { type: String, default: "var(--tiger-primary,#2563eb)" },
-    gradient: { type: Boolean, default: false },
-    // a11y
-    title: { type: String },
-    desc: { type: String },
-    className: { type: String }
-  },
-  setup(props) {
-    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
-    const radius = _vue.computed.call(void 0, () => Math.min(innerRect.value.width, innerRect.value.height) / 2 - 4);
-    const cx = _vue.computed.call(void 0, () => innerRect.value.width / 2);
-    const cy = _vue.computed.call(void 0, () => innerRect.value.height / 2);
-    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "gauge", _vue.useId.call(void 0, ));
-    const valueGradientId = `${gradientPrefix}-value`;
-    const targetAngle = _vue.computed.call(void 0, 
-      () => _tigercatcore.valueToGaugeAngle.call(void 0, props.value, props.min, props.max, props.startAngle, props.endAngle)
-    );
-    const animatedAngle = _vue.ref.call(void 0, targetAngle.value);
-    let animCtrl = null;
-    _vue.watch.call(void 0, targetAngle, (to, from) => {
-      _optionalChain([animCtrl, 'optionalAccess', _ => _.stop, 'call', _2 => _2()]);
-      animCtrl = _tigercatcore.createGaugeAnimation.call(void 0, {
-        from,
-        to,
-        onUpdate: (v) => {
-          animatedAngle.value = v;
-        }
-      });
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([animCtrl, 'optionalAccess', _3 => _3.stop, 'call', _4 => _4()]);
-    });
-    const ticks = _vue.computed.call(void 0, 
-      () => props.showTicks ? _tigercatcore.computeGaugeTicks.call(void 0, 
-        cx.value,
-        cy.value,
-        radius.value,
-        props.min,
-        props.max,
-        props.startAngle,
-        props.endAngle,
-        props.tickCount
-      ) : []
-    );
-    return () => {
-      const r = radius.value;
-      const c = cx.value;
-      const cY = cy.value;
-      const aw = props.arcWidth;
-      const trackPath = _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, props.endAngle, aw);
-      const valuePath = animatedAngle.value > props.startAngle ? _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, animatedAngle.value, aw) : null;
-      const segmentArcs = _nullishCoalesce(_optionalChain([props, 'access', _5 => _5.segments, 'optionalAccess', _6 => _6.map, 'call', _7 => _7((seg, i) => {
-        const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, 
-          seg.range[0],
-          props.min,
-          props.max,
-          props.startAngle,
-          props.endAngle
-        );
-        const sEnd = _tigercatcore.valueToGaugeAngle.call(void 0, 
-          seg.range[1],
-          props.min,
-          props.max,
-          props.startAngle,
-          props.endAngle
-        );
-        return _vue.h.call(void 0, "path", {
-          key: `seg-${i}`,
-          d: _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, sStart, sEnd, aw),
-          fill: seg.color,
-          "stroke-width": 0
-        });
-      })]), () => ( []));
-      const needlePath = _tigercatcore.createGaugeNeedlePath.call(void 0, c, cY, r - aw - 6, animatedAngle.value);
-      const formattedValue = props.valueFormatter ? props.valueFormatter(props.value) : `${props.value}`;
-      return _vue.h.call(void 0, 
-        _chunkUHVUKLHFjs.ChartCanvas,
-        {
-          width: props.width,
-          height: props.height,
-          padding: props.padding,
-          title: props.title,
-          desc: props.desc,
-          className: _tigercatcore.classNames.call(void 0, props.className)
-        },
-        {
-          default: () => [
-            // Gradient defs (opt-in, only when gradient mode is on and value arc renders)
-            props.gradient && !props.segments && valuePath ? _vue.h.call(void 0, "defs", {}, [
-              _vue.h.call(void 0, 
-                "linearGradient",
-                {
-                  id: valueGradientId,
-                  x1: 0,
-                  y1: 0,
-                  x2: 0,
-                  y2: 1
-                },
-                [
-                  _vue.h.call(void 0, "stop", { offset: "0%", "stop-color": props.color, "stop-opacity": 1 }),
-                  _vue.h.call(void 0, "stop", { offset: "100%", "stop-color": props.color, "stop-opacity": 0.55 })
-                ]
-              )
-            ]) : null,
-            // Track
-            _vue.h.call(void 0, "path", {
-              d: trackPath,
-              fill: props.trackColor,
-              "stroke-width": 0
-            }),
-            // Segments or value arc
-            ...props.segments ? segmentArcs : valuePath ? [
-              _vue.h.call(void 0, "path", {
-                d: valuePath,
-                fill: props.gradient ? `url(#${valueGradientId})` : props.color,
-                "stroke-width": 0
-              })
-            ] : [],
-            // Ticks
-            ...ticks.value.map((tick, i) => [
-              _vue.h.call(void 0, "line", {
-                key: `tick-${i}`,
-                x1: tick.x1,
-                y1: tick.y1,
-                x2: tick.x2,
-                y2: tick.y2,
-                stroke: "var(--tiger-text-secondary,#6b7280)",
-                "stroke-width": 1
-              }),
-              _vue.h.call(void 0, 
-                "text",
-                {
-                  key: `tick-label-${i}`,
-                  x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
-                  y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
-                  class: _tigercatcore.chartAxisTickTextClasses,
-                  "text-anchor": "middle",
-                  "dominant-baseline": "middle",
-                  style: { fontSize: "10px" }
-                },
-                tick.label
-              )
-            ]).flat(),
-            // Needle
-            _vue.h.call(void 0, "path", {
-              d: needlePath,
-              fill: "var(--tiger-text,#374151)"
-            }),
-            // Center dot
-            _vue.h.call(void 0, "circle", {
-              cx: c,
-              cy: cY,
-              r: 5,
-              fill: "var(--tiger-text,#374151)"
-            }),
-            // Value text
-            _vue.h.call(void 0, 
-              "text",
-              {
-                x: c,
-                y: cY + r * 0.35,
-                class: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold tabular-nums",
-                "text-anchor": "middle",
-                "dominant-baseline": "middle"
-              },
-              formattedValue
-            ),
-            // Label
-            ...props.label ? [
-              _vue.h.call(void 0, 
-                "text",
-                {
-                  x: c,
-                  y: cY + r * 0.35 + 20,
-                  class: _tigercatcore.chartAxisTickTextClasses,
-                  "text-anchor": "middle",
-                  "dominant-baseline": "middle"
-                },
-                props.label
-              )
-            ] : []
-          ]
-        }
-      );
-    };
-  }
-});
-var GaugeChart_default = GaugeChart;
-
-
-
-
-exports.GaugeChart = GaugeChart; exports.GaugeChart_default = GaugeChart_default;