@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/fieldMessage.js

@@ -1,235 +1,83 @@
-var v = Object.defineProperty;
-var M = (o, i, s) => i in o ? v(o, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[i] = s;
-var e = (o, i, s) => M(o, typeof i != "symbol" ? i + "" : i, s);
-import { computed as r, h as n } from "vue";
-import { isFilled as h, DesignConstructorAbstract as f } from "@dxtmisha/functional";
-import { F as C } from "./FieldCounterInclude-D0oojGWY.js";
-import { S as D } from "./SkeletonInclude-BIUzAO2s.js";
-import { A as F } from "./AriaStaticInclude-CAURwJMb.js";
-import { F as E } from "./FieldMessageInclude-BJDnir34.js";
-class S {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param slots object for working with slots/ объект для работы со слотами
-   */
-  constructor(i, s) {
-    /** Checks if there is text/ Проверяет, есть ли текст */
-    e(this, "is", r(
-      () => h(this.item.value) || !!(this.slots && ("helper" in this.slots || "validation" in this.slots))
-    ));
-    /** Checks if there is an error/ Проверяет, есть ли ошибка */
-    e(this, "isValidation", r(
-      () => h(this.props.validationMessage) || !!(this.slots && "validation" in this.slots)
-    ));
-    /** Returns text/ Возвращает текст */
-    e(this, "item", r(() => this.props.validationMessage ? this.props.validationMessage : this.props.helperMessage ? this.props.helperMessage : ""));
-    this.props = i, this.slots = s;
-  }
-}
-class I {
-  /**
-   * 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 FieldCounterIncludeConstructor class for working with field counter/ класс для работы со счетчиком поля
-   * @param FieldMessageMessageConstructor class for working with messages/ класс для работы с сообщениями
-   * @param SkeletonIncludeConstructor class for working with skeleton/ класс для работы со скелетоном
-   */
-  constructor(i, s, t, a, l, p, d, u, m = C, g = S, c = D) {
-    /** 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", r(() => (this.props.forceShow || !this.props.disabled) && (this.message.is.value || this.fieldCounter.isCounter.value)));
-    /**
-     * Checks if there is a helper message.
-     *
-     * Проверяет, есть ли вспомогательное сообщение.
-     */
-    e(this, "isHelper", r(() => !!this.props.helperMessage || !!(this.slots && "helper" in this.slots)));
-    /**
-     * Checks if there is a validation message.
-     *
-     * Проверяет, есть ли сообщение о валидации.
-     */
-    e(this, "isValidation", r(() => !!this.props.validationMessage || !!(this.slots && "validation" in this.slots)));
-    /**
-     * Returns data for the main style class/ Возвращает данные для главного класса стиля
-     */
-    e(this, "classes", r(() => ({
-      [`${this.className}--validation`]: this.message.isValidation.value
-    })));
-    /**
-     * Data for helper slot/ Данные для слота helper
-     */
-    e(this, "slotHelperData", r(() => ({
-      message: this.props.helperMessage,
-      helperMessage: this.props.helperMessage,
-      validationMessage: this.props.validationMessage
-    })));
-    /**
-     * Data for validation slot/ Данные для слота validation
-     */
-    e(this, "slotValidationData", r(() => ({
-      message: this.props.validationMessage,
-      helperMessage: this.props.helperMessage,
-      validationMessage: this.props.validationMessage
-    })));
-    this.props = i, this.refs = s, this.element = t, this.classDesign = a, this.className = l, this.components = p, this.slots = d, this.emits = u, this.fieldCounter = new m(
-      this.props,
-      this.className,
-      this.components
-    ), this.message = new g(this.props, this.slots), this.skeleton = new c(
-      this.props,
-      this.classDesign,
-      ["classTextVariant"]
-    );
-  }
-}
-const b = {};
-class y extends f {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor class for working with the element/ класс для работы с элементом
-   */
-  constructor(s, t, a, l = I) {
-    super(
-      s,
-      t,
-      a
-    );
-    e(this, "item");
-    /**
-     * Rendering text.
-     *
-     * Рендеринг текста.
-     */
-    e(this, "renderInfo", () => {
-      var s;
-      if (this.item.isHelper.value) {
-        const t = [], a = {
-          key: "message",
-          id: this.props.helperId,
-          class: [
-            (s = this.classes) == null ? void 0 : s.value.info,
-            this.item.skeleton.classes.value
-          ]
-        };
-        return this.initSlot("helper", t, this.item.slotHelperData.value), t.length < 1 && (a.innerHTML = this.props.helperMessage), [
-          n(
-            "div",
-            a,
-            t
-          )
-        ];
-      }
-      return [];
-    });
-    /**
-     * Rendering error.
-     *
-     * Рендеринг ошибки.
-     */
-    e(this, "renderError", () => {
-      var s;
-      if (this.item.isValidation.value) {
-        const t = [], a = {
-          key: "message",
-          id: this.props.validationId,
-          class: (s = this.classes) == null ? void 0 : s.value.error,
-          ...F.role("alert")
-        };
-        return this.initSlot("validation", t, this.item.slotValidationData.value), t.length < 1 && (a.innerHTML = this.props.validationMessage), [
-          n(
-            "div",
-            a,
-            t
-          )
-        ];
-      }
-      return [];
-    });
-    this.item = new l(
-      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 n(
-        "div",
-        {
-          ...this.getAttrs(),
-          key: "main",
-          class: (s = this.classes) == null ? void 0 : s.value.main
-        },
-        [
-          ...this.renderInfo(),
-          ...this.renderError(),
-          ...this.item.fieldCounter.render()
-        ]
-      );
-  }
-}
-export {
-  I as FieldMessage,
-  y as FieldMessageDesign,
-  E as FieldMessageInclude,
-  b as defaultsFieldMessage
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./SkeletonInclude-D8on8xmw.js";
+import { t as r } from "./FieldCounterInclude-l1o0Bm7V.js";
+import { t as i } from "./FieldMessageInclude-6cxMqgIx.js";
+import { computed as a, h as o } from "vue";
+import { DesignConstructorAbstract as s, isFilled as c } from "@dxtmisha/functional";
+//#region src/constructors/FieldMessage/FieldMessageMessage.ts
+var l = class {
+	constructor(e, n) {
+		t(this, "is", a(() => c(this.item.value) || !!(this.slots && ("helper" in this.slots || "validation" in this.slots)))), t(this, "isValidation", a(() => c(this.props.validationMessage) || !!(this.slots && "validation" in this.slots))), t(this, "item", a(() => this.props.validationMessage ? this.props.validationMessage : this.props.helperMessage ? this.props.helperMessage : "")), this.props = e, this.slots = n;
+	}
+}, u = class {
+	constructor(e, i, o, s, c, u, d, f, p) {
+		t(this, "fieldCounter", void 0), t(this, "message", void 0), t(this, "skeleton", void 0), t(this, "is", a(() => (this.props.forceShow || !this.props.disabled) && (this.message.is.value || this.fieldCounter.isCounter.value))), t(this, "isHelper", a(() => !!this.props.helperMessage || !!(this.slots && "helper" in this.slots))), t(this, "isValidation", a(() => !!this.props.validationMessage || !!(this.slots && "validation" in this.slots))), t(this, "classes", a(() => ({ [`${this.className}--validation`]: this.message.isValidation.value }))), t(this, "slotHelperData", a(() => ({
+			message: this.props.helperMessage,
+			helperMessage: this.props.helperMessage,
+			validationMessage: this.props.validationMessage
+		}))), t(this, "slotValidationData", a(() => ({
+			message: this.props.validationMessage,
+			helperMessage: this.props.helperMessage,
+			validationMessage: this.props.validationMessage
+		}))), this.props = e, this.refs = i, this.element = o, this.classDesign = s, this.className = c, this.components = u, this.slots = d, this.emits = f;
+		let { FieldCounterIncludeConstructor: m = r, FieldMessageMessageConstructor: h = l, SkeletonIncludeConstructor: g = n } = p == null ? {} : p;
+		this.fieldCounter = new m(this.props, this.className, this.components), this.message = new h(this.props, this.slots), this.skeleton = new g(this.props, this.classDesign, ["classTextVariant"]);
+	}
+}, d = {}, f = class extends s {
+	constructor(n, r, i, a = u) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderInfo", () => {
+			if (this.item.isHelper.value) {
+				var e;
+				let t = [], n = {
+					key: "message",
+					id: this.props.helperId,
+					class: [(e = this.classes) == null ? void 0 : e.value.info, this.item.skeleton.classes.value]
+				};
+				return this.initSlot("helper", t, this.item.slotHelperData.value), t.length < 1 && (n.innerHTML = this.props.helperMessage), [o("div", n, t)];
+			}
+			return [];
+		}), t(this, "renderError", () => {
+			if (this.item.isValidation.value) {
+				var t;
+				let n = [], r = {
+					key: "message",
+					id: this.props.validationId,
+					class: (t = this.classes) == null ? void 0 : t.value.error,
+					...e.role("alert")
+				};
+				return this.initSlot("validation", n, this.item.slotValidationData.value), n.length < 1 && (r.innerHTML = this.props.validationMessage), [o("div", r, n)];
+			}
+			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,
+			info: this.getSubClass("info"),
+			error: this.getSubClass("error")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		if (this.item.is.value) {
+			var e;
+			return o("div", {
+				...this.getAttrs(),
+				key: "main",
+				class: (e = this.classes) == null ? void 0 : e.value.main
+			}, [
+				...this.renderInfo(),
+				...this.renderError(),
+				...this.item.fieldCounter.render()
+			]);
+		}
+	}
 };
+//#endregion
+export { u as FieldMessage, f as FieldMessageDesign, i as FieldMessageInclude, l as FieldMessageMessage, d as defaultsFieldMessage };

package/dist/getClassTagAStatic-BPIEWyHY.js

@@ -0,0 +1,4 @@
+//#region src/functions/getClassTagAStatic.ts
+var e = (e) => `${e}-a--static`;
+//#endregion
+export { e as t };

package/dist/grid.js

@@ -0,0 +1,31 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { h as t } from "vue";
+import { DesignConstructorAbstract as n } from "@dxtmisha/functional";
+//#region src/constructors/Grid/Grid.ts
+var r = class {
+	constructor(e, t, n, r, i, a, o, s) {
+		this.props = e, this.refs = t, this.element = n, this.classDesign = r, this.className = i, this.components = a, this.slots = o, this.emits = s;
+	}
+}, i = {}, a = class extends n {
+	constructor(t, n, i, a = r) {
+		super(t, n, i), e(this, "item", void 0), 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: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return t("div", {
+			...this.getAttrs(),
+			class: (e = this.classes) == null ? void 0 : e.value.main
+		}, this.initSlot("default"));
+	}
+};
+//#endregion
+export { r as Grid, a as GridDesign, i as defaultsGrid };

package/dist/gridItem.js

@@ -0,0 +1,31 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { h as t } from "vue";
+import { DesignConstructorAbstract as n } from "@dxtmisha/functional";
+//#region src/constructors/GridItem/GridItem.ts
+var r = class {
+	constructor(e, t, n, r, i, a, o, s) {
+		this.props = e, this.refs = t, this.element = n, this.classDesign = r, this.className = i, this.components = a, this.slots = o, this.emits = s;
+	}
+}, i = { base: "1" }, a = class extends n {
+	constructor(t, n, i, a = r) {
+		super(t, n, i), e(this, "item", void 0), 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: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return t("div", {
+			...this.getAttrs(),
+			class: (e = this.classes) == null ? void 0 : e.value.main
+		}, this.initSlot("default"));
+	}
+};
+//#endregion
+export { r as GridItem, a as GridItemDesign, i as defaultsGridItem };

package/dist/group.js

@@ -0,0 +1,13 @@
+import { r as e, t } from "./BlockDesign-DkbPo-Ey.js";
+import "@dxtmisha/functional";
+//#region src/constructors/Group/Group.ts
+var n = class extends e {}, r = {
+	tag: "div",
+	tagHeader: "h4"
+}, i = class extends t {
+	constructor(e, t, r, i = n) {
+		super(e, t, r, i);
+	}
+};
+//#endregion
+export { n as Group, i as GroupDesign, r as defaultsGroup };

package/dist/horizontalScroll.js

@@ -0,0 +1,57 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./ScrollToXInclude-yt1sAUrP.js";
+import { t as n } from "./HorizontalScrollInclude-BN6p9jjq.js";
+import { computed as r, h as i, nextTick as a, onMounted as o } from "vue";
+import { DesignConstructorAbstract as s, goScrollTo as c } from "@dxtmisha/functional";
+//#region src/constructors/HorizontalScroll/HorizontalScroll.ts
+var l = class {
+	constructor(n, i, s, l, u, d, f, p, m) {
+		e(this, "scroll", void 0), e(this, "binds", r(() => ({
+			ref: this.element,
+			...this.scroll.binds.value
+		}))), e(this, "expose", { toSelected: () => this.toSelected() }), e(this, "slotData", r(() => ({
+			classItem: `${this.className}__item`,
+			classItemSelected: `${this.className}__item--selected`,
+			binds: { class: `${this.className}__item` }
+		}))), e(this, "toSelected", () => {
+			let e = this.getItemSelected();
+			this.element.value && e && c(this.element.value, e);
+		}), this.props = n, this.refs = i, this.element = s, this.classDesign = l, this.className = u, this.components = d, this.slots = f, this.emits = p;
+		let { ScrollToXIncludeConstructor: h = t } = m == null ? {} : m;
+		this.scroll = new h(s), o(async () => {
+			await a(), requestAnimationFrame(() => this.toSelected());
+		});
+	}
+	getItemSelected() {
+		var e, t;
+		return (e = (t = this.element.value) == null ? void 0 : t.querySelector(`.${this.slotData.value.classItemSelected}`)) == null ? void 0 : e;
+	}
+}, u = {
+	tag: "div",
+	flush: !0,
+	align: "stretch"
+}, d = class extends s {
+	constructor(t, n, r, i = l) {
+		super(t, n, r), e(this, "item", void 0), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { ...this.item.expose };
+	}
+	initClasses() {
+		return { main: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e, t;
+		let n = [];
+		return this.initSlot("default", n, this.item.slotData.value), i((e = this.props.tag) == null ? "div" : e, {
+			...this.getAttrs(),
+			class: (t = this.classes) == null ? void 0 : t.value.main,
+			...this.item.binds.value
+		}, n);
+	}
+};
+//#endregion
+export { l as HorizontalScroll, d as HorizontalScrollDesign, n as HorizontalScrollInclude, u as defaultsHorizontalScroll };