@expcat/tigercat-vue 2.1.1 → 2.1.3

package/dist/chunk-7FWNN6PO.mjs

@@ -1,296 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/CronEditor.ts
-import { computed, defineComponent, h, ref } from "vue";
-import {
-  buildCronFieldValue,
-  classNames,
-  coerceClassValue,
-  cronEditorBaseClasses,
-  cronEditorErrorClasses,
-  cronEditorFieldClasses,
-  cronEditorFieldsClasses,
-  cronEditorLabelClasses,
-  cronFieldMetas,
-  defaultCronExpression,
-  getCronEditorControlClasses,
-  getCronEditorLabels,
-  getCronFieldIssue,
-  getCronFieldValue,
-  mergeTigerLocale,
-  normalizeCronExpression,
-  parseCronFieldControl,
-  updateCronExpressionField,
-  validateCronExpressionWithLabels
-} from "@expcat/tigercat-core";
-var modeOptions = [
-  { label: "Any", value: "any" },
-  { label: "Every", value: "every" },
-  { label: "Specific", value: "specific" },
-  { label: "Range", value: "range" },
-  { label: "Custom", value: "custom" }
-];
-function formatCronControlLabel(template, field) {
-  return template.replace("{field}", field);
-}
-var CronEditor = defineComponent({
-  name: "TigerCronEditor",
-  props: {
-    modelValue: { type: String, default: void 0 },
-    defaultValue: { type: String, default: defaultCronExpression },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    presets: { type: Array, default: void 0 },
-    ariaLabel: { type: String, default: void 0 },
-    locale: { type: Object, default: void 0 },
-    labels: { type: Object, default: void 0 }
-  },
-  emits: ["update:modelValue", "change", "validate"],
-  setup(props, { attrs, emit }) {
-    const config = useTigerConfig();
-    const innerValue = ref(props.defaultValue);
-    const expression = computed(() => props.modelValue ?? innerValue.value);
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const labels = computed(() => getCronEditorLabels(mergedLocale.value, props.labels));
-    const fieldLabels = computed(() => ({
-      minute: labels.value.minuteLabel,
-      hour: labels.value.hourLabel,
-      dayOfMonth: labels.value.dayOfMonthLabel,
-      month: labels.value.monthLabel,
-      dayOfWeek: labels.value.dayOfWeekLabel
-    }));
-    const validation = computed(
-      () => validateCronExpressionWithLabels(expression.value, labels.value, fieldLabels.value)
-    );
-    const inactive = computed(() => props.disabled || props.readonly);
-    const localizedMetas = computed(
-      () => cronFieldMetas.map((meta) => ({ ...meta, label: fieldLabels.value[meta.key] }))
-    );
-    const resolvedPresets = computed(
-      () => props.presets ?? [
-        { label: labels.value.everyMinutePreset, value: "* * * * *" },
-        { label: labels.value.hourlyPreset, value: "0 * * * *" },
-        { label: labels.value.dailyPreset, value: "0 0 * * *" },
-        { label: labels.value.weeklyPreset, value: "0 0 * * 1" },
-        { label: labels.value.monthlyPreset, value: "0 0 1 * *" }
-      ]
-    );
-    const modeLabels = computed(() => ({
-      any: labels.value.modeAnyLabel,
-      every: labels.value.modeEveryLabel,
-      specific: labels.value.modeSpecificLabel,
-      range: labels.value.modeRangeLabel,
-      custom: labels.value.modeCustomLabel
-    }));
-    function commit(nextValue) {
-      const normalized = normalizeCronExpression(nextValue);
-      const nextValidation = validateCronExpressionWithLabels(
-        normalized,
-        labels.value,
-        fieldLabels.value
-      );
-      if (props.modelValue === void 0) innerValue.value = normalized;
-      emit("update:modelValue", normalized);
-      emit("change", normalized, nextValidation);
-      emit("validate", nextValidation);
-    }
-    function handleRawExpressionChange(nextValue) {
-      const nextValidation = validateCronExpressionWithLabels(
-        nextValue,
-        labels.value,
-        fieldLabels.value
-      );
-      if (props.modelValue === void 0) innerValue.value = nextValue;
-      emit("update:modelValue", nextValue);
-      emit("change", nextValue, nextValidation);
-      emit("validate", nextValidation);
-    }
-    function handleFieldRawChange(meta, raw) {
-      commit(updateCronExpressionField(expression.value, meta.key, raw));
-    }
-    function handleModeChange(meta, control, mode) {
-      const nextControl = {
-        ...control,
-        mode,
-        value: control.value ?? meta.min,
-        start: control.start ?? meta.min,
-        end: control.end ?? meta.max,
-        step: control.step ?? 1
-      };
-      handleFieldRawChange(meta, buildCronFieldValue(nextControl, meta));
-    }
-    function renderFieldControl(meta, control) {
-      if (control.mode === "any") return void 0;
-      if (control.mode === "every") {
-        return h("input", {
-          type: "number",
-          min: 1,
-          max: meta.max,
-          class: getCronEditorControlClasses(props.size),
-          value: control.step ?? 1,
-          disabled: inactive.value,
-          "aria-label": formatCronControlLabel(labels.value.stepAriaLabel, meta.label),
-          onInput: (event) => handleFieldRawChange(
-            meta,
-            buildCronFieldValue(
-              { ...control, step: Number(event.target.value) },
-              meta
-            )
-          )
-        });
-      }
-      if (control.mode === "specific") {
-        return h("input", {
-          type: "number",
-          min: meta.min,
-          max: meta.max,
-          class: getCronEditorControlClasses(props.size),
-          value: control.value ?? meta.min,
-          disabled: inactive.value,
-          "aria-label": formatCronControlLabel(labels.value.valueAriaLabel, meta.label),
-          onInput: (event) => handleFieldRawChange(
-            meta,
-            buildCronFieldValue(
-              { ...control, value: Number(event.target.value) },
-              meta
-            )
-          )
-        });
-      }
-      if (control.mode === "range") {
-        return h("div", { class: "grid grid-cols-2 gap-1" }, [
-          h("input", {
-            type: "number",
-            min: meta.min,
-            max: meta.max,
-            class: getCronEditorControlClasses(props.size),
-            value: control.start ?? meta.min,
-            disabled: inactive.value,
-            "aria-label": formatCronControlLabel(labels.value.rangeStartAriaLabel, meta.label),
-            onInput: (event) => handleFieldRawChange(
-              meta,
-              buildCronFieldValue(
-                { ...control, start: Number(event.target.value) },
-                meta
-              )
-            )
-          }),
-          h("input", {
-            type: "number",
-            min: meta.min,
-            max: meta.max,
-            class: getCronEditorControlClasses(props.size),
-            value: control.end ?? meta.max,
-            disabled: inactive.value,
-            "aria-label": formatCronControlLabel(labels.value.rangeEndAriaLabel, meta.label),
-            onInput: (event) => handleFieldRawChange(
-              meta,
-              buildCronFieldValue(
-                { ...control, end: Number(event.target.value) },
-                meta
-              )
-            )
-          })
-        ]);
-      }
-      return h("input", {
-        type: "text",
-        class: getCronEditorControlClasses(props.size),
-        value: control.raw,
-        disabled: inactive.value,
-        "aria-label": formatCronControlLabel(labels.value.customValueAriaLabel, meta.label),
-        onInput: (event) => handleFieldRawChange(meta, event.target.value)
-      });
-    }
-    return () => h(
-      "div",
-      {
-        class: classNames(cronEditorBaseClasses, coerceClassValue(attrs.class)),
-        role: "group",
-        "aria-label": props.ariaLabel ?? labels.value.ariaLabel
-      },
-      [
-        h("div", { class: "flex flex-col gap-2 sm:flex-row" }, [
-          h("input", {
-            type: "text",
-            class: classNames(
-              getCronEditorControlClasses(props.size, !validation.value.valid),
-              "flex-1"
-            ),
-            value: expression.value,
-            disabled: props.disabled,
-            readonly: props.readonly,
-            "aria-label": labels.value.expressionAriaLabel,
-            onInput: (event) => handleRawExpressionChange(event.target.value)
-          }),
-          resolvedPresets.value.length > 0 ? h(
-            "select",
-            {
-              class: getCronEditorControlClasses(props.size),
-              value: resolvedPresets.value.some((preset) => preset.value === expression.value) ? expression.value : "",
-              disabled: inactive.value,
-              "aria-label": labels.value.presetAriaLabel,
-              onChange: (event) => {
-                const nextValue = event.target.value;
-                if (nextValue) commit(nextValue);
-              }
-            },
-            [
-              h("option", { value: "" }, labels.value.presetPlaceholder),
-              ...resolvedPresets.value.map(
-                (preset) => h("option", { key: preset.value, value: preset.value }, preset.label)
-              )
-            ]
-          ) : void 0
-        ]),
-        ...validation.value.issues.filter((issue) => issue.field === "expression").map(
-          (issue) => h("div", { key: issue.message, class: cronEditorErrorClasses }, issue.message)
-        ),
-        h(
-          "div",
-          { class: cronEditorFieldsClasses },
-          localizedMetas.value.map((meta) => {
-            const raw = getCronFieldValue(expression.value, meta.key);
-            const control = parseCronFieldControl(raw);
-            const issue = getCronFieldIssue(validation.value, meta.key);
-            return h("div", { key: meta.key, class: cronEditorFieldClasses }, [
-              h("label", { class: cronEditorLabelClasses }, meta.label),
-              h(
-                "select",
-                {
-                  class: getCronEditorControlClasses(props.size, !!issue),
-                  value: control.mode,
-                  disabled: inactive.value,
-                  "aria-label": formatCronControlLabel(labels.value.modeAriaLabel, meta.label),
-                  onChange: (event) => handleModeChange(
-                    meta,
-                    control,
-                    event.target.value
-                  )
-                },
-                modeOptions.map(
-                  (mode) => h(
-                    "option",
-                    { key: mode.value, value: mode.value },
-                    modeLabels.value[mode.value]
-                  )
-                )
-              ),
-              renderFieldControl(meta, control),
-              issue ? h("div", { class: cronEditorErrorClasses }, issue.message) : void 0
-            ]);
-          })
-        )
-      ]
-    );
-  }
-});
-var CronEditor_default = CronEditor;
-
-export {
-  CronEditor,
-  CronEditor_default
-};