@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/FieldInclude-c6DSD0-y.js

@@ -0,0 +1,134 @@
+var f = Object.defineProperty;
+var w = (n, i, s) => i in n ? f(n, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[i] = s;
+var a = (n, i, s) => w(n, typeof i != "symbol" ? i + "" : i, s);
+import { computed as g } from "vue";
+import { toBinds as b, getRef as v, toBind as x, eventStopPropagation as p } from "@dxtmisha/functional";
+class S {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param value object for working with values/ объект для работы со значениями
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param event object for working with events/ объект для работы с событиями
+   * @param arrow object for working with arrows/ объект для работы со стрелками
+   * @param onIcon Collection icon click handler/ Обработчик клика по иконке коллекции
+   * @param onTrailing Trailing icon click handler/ Обработчик клика по иконке трейлинга
+   * @param onNext Next arrow click handler/ Обработчик клика по следующей стрелке
+   * @param onPrevious Previous arrow click handler/ Обработчик клика по предыдущей стрелке
+   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(i, s, e, r, o, t, l, h, c, d, u) {
+    /** Returns properties for the field framework/ Возвращает свойства для каркаса поля */
+    a(this, "binds", g(() => {
+      var i, s, e, r, o, t;
+      return b(
+        {
+          // Status
+          focus: this.props.focus,
+          selected: this.props.selected,
+          readonly: this.props.readonly,
+          disabled: this.props.disabled,
+          loading: this.props.loading,
+          forceShowMessage: this.props.forceShowMessage,
+          // Value
+          label: this.props.label,
+          prefix: this.props.prefix,
+          suffix: this.props.suffix,
+          caption: this.props.caption,
+          helperMessage: this.props.helperMessage,
+          required: this.props.required,
+          detail: this.props.detail,
+          // Style
+          cancel: this.props.cancel,
+          counterShow: this.props.counterShow,
+          icon: this.props.icon,
+          iconTurn: this.props.iconTurn,
+          iconHide: this.props.iconHide,
+          iconDir: this.props.iconDir,
+          iconPalette: this.props.iconPalette,
+          iconTrailing: this.props.iconTrailing,
+          iconTrailingTurnOnly: this.props.iconTrailingTurnOnly,
+          iconTrailingDirOnly: this.props.iconTrailingDirOnly,
+          iconTrailingPalette: this.props.iconTrailingPalette,
+          iconAttrs: this.props.iconAttrs,
+          align: this.props.align,
+          arrowCarousel: (s = (i = this.arrow) == null ? void 0 : i.isCarousel()) != null ? s : this.props.arrow === "carousel",
+          arrowStepper: (r = (e = this.arrow) == null ? void 0 : e.isStepper()) != null ? r : this.props.arrow === "stepper",
+          arrowAlign: (t = (o = this.arrow) == null ? void 0 : o.align()) != null ? t : this.props.arrowAlign,
+          isSkeleton: this.props.isSkeleton,
+          fieldLabelAttrs: this.props.fieldLabelAttrs,
+          fieldMessageAttrs: this.props.fieldMessageAttrs,
+          fieldCounterAttrs: this.props.fieldCounterAttrs,
+          onClick: this.on
+        },
+        v(this.extra),
+        this.props.fieldAttrs
+      );
+    }));
+    /**
+     * Returns properties for working with the value of the Field framework/
+     * Возвращает свойства для работы со значением каркаса поля
+     */
+    a(this, "valueBinds", g(() => {
+      var i, s;
+      return {
+        ...this.binds.value,
+        isValue: this.value.is.value,
+        value: this.value.item.value,
+        cancelShow: this.value.boolean.value,
+        counter: this.value.length.value,
+        disabledPrevious: (i = this.arrow) == null ? void 0 : i.disabledPrevious.value,
+        disabledNext: (s = this.arrow) == null ? void 0 : s.disabledNext.value
+      };
+    }));
+    /**
+     * Renders the Field framework.
+     *
+     * Отрисовывает каркас поля.
+     * @param slotsChildren
+     * @param attrs
+     */
+    a(this, "render", (i, s) => this.components ? this.components.render(
+      "field",
+      x(
+        this.valueBinds.value,
+        s != null ? s : {}
+      ),
+      i,
+      this.index
+    ) : []);
+    /**
+     * Method for listening to events.
+     *
+     * Метод для прослушивания событий.
+     * @param event event object/ объект события
+     * @param type type of the object that was clicked/ тип объекта, который был нажат
+     */
+    a(this, "on", (i, { type: s }) => {
+      var e, r, o, t, l, h, c, d, u;
+      if (i.target.closest('[data-element="scoreboard"]'))
+        switch (s) {
+          case "icon":
+            (e = this.onIcon) == null || e.call(this), p(i);
+            break;
+          case "icon-trailing":
+            (r = this.onTrailing) == null || r.call(this), p(i);
+            break;
+          case "cancel":
+            (o = this.event) == null || o.onClear(i), p(i);
+            break;
+          case "next":
+            (t = this.onNext) == null || t.call(this), (l = this.arrow) == null || l.next(), (h = this.event) == null || h.on(i), p(i);
+            break;
+          case "previous":
+            (c = this.onPrevious) == null || c.call(this), (d = this.arrow) == null || d.previous(), (u = this.event) == null || u.on(i), p(i);
+            break;
+        }
+    });
+    this.props = i, this.value = s, this.components = e, this.event = r, this.arrow = o, this.onIcon = t, this.onTrailing = l, this.onNext = h, this.onPrevious = c, this.extra = d, this.index = u;
+  }
+}
+export {
+  S as F
+};

package/dist/FieldInputCheckInclude-CjNYyGTb.js

@@ -0,0 +1,79 @@
+var n = Object.defineProperty;
+var c = (i, t, e) => t in i ? n(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var r = (i, t, e) => c(i, typeof t != "symbol" ? t + "" : t, e);
+import { createElement as o, anyToString as h, isFilled as s, executeFunction as p, isString as l } from "@dxtmisha/functional";
+class a {
+  /**
+   * Constructor
+   * @param pattern property for verification/ свойство для проверки
+   * @param group group name/ название группы
+   * @param code object for error codes/ объект для работы с кодами ошибок
+   */
+  constructor(t, e = a.getGroupDefault(), u) {
+    /** Hidden input element for native validation/ Скрытый input для нативной валидации */
+    r(this, "input");
+    this.pattern = t, this.group = e, this.code = u, this.input = o(
+      void 0,
+      "input",
+      this.getAttributes()
+    );
+  }
+  /**
+   * Runs validation and returns result
+   *
+   * Выполняет проверку и возвращает результат
+   */
+  check(t) {
+    const e = this.input;
+    return e ? (e.type === "checkbox" || e.type === "radio" ? e.checked = !!t : e.value = h(t), this.checkByInput(e)) : {
+      group: this.group,
+      status: !0,
+      value: t
+    };
+  }
+  /**
+   * Runs validation by input and returns result
+   *
+   * Выполняет проверку по инпуту и возвращает результат
+   * @param input input element/ элемент инпута
+   */
+  checkByInput(t) {
+    var e;
+    return {
+      group: this.group,
+      input: t,
+      status: t.checkValidity(),
+      validationMessage: t.validationMessage,
+      validity: t.validity,
+      validityMessage: (e = this.code) == null ? void 0 : e.get(t.validity),
+      required: t.required,
+      pattern: this.pattern,
+      value: t.value
+    };
+  }
+  /**
+   * Returns attributes for internal input
+   *
+   * Возвращает атрибуты для внутреннего инпута
+   */
+  getAttributes() {
+    const t = this.pattern;
+    if (s(t)) {
+      const e = p(t);
+      if (s(e))
+        return l(e) ? { pattern: e } : e;
+    }
+    return {};
+  }
+  /**
+   * Returns the default group name
+   *
+   * Возвращает название группы по умолчанию
+   */
+  static getGroupDefault() {
+    return "check";
+  }
+}
+export {
+  a as F
+};

package/dist/FieldLabelInclude-B4OGaJ1r.js

@@ -0,0 +1,64 @@
+var c = Object.defineProperty;
+var b = (t, s, e) => s in t ? c(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var i = (t, s, e) => b(t, typeof s != "symbol" ? s + "" : s, e);
+import { computed as l } from "vue";
+import { isFilled as m, toBinds as o, getRef as f } from "@dxtmisha/functional";
+import { F as I } from "./FieldCounterInclude-BR6n8WlH.js";
+class L {
+  /**
+   * Constructor
+   * @param props input parameter/ входной параметр
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param slots object for working with slots/ объект для работы со слотами
+   * @param isCounter whether to display the counter/ отображать ли счетчик
+   * @param labelId label identifier/ идентификатор метки
+   * @param counterId counter identifier/ идентификатор счетчика
+   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(s, e, r, n, d, h, a, p, u) {
+    /** Field counter include/ Подключение счетчика поля */
+    i(this, "fieldCounter");
+    /** Checks if label should be displayed/ Проверяет, надо ли отображать метку */
+    i(this, "is", l(() => {
+      var s;
+      return m(this.props.label) || !!((s = this.isCounter) != null && s.value);
+    }));
+    /** Computed bindings for FieldLabel/ Вычисляемые привязки для FieldLabel */
+    i(this, "binds", l(
+      () => {
+        var s, e, r;
+        return o(
+          f(this.extra),
+          (s = this.isCounter) != null && s.value ? this.fieldCounter.bindsIntermediary.value : {},
+          {
+            label: this.props.label,
+            required: this.props.required,
+            labelId: (e = this.props.labelId) != null ? e : this.labelId,
+            counterId: (r = this.props.counterId) != null ? r : this.counterId
+          },
+          this.props.fieldLabelAttrs
+        );
+      }
+    ));
+    /**
+     * Render the FieldLabel component/ Рендер компонента FieldLabel
+     */
+    i(this, "render", () => this.components && this.is.value ? this.components.render(
+      "fieldLabel",
+      {
+        ...o(
+          this.binds.value,
+          { class: `${this.className}__fieldLabel` }
+        )
+      },
+      this.slots,
+      this.index
+    ) : []);
+    this.props = s, this.className = e, this.components = r, this.slots = n, this.isCounter = d, this.labelId = h, this.counterId = a, this.extra = p, this.index = u, this.fieldCounter = new I(this.props, this.className);
+  }
+}
+export {
+  L as F
+};

package/dist/FieldMatchInclude-Vl2gJUaM.js

@@ -0,0 +1,302 @@
+var l = Object.defineProperty;
+var p = (s, t, e) => t in s ? l(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => p(s, typeof t != "symbol" ? t + "" : t, e);
+import { ref as c, computed as r } from "vue";
+import { toNumber as u, isObject as n, anyToString as m } from "@dxtmisha/functional";
+import { F as v } from "./FieldInputCheckInclude-CjNYyGTb.js";
+class b {
+  constructor() {
+    i(this, "item", c(!1));
+  }
+  /**
+   * Toggles the values.
+   *
+   * Переключает значения.
+   */
+  toggle() {
+    return this.item.value = !this.item.value, this;
+  }
+}
+class y {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param visibility object for working with visualization/ объект для работы с визуализацией
+   */
+  constructor(t, e) {
+    /** Returns the input type/ Возвращает тип ввода */
+    i(this, "item", r(() => {
+      var e;
+      const t = this.props.type;
+      return t === "password" && ((e = this.visibility) != null && e.item.value) ? "text" : t != null ? t : "text";
+    }));
+    this.props = t, this.visibility = e;
+  }
+  /**
+   * Returns the input type.
+   *
+   * Возвращает тип ввода.
+   */
+  get() {
+    return this.item.value;
+  }
+}
+const o = {
+  email: "[\\S]+@[\\S]{2,}\\.[\\w]{2,}",
+  password: "[0-9a-zA-Z\\-!@#$%^&*]+"
+};
+class M {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param type object for working with input type/ объект для работы с типом ввода
+   */
+  constructor(t, e) {
+    /** Returns regular expressions/ Возвращает регулярные выражения */
+    i(this, "item", r(() => {
+      if (this.props.pattern)
+        return this.props.pattern;
+      if (this.type)
+        return o == null ? void 0 : o[this.type.item.value];
+    }));
+    this.props = t, this.type = e;
+  }
+}
+class w {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param type object for working with input type/ объект для работы с типом ввода
+   */
+  constructor(t, e) {
+    /** Returns the keyboard name/ Возвращает название клавиатуры */
+    i(this, "item", r(() => {
+      if (this.props.inputMode)
+        return this.props.inputMode;
+      switch (this.type.item.value) {
+        case "number":
+        case "datetime":
+        case "date":
+        case "year-month":
+        case "time":
+        case "hour-minute":
+          return "numeric";
+        case "number-format":
+        case "currency":
+          return "decimal";
+        case "tel":
+          return "tel";
+        case "email":
+          return "email";
+        default:
+          return;
+      }
+    }));
+    this.props = t, this.type = e;
+  }
+}
+class S {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param value object for working with values/ объект для работы со значениями
+   * @param type object for working with input type/ объект для работы с типом ввода
+   */
+  constructor(t, e, a) {
+    /**
+     * Indicates if arrows are enabled/ Указывает, включены ли стрелки
+     *
+     * @return true if arrows are enabled/ true, если стрелки включены
+     */
+    i(this, "is", r(() => !!(this.props.arrow && this.props.arrow !== "none")));
+    /** Indicates if the previous button is disabled/ Указывает, отключена ли кнопка предыдущего */
+    i(this, "disabledPrevious", r(() => !this.isPrevious(this.value.number.value)));
+    /** Indicates if the next button is disabled/ Указывает, отключена ли кнопка следующего */
+    i(this, "disabledNext", r(() => !this.isNext(this.value.number.value)));
+    /** Returns the change step/ Возвращает шаг изменения */
+    i(this, "step", r(() => {
+      var t, e;
+      return u((e = (t = this.props.arrowStep) != null ? t : this.props.step) != null ? e : 1);
+    }));
+    /** Returns the minimum value/ Возвращает минимальное значение */
+    i(this, "min", r(() => {
+      var t;
+      return (t = u(this.props.min)) != null ? t : void 0;
+    }));
+    /** Returns the maximum value/ Возвращает максимальное значение */
+    i(this, "max", r(() => u(this.props.max) || void 0));
+    this.props = t, this.value = e, this.type = a;
+  }
+  /**
+   * Checks if the arrow type is carousel.
+   *
+   * Проверяет, является ли тип стрелок carousel.
+   */
+  isCarousel() {
+    return this.get() === "carousel";
+  }
+  /**
+   * Checks if the arrow type is stepper.
+   *
+   * Проверяет, является ли тип стрелок stepper.
+   */
+  isStepper() {
+    return this.get() === "stepper";
+  }
+  /**
+   * Checks if it is possible to decrease the value.
+   *
+   * Проверяет, можно ли уменьшить значение.
+   * @param value values for checking/ значения для проверки
+   */
+  isPrevious(t) {
+    const e = this.min.value;
+    return e === void 0 || t > e;
+  }
+  /**
+   * Checks if it is possible to increase the value.
+   *
+   * Проверяет, можно ли увеличить значение.
+   * @param value values for checking/ значения для проверки
+   */
+  isNext(t) {
+    const e = this.max.value;
+    return e === void 0 || t < e;
+  }
+  /**
+   * Returns arrow type.
+   *
+   * Возвращает тип стрелок.
+   */
+  get() {
+    var t, e;
+    switch (this.props.arrow) {
+      case "auto":
+        if (((t = this.type) == null ? void 0 : t.get()) === "number" || ((e = this.type) == null ? void 0 : e.get()) === "number-format")
+          return "stepper";
+        break;
+    }
+    return this.props.arrow;
+  }
+  /**
+   * Returns arrow alignment.
+   *
+   * Возвращает выравнивание стрелок.
+   */
+  align() {
+    return this.props.arrowAlign;
+  }
+  /**
+   * Decreases the value.
+   *
+   * Уменьшает значение.
+   */
+  previous() {
+    const t = this.value.number.value - this.step.value;
+    return this.isPrevious(t) ? this.value.set(t.toString()) : this.toMin(), this;
+  }
+  /**
+   * Increases the value.
+   *
+   * Увеличивает значение.
+   */
+  next() {
+    const t = this.value.number.value + this.step.value;
+    return this.isNext(t) ? this.value.set(t.toString()) : this.toMax(), this;
+  }
+  /**
+   * Decreases to the minimum value.
+   *
+   * Уменьшает до минимального значения.
+   */
+  toMin() {
+    if (!this.disabledPrevious.value) {
+      const t = this.min.value;
+      t !== void 0 && this.value.set(t.toString());
+    }
+    return this;
+  }
+  /**
+   * Increases to the maximum value.
+   * s
+   * Увеличивает до максимального значения.
+   */
+  toMax() {
+    if (!this.disabledNext.value) {
+      const t = this.max.value;
+      t !== void 0 && this.value.set(t.toString());
+    }
+    return this;
+  }
+}
+class F {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param element object for working with input element/ объект для работы с элементом ввода
+   * @param value object for working with value/ объект для работы со значениями
+   * @param text object for working with texts/ объект для работы с текстами
+   */
+  constructor(t, e, a, h) {
+    this.props = t, this.element = e, this.value = a, this.text = h;
+  }
+  /**
+   * Checks whether matching verification is enabled
+   *
+   * Проверяет, включена ли проверка совпадения
+   */
+  is() {
+    return !!this.props.match;
+  }
+  /**
+   * Returns selector used to find external element
+   *
+   * Возвращает селектор для поиска внешнего элемента
+   */
+  getSelectors() {
+    if (this.is())
+      return n(this.props.match) ? this.props.match.name : this.props.match;
+  }
+  /**
+   * Returns validation error text
+   *
+   * Возвращает текст ошибки валидации
+   */
+  getValidationMessage() {
+    var t, e;
+    if (this.is()) {
+      if (n(this.props.match) && ((t = this.props.match) != null && t.validationMessage))
+        return this.props.match.validationMessage;
+      if (this.text)
+        return (e = this.text.entriesMatch.value) != null ? e : "";
+    }
+    return "";
+  }
+  /**
+   * Checks value against external element
+   *
+   * Проверяет совпадение значения с внешним элементом
+   */
+  check() {
+    const t = this.getSelectors();
+    if (t) {
+      const e = this.element.findByName(t);
+      if (e && m(e.value) !== this.value.string.value)
+        return {
+          group: v.getGroupDefault(),
+          status: !1,
+          input: this.element.get(),
+          validationMessage: this.getValidationMessage(),
+          value: this.value.item.value
+        };
+    }
+  }
+}
+export {
+  S as F,
+  w as a,
+  F as b,
+  M as c,
+  y as d,
+  b as e
+};

package/dist/FieldMessageInclude-CktVHvWW.js

@@ -0,0 +1,71 @@
+var g = Object.defineProperty;
+var m = (i, s, e) => s in i ? g(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
+var t = (i, s, e) => m(i, typeof s != "symbol" ? s + "" : s, e);
+import { computed as r } from "vue";
+import { getRef as d, isFilled as n, toBinds as h } from "@dxtmisha/functional";
+import { F as f } from "./FieldCounterInclude-BR6n8WlH.js";
+class F {
+  /**
+   * Constructor
+   * @param props input parameter/ входной параметр
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param validationMessage error line/ строка ошибки
+   * @param isCounter whether to display the counter/ отображать ли счетчик
+   * @param helperId helper message identifier/ идентификатор сообщения помощника
+   * @param validationId validation message identifier/ идентификатор сообщения проверки
+   * @param counterId counter identifier/ идентификатор счетчика
+   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(s, e, a, o, l, p, u, c, v, I) {
+    /** Field counter include/ Подключение счетчика поля */
+    t(this, "fieldCounter");
+    /** Validation message computed/ Вычисляемое сообщение валидации */
+    t(this, "validation", r(
+      () => n(this.props.validationMessage) ? this.props.validationMessage : d(this.validationMessage)
+    ));
+    /** Checks if validation message should be displayed/ Проверяет, надо ли отображать сообщение валидации */
+    t(this, "isValidationMessage", r(
+      () => n(this.validation.value)
+    ));
+    /** Computed bindings for FieldMessage/ Вычисляемые привязки для FieldMessage */
+    t(this, "binds", r(() => {
+      var s, e, a, o;
+      return h(
+        d(this.extra),
+        (s = this.isCounter) != null && s.value ? this.fieldCounter.bindsIntermediary.value : {},
+        {
+          disabled: this.props.disabled,
+          forceShow: this.props.forceShowMessage,
+          helperMessage: this.props.helperMessage,
+          validationMessage: this.validation.value,
+          helperId: (e = this.props.helperId) != null ? e : this.helperId,
+          validationId: (a = this.props.validationId) != null ? a : this.validationId,
+          counterId: (o = this.props.counterId) != null ? o : this.counterId
+        },
+        this.props.fieldMessageAttrs
+      );
+    }));
+    /**
+     * Render the FieldMessage component.
+     *
+     * Рендер компонента FieldMessage.
+     */
+    t(this, "render", () => this.components ? this.components.render(
+      "fieldMessage",
+      {
+        ...h(
+          this.binds.value,
+          { class: `${this.className}__fieldMessage` }
+        )
+      },
+      void 0,
+      this.index
+    ) : []);
+    this.props = s, this.className = e, this.components = a, this.validationMessage = o, this.isCounter = l, this.helperId = p, this.validationId = u, this.counterId = c, this.extra = v, this.index = I, this.fieldCounter = new f(this.props, this.className);
+  }
+}
+export {
+  F
+};