@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/fieldCounter.js

@@ -1,126 +1,78 @@
-var m = Object.defineProperty;
-var c = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var i = (e, t, s) => c(e, typeof t != "symbol" ? t + "" : t, s);
-import { computed as o, h as d } from "vue";
-import { isFilled as g, toNumber as h, DesignConstructorAbstract as x } from "@dxtmisha/functional";
-import { F as b } from "./FieldCounterInclude-BR6n8WlH.js";
-class f {
-  /**
-   * 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, r, n, u, a, l, p) {
-    /** Checks if it is necessary to display the number of input characters/ Проверяет, надо ли выводить количество вводимых символов */
-    i(this, "is", o(() => this.props.counter !== void 0 || this.isMax.value));
-    /** Checks if it is necessary to display the maximum available number of characters/ Проверяет, надо ли выводить максимальное доступное количество символов */
-    i(this, "isMax", o(() => this.getMax() > 0));
-    /** Returns text for output/ Возвращает текст для вывода */
-    i(this, "item", o(() => {
-      const t = this.getCounter().toString(), s = this.getMax().toString();
-      return g(this.props.template) ? this.props.template.replace("[c]", t).replace("[m]", s) : this.isMax.value ? `${t} / ${s}` : t;
-    }));
-    this.props = t, this.refs = s, this.element = r, this.classDesign = n, this.className = u, this.components = a, this.slots = l, this.emits = p;
-  }
-  /**
-   * Returns the number of input characters.
-   *
-   * Возвращает количество вводимых символов.
-   */
-  getCounter() {
-    var t;
-    return h((t = this.props.counter) != null ? t : 0);
-  }
-  /**
-   * Returns the maximum available input number.
-   *
-   * Возвращает максимально доступное вводимое число.
-   */
-  getMax() {
-    var t;
-    return h((t = this.props.maxlength) != null ? t : 0);
-  }
-}
-const F = {};
-class D extends x {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(s, r, n) {
-    super(
-      s,
-      r,
-      n
-    );
-    i(this, "item");
-    this.item = new f(
-      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: {}
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var s;
-    if (this.item.is.value)
-      return d(
-        "div",
-        {
-          ...this.getAttrs(),
-          id: this.props.id,
-          class: (s = this.classes) == null ? void 0 : s.value.main,
-          innerHTML: this.item.item.value
-        }
-      );
-  }
-}
-export {
-  f as FieldCounter,
-  D as FieldCounterDesign,
-  b as FieldCounterInclude,
-  F 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,172 +1,64 @@
-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
+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 };