@knime/jsonforms 1.20.2 → 1.21.1

package/dist/DateTimeFormatPickerWithTypeControl-CMsxwUHX.js

@@ -1,442 +0,0 @@
-import { openBlock as v, createElementBlock as w, createElementVNode as y, defineComponent as A, useCssVars as q, computed as h, ref as g, watch as I, reactive as G, onMounted as J, nextTick as $, onUnmounted as Q, createBlock as O, unref as x, withCtx as X, createCommentVNode as C, createVNode as b, Fragment as Y, renderList as ee, normalizeClass as _, toDisplayString as H, useModel as te, withDirectives as oe, vModelText as le, normalizeStyle as ae, mergeModels as se } from "vue";
-import { _ as S, P as ne, u as ie } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BMg-dFo1.js";
-import { V as z } from "./ValueSwitch-CiYL5ZDM.js";
-import { u as re, a as de, o as ce, s as ue, f as me } from "./floating-ui.vue-Bk6u3tWN.js";
-import { u as pe, F as ve } from "./useDropdownNavigation-EOwf_fL0.js";
-import { L as fe } from "./LoadingIcon-CYbc0B-S.js";
-const ye = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-};
-function he(n, f) {
-  return v(), w("svg", ye, [...f[0] || (f[0] = [
-    y("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 Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-container-border-host" }, xe = {
-  key: 0,
-  class: "no-formats-available"
-}, Fe = {
-  key: 1,
-  class: "no-formats-available"
-}, Ee = ["onClick"], be = { class: "format-pattern" }, Ve = { class: "format-preview" }, U = 1, De = /* @__PURE__ */ A({
-  __name: "DateTimeFormatPickerPopover",
-  props: {
-    allFormats: {},
-    selectedType: {},
-    initialSelectedPattern: {},
-    showTypeSwitch: { type: Boolean }
-  },
-  emits: ["commit", "cancel"],
-  setup(n, { emit: f }) {
-    q((e) => ({
-      v3b9e5e3a: U
-    }));
-    const i = f, c = n, V = h(() => [
-      {
-        id: "RECENT",
-        text: "Recent"
-      },
-      {
-        id: "STANDARD",
-        text: "ISO"
-      },
-      {
-        id: "EUROPEAN",
-        text: "European"
-      },
-      {
-        id: "AMERICAN",
-        text: "United States"
-      }
-    ]), D = h(() => [
-      {
-        id: "DATE",
-        text: "Date"
-      },
-      {
-        id: "DATE_TIME",
-        text: "Date & time"
-      },
-      {
-        id: "TIME",
-        text: "Time"
-      },
-      {
-        id: "ZONED_DATE_TIME",
-        text: "Zoned date & time"
-      }
-    ]), r = g(null), u = g(null), a = g("RECENT"), d = g(c.selectedType);
-    I(
-      () => c.selectedType,
-      (e) => {
-        u.value = e;
-      }
-    );
-    const l = h(
-      () => c.allFormats?.filter(
-        (e) => e.category === a.value && e.temporalType === d.value
-      ) ?? null
-    ), m = g(null), p = G({}), F = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
-      p[F(e)] = t;
-    }, E = (e) => ({
-      format: e.format,
-      temporalType: e.temporalType
-    }), {
-      currentIndex: R,
-      onKeydown: P,
-      resetNavigation: Z,
-      setElement: W
-    } = pe({
-      keepOpenedOnTab: !0,
-      getFirstElement: () => ({
-        index: 0,
-        onClick: () => i(
-          "commit",
-          E(l.value[0])
-        )
-      }),
-      getLastElement: () => {
-        const e = l.value.length - 1;
-        return {
-          index: e,
-          onClick: () => i(
-            "commit",
-            E(l.value[e])
-          )
-        };
-      },
-      getNextElement: (e, t) => {
-        if (e = e === null || e === -1 ? null : e, t === 1) {
-          const s = ((e ?? -1) + 1) % l.value.length;
-          return {
-            index: s,
-            onClick: () => i(
-              "commit",
-              E(l.value[s])
-            )
-          };
-        } else {
-          const s = ((e ?? 0) - 1 + l.value.length) % l.value.length;
-          return {
-            index: s,
-            onClick: () => i(
-              "commit",
-              E(l.value[s])
-            )
-          };
-        }
-      },
-      close: () => {
-        i("cancel");
-      }
-    }), K = (e) => {
-      const t = e.parentElement;
-      if (t && t.scrollHeight > t.clientHeight) {
-        const o = t.offsetTop + U, s = t.clientHeight + t.scrollTop, T = e.offsetTop + e.offsetHeight - o;
-        T > s ? t.scrollTop = T - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
-      }
-    }, N = (e) => {
-      const t = p[`${e}-${a.value}-${d.value}`];
-      t && K(t);
-    }, B = async (e, t, o) => {
-      d.value = t ?? d.value, a.value = o ?? a.value, await $(), u.value = e, N(e);
-      const s = l.value.findIndex(
-        (T) => T.format === e
-      );
-      W({
-        index: s,
-        onClick: () => i(
-          "commit",
-          E(l.value[s])
-        )
-      });
-    };
-    I(R, (e) => {
-      if (e === null)
-        return;
-      const t = l.value?.[e]?.format;
-      t && N(t);
-    }), I([d, a], () => {
-      d.value === r.value?.temporalType && a.value === r.value?.category ? B(
-        r.value.format,
-        r.value.temporalType,
-        r.value.category
-      ) : (u.value = null, Z());
-    });
-    const M = g(!1);
-    return J(async () => {
-      if (!c.allFormats)
-        return;
-      const e = [
-        "RECENT",
-        "STANDARD",
-        "EUROPEAN",
-        "AMERICAN"
-      ], t = c.allFormats.filter((o) => c.initialSelectedPattern === o.format).filter(
-        (o) => (
-          // if the type switch is hidden, filter to only formats with the same type
-          c.selectedType === o.temporalType || c.showTypeSwitch
-        )
-      ).sort((o, s) => {
-        const T = e.indexOf(o.category), k = e.indexOf(s.category);
-        return T - k;
-      });
-      if (t.length > 0) {
-        const o = t[0].format, s = t[0].temporalType, T = t[0].category;
-        await B(o, s, T);
-        const k = l.value.findIndex(
-          (j) => j.format === o
-        );
-        r.value = {
-          format: o,
-          index: k,
-          category: T,
-          temporalType: s
-        };
-      }
-      $(() => M.value = !0);
-    }), Q(() => M.value = !1), (e, t) => (v(), O(x(ve), {
-      active: M.value,
-      "onUpdate:active": t[3] || (t[3] = (o) => M.value = o),
-      "initial-focus": () => m.value ?? !1
-    }, {
-      default: X(() => [
-        y("div", ge, [
-          n.showTypeSwitch ? (v(), O(z, {
-            key: 0,
-            id: "selectedFormatType",
-            ref: "typeSwitchRef",
-            modelValue: d.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => d.value = o),
-            compact: "",
-            "possible-values": D.value,
-            class: "filter-switch"
-          }, null, 8, ["modelValue", "possible-values"])) : C("", !0),
-          b(z, {
-            id: "selectedFormatStandard",
-            ref: "standardSwitchRef",
-            modelValue: a.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => a.value = o),
-            compact: "",
-            "possible-values": V.value,
-            class: "filter-switch"
-          }, null, 8, ["modelValue", "possible-values"]),
-          y("div", we, [
-            y("div", {
-              id: "dateFormats",
-              ref_key: "formatContainerRef",
-              ref: m,
-              class: "formats-container",
-              tabindex: "0",
-              role: "menu",
-              onKeydown: t[2] || (t[2] = //@ts-ignore
-              (...o) => x(P) && x(P)(...o))
-            }, [
-              l.value === null ? (v(), w("div", xe, [
-                b(fe, { class: "loading-spinner" })
-              ])) : l.value.length === 0 ? (v(), w("div", Fe, " No formats available ")) : (v(!0), w(Y, { key: 2 }, ee(l.value, (o, s) => (v(), w("div", {
-                key: F(o),
-                ref_for: !0,
-                ref: L(o),
-                class: _([{
-                  highlighted: s === x(R),
-                  applied: s === r.value?.index && o.category === r.value.category && o.temporalType === r.value.temporalType
-                }, "single-format"]),
-                role: "menuitem",
-                onClick: () => i("commit", E(o))
-              }, [
-                y("span", be, H(o.format), 1),
-                y("span", Ve, H(o.example), 1)
-              ], 10, Ee))), 128))
-            ], 544)
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["active", "initial-focus"]));
-  }
-}), Me = /* @__PURE__ */ S(De, [["__scopeId", "data-v-8bb40d8b"]]), ke = { class: "input-fields" }, Ie = ["disabled"], Ce = {
-  key: 0,
-  class: "invalid-marker"
-}, _e = ["disabled"], ze = {}, Ae = /* @__PURE__ */ A({
-  ...ze,
-  __name: "DateTimeFormatInput",
-  props: /* @__PURE__ */ se({
-    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(n) {
-    const f = n, i = te(n, "modelValue"), c = h({
-      get: () => i.value.format,
-      set: (m) => {
-        i.value = {
-          ...i.value,
-          format: m
-        };
-      }
-    }), V = "Format like 'yyyy-MM-dd'", D = h(() => f.isValid), r = g(null), u = g(null), a = g(!1), d = (m) => {
-      i.value = m, a.value = !1;
-    };
-    ne(u, () => a.value = !1, {
-      ignore: [r]
-    });
-    const { floatingStyles: l } = re(
-      r,
-      u,
-      {
-        middleware: [
-          ce({
-            mainAxis: 2,
-            crossAxis: 0
-          }),
-          ue(),
-          me({
-            mainAxis: !0,
-            crossAxis: !1
-          })
-        ],
-        placement: "top-end",
-        whileElementsMounted: de
-      }
-    );
-    return (m, p) => (v(), w("div", null, [
-      y("div", {
-        class: _(["wrapper", { disabled: n.disabled, compact: n.compact }])
-      }, [
-        y("span", ke, [
-          oe(y("input", {
-            "onUpdate:modelValue": p[0] || (p[0] = (F) => c.value = F),
-            type: "text",
-            disabled: n.disabled,
-            placeholder: V,
-            spellcheck: "false",
-            onFocus: p[1] || (p[1] = (F) => a.value = !1)
-          }, null, 40, Ie), [
-            [le, c.value]
-          ]),
-          D.value ? C("", !0) : (v(), w("span", Ce)),
-          y("button", {
-            ref_key: "togglePopoverButtonRef",
-            ref: r,
-            class: _(["trigger-popover-button", { active: a.value }]),
-            disabled: n.disabled,
-            onClick: p[2] || (p[2] = (F) => a.value = !a.value)
-          }, [
-            b(x(Te))
-          ], 10, _e)
-        ])
-      ], 2),
-      a.value ? (v(), w("div", {
-        key: 0,
-        ref_key: "floatingPopoverRef",
-        ref: u,
-        class: "popover",
-        style: ae(x(l))
-      }, [
-        b(Me, {
-          "all-formats": n.allDefaultFormats,
-          "initial-selected-pattern": i.value.format,
-          "selected-type": i.value.temporalType,
-          "show-type-switch": n.showTypeSwitchInPopover,
-          onCommit: d,
-          onCancel: p[3] || (p[3] = (F) => a.value = !1)
-        }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
-      ], 4)) : C("", !0)
-    ]));
-  }
-}), Se = /* @__PURE__ */ S(Ae, [["__scopeId", "data-v-1577d5ce"]]), Re = ["id"], Pe = /* @__PURE__ */ A({
-  __name: "DateTimeFormatPickerWithTypeControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    isValid: { type: Boolean },
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(n) {
-    const f = n, i = h(
-      () => f.control.uischema
-    ), c = h(() => i.value.options), V = h(() => c.value?.allowedFormats), D = ie(i, "dateTimeFormats"), r = [
-      {
-        id: "DATE",
-        text: "Date"
-      },
-      {
-        id: "DATE_TIME",
-        text: "Date & time"
-      },
-      {
-        id: "TIME",
-        text: "Time"
-      },
-      {
-        id: "ZONED_DATE_TIME",
-        text: "Zoned date & time"
-      }
-    ], u = h({
-      get: () => f.control.data,
-      set: (d) => {
-        f.changeValue(d);
-      }
-    }), a = h({
-      get: () => u.value.temporalType,
-      set: (d) => {
-        u.value = {
-          ...u.value,
-          temporalType: d
-        };
-      }
-    });
-    return (d, l) => (v(), w("div", {
-      id: n.labelForId,
-      class: "control-container"
-    }, [
-      b(x(z), {
-        modelValue: a.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (m) => a.value = m),
-        compact: "",
-        "possible-values": r,
-        disabled: n.disabled
-      }, null, 8, ["modelValue", "disabled"]),
-      b(x(Se), {
-        modelValue: u.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (m) => u.value = m),
-        compact: "",
-        disabled: n.disabled,
-        "show-type-switch-in-popover": !1,
-        "allowed-formats": V.value,
-        "all-default-formats": x(D),
-        "is-valid": !0
-      }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
-    ], 8, Re));
-  }
-}), Le = /* @__PURE__ */ S(Pe, [["__scopeId", "data-v-8517cafd"]]);
-export {
-  Le as default
-};

package/dist/DropdownControl-10fJUe9n.js

@@ -1,41 +0,0 @@
-import { defineComponent as r, toRef as s, computed as o, openBlock as n, createBlock as t, unref as d } from "vue";
-import { K as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BMg-dFo1.js";
-import { u as m } from "./usePossibleValues-DgKVFQxB.js";
-import { _ as b } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-CLKD1Eg5.js";
-const p = /* @__PURE__ */ r({
-  __name: "DropdownControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    isValid: { type: Boolean },
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(e) {
-    const a = e, { possibleValues: l } = m(s(a, "control")), i = o(() => a.control.uischema?.options?.allowNewValue), u = o(
-      () => i.value && l.value !== null && l.value.length === 0
-    );
-    return (V, f) => u.value ? (n(), t(d(c), {
-      key: 0,
-      id: e.labelForId,
-      disabled: e.disabled,
-      "model-value": e.control.data ?? "",
-      error: !e.isValid,
-      "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "disabled", "model-value", "error", "onUpdate:modelValue"])) : (n(), t(b, {
-      key: 1,
-      id: e.labelForId ?? "",
-      ariaLabel: e.control.label,
-      disabled: e.disabled,
-      "model-value": e.control.data ?? "",
-      "possible-values": d(l),
-      error: !e.isValid,
-      "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "error", "onUpdate:modelValue"]));
-  }
-});
-export {
-  p as default
-};

package/dist/InputField-DeLL-u-h.js

@@ -1,148 +0,0 @@
-/* empty css                   */
-import { openBlock as i, createElementBlock as s, normalizeClass as r, renderSlot as u, createCommentVNode as o, createElementVNode as d, mergeProps as f } from "vue";
-import { _ as p } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BMg-dFo1.js";
-const c = {
-  name: "InputField",
-  props: {
-    modelValue: {
-      default: "",
-      type: [Number, String, null]
-    },
-    id: {
-      type: [String, null],
-      default: null
-    },
-    name: {
-      type: String,
-      default: null
-    },
-    /**
-     * Sets the error styling, validity needs to be controlled by the parent component to be flexible
-     */
-    isValid: {
-      default: !0,
-      type: Boolean
-    },
-    type: {
-      default: "text",
-      type: String
-    },
-    pattern: {
-      default: null,
-      type: String
-    },
-    placeholder: {
-      default: null,
-      type: String
-    },
-    autocomplete: {
-      default: null,
-      type: String
-    },
-    autofocus: {
-      default: !1,
-      type: Boolean
-    },
-    focusOnMount: {
-      default: !1,
-      type: Boolean
-    },
-    inputClasses: {
-      default: "",
-      type: String
-    },
-    disabled: {
-      default: !1,
-      type: Boolean
-    },
-    ariaActivedescendant: {
-      type: String,
-      default: null
-    },
-    ariaOwns: {
-      type: String,
-      default: null
-    },
-    compact: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue", "focus", "keyup", "keypress", "keydown"],
-  computed: {
-    hasLeftIcon() {
-      return this.$slots.icon && this.$slots.icon().length;
-    },
-    hasRightIcon() {
-      return this.$slots.iconRight && this.$slots.iconRight().length;
-    },
-    inputClassList() {
-      let e = this.inputClasses;
-      return this.hasLeftIcon && (e += " with-icon"), this.hasRightIcon && (e += " with-icon-right"), this.isValid || (e += " invalid"), e;
-    }
-  },
-  mounted() {
-    this.focusOnMount && this.focus();
-  },
-  methods: {
-    getValue() {
-      return this.$refs.input.value;
-    },
-    onInput() {
-      this.$emit("update:modelValue", this.getValue());
-    },
-    focus() {
-      this.$refs.input.focus();
-    },
-    /*
-     * checks if value matches the provided pattern
-     */
-    validate() {
-      let e = !0, t = null;
-      return typeof this.getValue() > "u" ? (e = !1, t = "Invalid input") : this.pattern && this.$refs.input.validity.patternMismatch && (e = !1, t = "Input does not match the expected pattern"), { isValid: e, errorMessage: t };
-    }
-  }
-}, m = {
-  key: 0,
-  class: "icon"
-}, h = ["id", "name", "value", "type", "pattern", "placeholder", "autofocus", "aria-activedescendant", "aria-owns", "autocomplete", "disabled"], y = {
-  key: 1,
-  class: "icon icon-right"
-};
-function g(e, t, n, v, I, l) {
-  return i(), s("div", {
-    class: r(["input-wrapper", { compact: n.compact }])
-  }, [
-    l.hasLeftIcon ? (i(), s("div", m, [
-      u(e.$slots, "icon")
-    ])) : o("", !0),
-    d("input", f(e.$attrs, {
-      id: n.id,
-      ref: "input",
-      name: n.name,
-      value: n.modelValue,
-      class: l.inputClassList,
-      type: n.type,
-      pattern: n.pattern,
-      placeholder: n.placeholder,
-      autofocus: n.autofocus,
-      "aria-activedescendant": n.ariaActivedescendant,
-      "aria-owns": n.ariaOwns,
-      autocomplete: n.autocomplete,
-      disabled: n.disabled,
-      onInput: t[0] || (t[0] = (...a) => l.onInput && l.onInput(...a)),
-      onFocus: t[1] || (t[1] = (a) => e.$emit("focus", a)),
-      onKeyup: t[2] || (t[2] = (a) => e.$emit("keyup", a)),
-      onKeypress: t[3] || (t[3] = (a) => e.$emit("keypress", a)),
-      onKeydown: t[4] || (t[4] = (a) => e.$emit("keydown", a))
-    }), null, 16, h),
-    l.hasRightIcon ? (i(), s("div", y, [
-      u(e.$slots, "iconRight")
-    ])) : o("", !0),
-    t[5] || (t[5] = d("span", { class: "invalid-marker" }, null, -1))
-  ], 2);
-}
-const w = /* @__PURE__ */ p(c, [["render", g], ["__scopeId", "data-v-e4e1a696"]]);
-export {
-  w as I
-};

package/dist/LoadingIcon-CYbc0B-S.js

@@ -1,29 +0,0 @@
-import { openBlock as r, createElementBlock as c, createElementVNode as s, h as i, defineComponent as l, createBlock as d, unref as a } from "vue";
-import { _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BMg-dFo1.js";
-const m = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-};
-function p(n, e) {
-  return r(), c("svg", m, [...e[0] || (e[0] = [
-    s("path", { d: "m11.9 22.3 2.7 4.4-4.5 2.8m4.5-2.8C9 26 4.7 21.7 4.7 16c0-5.1 3.4-9.4 8.1-10.8M20 9.7l-2.6-4.4 4.5-2.8m-4.5 2.8c5.6.7 9.9 5 9.9 10.7 0 5.1-3.4 9.4-8.1 10.8" }, null, -1)
-  ])]);
-}
-const u = { render: p }, f = (n, e) => ({
-  render() {
-    const o = n.render({}, []), t = i("title", e);
-    return t.ns = "svg", o.children.unshift(t), o;
-  }
-}), g = /* @__PURE__ */ l({
-  __name: "LoadingIcon",
-  setup(n) {
-    const e = f(u, "Loading…");
-    return (o, t) => (r(), d(a(e)));
-  }
-}), x = /* @__PURE__ */ _(g, [["__scopeId", "data-v-6b552b81"]]);
-export {
-  x as L
-};