@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/fieldLabel.js

@@ -0,0 +1,172 @@
+var m = Object.defineProperty;
+var d = (i, e, s) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[e] = s;
+var t = (i, e, s) => d(i, typeof e != "symbol" ? e + "" : e, s);
+import { computed as p, h as o } from "vue";
+import { DesignConstructorAbstract as f } from "@dxtmisha/functional";
+import { L as b } from "./LabelInclude-BtZrrbCf.js";
+import { F as g } from "./FieldCounterInclude-BR6n8WlH.js";
+import { S as v } from "./SkeletonInclude-BIUzAO2s.js";
+import { P as C } from "./ProgressInclude-UBipdctr.js";
+import { A as F } from "./AriaStaticInclude-CFGewqpn.js";
+import { F as E } from "./FieldLabelInclude-B4OGaJ1r.js";
+class q {
+  /**
+   * 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, s, r, l, a, h, u, c) {
+    /** Label include/ Подключение метки */
+    t(this, "label");
+    /** Field counter include/ Подключение счетчика поля */
+    t(this, "fieldCounter");
+    /** Progress include/ Подключение прогресса */
+    t(this, "progress");
+    /** Skeleton include/ Подключение скелетона */
+    t(this, "skeleton");
+    /**
+     * Values for the class.
+     *
+     * Значения для класса.
+     * Возвращает объект классов, включающий классы скелетона, если он активен.
+     */
+    t(this, "classes", p(() => ({
+      ...this.skeleton.classes.value
+    })));
+    this.props = e, this.refs = s, this.element = r, this.classDesign = l, this.className = a, this.components = h, this.slots = u, this.emits = c;
+    const n = new v(this.props, this.classDesign, ["classTextVariant"]);
+    this.label = new b(
+      this.props,
+      this.className,
+      void 0,
+      this.slots,
+      void 0,
+      void 0,
+      !0,
+      n
+    ), this.fieldCounter = new g(
+      this.props,
+      this.className,
+      this.components
+    ), this.progress = new C(
+      this.props,
+      this.className,
+      this.components,
+      {
+        circular: !0,
+        position: "static",
+        dense: !0
+      }
+    ), this.skeleton = n;
+  }
+}
+const A = {};
+class R extends f {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(s, r, l) {
+    super(
+      s,
+      r,
+      l
+    );
+    t(this, "item");
+    /**
+     * Display of the asterisk, an indication of required fields.
+     *
+     * Вывод звездочки, признак обязательного заполнения.
+     */
+    t(this, "renderRequired", () => {
+      var s;
+      return this.props.required ? [
+        o(
+          "span",
+          {
+            class: (s = this.classes) == null ? void 0 : s.value.required,
+            ...F.hidden()
+          },
+          "*"
+        )
+      ] : [];
+    });
+    this.item = new q(
+      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.label.expose
+    };
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: this.item.classes.value,
+      // :classes [!] System label / Системная метка
+      label: this.getSubClass("label"),
+      required: this.getSubClass("required")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var r;
+    const s = [
+      ...this.item.label.render(this.renderRequired()),
+      ...this.item.progress.render(),
+      ...this.item.fieldCounter.render()
+    ];
+    if (this.item.label.is.value || this.item.progress.is.value || this.item.fieldCounter.isCounter.value)
+      return o(
+        "div",
+        {
+          ...this.getAttrs(),
+          class: (r = this.classes) == null ? void 0 : r.value.main
+        },
+        s
+      );
+  }
+}
+export {
+  q as FieldLabel,
+  R as FieldLabelDesign,
+  E as FieldLabelInclude,
+  A as defaultsFieldLabel
+};

package/dist/fieldMessage.js

@@ -0,0 +1,213 @@
+var c = Object.defineProperty;
+var g = (r, t, s) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
+var e = (r, t, s) => g(r, typeof t != "symbol" ? t + "" : t, s);
+import { computed as o, h as l } from "vue";
+import { isFilled as n, DesignConstructorAbstract as u } from "@dxtmisha/functional";
+import { F as v } from "./FieldCounterInclude-BR6n8WlH.js";
+import { S as M } from "./SkeletonInclude-BIUzAO2s.js";
+import { A as f } from "./AriaStaticInclude-CFGewqpn.js";
+import { F as H } from "./FieldMessageInclude-CktVHvWW.js";
+class C {
+  /**
+   * Constructor
+   * @param props input data/ входные данные
+   * @param slots object for working with slots/ объект для работы со слотами
+   */
+  constructor(t, s) {
+    /** Checks if there is text/ Проверяет, есть ли текст */
+    e(this, "is", o(
+      () => n(this.item.value) || !!(this.slots && ("helper" in this.slots || "validation" in this.slots))
+    ));
+    /** Checks if there is an error/ Проверяет, есть ли ошибка */
+    e(this, "isValidation", o(
+      () => n(this.props.validationMessage) || !!(this.slots && "validation" in this.slots)
+    ));
+    /** Returns text/ Возвращает текст */
+    e(this, "item", o(() => this.props.validationMessage ? this.props.validationMessage : this.props.helperMessage ? this.props.helperMessage : ""));
+    this.props = t, this.slots = s;
+  }
+}
+class D {
+  /**
+   * 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(t, s, i, a, h, p, d, m) {
+    /** Field counter functionality/ Функциональность счетчика поля */
+    e(this, "fieldCounter");
+    /** Message functionality/ Функциональность сообщений */
+    e(this, "message");
+    /** Skeleton include/ Подключение скелетона */
+    e(this, "skeleton");
+    /**
+     * Checks if there are values for outputting the element/ Проверяет, есть ли значения для вывода элемента
+     */
+    e(this, "is", o(() => (this.props.forceShow || !this.props.disabled) && (this.message.is.value || this.fieldCounter.isCounter.value)));
+    /**
+     * Returns data for the main style class/ Возвращает данные для главного класса стиля
+     */
+    e(this, "classes", o(() => ({
+      [`${this.className}--validation`]: this.message.isValidation.value
+    })));
+    /**
+     * Data for helper slot/ Данные для слота helper
+     */
+    e(this, "slotHelperData", o(() => ({
+      message: this.props.helperMessage,
+      helperMessage: this.props.helperMessage,
+      validationMessage: this.props.validationMessage
+    })));
+    /**
+     * Data for validation slot/ Данные для слота validation
+     */
+    e(this, "slotValidationData", o(() => ({
+      message: this.props.validationMessage,
+      helperMessage: this.props.helperMessage,
+      validationMessage: this.props.validationMessage
+    })));
+    this.props = t, this.refs = s, this.element = i, this.classDesign = a, this.className = h, this.components = p, this.slots = d, this.emits = m, this.fieldCounter = new v(
+      this.props,
+      this.className,
+      this.components
+    ), this.message = new C(this.props, this.slots), this.skeleton = new M(
+      this.props,
+      this.classDesign,
+      ["classTextVariant"]
+    );
+  }
+}
+const V = {};
+class b extends u {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(s, i, a) {
+    super(
+      s,
+      i,
+      a
+    );
+    e(this, "item");
+    /**
+     * Rendering text.
+     *
+     * Рендеринг текста.
+     */
+    e(this, "renderInfo", () => {
+      var a;
+      const s = [], i = {
+        key: "message",
+        id: this.props.helperId,
+        class: [
+          (a = this.classes) == null ? void 0 : a.value.info,
+          this.item.skeleton.classes.value
+        ]
+      };
+      return this.initSlot("helper", s, this.item.slotHelperData.value), s.length < 1 && (i.innerHTML = this.props.helperMessage), [
+        l(
+          "div",
+          i,
+          s
+        )
+      ];
+    });
+    /**
+     * Rendering error.
+     *
+     * Рендеринг ошибки.
+     */
+    e(this, "renderError", () => {
+      var a;
+      const s = [], i = {
+        key: "message",
+        id: this.props.validationId,
+        class: (a = this.classes) == null ? void 0 : a.value.error,
+        ...f.role("alert")
+      };
+      return this.initSlot("validation", s, this.item.slotValidationData.value), s.length < 1 && (i.innerHTML = this.props.validationMessage), [
+        l(
+          "div",
+          i,
+          s
+        )
+      ];
+    });
+    this.item = new D(
+      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 {};
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: this.item.classes.value,
+      // :classes [!] System label / Системная метка
+      info: this.getSubClass("info"),
+      error: this.getSubClass("error")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var s;
+    if (this.item.is.value)
+      return l(
+        "div",
+        {
+          ...this.getAttrs(),
+          key: "main",
+          class: (s = this.classes) == null ? void 0 : s.value.main
+        },
+        [
+          ...this.renderInfo(),
+          ...this.renderError(),
+          ...this.item.fieldCounter.render()
+        ]
+      );
+  }
+}
+export {
+  D as FieldMessage,
+  b as FieldMessageDesign,
+  H as FieldMessageInclude,
+  V as defaultsFieldMessage
+};

package/{src/functions/getClassTegAStatic.ts → dist/functions/getClassTagAStatic.d.ts}

@@ -5,4 +5,4 @@
  * @param design design system prefix/ префикс дизайн-системы
  * @returns CSS class string/ строка CSS класса
  */
-export const getClassTegAStatic = (design: string) => `${design}-a--static`
+export declare const getClassTagAStatic: (design: string) => string;

package/dist/getClassTagAStatic-BnVYlXHI.js

@@ -0,0 +1,4 @@
+const a = (t) => `${t}-a--static`;
+export {
+  a as g
+};

package/dist/icon.js

@@ -0,0 +1,212 @@
+var m = Object.defineProperty;
+var v = (e, t, i) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var s = (e, t, i) => v(e, typeof t != "symbol" ? t + "" : t, i);
+import { computed as n, h as A } from "vue";
+import { getBindRef as p, DesignConstructorAbstract as I } from "@dxtmisha/functional";
+import { A as a } from "./AriaStaticInclude-CFGewqpn.js";
+import { S as f } from "./SkeletonInclude-BIUzAO2s.js";
+import { I as D, a as w } from "./IconInclude-CLqwI29Q.js";
+import { I as M } from "./IconTrailingInclude-CdsOcDxv.js";
+class g {
+  /**
+   * 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/ функция вызывается, когда срабатывает событие
+   * @param SkeletonIncludeConstructor class for working with Skeleton/ класс для работы с Skeleton
+   */
+  constructor(t, i, c, r, o, l, d, u, h = f) {
+    /**
+     * Returns the property for the base icon/ Возвращает свойство для базовой иконки
+     */
+    s(this, "iconBind");
+    /**
+     * Returns the property for the additional icon/ Возвращает свойство для дополнительной иконки
+     */
+    s(this, "iconActiveBind");
+    /**
+     * An object for working with the Skeleton/ Объект для работы с Skeleton
+     */
+    s(this, "skeleton");
+    /**
+     * Checks if the additional icon is active/ Проверяет, активна ли дополнительная иконка
+     */
+    s(this, "isActive", n(() => !!(this.props.active && this.props.iconActive)));
+    /**
+     * Values for the class/ Значения для класса
+     */
+    s(this, "classes", n(() => ({
+      ...this.skeleton.classes.value
+    })));
+    /**
+     * Computed bindings for the icon element.
+     *
+     * Вычисляемые привязки для элемента иконки.
+     */
+    s(this, "binds", n(() => ({
+      key: "icon",
+      tabindex: this.props.dynamic ? 0 : void 0,
+      ...a.role(this.getRole()),
+      ...a.label(this.props.ariaLabel),
+      ...a.hidden(!this.props.dynamic)
+    })));
+    /**
+     * Triggers an event when the image loading is complete.
+     *
+     * Вызывает событие, когда завершится загрузка картинки.
+     * @param event event object/ объект события
+     */
+    s(this, "onLoad", (t) => {
+      var i;
+      return (i = this.emits) == null ? void 0 : i.call(this, "load", t);
+    });
+    this.props = t, this.refs = i, this.element = c, this.classDesign = r, this.className = o, this.components = l, this.slots = d, this.emits = u, this.SkeletonIncludeConstructor = h, this.iconBind = p(
+      i.icon,
+      n(() => ({
+        key: "mainIcon",
+        class: `${o}__icon`,
+        turn: this.props.turn,
+        disabled: this.props.disabled,
+        hide: this.isActive.value,
+        onLoad: this.onLoad
+      }))
+    ), this.iconActiveBind = p(
+      i.iconActive,
+      n(() => ({
+        key: "activeIcon",
+        class: `${o}__iconActive`,
+        turn: this.props.turn,
+        disabled: this.props.disabled,
+        hide: !this.isActive.value
+      }))
+    ), this.skeleton = new h(
+      t,
+      r,
+      ["classBackgroundVariant"]
+    );
+  }
+  /**
+   * Get the ARIA role for the icon element.
+   *
+   * Получить ARIA роль для элемента иконки.
+   */
+  getRole() {
+    if (this.props.role)
+      return this.props.role;
+    if (this.props.dynamic)
+      return "button";
+  }
+}
+const L = {
+  // :default [!] System label / Системная метка
+  animationType: "type1"
+};
+class S extends I {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor icon item class/ класс элемента иконки
+   */
+  constructor(i, c, r, o = g) {
+    super(
+      i,
+      c,
+      r
+    );
+    s(this, "item");
+    /**
+     * Computed properties for the main element.
+     *
+     * Вычисляемые свойства для главного элемента.
+     */
+    s(this, "propsMain", n(() => {
+      var i;
+      return {
+        ...this.getAttrs(),
+        ...this.item.binds.value,
+        class: (i = this.classes) == null ? void 0 : i.value.main
+      };
+    }));
+    /**
+     * Render the main icon.
+     *
+     * Рендер основной иконки.
+     */
+    s(this, "renderIcon", () => this.components.renderOne(
+      "image",
+      this.item.iconBind.value,
+      void 0,
+      "icon"
+    ));
+    /**
+     * Render the secondary icon.
+     *
+     * Рендер вторичной иконки.
+     */
+    s(this, "renderIconActive", () => this.components.renderOne(
+      "image",
+      this.item.iconActiveBind.value,
+      void 0,
+      "iconActive"
+    ));
+    this.item = new o(
+      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<br>
+   * Инициализация всех необходимых свойств для работы.
+   */
+  initExpose() {
+    return {
+      isActive: this.item.isActive
+    };
+  }
+  /**
+   * Improvement of the obtained list of classes.<br>
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: this.item.classes.value
+    };
+  }
+  /**
+   * Refinement of the received list of styles.<br>
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    const i = [];
+    return this.initSlot("default", i), this.props.icon && i.push(this.renderIcon()), this.props.iconActive && i.push(this.renderIconActive()), A("span", this.propsMain.value, i);
+  }
+}
+export {
+  g as Icon,
+  S as IconDesign,
+  D as IconInclude,
+  w as IconLiteInclude,
+  M as IconTrailingInclude,
+  L as defaultsIcon
+};