@knime/scripting-editor 0.0.119 → 0.0.121

package/dist/ControlWithSubParameters-DUoT6age.js

@@ -0,0 +1,80 @@
+import { createElementBlock as i, openBlock as o, createElementVNode as b, defineComponent as v, computed as m, createBlock as l, createCommentVNode as f, unref as t, withCtx as r, createVNode as n } from "vue";
+import { L as k, S as d, _ as w, v as g } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+import { FunctionButton as C } from "@knime/components";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function B(u, a) {
+  return o(), i("svg", _, a[0] || (a[0] = [
+    b("path", { d: "M7 13.5c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.2-2.5-2.5-2.5zm9 5.1c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm9-6.8c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm-9 11.5v4m0-22.6v14.1m-9-.5v9M7 4.7v9m18 2.8v10.8m0-22.6V12" }, null, -1)
+  ]));
+}
+const P = { render: B }, $ = { class: "control-with-sub-parameters" }, V = /* @__PURE__ */ v({
+  __name: "ControlWithSubParameters",
+  props: {
+    layout: {}
+  },
+  setup(u) {
+    const a = u, c = m(() => a.layout.uischema.control), h = m(() => a.layout.uischema.elements), p = k(
+      c,
+      "showSubParameters",
+      !0
+    );
+    return (e, z) => (o(), i("div", $, [
+      (o(), l(t(d), {
+        key: `${e.layout.path}-control`,
+        schema: e.layout.schema,
+        uischema: c.value,
+        path: e.layout.path,
+        enabled: e.layout.enabled,
+        renderers: e.layout.renderers,
+        cells: e.layout.cells
+      }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"])),
+      t(p) ? (o(), l(t(w), {
+        key: 0,
+        "background-color-override": "var(--knime-gray-ultra-light)"
+      }, {
+        "expand-button": r(({ expand: s }) => [
+          n(t(C), {
+            class: "settings-button",
+            disabled: !e.layout.enabled,
+            onClick: s
+          }, {
+            default: r(() => [
+              n(t(P))
+            ]),
+            _: 2
+          }, 1032, ["disabled", "onClick"])
+        ]),
+        default: r(() => [
+          n(t(g), {
+            class: "sub-parameters",
+            elements: h.value
+          }, {
+            default: r(({ element: s, index: y }) => [
+              (o(), l(t(d), {
+                key: `${e.layout.path}-${y}`,
+                schema: e.layout.schema,
+                uischema: s,
+                path: e.layout.path,
+                enabled: e.layout.enabled,
+                renderers: e.layout.renderers,
+                cells: e.layout.cells
+              }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
+            ]),
+            _: 1
+          }, 8, ["elements"])
+        ]),
+        _: 1
+      })) : f("", !0)
+    ]));
+  }
+}), M = /* @__PURE__ */ S(V, [["__scopeId", "data-v-1c3e309e"]]);
+export {
+  M as default
+};

package/dist/CredentialsControl-DQqPTexY.js

@@ -0,0 +1,32 @@
+import { defineComponent as t, computed as l, createBlock as i, openBlock as r, unref as s } from "vue";
+import { A as d } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+import { C as p } from "./CredentialsControlBase-9iHrrJSL.js";
+const m = /* @__PURE__ */ t({
+  __name: "CredentialsControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const n = e, { flowSettings: a } = d({
+      path: l(() => n.control.path)
+    });
+    return (o, c) => (r(), i(p, {
+      control: o.control,
+      data: o.control.data,
+      "flow-settings": s(a),
+      disabled: o.disabled,
+      "label-for-id": o.labelForId,
+      "is-valid": o.isValid,
+      onChange: o.changeValue
+    }, null, 8, ["control", "data", "flow-settings", "disabled", "label-for-id", "is-valid", "onChange"]));
+  }
+});
+export {
+  m as default
+};

package/dist/CredentialsControlBase-9iHrrJSL.js

@@ -0,0 +1,101 @@
+import { defineComponent as H, computed as a, watch as I, ref as E, createElementBlock as N, openBlock as d, createBlock as u, createCommentVNode as m, unref as s, normalizeClass as w } from "vue";
+import { InputField as p } from "@knime/components";
+import { L as b, D as v } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const A = ["id"], f = "*****************", j = /* @__PURE__ */ H({
+  __name: "CredentialsControlBase",
+  props: {
+    control: {},
+    data: {},
+    flowSettings: {},
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(g, { emit: F }) {
+    const t = g, l = F, h = () => ({
+      password: "",
+      secondFactor: "",
+      username: ""
+    }), o = a(() => t.data ?? h()), y = (e) => {
+      l("change", v(o.value, { username: e }));
+    }, C = (e) => {
+      l("change", v(o.value, { password: e, isHiddenPassword: !1 }));
+    }, V = (e) => {
+      l(
+        "change",
+        v(o.value, { secondFactor: e, isHiddenSecondFactor: !1 })
+      );
+    }, S = a(() => o.value.isHiddenPassword ? f : o.value.password), L = a(() => o.value.isHiddenSecondFactor ? f : o.value.secondFactor), r = a(() => t.control.uischema), n = a(() => r.value.options ?? {}), c = b(r, "hasUsername", !0), i = b(r, "hasPassword", !0), P = a(
+      () => i.value && (n.value.showSecondFactor ?? !1)
+    ), k = a(
+      () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.usernameLabel) ?? "Username";
+      }
+    ), B = a(
+      () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.passwordLabel) ?? "Password";
+      }
+    ), U = a(
+      () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.secondFactorLabel) ?? "Second authentication factor";
+      }
+    ), _ = a(
+      () => {
+        var e;
+        return (e = t.flowSettings) == null ? void 0 : e.controllingFlowVariableName;
+      }
+    );
+    I(
+      () => _.value,
+      (e) => e || l("change", h())
+    );
+    const D = E(null);
+    return (e, q) => (d(), N("div", {
+      id: e.labelForId ?? void 0,
+      ref_key: "controlElement",
+      ref: D,
+      class: "credentials-input-wrapper"
+    }, [
+      s(c) ? (d(), u(s(p), {
+        key: 0,
+        placeholder: k.value,
+        "model-value": o.value.username,
+        disabled: e.disabled,
+        "is-valid": e.isValid,
+        compact: "",
+        type: "text",
+        "onUpdate:modelValue": y
+      }, null, 8, ["placeholder", "model-value", "disabled", "is-valid"])) : m("", !0),
+      s(i) ? (d(), u(s(p), {
+        key: 1,
+        class: w({ margin: s(c) }),
+        placeholder: B.value,
+        "model-value": S.value,
+        disabled: e.disabled,
+        "is-valid": e.isValid,
+        compact: "",
+        type: "password",
+        "onUpdate:modelValue": C
+      }, null, 8, ["class", "placeholder", "model-value", "disabled", "is-valid"])) : m("", !0),
+      P.value ? (d(), u(s(p), {
+        key: 2,
+        class: w({ margin: s(c) || s(i) }),
+        placeholder: U.value,
+        "model-value": L.value,
+        disabled: e.disabled,
+        "is-valid": e.isValid,
+        compact: "",
+        type: "password",
+        "onUpdate:modelValue": V
+      }, null, 8, ["class", "placeholder", "model-value", "disabled", "is-valid"])) : m("", !0)
+    ], 8, A));
+  }
+}), O = /* @__PURE__ */ z(j, [["__scopeId", "data-v-ae81943c"]]);
+export {
+  O as C
+};

package/dist/DateControl-BNeGXflU-DOfgRpL8.js

@@ -0,0 +1,34 @@
+import { defineComponent as d, computed as i, createBlock as r, openBlock as s, unref as u } from "vue";
+import { Z as p, K as c, z as m } from "./localTimeUtils-DYizf_Fj-Cb46L6wi.js";
+const f = /* @__PURE__ */ d({
+  __name: "DateControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, a = i({
+      get: () => p(o.control.data),
+      set: (t) => o.changeValue(c(t))
+    });
+    return (t, l) => (s(), r(u(m), {
+      id: e.labelForId,
+      modelValue: a.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (n) => a.value = n),
+      "two-lines": "",
+      required: !0,
+      "show-time": !1,
+      compact: "",
+      disabled: e.disabled,
+      timezone: "UTC"
+    }, null, 8, ["id", "modelValue", "disabled"]));
+  }
+});
+export {
+  f as default
+};

package/dist/DateTimeControl-CcsnEIq0-jOgkrc6W.js

@@ -0,0 +1,53 @@
+import { defineComponent as v, computed as o, createBlock as w, openBlock as V, unref as f } from "vue";
+import { Z as n, K as b, z as F } from "./localTimeUtils-DYizf_Fj-Cb46L6wi.js";
+const y = /* @__PURE__ */ v({
+  __name: "DateTimeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(l) {
+    const i = l, e = o(() => i.control.uischema.options), r = o(
+      () => {
+        var a;
+        return (a = e.value) != null && a.minimum ? n(e.value.minimum) : null;
+      }
+    ), p = o(
+      () => {
+        var a;
+        return (a = e.value) != null && a.maximum ? n(e.value.maximum) : null;
+      }
+    ), t = o({
+      get: () => n(i.control.data),
+      set: (a) => i.changeValue(b(a))
+    });
+    return (a, s) => {
+      var m, d, u, c;
+      return V(), w(f(F), {
+        id: l.labelForId,
+        modelValue: t.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (h) => t.value = h),
+        "two-lines": "",
+        required: !0,
+        "show-time": (m = e.value) == null ? void 0 : m.showTime,
+        "show-seconds": (d = e.value) == null ? void 0 : d.showSeconds,
+        "show-milliseconds": (u = e.value) == null ? void 0 : u.showMilliseconds,
+        timezone: "UTC",
+        "date-format": (c = e.value) == null ? void 0 : c.dateFormat,
+        min: r.value,
+        max: p.value,
+        "is-valid": l.isValid,
+        compact: "",
+        disabled: l.disabled
+      }, null, 8, ["id", "modelValue", "show-time", "show-seconds", "show-milliseconds", "date-format", "min", "max", "is-valid", "disabled"]);
+    };
+  }
+});
+export {
+  y as default
+};

package/dist/DateTimeFormatInput-CW04StCG-DUEeV9Wh.js

@@ -0,0 +1,383 @@
+import { defineComponent as P, mergeModels as W, useModel as q, computed as k, ref as f, createElementBlock as y, openBlock as p, createElementVNode as v, createCommentVNode as C, normalizeClass as V, withDirectives as G, vModelText as J, createVNode as b, unref as x, normalizeStyle as Q, useCssVars as Y, watch as A, reactive as ee, createBlock as R, onMounted as te, nextTick as $, onUnmounted as ae, withCtx as le, Fragment as oe, renderList as se, toDisplayString as H } from "vue";
+import { h as ne } from "./index-CZ-Na6c0-a5MJwulg.js";
+import { z as ie, _ as re, $ as ue, H as me, I as ce } from "./floating-ui.vue-Fx4CxKut-DAsMxBCU.js";
+import { i as de, n as pe } from "./useDropdownNavigation-Bh9C9QlY-BSJj0ovL.js";
+import { u as ve } from "./LoadingIcon-DVB5Htes-hYPngck-.js";
+import { O as B } from "./ValueSwitch-CAxte3Dc-BVVF1RHf.js";
+import { X as U } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+const fe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function ye(r, w) {
+  return p(), y("svg", fe, [...w[0] || (w[0] = [
+    v("path", {
+      fill: "#000",
+      d: "M2 3.842v-.5a.5.5 0 0 0-.5.5zm22.611 0h.5a.5.5 0 0 0-.5-.5zm-.5 7.48a.5.5 0 1 0 1 0zM2 21.43h-.5a.5.5 0 0 0 .5.5zm10.298.5a.5.5 0 1 0 0-1zm5.283 8.222h-.5a.5.5 0 0 0 .765.424zm3.278-2.046.265.424a.5.5 0 0 0 .235-.424zm0-5.87-.366-.34a.5.5 0 0 0-.134.34zM27.613 15l.366.341a.5.5 0 0 0-.366-.841zm-10.032 7.235h.5a.5.5 0 0 0-.128-.334zM11.063 15v-.5a.5.5 0 0 0-.372.835zm-.69-9.483V2h-1v3.517zM16.155 2v3.517h1V2zM2 4.342h22.611v-1H2zm22.111-.5v7.48h1v-7.48zM2.5 21.43V3.842h-1V21.43zM2 8.362h22.611v-1H2zM12.298 20.93h-6.81v1h6.81zm-6.81 0H2v1h3.488zm12.358 9.646 3.278-2.046-.53-.849-3.278 2.047zm3.513-2.47v-5.87h-1v5.87zm-.135-5.528 6.755-7.236-.731-.682-6.755 7.235zm-4.143-.342v7.916h1v-7.916zm.872-.334-6.519-7.236-.743.67 6.519 7.235zm-6.89-6.401h16.55v-1h-16.55z"
+    }, null, -1)
+  ])]);
+}
+const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-container-border-host" }, we = {
+  key: 0,
+  class: "no-formats-available"
+}, Ee = {
+  key: 1,
+  class: "no-formats-available"
+}, xe = ["onClick"], ke = { class: "format-pattern" }, ze = { class: "format-preview" }, O = 1, be = /* @__PURE__ */ P({
+  __name: "DateTimeFormatPickerPopover",
+  props: {
+    allFormats: {},
+    selectedType: {},
+    initialSelectedPattern: {},
+    showTypeSwitch: { type: Boolean }
+  },
+  emits: ["commit", "cancel"],
+  setup(r, { emit: w }) {
+    Y((e) => ({
+      v3b9e5e3a: O
+    }));
+    const n = w, m = r, M = k(() => [
+      {
+        id: "RECENT",
+        text: "Recent"
+      },
+      {
+        id: "STANDARD",
+        text: "ISO"
+      },
+      {
+        id: "EUROPEAN",
+        text: "European"
+      },
+      {
+        id: "AMERICAN",
+        text: "United States"
+      }
+    ]), D = k(() => [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ]), i = f(null), h = f(null), l = f("RECENT"), d = f(m.selectedType);
+    A(
+      () => m.selectedType,
+      (e) => {
+        h.value = e;
+      }
+    );
+    const o = k(
+      () => {
+        var e;
+        return ((e = m.allFormats) == null ? void 0 : e.filter(
+          (t) => t.category === l.value && t.temporalType === d.value
+        )) ?? null;
+      }
+    ), T = f(null), c = ee({}), g = (e) => `${e.format}-${e.category}-${e.temporalType}`, Z = (e) => (t) => {
+      c[g(e)] = t;
+    }, E = (e) => ({
+      format: e.format,
+      temporalType: e.temporalType
+    }), {
+      currentIndex: I,
+      onKeydown: S,
+      resetNavigation: K,
+      setElement: L
+    } = de({
+      keepOpenedOnTab: !0,
+      getFirstElement: () => ({
+        index: 0,
+        onClick: () => n(
+          "commit",
+          E(o.value[0])
+        )
+      }),
+      getLastElement: () => {
+        const e = o.value.length - 1;
+        return {
+          index: e,
+          onClick: () => n(
+            "commit",
+            E(o.value[e])
+          )
+        };
+      },
+      getNextElement: (e, t) => {
+        if (e = e === null || e === -1 ? null : e, t === 1) {
+          const a = ((e ?? -1) + 1) % o.value.length;
+          return {
+            index: a,
+            onClick: () => n(
+              "commit",
+              E(o.value[a])
+            )
+          };
+        } else {
+          const a = ((e ?? 0) - 1 + o.value.length) % o.value.length;
+          return {
+            index: a,
+            onClick: () => n(
+              "commit",
+              E(o.value[a])
+            )
+          };
+        }
+      },
+      close: () => {
+        n("cancel");
+      }
+    }), X = (e) => {
+      const t = e.parentElement;
+      if (t && t.scrollHeight > t.clientHeight) {
+        const a = t.offsetTop + O, s = t.clientHeight + t.scrollTop, u = e.offsetTop + e.offsetHeight - a;
+        u > s ? t.scrollTop = u - t.clientHeight : e.offsetTop - t.scrollTop < a && (t.scrollTop = e.offsetTop - a);
+      }
+    }, N = (e) => {
+      const t = c[`${e}-${l.value}-${d.value}`];
+      t && X(t);
+    }, F = async (e, t, a) => {
+      d.value = t ?? d.value, l.value = a ?? l.value, await $(), h.value = e, N(e);
+      const s = o.value.findIndex(
+        (u) => u.format === e
+      );
+      L({
+        index: s,
+        onClick: () => n(
+          "commit",
+          E(o.value[s])
+        )
+      });
+    };
+    A(I, (e) => {
+      var a, s;
+      if (e === null)
+        return;
+      const t = (s = (a = o.value) == null ? void 0 : a[e]) == null ? void 0 : s.format;
+      t && N(t);
+    }), A([d, l], () => {
+      var e, t;
+      d.value === ((e = i.value) == null ? void 0 : e.temporalType) && l.value === ((t = i.value) == null ? void 0 : t.category) ? F(
+        i.value.format,
+        i.value.temporalType,
+        i.value.category
+      ) : (h.value = null, K());
+    });
+    const z = f(!1);
+    return te(async () => {
+      if (!m.allFormats)
+        return;
+      const e = [
+        "RECENT",
+        "STANDARD",
+        "EUROPEAN",
+        "AMERICAN"
+      ], t = m.allFormats.filter((a) => m.initialSelectedPattern === a.format).filter(
+        (a) => (
+          // if the type switch is hidden, filter to only formats with the same type
+          m.selectedType === a.temporalType || m.showTypeSwitch
+        )
+      ).sort((a, s) => {
+        const u = e.indexOf(a.category), _ = e.indexOf(s.category);
+        return u - _;
+      });
+      if (t.length > 0) {
+        const a = t[0].format, s = t[0].temporalType, u = t[0].category;
+        await F(a, s, u);
+        const _ = o.value.findIndex(
+          (j) => j.format === a
+        );
+        i.value = {
+          format: a,
+          index: _,
+          category: u,
+          temporalType: s
+        };
+      }
+      $(() => z.value = !0);
+    }), ae(() => z.value = !1), (e, t) => (p(), R(x(pe), {
+      active: z.value,
+      "onUpdate:active": t[3] || (t[3] = (a) => z.value = a),
+      "initial-focus": () => T.value ?? !1
+    }, {
+      default: le(() => [
+        v("div", Te, [
+          r.showTypeSwitch ? (p(), R(B, {
+            key: 0,
+            id: "selectedFormatType",
+            ref: "typeSwitchRef",
+            modelValue: d.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => d.value = a),
+            compact: "",
+            "possible-values": D.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"])) : C("", !0),
+          b(B, {
+            id: "selectedFormatStandard",
+            ref: "standardSwitchRef",
+            modelValue: l.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => l.value = a),
+            compact: "",
+            "possible-values": M.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"]),
+          v("div", ge, [
+            v("div", {
+              id: "dateFormats",
+              ref_key: "formatContainerRef",
+              ref: T,
+              class: "formats-container",
+              tabindex: "0",
+              role: "menu",
+              onKeydown: t[2] || (t[2] = //@ts-ignore
+              (...a) => x(S) && x(S)(...a))
+            }, [
+              o.value === null ? (p(), y("div", we, [
+                b(ve, { class: "loading-spinner" })
+              ])) : o.value.length === 0 ? (p(), y("div", Ee, " No formats available ")) : (p(!0), y(oe, { key: 2 }, se(o.value, (a, s) => {
+                var u;
+                return p(), y("div", {
+                  key: g(a),
+                  ref_for: !0,
+                  ref: Z(a),
+                  class: V([{
+                    highlighted: s === x(I),
+                    applied: s === ((u = i.value) == null ? void 0 : u.index) && a.category === i.value.category && a.temporalType === i.value.temporalType
+                  }, "single-format"]),
+                  role: "menuitem",
+                  onClick: () => n("commit", E(a))
+                }, [
+                  v("span", ke, H(a.format), 1),
+                  v("span", ze, H(a.example), 1)
+                ], 10, xe);
+              }), 128))
+            ], 544)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["active", "initial-focus"]));
+  }
+}), Me = /* @__PURE__ */ U(be, [["__scopeId", "data-v-8bb40d8b"]]), De = { class: "input-fields" }, _e = ["disabled"], Ae = {
+  key: 0,
+  class: "invalid-marker"
+}, Ce = ["disabled"], Ve = {}, Ie = /* @__PURE__ */ P({
+  ...Ve,
+  __name: "DateTimeFormatInput",
+  props: /* @__PURE__ */ W({
+    disabled: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: !1 },
+    isValid: { type: Boolean, default: !0 },
+    allDefaultFormats: {},
+    allowedTypes: { default: () => [
+      "DATE",
+      "TIME",
+      "DATE_TIME",
+      "ZONED_DATE_TIME"
+    ] },
+    showTypeSwitchInPopover: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {
+      default: {
+        format: "yyyy-MM-dd",
+        temporalType: "DATE"
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const w = r, n = q(r, "modelValue"), m = k({
+      get: () => n.value.format,
+      set: (T) => {
+        n.value = {
+          ...n.value,
+          format: T
+        };
+      }
+    }), M = "Format like 'yyyy-MM-dd'", D = k(() => w.isValid), i = f(null), h = f(null), l = f(!1), d = (T) => {
+      n.value = T, l.value = !1;
+    };
+    ne(h, () => l.value = !1, {
+      ignore: [i]
+    });
+    const { floatingStyles: o } = ie(
+      i,
+      h,
+      {
+        middleware: [
+          ue({
+            mainAxis: 2,
+            crossAxis: 0
+          }),
+          me(),
+          ce({
+            mainAxis: !0,
+            crossAxis: !1
+          })
+        ],
+        placement: "top-end",
+        whileElementsMounted: re
+      }
+    );
+    return (T, c) => (p(), y("div", null, [
+      v("div", {
+        class: V(["wrapper", { disabled: r.disabled, compact: r.compact }])
+      }, [
+        v("span", De, [
+          G(v("input", {
+            "onUpdate:modelValue": c[0] || (c[0] = (g) => m.value = g),
+            type: "text",
+            disabled: r.disabled,
+            placeholder: M,
+            spellcheck: "false",
+            onFocus: c[1] || (c[1] = (g) => l.value = !1)
+          }, null, 40, _e), [
+            [J, m.value]
+          ]),
+          D.value ? C("", !0) : (p(), y("span", Ae)),
+          v("button", {
+            ref_key: "togglePopoverButtonRef",
+            ref: i,
+            class: V(["trigger-popover-button", { active: l.value }]),
+            disabled: r.disabled,
+            onClick: c[2] || (c[2] = (g) => l.value = !l.value)
+          }, [
+            b(x(he))
+          ], 10, Ce)
+        ])
+      ], 2),
+      l.value ? (p(), y("div", {
+        key: 0,
+        ref_key: "floatingPopoverRef",
+        ref: h,
+        class: "popover",
+        style: Q(x(o))
+      }, [
+        b(Me, {
+          "all-formats": r.allDefaultFormats,
+          "initial-selected-pattern": n.value.format,
+          "selected-type": n.value.temporalType,
+          "show-type-switch": r.showTypeSwitchInPopover,
+          onCommit: d,
+          onCancel: c[3] || (c[3] = (g) => l.value = !1)
+        }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
+      ], 4)) : C("", !0)
+    ]));
+  }
+}), Oe = /* @__PURE__ */ U(Ie, [["__scopeId", "data-v-1577d5ce"]]);
+export {
+  Oe as H
+};