@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-RLPSCEBP.js → chunk-CFJST2X2.js}

@@ -24,6 +24,9 @@ var _vue = require('vue');
 
 
 
+
+
+
 
 
 
@@ -215,6 +218,18 @@ var Select = _vue.defineComponent.call(void 0, {
     const dropdownRef = _vue.ref.call(void 0, null);
     const triggerRef = _vue.ref.call(void 0, null);
     const searchInputRef = _vue.ref.call(void 0, null);
+    const virtualScrollTop = _vue.ref.call(void 0, 0);
+    const virtualScrollRef = _vue.ref.call(void 0, null);
+    _vue.watch.call(void 0, activeIndex, (idx) => {
+      if (!props.virtual || idx < 0) return;
+      const el = virtualScrollRef.value;
+      if (!el) return;
+      const itemH = _tigercatcore.getSelectVirtualItemHeight.call(void 0, props.size);
+      const top = idx * itemH;
+      if (top < el.scrollTop) el.scrollTop = top;
+      else if (top + itemH > el.scrollTop + props.listHeight)
+        el.scrollTop = top + itemH - props.listHeight;
+    });
     let searchDebouncer = _tigercatcore.createSelectSearchDebouncer.call(void 0, {
       delay: props.searchDebounce,
       onSearch: (query) => emit("search", query)
@@ -558,7 +573,7 @@ var Select = _vue.defineComponent.call(void 0, {
           {
             ref: triggerRef,
             type: "button",
-            class: triggerClasses,
+            class: _tigercatcore.classNames.call(void 0, triggerClasses, "pr-16"),
             disabled: props.disabled,
             onClick: toggleDropdown,
             onKeydown: handleTriggerKeyDown,
@@ -578,26 +593,35 @@ var Select = _vue.defineComponent.call(void 0, {
                 )
               },
               displayText.value
+            )
+          ]
+        ),
+        _vue.h.call(void 0, 
+          "span",
+          { class: "pointer-events-none absolute inset-y-0 right-3 flex items-center gap-1" },
+          [
+            showClearButton.value && _vue.h.call(void 0, 
+              "button",
+              {
+                type: "button",
+                class: "pointer-events-auto inline-flex rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))]",
+                "data-tiger-select-clear": "",
+                "aria-label": _tigercatcore.resolveLocaleText.call(void 0, 
+                  "Clear selection",
+                  _optionalChain([mergedLocale, 'access', _20 => _20.value, 'optionalAccess', _21 => _21.common, 'optionalAccess', _22 => _22.clearText])
+                ),
+                onClick: clearSelection
+              },
+              CloseIcon
             ),
-            _vue.h.call(void 0, "span", { class: "flex items-center gap-1" }, [
-              showClearButton.value && _vue.h.call(void 0, 
-                "span",
-                {
-                  class: "inline-flex",
-                  "data-tiger-select-clear": "",
-                  "aria-label": "Clear selection",
-                  onClick: clearSelection
-                },
-                CloseIcon
-              ),
-              _vue.h.call(void 0, 
-                "span",
-                {
-                  class: _tigercatcore.classNames.call(void 0, "inline-flex", isOpen.value && "rotate-180")
-                },
-                ChevronDownIcon
-              )
-            ])
+            _vue.h.call(void 0, 
+              "span",
+              {
+                class: _tigercatcore.classNames.call(void 0, "inline-flex", isOpen.value && "rotate-180"),
+                "aria-hidden": "true"
+              },
+              ChevronDownIcon
+            )
           ]
         ),
         // Dropdown
@@ -619,7 +643,7 @@ var Select = _vue.defineComponent.call(void 0, {
               class: _tigercatcore.selectSearchInputClasses,
               placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
                 "Search...",
-                _optionalChain([mergedLocale, 'access', _20 => _20.value, 'optionalAccess', _21 => _21.common, 'optionalAccess', _22 => _22.searchPlaceholder])
+                _optionalChain([mergedLocale, 'access', _23 => _23.value, 'optionalAccess', _24 => _24.common, 'optionalAccess', _25 => _25.searchPlaceholder])
               ),
               value: searchQuery.value,
               onInput: handleSearchInput,
@@ -631,15 +655,17 @@ var Select = _vue.defineComponent.call(void 0, {
               const renderOptionItem = (option, idx, displayLabel = option.label) => {
                 const selected = isSelected(option);
                 const active = idx === activeIndex.value;
+                const optionAria = _tigercatcore.getPickerOptionAria.call(void 0, {
+                  selected,
+                  disabled: !!option.disabled
+                });
                 return _vue.h.call(void 0, 
                   "div",
                   {
                     key: option.value,
                     id: getOptionId(idx),
                     "data-option-index": idx,
-                    role: "option",
-                    "aria-selected": selected,
-                    "aria-disabled": option.disabled ? true : void 0,
+                    ...optionAria,
                     tabindex: active ? 0 : -1,
                     class: _tigercatcore.getSelectOptionClasses.call(void 0, selected, !!option.disabled, props.size),
                     onMouseenter: () => {
@@ -657,6 +683,52 @@ var Select = _vue.defineComponent.call(void 0, {
                   ]
                 );
               };
+              const hasGroups = filteredOptions.value.some(_tigercatcore.isOptionGroup);
+              if (props.virtual && !hasGroups) {
+                const flat = filteredOptions.value.filter(
+                  (o) => !_tigercatcore.isOptionGroup.call(void 0, o)
+                );
+                const all = creatableOption.value ? [...flat, creatableOption.value] : flat;
+                const itemH = _tigercatcore.getSelectVirtualItemHeight.call(void 0, props.size);
+                const { startIndex, endIndex, totalHeight } = _tigercatcore.fixedSizeStrategy.call(void 0, 
+                  itemH
+                ).getRange(virtualScrollTop.value, props.listHeight, all.length, 5);
+                const visible = [];
+                for (let i = startIndex; i <= endIndex; i++) {
+                  const isCreate = creatableOption.value && i === all.length - 1;
+                  visible.push(
+                    renderOptionItem(
+                      all[i],
+                      i,
+                      isCreate ? _tigercatcore.getCreateSelectOptionLabel.call(void 0, all[i], props.createOptionText) : all[i].label
+                    )
+                  );
+                }
+                return _vue.h.call(void 0, 
+                  "div",
+                  {
+                    ref: virtualScrollRef,
+                    "data-tiger-select-virtual": "",
+                    style: { maxHeight: `${props.listHeight}px`, overflowY: "auto" },
+                    onScroll: (e) => {
+                      virtualScrollTop.value = e.target.scrollTop;
+                    }
+                  },
+                  [
+                    _vue.h.call(void 0, 
+                      "div",
+                      { style: { height: `${totalHeight}px`, position: "relative" } },
+                      [
+                        _vue.h.call(void 0, 
+                          "div",
+                          { style: { transform: `translateY(${startIndex * itemH}px)` } },
+                          visible
+                        )
+                      ]
+                    )
+                  ]
+                );
+              }
               const optionNodes = filteredOptions.value.map((item) => {
                 if (_tigercatcore.isOptionGroup.call(void 0, item)) {
                   return _vue.h.call(void 0, "div", { key: item.label }, [
@@ -715,11 +787,11 @@ var Select = _vue.defineComponent.call(void 0, {
               props.options.length === 0 ? _tigercatcore.resolveLocaleText.call(void 0, 
                 "No options available",
                 props.noDataText,
-                _optionalChain([mergedLocale, 'access', _23 => _23.value, 'optionalAccess', _24 => _24.common, 'optionalAccess', _25 => _25.emptyText])
+                _optionalChain([mergedLocale, 'access', _26 => _26.value, 'optionalAccess', _27 => _27.common, 'optionalAccess', _28 => _28.emptyText])
               ) : _tigercatcore.resolveLocaleText.call(void 0, 
                 "No options found",
                 props.noOptionsText,
-                _optionalChain([mergedLocale, 'access', _26 => _26.value, 'optionalAccess', _27 => _27.common, 'optionalAccess', _28 => _28.emptyText])
+                _optionalChain([mergedLocale, 'access', _29 => _29.value, 'optionalAccess', _30 => _30.common, 'optionalAccess', _31 => _31.emptyText])
               )
             )
           ]

package/dist/{chunk-NUABW6IB.mjs → chunk-CGZFRSI5.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownContextKey
-} from "./chunk-FSGD24HV.mjs";
+} from "./chunk-6CS3EEQU.mjs";
 
 // src/components/DropdownItem.ts
 import { defineComponent, inject, computed, h } from "vue";

package/dist/{chunk-DSNPEWYP.mjs → chunk-CIDINFA2.mjs}

@@ -78,7 +78,7 @@ var AutoComplete = defineComponent({
     },
     notFoundText: {
       type: String,
-      default: "No matches found"
+      default: void 0
     },
     filterOption: {
       type: [Boolean, Function],
@@ -132,6 +132,25 @@ var AutoComplete = defineComponent({
       isOpen.value = false;
       activeIndex.value = -1;
     }
+    function constrainToOption() {
+      if (props.allowFreeInput) return;
+      const match = props.options.find((o) => !o.disabled && o.label === inputValue.value);
+      if (match) {
+        if (String(match.value) !== String(props.modelValue)) {
+          emit("update:modelValue", match.value);
+          emit("select", match.value, match);
+          emit("change", match.value);
+        }
+        return;
+      }
+      const current = props.options.find((o) => String(o.value) === String(props.modelValue));
+      const revertLabel = current ? current.label : "";
+      if (revertLabel !== inputValue.value) {
+        inputValue.value = revertLabel;
+        emit("update:modelValue", current ? current.value : "");
+        emit("change", current ? current.value : "");
+      }
+    }
     function handleInput(e) {
       const val = e.target.value;
       inputValue.value = val;
@@ -179,6 +198,9 @@ var AutoComplete = defineComponent({
           e.preventDefault();
           if (activeIndex.value >= 0 && activeIndex.value < options.length) {
             handleSelect(options[activeIndex.value]);
+          } else {
+            constrainToOption();
+            closeDropdown();
           }
           break;
         case "Escape":
@@ -228,7 +250,8 @@ var AutoComplete = defineComponent({
             autocomplete: "off",
             onInput: handleInput,
             onFocus: openDropdown,
-            onKeydown: handleKeyDown
+            onKeydown: handleKeyDown,
+            onBlur: constrainToOption
           }),
           // Clear button
           showClearButton.value ? h(
@@ -262,6 +285,7 @@ var AutoComplete = defineComponent({
                     !!option.disabled,
                     props.size
                   ),
+                  onMousedown: (e) => e.preventDefault(),
                   onClick: () => handleSelect(option),
                   onMouseenter: () => {
                     activeIndex.value = index;
@@ -275,7 +299,11 @@ var AutoComplete = defineComponent({
             {
               class: classNames(autoCompleteDropdownClasses, autoCompleteEmptyStateClasses)
             },
-            props.notFoundText
+            resolveLocaleText(
+              "No matches found",
+              props.notFoundText,
+              mergedLocale.value?.common?.emptyText
+            )
           ) : null
         ]
       );

package/dist/{chunk-WZRC7PJH.mjs → chunk-CVFXUYH2.mjs}

@@ -397,7 +397,13 @@ var TimePicker = defineComponent({
       updateTime();
     }
     function updateTime() {
-      if (!isTimeInRange(selectedHours.value, selectedMinutes.value, props.minTime, props.maxTime)) {
+      if (!isTimeInRange(
+        selectedHours.value,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      )) {
         return;
       }
       let timeString = formatTime(
@@ -474,10 +480,31 @@ var TimePicker = defineComponent({
     }
     function isHourDisabled(hour) {
       const hours24 = props.format === "12" ? to24HourFormat(hour, selectedPeriod.value) : hour;
-      return !isTimeInRange(hours24, selectedMinutes.value, props.minTime, props.maxTime);
+      return !isTimeInRange(
+        hours24,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      );
     }
     function isMinuteDisabled(minute) {
-      return !isTimeInRange(selectedHours.value, minute, props.minTime, props.maxTime);
+      return !isTimeInRange(
+        selectedHours.value,
+        minute,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      );
+    }
+    function isSecondDisabled(second) {
+      return !isTimeInRange(
+        selectedHours.value,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        second
+      );
     }
     function handleClickOutside(event) {
       if (panelRef.value && inputWrapperRef.value && !panelRef.value.contains(event.target) && !inputWrapperRef.value.contains(event.target)) {
@@ -643,7 +670,11 @@ var TimePicker = defineComponent({
                   onChange: (event) => selectSecond(Number(event.target.value))
                 },
                 secondsList.value.map(
-                  (second) => h("option", { value: second }, padTwo(second))
+                  (second) => h(
+                    "option",
+                    { value: second, disabled: isSecondDisabled(second) },
+                    padTwo(second)
+                  )
                 )
               ),
               props.format === "12" && h(
@@ -732,12 +763,14 @@ var TimePicker = defineComponent({
                   { class: timePickerColumnListClasses },
                   secondsList.value.map((second) => {
                     const isSelected = selectedSeconds.value === second;
+                    const isDisabled = isSecondDisabled(second);
                     return h(
                       "button",
                       {
                         key: second,
                         type: "button",
-                        class: getTimePickerItemClasses(isSelected, false),
+                        class: getTimePickerItemClasses(isSelected, isDisabled),
+                        disabled: isDisabled,
                         onClick: () => selectSecond(second),
                         "data-tiger-timepicker-unit": "second",
                         "aria-label": getTimePickerOptionAriaLabel(

package/dist/{chunk-QKP5C26H.mjs → chunk-CW5TEG7N.mjs}

@@ -615,7 +615,7 @@ var Upload = defineComponent({
           h(
             "div",
             {
-              class: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100"
+              class: "absolute inset-0 bg-black/0 hover:bg-black/50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100"
             },
             [
               // Preview button
@@ -692,7 +692,7 @@ var Upload = defineComponent({
           file.status === "uploading" && h(
             "div",
             {
-              class: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center"
+              class: "absolute inset-0 bg-white/75 flex items-center justify-center"
             },
             [
               h(

package/dist/{chunk-OUBJHKWX.js → chunk-D43IFX7J.js}

@@ -75,6 +75,7 @@ var RichTextEditor = _vue.defineComponent.call(void 0, {
       engineInstance = engine.create({
         element: editorRef.value,
         initialValue: currentContent.value,
+        mode: props.mode,
         readOnly: props.readOnly,
         disabled: props.disabled,
         placeholder: props.placeholder,
@@ -95,10 +96,6 @@ var RichTextEditor = _vue.defineComponent.call(void 0, {
     });
     function execButtonAction(btn) {
       if (props.readOnly || props.disabled) return;
-      if (btn.action && editorRef.value) {
-        btn.action(editorRef.value);
-        return;
-      }
       _optionalChain([engineInstance, 'optionalAccess', _5 => _5.exec, 'call', _6 => _6(btn.name)]);
     }
     function handleKeydown(e) {

package/dist/{chunk-TXQEHRQB.js → chunk-D6Y3KVJF.js}

@@ -177,7 +177,11 @@ var Timeline = _vue.defineComponent.call(void 0, {
           _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]))
+            _tigercatcore.resolveLocaleText.call(void 0, 
+              "Loading...",
+              _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.timeline, 'optionalAccess', _3 => _3.pendingText]),
+              _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.loadingText])
+            )
           )
         ])
       ]);

package/dist/{chunk-MOLGN476.mjs → chunk-DMQLA35L.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-6K4UE5MK.mjs";
+} from "./chunk-2YPPXZ4I.mjs";
 
 // src/components/Kanban.ts
 import { defineComponent, h } from "vue";
@@ -36,6 +36,14 @@ var Kanban = defineComponent({
       type: Array,
       default: () => []
     },
+    swimlanes: {
+      type: Array,
+      default: void 0
+    },
+    swimlaneField: {
+      type: String,
+      default: void 0
+    },
     showCardCount: { type: Boolean, default: true },
     allowAddCard: { type: Boolean, default: true },
     allowAddColumn: { type: Boolean, default: false },
@@ -70,6 +78,8 @@ var Kanban = defineComponent({
         onCardAdd: props.allowAddCard || props.onCardAdd ? handleCardAdd : void 0,
         filterText: props.filterText,
         hiddenColumns: props.hiddenColumns,
+        swimlanes: props.swimlanes,
+        swimlaneField: props.swimlaneField,
         showCardCount: props.showCardCount,
         allowAddCard: props.allowAddCard,
         allowAddColumn: props.allowAddColumn,

package/dist/{chunk-2WJADO6O.mjs → chunk-DZFM7H3M.mjs}

@@ -1,5 +1,9 @@
+import {
+  INPUT_GROUP_INJECTION_KEY
+} from "./chunk-VIIGYWUY.mjs";
+
 // src/components/Input.ts
-import { defineComponent, computed, ref, watch, h } from "vue";
+import { defineComponent, computed, ref, watch, h, inject, getCurrentInstance } from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -133,6 +137,12 @@ var Input = defineComponent({
   },
   setup(props, { emit, attrs, slots }) {
     injectShakeStyle();
+    const instance = getCurrentInstance();
+    const inputGroup = inject(INPUT_GROUP_INJECTION_KEY, null);
+    const effectiveSize = computed(() => {
+      const hasOwnSize = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "size");
+      return hasOwnSize ? props.size : inputGroup?.size ?? props.size;
+    });
     const inputRef = ref(null);
     const wrapperRef = ref(null);
     const localValue = ref(props.modelValue ?? "");
@@ -166,7 +176,7 @@ var Input = defineComponent({
     const activeError = computed(() => props.status === "error" && !!props.errorMessage);
     const inputClasses = computed(
       () => getInputClasses({
-        size: props.size,
+        size: effectiveSize.value,
         status: props.status,
         hasPrefix: hasPrefix.value,
         hasSuffix: hasSuffix.value
@@ -205,7 +215,11 @@ var Input = defineComponent({
       const suffixNodes = [];
       if (activeError.value) {
         suffixNodes.push(
-          h("div", { id: errorMsgId, class: getInputErrorClasses(props.size) }, props.errorMessage)
+          h(
+            "div",
+            { id: errorMsgId, class: getInputErrorClasses(effectiveSize.value) },
+            props.errorMessage
+          )
         );
       } else {
         if (showClear) {
@@ -214,7 +228,7 @@ var Input = defineComponent({
               "button",
               {
                 type: "button",
-                class: getInputClearButtonClasses(props.size),
+                class: getInputClearButtonClasses(effectiveSize.value),
                 onClick: handleClear,
                 "aria-label": "Clear input",
                 tabindex: -1
@@ -229,7 +243,7 @@ var Input = defineComponent({
               "button",
               {
                 type: "button",
-                class: getInputPasswordToggleClasses(props.size),
+                class: getInputPasswordToggleClasses(effectiveSize.value),
                 onClick: togglePasswordVisibility,
                 "aria-label": passwordVisible.value ? "Hide password" : "Show password",
                 tabindex: -1
@@ -242,7 +256,7 @@ var Input = defineComponent({
           suffixNodes.push(
             h(
               "div",
-              { class: getInputAffixClasses("suffix", props.size) },
+              { class: getInputAffixClasses("suffix", effectiveSize.value) },
               slots.suffix ? slots.suffix() : props.suffix
             )
           );
@@ -251,7 +265,7 @@ var Input = defineComponent({
       const wrapperChildren = [
         hasPrefix.value && h(
           "div",
-          { class: getInputAffixClasses("prefix", props.size) },
+          { class: getInputAffixClasses("prefix", effectiveSize.value) },
           slots.prefix ? slots.prefix() : props.prefix
         ),
         h("input", {