@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/button.js

@@ -1,65 +1,3 @@
-var a = Object.defineProperty;
-var d = (s, t, n) => t in s ? a(s, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[t] = n;
-var i = (s, t, n) => d(s, typeof t != "symbol" ? t + "" : t, n);
-import { B as v, a as y } from "./ButtonDesign-DZ7QCmHk.js";
-import { computed as h } from "vue";
-import { toBinds as p, getBind as l, getRef as o } from "@dxtmisha/functional";
-const B = {
-  tag: "button",
-  type: "button"
-};
-class f {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter/ дополнительный параметр
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(t, n, e, r, u) {
-    /**
-     * Computed bindings for the button/ Вычисляемые привязки для кнопки
-     */
-    i(this, "binds", h(
-      () => p(
-        this.props.buttonAttrs,
-        l(
-          o(this.props),
-          o(this.extra),
-          "label"
-        )
-      )
-    ));
-    /**
-     * Renders the button component with provided properties and configuration.
-     * Returns an array of VNode elements representing the rendered button, or an empty
-     * array if the component cannot be rendered.
-     *
-     * Обрисовывает компонент кнопки с предоставленными свойствами и конфигурацией.
-     * Возвращает массив VNode элементов, представляющих отрисованную кнопку, или пустой
-     * массив, если компонент не может быть отрисованы.
-     *
-     * @param props additional properties/ дополнительные свойства
-     */
-    i(this, "render", (t) => {
-      var n;
-      return this.components && ("label" in this.binds.value || "icon" in this.binds.value || "iconTrailing" in this.binds.value) ? this.components.render(
-        "button",
-        {
-          ...this.binds.value,
-          ...o(t)
-        },
-        void 0,
-        (n = this.index) != null ? n : "button"
-      ) : [];
-    });
-    this.props = t, this.className = n, this.components = e, this.extra = r, this.index = u;
-  }
-}
-export {
-  v as Button,
-  y as ButtonDesign,
-  f as ButtonInclude,
-  B as defaultsButton
-};
+import { n as e, r as t, t as n } from "./ButtonDesign-DTihOCBe.js";
+import { t as r } from "./ButtonInclude-Bq7DNI-R.js";
+export { t as Button, n as ButtonDesign, r as ButtonInclude, e as defaultsButton };

package/dist/cell.js

@@ -1,275 +1,118 @@
-var u = Object.defineProperty;
-var m = (s, i, t) => i in s ? u(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
-var e = (s, i, t) => m(s, typeof i != "symbol" ? i + "" : i, t);
-import { computed as d, h } from "vue";
-import { DesignConstructorAbstract as g } from "@dxtmisha/functional";
-import { g as b } from "./getClassTagAStatic-BnVYlXHI.js";
-import { L as v } from "./LabelInclude-BtZrrbCf.js";
-import { C } from "./CaptionInclude-AFVF4qyd.js";
-import { D as f } from "./DescriptionInclude-DxWNon_J.js";
-import { E as S } from "./EnabledInclude-DGeuJhOr.js";
-import { E as x } from "./EventClickInclude-eDWqxK0d.js";
-import { S as y } from "./SkeletonInclude-BIUzAO2s.js";
-import { P as I } from "./ProgressInclude-UBipdctr.js";
-import { I as k } from "./IconTrailingInclude-CdsOcDxv.js";
-import { R as w } from "./RippleInclude-Du5yIzX_.js";
-import { A as T } from "./AriaStaticInclude-CFGewqpn.js";
-class _ {
-  /**
-   * 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(i, t, n, o, r, l, a, c) {
-    e(this, "progress");
-    e(this, "skeleton");
-    e(this, "label");
-    e(this, "description");
-    e(this, "caption");
-    e(this, "enabled");
-    e(this, "icon");
-    e(this, "ripple");
-    e(this, "event");
-    /**
-     * Computed CSS classes for the cell component.
-     *
-     * Вычисляемые CSS классы для компонента ячейки.
-     */
-    e(this, "classes", d(() => ({
-      [`${this.className}--description`]: this.description.is.value,
-      [b(this.classDesign)]: !0
-    })));
-    /**
-     * Computed role for the cell component.
-     *
-     * Вычисляемая роль для компонента ячейки.
-     */
-    e(this, "role", d(() => {
-      if (this.props.role)
-        return this.props.role;
-      if (this.props.dynamic)
-        return "button";
-    }));
-    this.props = i, this.refs = t, this.element = n, this.classDesign = o, this.className = r, this.components = l, this.slots = a, this.emits = c;
-    const p = new I(
-      i,
-      r,
-      l,
-      {
-        inverse: !0,
-        position: "bottom"
-      }
-    );
-    this.skeleton = new y(
-      i,
-      o,
-      ["classTextVariant"]
-    ), this.label = new v(
-      i,
-      r,
-      void 0,
-      a,
-      void 0,
-      void 0,
-      void 0,
-      this.skeleton
-    ), this.caption = new C(i, r, a), this.description = new f(i, r, a, this.skeleton), this.enabled = new S(i, p), this.icon = new k(i, r, l), this.progress = p, this.ripple = new w(r, l, this.enabled), this.event = new x(
-      i,
-      this.enabled,
-      c
-    );
-  }
-  /**
-   * Returns a list of sub-element CSS classes for the cell component.
-   *
-   * Возвращает список CSS классов для под-элементов компонента ячейки.
-   */
-  getClassesSub() {
-    return {
-      label: `${this.className}__label`,
-      description: `${this.className}__description`,
-      caption: `${this.className}__caption`,
-      trailing: `${this.className}__trailing`
-    };
-  }
-}
-const F = {
-  tag: "div",
-  // :default [!] System label / Системная метка
-  divider: !0
-};
-class G extends g {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(t, n, o) {
-    super(
-      t,
-      n,
-      o
-    );
-    e(this, "item");
-    /**
-     * Generates text elements.
-     *
-     * Генерирует элементы текста.
-     */
-    e(this, "renderContext", () => {
-      var t;
-      return [
-        h(
-          "div",
-          {
-            key: "context",
-            class: (t = this.classes) == null ? void 0 : t.value.context
-          },
-          [
-            ...this.item.label.render(),
-            ...this.item.caption.render(),
-            ...this.item.description.render()
-          ]
-        )
-      ];
-    });
-    /**
-     * Generates a slot for elements on the right.
-     *
-     * Генерирует слот для элементов справа.
-     */
-    e(this, "renderTrailing", () => {
-      var t;
-      return this.slots && "trailing" in this.slots ? [
-        h(
-          "div",
-          {
-            key: "trailing",
-            class: (t = this.classes) == null ? void 0 : t.value.contextTrailing
-          },
-          this.initSlot("trailing", void 0, this.item.getClassesSub())
-        )
-      ] : [];
-    });
-    /**
-     * Generates a slot for elements on the right.
-     *
-     * Генерирует слот для элементов справа.
-     */
-    e(this, "renderBody", () => {
-      var t;
-      return this.slots && "body" in this.slots ? [
-        h(
-          "div",
-          {
-            key: "body",
-            class: (t = this.classes) == null ? void 0 : t.value.body
-          },
-          this.initSlot("body", void 0, this.item.getClassesSub())
-        )
-      ] : [];
-    });
-    /**
-     * Props for the main element.
-     *
-     * Свойства для главного элемента.
-     */
-    e(this, "propsMain", d(() => {
-      var n;
-      const t = {
-        ...this.getAttrs(),
-        class: (n = this.classes) == null ? void 0 : n.value.main,
-        "data-value": this.props.value,
-        "data-divider": this.props.divider ? "active" : void 0,
-        onClick: this.item.event.onClick,
-        ...T.role(this.item.role.value)
-      };
-      return this.props.dynamic ? {
-        ...t,
-        tabindex: "0"
-      } : t;
-    }));
-    this.item = new _(
-      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,
-      ...this.item.description.expose
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: this.item.classes.value,
-      // :classes [!] System label / Системная метка
-      context: this.getSubClass("context"),
-      contextTrailing: this.getSubClass("contextTrailing"),
-      label: this.getSubClass("label"),
-      description: this.getSubClass("description"),
-      caption: this.getSubClass("caption"),
-      icon: this.getSubClass("icon"),
-      trailing: this.getSubClass("trailing"),
-      body: this.getSubClass("body"),
-      loading: this.getSubClass("loading")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t;
-    return h(
-      (t = this.props.tag) != null ? t : "div",
-      this.propsMain.value,
-      [
-        ...this.item.icon.render(),
-        ...this.renderContext(),
-        ...this.renderTrailing(),
-        ...this.renderBody(),
-        ...this.item.ripple.render(),
-        ...this.item.progress.render()
-      ]
-    );
-  }
-}
-export {
-  _ as Cell,
-  G as CellDesign,
-  F as defaultsCell
+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 "./EnabledInclude-CkD_lxMY.js";
+import { t as i } from "./EventClickInclude-6I8kuFc9.js";
+import { t as a } from "./SkeletonInclude-D8on8xmw.js";
+import { t as o } from "./LabelInclude-DoZ7EUYO.js";
+import { t as s } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as c } from "./getClassTagAStatic-BPIEWyHY.js";
+import { t as l } from "./IconTrailingInclude-BwoB_AQn.js";
+import { t as u } from "./CaptionInclude-CunHUsec.js";
+import { t as d } from "./RippleInclude-BlC1h0Ya.js";
+import { computed as f, h as p } from "vue";
+import { DesignConstructorAbstract as m } from "@dxtmisha/functional";
+//#region src/constructors/Cell/Cell.ts
+var h = class {
+	constructor(e, p, m, h, g, _, v, y, b) {
+		t(this, "progress", void 0), t(this, "skeleton", void 0), t(this, "label", void 0), t(this, "description", void 0), t(this, "caption", void 0), t(this, "enabled", void 0), t(this, "icon", void 0), t(this, "ripple", void 0), t(this, "event", void 0), t(this, "classes", f(() => ({
+			[`${this.className}--description`]: this.description.is.value,
+			[c(this.classDesign)]: !0
+		}))), t(this, "role", f(() => {
+			if (this.props.role) return this.props.role;
+			if (this.props.dynamic) return "button";
+		})), this.props = e, this.refs = p, this.element = m, this.classDesign = h, this.className = g, this.components = _, this.slots = v, this.emits = y;
+		let { CaptionConstructor: x = u, DescriptionConstructor: S = s, EnabledConstructor: C = r, EventConstructor: w = i, IconConstructor: T = l, LabelConstructor: E = o, ProgressConstructor: D = n, RippleConstructor: O = d, SkeletonConstructor: k = a } = b == null ? {} : b, A = new D(e, g, _, { position: "bottom" });
+		this.skeleton = new k(e, h, ["classTextVariant"]), this.label = new E(e, g, void 0, v, void 0, void 0, void 0, this.skeleton), this.caption = new x(e, g, v), this.description = new S(e, g, v, this.skeleton), this.enabled = new C(e, A), this.icon = new T(e, g, _), this.progress = A, this.ripple = new O(g, _, this.enabled), this.event = new w(e, this.enabled, y);
+	}
+	getClassesSub() {
+		return {
+			label: `${this.className}__label`,
+			description: `${this.className}__description`,
+			caption: `${this.className}__caption`,
+			trailing: `${this.className}__trailing`
+		};
+	}
+}, g = {
+	tag: "div",
+	divider: !0
+}, _ = class extends m {
+	constructor(n, r, i, a = h) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderContext", () => {
+			var e;
+			return [p("div", {
+				key: "context",
+				class: (e = this.classes) == null ? void 0 : e.value.context
+			}, [
+				...this.item.label.render(),
+				...this.item.caption.render(),
+				...this.item.description.render()
+			])];
+		}), t(this, "renderTrailing", () => {
+			if (this.slots && "trailing" in this.slots) {
+				var e;
+				return [p("div", {
+					key: "trailing",
+					class: (e = this.classes) == null ? void 0 : e.value.contextTrailing
+				}, this.initSlot("trailing", void 0, this.item.getClassesSub()))];
+			}
+			return [];
+		}), t(this, "renderBody", () => {
+			if (this.slots && "body" in this.slots) {
+				var e;
+				return [p("div", {
+					key: "body",
+					class: (e = this.classes) == null ? void 0 : e.value.body
+				}, this.initSlot("body", void 0, this.item.getClassesSub()))];
+			}
+			return [];
+		}), t(this, "propsMain", f(() => {
+			var t;
+			let n = {
+				...this.getAttrs(),
+				class: (t = this.classes) == null ? void 0 : t.value.main,
+				"data-value": this.props.value,
+				"data-divider": this.props.divider ? "active" : void 0,
+				...this.item.event.binds,
+				...e.role(this.item.role.value)
+			};
+			return this.props.dynamic ? {
+				...n,
+				tabindex: "0"
+			} : n;
+		})), this.item = new a(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { ...this.item.event.expose };
+	}
+	initClasses() {
+		return {
+			main: this.item.classes.value,
+			context: this.getSubClass("context"),
+			contextTrailing: this.getSubClass("contextTrailing"),
+			label: this.getSubClass("label"),
+			description: this.getSubClass("description"),
+			caption: this.getSubClass("caption"),
+			icon: this.getSubClass("icon"),
+			trailing: this.getSubClass("trailing"),
+			body: this.getSubClass("body"),
+			loading: this.getSubClass("loading")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return p((e = this.props.tag) == null ? "div" : e, this.propsMain.value, [
+			...this.item.icon.render(),
+			...this.renderContext(),
+			...this.renderTrailing(),
+			...this.renderBody(),
+			...this.item.ripple.render(),
+			...this.item.progress.render()
+		]);
+	}
 };
+//#endregion
+export { h as Cell, _ as CellDesign, g as defaultsCell };

package/dist/checkbox.js

@@ -0,0 +1,112 @@
+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 "./EnabledInclude-CkD_lxMY.js";
+import { t as i } from "./SkeletonInclude-D8on8xmw.js";
+import { t as a } from "./LabelInclude-DoZ7EUYO.js";
+import { t as o } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as s } from "./RippleInclude-BlC1h0Ya.js";
+import { n as c, r as l } from "./FieldInputCheckInclude-czZ02ymY.js";
+import { a as u, i as d, n as f, r as p, t as m } from "./FieldEventInclude-DLX__9aJ.js";
+import { t as h } from "./FieldMessageInclude-6cxMqgIx.js";
+import { computed as g, h as _ } from "vue";
+import { DesignConstructorAbstract as v, getBind as y, toBinds as b } from "@dxtmisha/functional";
+//#region src/constructors/Checkbox/CheckboxIcon.ts
+var x = class {
+	constructor(e, n) {
+		t(this, "item", g(() => y(this.getIcon(), "value"))), this.props = e, this.value = n;
+	}
+	getIcon() {
+		if (this.value.boolean.value && !this.props.loading) return this.props.indeterminate ? this.props.iconIndeterminate : this.props.iconCheckbox;
+	}
+}, S = class {
+	constructor(e, g, _, v, y, b, S, C, w) {
+		t(this, "type", "checkbox"), t(this, "attributes", void 0), t(this, "change", void 0), t(this, "code", void 0), t(this, "description", void 0), t(this, "elementItem", void 0), t(this, "enabled", void 0), t(this, "event", void 0), t(this, "icon", void 0), t(this, "label", void 0), t(this, "message", void 0), t(this, "progress", void 0), t(this, "ripple", void 0), t(this, "skeleton", void 0), t(this, "validation", void 0), t(this, "value", void 0), this.props = e, this.refs = g, this.element = _, this.classDesign = v, this.className = y, this.components = b, this.slots = S, this.emits = C;
+		let { CheckboxIconConstructor: T = x, DescriptionConstructor: E = o, EnabledConstructor: D = r, FieldAttributesIncludeConstructor: O = u, FieldChangeIncludeConstructor: k = d, FieldCodeIncludeConstructor: A = p, FieldElementIncludeConstructor: j = l, FieldEventIncludeConstructor: M = m, FieldMessageConstructor: N = h, FieldValidationIncludeConstructor: P = f, FieldValueIncludeConstructor: F = c, LabelConstructor: I = a, ProgressConstructor: L = n, RippleConstructor: R = s, SkeletonConstructor: z = i } = w == null ? {} : w;
+		this.skeleton = new z(this.props, this.classDesign, ["classText"]), this.progress = new L(this.props, this.className, this.components, {
+			circular: !0,
+			inverse: !0
+		}), this.change = new k(this.props), this.elementItem = new j(this.props, this.element), this.attributes = new O(this.props), this.value = new F(this.props, this.refs, this.elementItem), this.code = new A(this.props), this.validation = new P(this.props, this.attributes, this.value, this.change, this.code), this.event = new M(this.props, this.change, this.value, this.validation, this.emits), this.message = new N(this.props, this.className, this.components, this.validation.message), this.icon = new T(this.props, this.value), this.label = new I(e, y, void 0, S, void 0, void 0, void 0, this.skeleton), this.description = new E(e, y, S, this.skeleton), this.enabled = new D(e, this.progress), this.ripple = new R(y, b, this.enabled);
+	}
+}, C = {
+	valueVariantHide: "0",
+	block: !0,
+	itemCenter: !0
+}, w = class extends v {
+	constructor(n, r, i, a = S) {
+		super(n, r, i), t(this, "item", void 0), t(this, "renderBody", () => {
+			var e;
+			let t = [...this.renderChecked(), ...this.renderInfo()];
+			return _("span", { class: (e = this.classes) == null ? void 0 : e.value.body }, t);
+		}), t(this, "renderInput", () => {
+			var t;
+			return _("input", b(this.item.attributes.listForCheckbox.value, {
+				class: (t = this.classes) == null ? void 0 : t.value.input,
+				type: this.item.type,
+				checked: this.item.value.item.value,
+				onInput: this.item.event.onChecked,
+				...e.invalid(this.item.validation.isError())
+			}));
+		}), t(this, "renderInputHidden", () => _("input", {
+			name: this.props.name,
+			type: "hidden",
+			value: this.props.valueVariantHide
+		})), t(this, "renderChecked", () => {
+			var t, n;
+			return [_("span", {
+				class: (t = this.classes) == null ? void 0 : t.value.item,
+				...e.hidden()
+			}, [
+				...this.item.progress.render(),
+				_("span", { class: [(n = this.classes) == null ? void 0 : n.value.icon, this.item.skeleton.classesSkeleton.classBackground] }, [this.components.renderOne("image", this.item.icon.item.value)]),
+				...this.item.ripple.render()
+			])];
+		}), t(this, "renderInfo", () => {
+			if (this.item.label.is.value || this.item.description.is.value) {
+				var e;
+				return [_("span", { class: (e = this.classes) == null ? void 0 : e.value.info }, [
+					...this.item.label.render(),
+					...this.item.description.render(),
+					...this.item.message.render()
+				])];
+			}
+			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 {
+			value: this.item.value.item,
+			checkValidity: this.item.validation.checkValidity,
+			validationMessage: this.item.validation.message
+		};
+	}
+	initClasses() {
+		return {
+			main: {},
+			input: this.getSubClass("input"),
+			body: this.getSubClass("body"),
+			item: this.getSubClass("item"),
+			icon: this.getSubClass("icon"),
+			loading: this.getSubClass("loading"),
+			info: this.getSubClass("info"),
+			label: this.getSubClass("label")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return _("label", {
+			...this.getAttrs(),
+			ref: this.element,
+			class: (e = this.classes) == null ? void 0 : e.value.main
+		}, [
+			this.renderInputHidden(),
+			this.renderInput(),
+			this.renderBody()
+		]);
+	}
+};
+//#endregion
+export { S as Checkbox, w as CheckboxDesign, x as CheckboxIcon, C as defaultsCheckbox };