@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/ButtonDesign-DZ7QCmHk.js

@@ -0,0 +1,169 @@
+var d = Object.defineProperty;
+var p = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var s = (i, e, t) => p(i, typeof e != "symbol" ? e + "" : e, t);
+import { computed as c, h as g } from "vue";
+import { DesignConstructorAbstract as b } from "@dxtmisha/functional";
+import { g as v } from "./getClassTagAStatic-BnVYlXHI.js";
+import { L as f } from "./LabelInclude-BtZrrbCf.js";
+import { E as I } from "./EnabledInclude-DGeuJhOr.js";
+import { A as m } from "./AriaStaticInclude-CFGewqpn.js";
+import { E as C } from "./EventClickInclude-eDWqxK0d.js";
+import { P as S } from "./ProgressInclude-UBipdctr.js";
+import { I as k } from "./IconTrailingInclude-CdsOcDxv.js";
+import { R as w } from "./RippleInclude-Du5yIzX_.js";
+import { S as x } from "./SkeletonInclude-BIUzAO2s.js";
+class y {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+   * @param element input element/ элемент ввода
+   * @param classDesign design name/ название дизайна
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param slots object for working with slots/ объект для работы со слотами
+   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+   */
+  constructor(e, t, r, a, n, l, o, h) {
+    s(this, "label");
+    s(this, "enabled");
+    s(this, "icon");
+    s(this, "progress");
+    s(this, "ripple");
+    s(this, "skeleton");
+    s(this, "event");
+    /** values for the class/ значения для класса */
+    s(this, "classes", c(() => ({
+      [`${this.className}--icon`]: this.icon.isIcon.value,
+      [v(this.classDesign)]: !0,
+      ...this.skeleton.classes.value
+    })));
+    /**
+     * list of aria properties for the button component/
+     * список aria свойств для компонента Button
+     */
+    s(this, "aria", c(() => {
+      const e = {
+        ...this.progress.aria.value,
+        ...m.label(this.props.ariaLabel)
+      };
+      return this.props.tag !== "button" ? {
+        tabindex: "0",
+        ...e,
+        ...m.role("button"),
+        ...this.enabled.aria.value
+      } : e;
+    }));
+    this.props = e, this.refs = t, this.element = r, this.classDesign = a, this.className = n, this.components = l, this.slots = o, this.emits = h;
+    const u = new S(
+      e,
+      n,
+      l,
+      {
+        circular: !0,
+        inverse: !0
+      }
+    );
+    this.label = new f(e, n, void 0, o), this.enabled = new I(e, u), this.icon = new k(e, n, l), this.progress = u, this.ripple = new w(n, l, this.enabled), this.skeleton = new x(
+      e,
+      a,
+      ["classBackground"]
+    ), this.event = new C(
+      e,
+      this.enabled,
+      h
+    );
+  }
+}
+class q extends b {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(t, r, a) {
+    super(
+      t,
+      r,
+      a
+    );
+    s(this, "item");
+    this.item = new y(
+      this.props,
+      this.refs,
+      this.element,
+      this.getDesign(),
+      this.getName(),
+      this.components,
+      this.slots,
+      this.emits
+    ), this.init();
+  }
+  /**
+   * Initialization of all the necessary properties for work
+   *
+   * Инициализация всех необходимых свойств для работы.
+   */
+  initExpose() {
+    return {
+      ...this.item.event.expose,
+      ...this.item.label.expose
+    };
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: this.item.classes.value,
+      // :classes [!] System label / Системная метка
+      label: this.getSubClass("label"),
+      icon: this.getSubClass("icon"),
+      trailing: this.getSubClass("trailing"),
+      loading: this.getSubClass("loading")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var t, r;
+    return g(
+      this.props.tag || "button",
+      {
+        ...this.getAttrs(),
+        ref: this.element,
+        type: this.props.type,
+        class: (t = this.classes) == null ? void 0 : t.value.main,
+        style: (r = this.styles) == null ? void 0 : r.value,
+        "data-value": this.props.value,
+        disabled: this.item.enabled.isDisabledOrUndefined.value,
+        onClick: this.item.event.onClick,
+        ...this.item.aria.value
+      },
+      [
+        ...this.item.progress.render(),
+        ...this.item.label.render(),
+        ...this.item.icon.render(),
+        ...this.item.ripple.render()
+      ]
+    );
+  }
+}
+export {
+  y as B,
+  q as a
+};

package/dist/CaptionInclude-AFVF4qyd.js

@@ -0,0 +1,52 @@
+var a = Object.defineProperty;
+var r = (i, s, t) => s in i ? a(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
+var n = (i, s, t) => r(i, typeof s != "symbol" ? s + "" : s, t);
+import { computed as c } from "vue";
+import { isFilled as l, render as h } from "@dxtmisha/functional";
+class f {
+  /**
+   * Constructor
+   * @param props input property/ входное свойство
+   * @param className class name/ название класса
+   * @param slots object for working with slots/ объект для работы со слотами
+   * @param skeleton optional skeleton for loading state/ необязательный скелетон для состояния загрузки
+   */
+  constructor(s, t, o, e) {
+    /**
+     * Returns true if caption is filled
+     *
+     * Возвращает true, если caption заполнен
+     */
+    n(this, "is", c(() => {
+      var s;
+      return !!(this.props.caption || (s = this.slots) != null && s.caption);
+    }));
+    this.props = s, this.className = t, this.slots = o, this.skeleton = e;
+  }
+  /**
+   * Renders caption element with content from props or slots.
+   *
+   * Отображает элемент caption с содержимым из props или slots.
+   */
+  render() {
+    var t, o, e, p;
+    const s = [];
+    return l(this.props.caption) && s.push(this.props.caption), (t = this.slots) != null && t.caption && s.push((e = (o = this.slots).caption) == null ? void 0 : e.call(o, {})), s.length > 0 ? [
+      h(
+        "div",
+        {
+          class: {
+            [`${this.className}__caption`]: !0,
+            ...(p = this.skeleton) == null ? void 0 : p.classes.value
+          },
+          "data-event-type": "caption"
+        },
+        s,
+        "caption"
+      )
+    ] : [];
+  }
+}
+export {
+  f as C
+};

package/dist/DescriptionInclude-DxWNon_J.js

@@ -0,0 +1,65 @@
+var n = Object.defineProperty;
+var d = (t, s, i) => s in t ? n(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
+var o = (t, s, i) => d(t, typeof s != "symbol" ? s + "" : s, i);
+import { computed as c } from "vue";
+import { getElementId as l, isFilled as h, render as a } from "@dxtmisha/functional";
+class I {
+  /**
+   * Constructor
+   * @param props input property/ входное свойство
+   * @param className class name/ название класса
+   * @param slots object for working with slots/ объект для работы со слотами
+   * @param skeleton optional skeleton for loading state/ необязательный скелетон для состояния загрузки
+   */
+  constructor(s, i, e, r) {
+    /** Unique identifier/ Уникальный идентификатор */
+    o(this, "id", l());
+    /**
+     * Check for the presence of a description
+     *
+     * Проверка наличия описания
+     */
+    o(this, "is", c(() => {
+      var s;
+      return !!(this.props.description || (s = this.slots) != null && s.description);
+    }));
+    /** Description expose reference/ Ссылка на expose описания */
+    o(this, "expose", {
+      descriptionId: this.id
+    });
+    this.props = s, this.className = i, this.slots = e, this.skeleton = r;
+  }
+  /**
+   * Get description ID
+   *
+   * Получить ID описания
+   */
+  getId() {
+    return this.id;
+  }
+  /**
+   * Render the description
+   *
+   * Рендер описания
+   */
+  render() {
+    var i, e, r, p;
+    const s = [];
+    return h(this.props.description) && s.push(this.props.description), (i = this.slots) != null && i.description && s.push((r = (e = this.slots).description) == null ? void 0 : r.call(e, {})), s.length > 0 ? [
+      a(
+        "div",
+        {
+          class: {
+            [`${this.className}__description`]: !0,
+            ...(p = this.skeleton) == null ? void 0 : p.classes.value
+          }
+        },
+        s,
+        "description"
+      )
+    ] : [];
+  }
+}
+export {
+  I as D
+};

package/dist/EnabledInclude-DGeuJhOr.js

@@ -0,0 +1,46 @@
+var r = Object.defineProperty;
+var d = (i, s, o) => s in i ? r(i, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[s] = o;
+var a = (i, s, o) => d(i, typeof s != "symbol" ? s + "" : s, o);
+import { computed as e } from "vue";
+import { A as l } from "./AriaStaticInclude-CFGewqpn.js";
+class h {
+  /**
+   * Constructor
+   * @param props input property/ входное свойство
+   * @param progress object for working with progress/ объект для работы с прогрессами
+   */
+  constructor(s, o) {
+    /**
+     * Checks if the element is active
+     *
+     * Проверяет, активен ли элемент
+     */
+    a(this, "isEnabled", e(
+      () => !this.props.disabled && !this.props.readonly && (!this.progress || !this.progress.is.value) && !!(!("dynamic" in this.props) || this.props.dynamic)
+    ));
+    /**
+     * checks if the read-only status is enabled/ проверяет, включён ли статус "только для чтения"
+     */
+    a(this, "isReadonly", e(() => !!this.props.readonly));
+    /**
+     * checks if the element is disabled/ проверяет, отключён ли элемент
+     */
+    a(this, "isDisabled", e(() => !!this.props.disabled));
+    /**
+     * checks if the element is disabled or the value is empty/
+     * проверяет, отключён ли элемент или пустое ли значение
+     */
+    a(this, "isDisabledOrUndefined", e(() => this.isDisabled.value || void 0));
+    /**
+     * list of aria properties for the enabled state/
+     * список aria свойств для состояния активности
+     */
+    a(this, "aria", e(
+      () => l.disabled(!this.isEnabled.value)
+    ));
+    this.props = s, this.progress = o;
+  }
+}
+export {
+  h as E
+};

package/dist/EventClickInclude-eDWqxK0d.js

@@ -0,0 +1,93 @@
+var o = Object.defineProperty;
+var h = (s, t, e) => t in s ? o(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var r = (s, t, e) => h(s, typeof t != "symbol" ? t + "" : t, e);
+import { toRefs as p } from "vue";
+import { RouterItemRef as u } from "@dxtmisha/functional";
+class m {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param enabled Object for working with activity status/ Объект для работы со статусом активности
+   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+   */
+  constructor(t, e, i) {
+    r(this, "refs");
+    /**
+     * Event trigger function
+     *
+     * Функция вызова события
+     * @param event event object/ объект события
+     * @param options data object/ объект с данными
+     */
+    r(this, "onClick", (t, e) => {
+      if (this.emits)
+        if (e)
+          this.emit(t, e);
+        else if (this.toRouter())
+          t.preventDefault();
+        else if (this.enabled) {
+          const i = this.getOptions(t);
+          (this.enabled.isEnabled.value || i.type === "icon-trailing" && !this.enabled.isDisabled.value) && this.emit(t, i);
+        } else
+          this.emit(t, this.getOptions(t));
+    });
+    this.props = t, this.enabled = e, this.emits = i, this.refs = t ? p(t) : void 0;
+  }
+  /**
+   * Exported values
+   *
+   * Экспортируемые значения
+   */
+  get expose() {
+    var t, e;
+    return {
+      value: (t = this.refs) == null ? void 0 : t.value,
+      detail: (e = this.refs) == null ? void 0 : e.detail
+    };
+  }
+  /**
+   * Parameters for the event
+   *
+   * Параметры для события
+   */
+  getOptions(t) {
+    var e, i;
+    return {
+      type: this.getTargetType(t),
+      value: (e = this.props) == null ? void 0 : e.value,
+      detail: (i = this.props) == null ? void 0 : i.detail
+    };
+  }
+  /**
+   * Returns the type of the selected item
+   *
+   * Возвращает тип выбранного элемента
+   */
+  getTargetType(t) {
+    var i, l, a;
+    const e = (a = (l = (i = t.target) == null ? void 0 : i.closest("[data-event-type]")) == null ? void 0 : l.dataset) == null ? void 0 : a.eventType;
+    return e != null ? e : "click";
+  }
+  /**
+   * Changing the link through the router
+   *
+   * Изменение ссылки через router
+   */
+  toRouter() {
+    var t, e;
+    return (t = this.props) != null && t.to ? (u.push((e = this.props) == null ? void 0 : e.to), !0) : !1;
+  }
+  /**
+   * Triggers the click event
+   *
+   * Вызывает событие клика
+   * @param event event object/ объект события
+   * @param options data object/ объект с данными
+   */
+  emit(t, e) {
+    this.emits && (this.emits("click", t, e), this.emits("clickLite", e));
+  }
+}
+export {
+  m as E
+};

package/dist/FieldCounterInclude-BR6n8WlH.js

@@ -0,0 +1,59 @@
+var u = Object.defineProperty;
+var l = (e, t, s) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var r = (e, t, s) => l(e, typeof t != "symbol" ? t + "" : t, s);
+import { computed as o } from "vue";
+import { isFilled as c, isNull as a, toBinds as i, getRef as d } from "@dxtmisha/functional";
+class C {
+  /**
+   * Constructor
+   * @param props input parameter/ входной параметр
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(t, s, n, p, h) {
+    /** Checks if counter should be displayed/ Проверяет, надо ли отображать счетчик */
+    r(this, "isCounter", o(
+      () => !!(this.props.counterShow && (!a(this.props.counter) || c(this.props.maxlength)))
+    ));
+    /** Computed bindings for FieldCounter/ Вычисляемые привязки для FieldCounter */
+    r(this, "binds", o(() => i(
+      d(this.extra),
+      {
+        id: this.props.counterId,
+        counter: this.props.counter,
+        maxlength: this.props.maxlength,
+        template: this.props.counterTemplate
+      },
+      this.props.fieldCounterAttrs
+    )));
+    /** Intermediate bindings for FieldCounter/ Промежуточные привязки для FieldCounter */
+    r(this, "bindsIntermediary", o(() => ({
+      counter: this.props.counter,
+      counterShow: this.props.counterShow,
+      counterTemplate: this.props.counterTemplate,
+      maxlength: this.props.maxlength,
+      fieldCounterAttrs: this.props.fieldCounterAttrs
+    })));
+    /**
+     * Render the FieldCounter component/
+     * Рендер компонента FieldCounter
+     */
+    r(this, "render", () => this.components && this.isCounter.value ? this.components.render(
+      "fieldCounter",
+      {
+        ...i(
+          this.binds.value,
+          { class: `${this.className}__fieldCounter` }
+        )
+      },
+      void 0,
+      this.index
+    ) : []);
+    this.props = t, this.className = s, this.components = n, this.extra = p, this.index = h;
+  }
+}
+export {
+  C as F
+};