@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/fieldCounter.js

@@ -1,195 +1,78 @@
-var x = Object.defineProperty;
-var d = (s, t, e) => t in s ? x(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => d(s, typeof t != "symbol" ? t + "" : t, e);
-import { computed as r, h as o } from "vue";
-import { isFilled as v, applyTemplate as f, toNumber as l, DesignConstructorAbstract as M } from "@dxtmisha/functional";
-import { T as C } from "./TextInclude--GERRCGj.js";
-import { A as u } from "./AriaStaticInclude-CAURwJMb.js";
-import { F as w } from "./FieldCounterInclude-D0oojGWY.js";
-class T {
-  /**
-   * 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 TextIncludeConstructor class for working with text/ класс для работы с текстом
-   */
-  constructor(t, e, n, a, h, m, p, c, g = C) {
-    i(this, "text");
-    /** Checks if it is necessary to display the number of input characters/ Проверяет, надо ли выводить количество вводимых символов */
-    i(this, "is", r(() => this.props.counter !== void 0 || this.isMax.value));
-    /** Checks if it is necessary to display the maximum available number of characters/ Проверяет, надо ли выводить максимальное доступное количество символов */
-    i(this, "isMax", r(() => this.getMax() > 0));
-    /** Returns text for output/ Возвращает текст для вывода */
-    i(this, "item", r(() => {
-      const t = this.getCounter().toString(), e = this.getMax().toString();
-      return v(this.props.template) ? this.props.template.replace("[c]", t).replace("[m]", e) : this.isMax.value ? `${t} / ${e}` : t;
-    }));
-    /**
-     * Returns the text for the screen reader.
-     *
-     * Возвращает текст для скринридера.
-     */
-    i(this, "ariaText", r(() => {
-      if (this.isMax.value) {
-        const t = this.getRemaining();
-        if (t <= 0)
-          return this.text.characterLimit.value;
-        if (t <= this.getMaxlengthOnce() && this.text.characterRemaining.value)
-          return f(
-            this.text.characterRemaining.value,
-            { left: t }
-          );
-      }
-    }));
-    this.props = t, this.refs = e, this.element = n, this.classDesign = a, this.className = h, this.components = m, this.slots = p, this.emits = c, this.text = new g(this.props);
-  }
-  /**
-   * Returns the number of input characters.
-   *
-   * Возвращает количество вводимых символов.
-   */
-  getCounter() {
-    var t;
-    return l((t = this.props.counter) != null ? t : 0);
-  }
-  /**
-   * Returns the maximum available input number.
-   *
-   * Возвращает максимально доступное вводимое число.
-   */
-  getMax() {
-    var t;
-    return l((t = this.props.maxlength) != null ? t : 0);
-  }
-  /**
-   * Returns the number of characters remaining at which the screen reader starts announcing.
-   *
-   * Возвращает количество оставшихся символов, при котором скринридер начинает произносить.
-   */
-  getMaxlengthOnce() {
-    return this.props.maxlengthOnce !== void 0 ? l(this.props.maxlengthOnce) : Math.ceil(this.getMax() * 0.1);
-  }
-  /**
-   * Returns the number of remaining characters.
-   *
-   * Возвращает количество оставшихся символов.
-   */
-  getRemaining() {
-    return this.getMax() - this.getCounter();
-  }
-}
-const D = {};
-class O extends M {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor class for working with the item/ класс для работы с элементом
-   */
-  constructor(e, n, a, h = T) {
-    super(
-      e,
-      n,
-      a
-    );
-    i(this, "item");
-    /**
-     * Render hidden element for screen reader.
-     *
-     * Рендер скрытого элемента для скринридера.
-     */
-    i(this, "renderAria", () => {
-      var e;
-      return this.item.ariaText.value ? [
-        o(
-          "div",
-          {
-            class: (e = this.classes) == null ? void 0 : e.value.aria,
-            ...u.live("polite")
-          },
-          [
-            o(
-              "span",
-              {
-                ...u.role("img"),
-                ...u.label(this.item.ariaText.value)
-              }
-            )
-          ]
-        )
-      ] : [];
-    });
-    this.item = new h(
-      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: {},
-      // :classes [!] System label / Системная метка
-      aria: this.getSubClass("aria")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var e;
-    if (this.item.is.value)
-      return [
-        o(
-          "span",
-          {
-            ...this.getAttrs(),
-            id: this.props.id,
-            class: (e = this.classes) == null ? void 0 : e.value.main,
-            innerHTML: this.item.item.value
-          }
-        ),
-        ...this.renderAria()
-      ];
-  }
-}
-export {
-  T as FieldCounter,
-  O as FieldCounterDesign,
-  w as FieldCounterInclude,
-  D as defaultsFieldCounter
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./TextInclude-OwyVCAbS.js";
+import { t as r } from "./FieldCounterInclude-l1o0Bm7V.js";
+import { computed as i, h as a } from "vue";
+import { DesignConstructorAbstract as o, applyTemplate as s, isFilled as c, toNumber as l } from "@dxtmisha/functional";
+//#region src/constructors/FieldCounter/FieldCounter.ts
+var u = class {
+	constructor(e, r, a, o, l, u, d, f, p) {
+		t(this, "text", void 0), t(this, "is", i(() => this.props.counter !== void 0 || this.isMax.value)), t(this, "isMax", i(() => this.getMax() > 0)), t(this, "item", i(() => {
+			let e = this.getCounter().toString(), t = this.getMax().toString();
+			return c(this.props.template) ? this.props.template.replace("[c]", e).replace("[m]", t) : this.isMax.value ? `${e} / ${t}` : e;
+		})), t(this, "ariaText", i(() => {
+			if (this.isMax.value) {
+				let e = this.getRemaining();
+				if (e <= 0) return this.text.characterLimit.value;
+				if (e <= this.getMaxlengthOnce() && this.text.characterRemaining.value) return s(this.text.characterRemaining.value, { left: e });
+			}
+		})), this.props = e, this.refs = r, this.element = a, this.classDesign = o, this.className = l, this.components = u, this.slots = d, this.emits = f;
+		let { TextIncludeConstructor: m = n } = p == null ? {} : p;
+		this.text = new m(this.props);
+	}
+	getCounter() {
+		var e;
+		return l((e = this.props.counter) == null ? 0 : e);
+	}
+	getMax() {
+		var e;
+		return l((e = this.props.maxlength) == null ? 0 : e);
+	}
+	getMaxlengthOnce() {
+		return this.props.maxlengthOnce === void 0 ? Math.ceil(this.getMax() * .1) : l(this.props.maxlengthOnce);
+	}
+	getRemaining() {
+		return this.getMax() - this.getCounter();
+	}
+}, d = {}, f = class extends o {
+	constructor(n, r, i, o = u) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderAria", () => {
+			if (this.item.ariaText.value) {
+				var t;
+				return [a("div", {
+					class: (t = this.classes) == null ? void 0 : t.value.aria,
+					...e.live("polite")
+				}, [a("span", {
+					...e.role("img"),
+					...e.label(this.item.ariaText.value)
+				})])];
+			}
+			return [];
+		}), this.item = new o(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return {
+			main: {},
+			aria: this.getSubClass("aria")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		if (this.item.is.value) {
+			var e;
+			return [a("span", {
+				...this.getAttrs(),
+				id: this.props.id,
+				class: (e = this.classes) == null ? void 0 : e.value.main,
+				innerHTML: this.item.item.value
+			}), ...this.renderAria()];
+		}
+	}
 };
+//#endregion
+export { u as FieldCounter, f as FieldCounterDesign, r as FieldCounterInclude, d as defaultsFieldCounter };

package/dist/fieldLabel.js

@@ -1,176 +1,64 @@
-var b = Object.defineProperty;
-var g = (i, e, s) => e in i ? b(i, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[e] = s;
-var t = (i, e, s) => g(i, typeof e != "symbol" ? e + "" : e, s);
-import { computed as v, h as a } from "vue";
-import { DesignConstructorAbstract as C } from "@dxtmisha/functional";
-import { L as F } from "./LabelInclude-D-mLvjK5.js";
-import { F as q } from "./FieldCounterInclude-D0oojGWY.js";
-import { P as I } from "./ProgressInclude-9MfZWtGP.js";
-import { S as L } from "./SkeletonInclude-BIUzAO2s.js";
-import { A as S } from "./AriaStaticInclude-CAURwJMb.js";
-import { F as z } from "./FieldLabelInclude-Bkxf6rRw.js";
-class k {
-  /**
-   * 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 LabelConstructor class for creating a label/ класс для создания метки
-   * @param FieldCounterConstructor class for working with field counter/ класс для работы со счетчиком поля
-   * @param ProgressConstructor class for creating a progress indicator/ класс для создания индикатора прогресса
-   * @param SkeletonConstructor class for creating a skeleton/ класс для создания скелета
-   */
-  constructor(e, s, r, l, n, h, u, c, m = F, d = q, p = I, f = L) {
-    /** 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", v(() => ({
-      ...this.skeleton.classes.value
-    })));
-    this.props = e, this.refs = s, this.element = r, this.classDesign = l, this.className = n, this.components = h, this.slots = u, this.emits = c;
-    const o = new f(this.props, this.classDesign, ["classTextVariant"]);
-    this.label = new m(
-      this.props,
-      this.className,
-      void 0,
-      this.slots,
-      void 0,
-      void 0,
-      !0,
-      o
-    ), this.fieldCounter = new d(
-      this.props,
-      this.className,
-      this.components
-    ), this.progress = new p(
-      this.props,
-      this.className,
-      this.components,
-      {
-        circular: !0,
-        position: "static",
-        dense: !0
-      }
-    ), this.skeleton = o;
-  }
-}
-const E = {};
-class T extends C {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor field label item class/ класс элемента метки поля
-   */
-  constructor(s, r, l, n = k) {
-    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 ? [
-        a(
-          "span",
-          {
-            class: (s = this.classes) == null ? void 0 : s.value.required,
-            ...S.hidden()
-          },
-          "*"
-        )
-      ] : [];
-    });
-    this.item = new n(
-      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 / Системная метка
-      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 a(
-        "label",
-        {
-          ...this.getAttrs(),
-          class: (r = this.classes) == null ? void 0 : r.value.main,
-          for: this.props.for
-        },
-        s
-      );
-  }
-}
-export {
-  k as FieldLabel,
-  T as FieldLabelDesign,
-  z as FieldLabelInclude,
-  E as defaultsFieldLabel
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./ProgressInclude-BnPBYwJg.js";
+import { t as r } from "./SkeletonInclude-D8on8xmw.js";
+import { t as i } from "./LabelInclude-DoZ7EUYO.js";
+import { t as a } from "./FieldCounterInclude-l1o0Bm7V.js";
+import { t as o } from "./FieldLabelInclude-BA5H3kib.js";
+import { computed as s, h as c } from "vue";
+import { DesignConstructorAbstract as l } from "@dxtmisha/functional";
+//#region src/constructors/FieldLabel/FieldLabel.ts
+var u = class {
+	constructor(e, o, c, l, u, d, f, p, m) {
+		t(this, "label", void 0), t(this, "fieldCounter", void 0), t(this, "progress", void 0), t(this, "skeleton", void 0), t(this, "classes", s(() => ({ ...this.skeleton.classes.value }))), this.props = e, this.refs = o, this.element = c, this.classDesign = l, this.className = u, this.components = d, this.slots = f, this.emits = p;
+		let { FieldCounterConstructor: h = a, LabelConstructor: g = i, ProgressConstructor: _ = n, SkeletonConstructor: v = r } = m == null ? {} : m, y = new v(this.props, this.classDesign, ["classTextVariant"]);
+		this.label = new g(this.props, this.className, void 0, this.slots, void 0, void 0, !0, y), this.fieldCounter = new h(this.props, this.className, this.components), this.progress = new _(this.props, this.className, this.components, {
+			circular: !0,
+			position: "static",
+			dense: !0
+		}), this.skeleton = y;
+	}
+}, d = {}, f = class extends l {
+	constructor(n, r, i, a = u) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderRequired", () => {
+			if (this.props.required) {
+				var t;
+				return [c("span", {
+					class: (t = this.classes) == null ? void 0 : t.value.required,
+					...e.hidden()
+				}, "*")];
+			}
+			return [];
+		}), this.item = new a(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return {
+			main: this.item.classes.value,
+			label: this.getSubClass("label"),
+			required: this.getSubClass("required")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		let e = [
+			...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) {
+			var t;
+			return c("label", {
+				...this.getAttrs(),
+				class: (t = this.classes) == null ? void 0 : t.value.main,
+				for: this.props.for
+			}, e);
+		}
+	}
 };
+//#endregion
+export { u as FieldLabel, f as FieldLabelDesign, o as FieldLabelInclude, d as defaultsFieldLabel };