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

package/dist/chunk-TGHB5XST.js

@@ -1,91 +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/Text.ts
-var _vue = require('vue');
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Text = _vue.defineComponent.call(void 0, {
-  name: "TigerText",
-  inheritAttrs: false,
-  props: {
-    /**
-     * HTML tag to render
-     * @default 'p'
-     */
-    tag: {
-      type: String,
-      default: "p"
-    },
-    /**
-     * Text size
-     * @default 'base'
-     */
-    size: {
-      type: String,
-      default: "base"
-    },
-    /**
-     * Font weight
-     * @default 'normal'
-     */
-    weight: {
-      type: String,
-      default: "normal"
-    },
-    /**
-     * Text alignment
-     */
-    align: {
-      type: String
-    },
-    /**
-     * Text color
-     * @default 'default'
-     */
-    color: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * Truncate text with ellipsis
-     * @default false
-     */
-    truncate: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Italic text style
-     * @default false
-     */
-    italic: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Underline text decoration
-     * @default false
-     */
-    underline: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Line-through text decoration
-     * @default false
-     */
-    lineThrough: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const textClasses = _vue.computed.call(void 0, () => _tigercatcore.getTextClasses.call(void 0, props));
-    return () => _vue.h.call(void 0, props.tag, { ...attrs, class: [textClasses.value, attrs.class] }, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]));
-  }
-});
-var Text_default = Text;
-
-
-
-
-exports.Text = Text; exports.Text_default = Text_default;

package/dist/chunk-TLXEFLPA.js

@@ -1,39 +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/Layout.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-var Layout = _vue.defineComponent.call(void 0, {
-  name: "TigerLayout",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const layoutClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.layoutRootClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => _vue.h.call(void 0, "div", { ...attrs, class: layoutClasses.value, style: props.style }, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]));
-  }
-});
-var Layout_default = Layout;
-
-
-
-
-exports.Layout = Layout; exports.Layout_default = Layout_default;

package/dist/chunk-TXQEHRQB.js

@@ -1,207 +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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Timeline.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Timeline = _vue.defineComponent.call(void 0, {
-  name: "TigerTimeline",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Timeline data source
-     */
-    items: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Timeline mode/direction
-     */
-    mode: {
-      type: String,
-      default: "left"
-    },
-    /**
-     * Whether to show pending state
-     */
-    pending: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Pending item dot content
-     */
-    pendingDot: {
-      type: [String, Object],
-      default: null
-    },
-    /**
-     * Whether to reverse the timeline order
-     */
-    reverse: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    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 processedItems = _vue.computed.call(void 0, () => {
-      let items = [...props.items];
-      if (props.reverse) {
-        items = items.reverse();
-      }
-      if (props.mode === "alternate") {
-        return items.map((item, index) => ({
-          ...item,
-          position: item.position || (index % 2 === 0 ? "left" : "right")
-        }));
-      }
-      return items;
-    });
-    const containerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getTimelineContainerClasses.call(void 0, props.mode),
-        _tigercatcore.timelineListClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-    });
-    const containerStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
-    function getItemKey(item, index) {
-      return item.key || index;
-    }
-    function renderDot(item, isPending = false) {
-      if (slots.dot) {
-        return _vue.h.call(void 0, "div", { class: _tigercatcore.getTimelineDotClasses.call(void 0, void 0, true) }, slots.dot({ item }));
-      }
-      if (item.dot) {
-        return _vue.h.call(void 0, 
-          "div",
-          { class: _tigercatcore.getTimelineDotClasses.call(void 0, void 0, true) },
-          item.dot
-        );
-      }
-      if (isPending) {
-        if (props.pendingDot) {
-          return _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.getTimelineDotClasses.call(void 0, void 0, true) },
-            props.pendingDot
-          );
-        }
-        return _vue.h.call(void 0, "div", { class: _tigercatcore.getPendingDotClasses.call(void 0, ) });
-      }
-      const dotClasses = _tigercatcore.getTimelineDotClasses.call(void 0, item.color);
-      const dotStyle = item.color ? { backgroundColor: item.color } : {};
-      return _vue.h.call(void 0, "div", { class: dotClasses, style: dotStyle });
-    }
-    function renderTimelineItem(item, index) {
-      const key = getItemKey(item, index);
-      const isLast = index === processedItems.value.length - 1 && !props.pending;
-      const position = item.position;
-      const itemClasses = _tigercatcore.getTimelineItemClasses.call(void 0, props.mode, position, isLast);
-      const tailClasses = _tigercatcore.getTimelineTailClasses.call(void 0, props.mode, isLast);
-      const headClasses = _tigercatcore.getTimelineHeadClasses.call(void 0, props.mode);
-      const contentClasses = _tigercatcore.getTimelineContentClasses.call(void 0, props.mode, position);
-      if (slots.item) {
-        return _vue.h.call(void 0, "li", { key, class: itemClasses }, [
-          _vue.h.call(void 0, "div", { class: tailClasses }),
-          _vue.h.call(void 0, "div", { class: headClasses }, [renderDot(item)]),
-          _vue.h.call(void 0, "div", { class: contentClasses }, slots.item({ item, index }))
-        ]);
-      }
-      const contentChildren = [];
-      if (item.label) {
-        contentChildren.push(_vue.h.call(void 0, "div", { class: _tigercatcore.timelineLabelClasses }, item.label));
-      }
-      if (item.content) {
-        contentChildren.push(
-          _vue.h.call(void 0, "div", { class: _tigercatcore.timelineDescriptionClasses }, item.content)
-        );
-      }
-      return _vue.h.call(void 0, "li", { key, class: itemClasses }, [
-        _vue.h.call(void 0, "div", { class: tailClasses }),
-        _vue.h.call(void 0, "div", { class: headClasses }, [renderDot(item)]),
-        _vue.h.call(void 0, "div", { class: contentClasses }, contentChildren)
-      ]);
-    }
-    function renderPendingItem() {
-      if (!props.pending) {
-        return null;
-      }
-      const index = processedItems.value.length;
-      const position = props.mode === "alternate" ? index % 2 === 0 ? "left" : "right" : void 0;
-      const itemClasses = _tigercatcore.getTimelineItemClasses.call(void 0, props.mode, position, true);
-      const headClasses = _tigercatcore.getTimelineHeadClasses.call(void 0, props.mode);
-      const contentClasses = _tigercatcore.getTimelineContentClasses.call(void 0, props.mode, position);
-      if (slots.pending) {
-        return _vue.h.call(void 0, "li", { key: "pending", class: itemClasses }, [
-          _vue.h.call(void 0, "div", { class: headClasses }, [renderDot({}, true)]),
-          _vue.h.call(void 0, "div", { class: contentClasses }, slots.pending())
-        ]);
-      }
-      return _vue.h.call(void 0, "li", { key: "pending", class: itemClasses }, [
-        _vue.h.call(void 0, "div", { class: headClasses }, [renderDot({}, true)]),
-        _vue.h.call(void 0, "div", { class: contentClasses }, [
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.timelineDescriptionClasses },
-            _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.loadingText]))
-          )
-        ])
-      ]);
-    }
-    return () => {
-      return _vue.h.call(void 0, 
-        "ul",
-        {
-          ...attrs,
-          class: containerClasses.value,
-          style: containerStyle.value,
-          "aria-busy": _nullishCoalesce(attrs["aria-busy"], () => ( (props.pending ? "true" : void 0)))
-        },
-        [
-          ...processedItems.value.map((item, index) => renderTimelineItem(item, index)),
-          renderPendingItem()
-        ]
-      );
-    };
-  }
-});
-var Timeline_default = Timeline;
-
-
-
-
-exports.Timeline = Timeline; exports.Timeline_default = Timeline_default;

package/dist/chunk-U36NBQWP.js

@@ -1,192 +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/OrgChart.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var OrgChart = _vue.defineComponent.call(void 0, {
-  name: "TigerOrgChart",
-  props: {
-    data: { type: [Object, Array], required: true },
-    width: { type: Number, default: 720 },
-    height: { type: Number, default: 420 },
-    padding: { type: [Number, Object], default: 24 },
-    nodeWidth: { type: Number, default: 160 },
-    nodeHeight: { type: Number, default: 72 },
-    levelGap: { type: Number, default: 80 },
-    siblingGap: { type: Number, default: 32 },
-    direction: { type: String, default: "vertical" },
-    showAvatars: { type: Boolean, default: true },
-    showSubtitles: { type: Boolean, default: true },
-    hoverable: { type: Boolean, default: false },
-    selectable: { type: Boolean, default: false },
-    selectedId: {
-      type: [String, Number, null],
-      default: void 0
-    },
-    activeOpacity: { type: Number, default: 1 },
-    inactiveOpacity: { type: Number, default: 0.35 },
-    colors: { type: Array },
-    title: { type: String },
-    desc: { type: String },
-    ariaLabel: { type: String, default: "Organization chart" },
-    className: { type: String }
-  },
-  emits: ["update:selectedId", "node-click", "node-hover"],
-  setup(props, { emit }) {
-    const innerSelectedId = _vue.ref.call(void 0, null);
-    const hoveredId = _vue.ref.call(void 0, null);
-    const resolvedSelectedId = _vue.computed.call(void 0, 
-      () => props.selectedId === void 0 ? innerSelectedId.value : props.selectedId
-    );
-    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
-    const layout = _vue.computed.call(void 0, 
-      () => _tigercatcore.computeOrgChartLayout.call(void 0, props.data, {
-        nodeWidth: props.nodeWidth,
-        nodeHeight: props.nodeHeight,
-        levelGap: props.levelGap,
-        siblingGap: props.siblingGap,
-        direction: props.direction,
-        colors: props.colors
-      })
-    );
-    const offsetX = _vue.computed.call(void 0, () => Math.max(0, (innerRect.value.width - layout.value.width) / 2));
-    const offsetY = _vue.computed.call(void 0, () => Math.max(0, (innerRect.value.height - layout.value.height) / 2));
-    const activeId = _vue.computed.call(void 0, () => _nullishCoalesce(resolvedSelectedId.value, () => ( hoveredId.value)));
-    const selectNode = (node) => {
-      if (props.selectable && !node.node.disabled) {
-        const nextId = resolvedSelectedId.value === node.id ? null : node.id;
-        innerSelectedId.value = nextId;
-        emit("update:selectedId", nextId);
-      }
-      emit("node-click", node.node);
-    };
-    const setHoveredNode = (node) => {
-      if (!props.hoverable) return;
-      hoveredId.value = _nullishCoalesce(_optionalChain([node, 'optionalAccess', _ => _.id]), () => ( null));
-      emit("node-hover", _nullishCoalesce(_optionalChain([node, 'optionalAccess', _2 => _2.node]), () => ( null)));
-    };
-    const getNodeOpacity = (node) => {
-      if (activeId.value === null) return props.activeOpacity;
-      return activeId.value === node.id ? props.activeOpacity : props.inactiveOpacity;
-    };
-    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),
-        role: "img",
-        "aria-label": props.ariaLabel
-      },
-      {
-        default: () => _vue.h.call(void 0, 
-          "g",
-          {
-            transform: `translate(${offsetX.value}, ${offsetY.value})`,
-            "data-series-type": "org-chart"
-          },
-          [
-            _vue.h.call(void 0, 
-              "g",
-              { "data-org-chart-links": "true" },
-              layout.value.links.map(
-                (link) => _vue.h.call(void 0, "path", {
-                  key: `${link.sourceId}-${link.targetId}`,
-                  d: link.path,
-                  class: _tigercatcore.orgChartLinkClasses
-                })
-              )
-            ),
-            _vue.h.call(void 0, 
-              "g",
-              { "data-org-chart-nodes": "true" },
-              layout.value.nodes.map((node) => {
-                const selected = resolvedSelectedId.value === node.id;
-                const interactive = (props.hoverable || props.selectable) && !node.node.disabled;
-                const textStart = props.showAvatars && node.node.avatar ? 58 : 16;
-                return _vue.h.call(void 0, 
-                  "g",
-                  {
-                    key: node.id,
-                    transform: `translate(${node.x}, ${node.y})`,
-                    class: _tigercatcore.getOrgChartNodeClasses.call(void 0, interactive, selected),
-                    opacity: getNodeOpacity(node),
-                    role: interactive ? "button" : "group",
-                    tabindex: interactive ? 0 : void 0,
-                    "aria-label": _tigercatcore.getOrgChartNodeAriaLabel.call(void 0, node.node),
-                    onMouseenter: () => setHoveredNode(node),
-                    onMouseleave: () => setHoveredNode(null),
-                    onClick: () => selectNode(node),
-                    onKeydown: (event) => {
-                      if (event.key === "Enter" || event.key === " ") {
-                        event.preventDefault();
-                        selectNode(node);
-                      }
-                    }
-                  },
-                  [
-                    _vue.h.call(void 0, "rect", {
-                      width: node.width,
-                      height: node.height,
-                      rx: 8,
-                      class: _tigercatcore.orgChartNodeRectClasses,
-                      stroke: selected ? node.color : void 0,
-                      strokeWidth: selected ? 2 : 1
-                    }),
-                    _vue.h.call(void 0, "rect", { width: 4, height: node.height, rx: 2, fill: node.color }),
-                    props.showAvatars && node.node.avatar ? _vue.h.call(void 0, "image", {
-                      href: node.node.avatar,
-                      x: 16,
-                      y: 16,
-                      width: 32,
-                      height: 32,
-                      preserveAspectRatio: "xMidYMid slice",
-                      "aria-hidden": "true"
-                    }) : void 0,
-                    _vue.h.call(void 0, 
-                      "text",
-                      { x: textStart, y: 26, class: _tigercatcore.orgChartNodeLabelClasses },
-                      node.node.label
-                    ),
-                    node.node.title ? _vue.h.call(void 0, 
-                      "text",
-                      { x: textStart, y: 44, class: _tigercatcore.orgChartNodeTitleClasses },
-                      node.node.title
-                    ) : void 0,
-                    props.showSubtitles && node.node.subtitle ? _vue.h.call(void 0, 
-                      "text",
-                      { x: textStart, y: 60, class: _tigercatcore.orgChartNodeSubtitleClasses },
-                      node.node.subtitle
-                    ) : void 0
-                  ]
-                );
-              })
-            )
-          ]
-        )
-      }
-    );
-  }
-});
-var OrgChart_default = OrgChart;
-
-
-
-
-exports.OrgChart = OrgChart; exports.OrgChart_default = OrgChart_default;