@dxtmisha/constructor 0.39.7 → 0.52.0

package/dist/bars.js

@@ -1,366 +1,121 @@
-var g = Object.defineProperty;
-var S = (a, i, t) => i in a ? g(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
-var s = (a, i, t) => S(a, typeof i != "symbol" ? i + "" : i, t);
-import { watch as A, ref as D, computed as o, reactive as d, h as p } from "vue";
-import { toBind as u, getBind as T, forEach as E, DesignConstructorAbstract as M } from "@dxtmisha/functional";
-import { A as m } from "./AriaStaticInclude-CAURwJMb.js";
-import { L as $ } from "./LabelInclude-D-mLvjK5.js";
-import { D as y } from "./DescriptionInclude-D4ane9aR.js";
-import { E as H } from "./EventClickInclude-WHJqxZ1b.js";
-import { M as P } from "./ModelInclude-BiYm_iCQ.js";
-import { T as W } from "./TextInclude--GERRCGj.js";
-import { W as N } from "./WindowClassesInclude-B56usxgx.js";
-import { M as O } from "./MotionTransformClassesInclude-B23RIq0Q.js";
-import { S as R } from "./SkeletonInclude-BIUzAO2s.js";
-import { B as nt } from "./BarsInclude-BOEoY-O4.js";
-class V {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   */
-  constructor(i, t) {
-    /** Текущее состояние action‑режима / Current action mode state */
-    s(this, "action", D(!1));
-    /**
-     * Checks if action mode is possible.
-     *
-     * Проверяет, возможен ли режим действий.
-     */
-    s(this, "isPossible", o(() => !!(this.props.actionLabel || this.props.actionDescription || this.props.actionBars)));
-    this.props = i, this.refs = t, t.action && A(
-      t.action,
-      (e) => {
-        this.action.value = !!e;
-      },
-      { immediate: !0 }
-    );
-  }
-  /**
-   * Включить action‑режим.
-   *
-   * Enable action mode.
-   */
-  open() {
-    this.action.value || (this.action.value = !0);
-  }
-  /**
-   * Выключить action‑режим.
-   *
-   * Disable action mode.
-   */
-  close() {
-    this.action.value && (this.action.value = !1);
-  }
-}
-class j {
-  /**
-   * 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 BarsActionConstructor class for managing action mode/ класс для управления action-режимом
-   * @param LabelConstructor class for creating a label/ класс для создания метки
-   * @param DescriptionConstructor class for creating a description/ класс для создания описания
-   * @param EventConstructor class for creating an event/ класс для создания события
-   * @param WindowClassesConstructor helper class for Window CSS classes/ вспомогательный класс для CSS-классов Window
-   * @param MotionTransformClassesConstructor helper class for MotionTransform CSS classes/ вспомогательный класс для CSS-классов MotionTransform
-   * @param SkeletonConstructor class for creating a skeleton/ класс для создания скелета
-   * @param TextConstructor class for creating text/ класс для создания текста
-   * @param ModelConstructor class for working with models/ класс для работы с моделями
-   */
-  constructor(i, t, e, n, r, v, c, h, b = V, B = $, f = y, k = H, C = N, w = O, I = R, x = W, L = P) {
-    /** Управление action‑режимом */
-    s(this, "action");
-    /** Label object/ Объект метки */
-    s(this, "label");
-    /** Description object/ Объект описания */
-    s(this, "description");
-    /** Event object/ Объект события */
-    s(this, "event");
-    /** Helper for Window CSS classes/ Вспомогательный класс для CSS‑классов Window */
-    s(this, "windowClasses");
-    /** Helper for MotionTransform CSS classes/ Вспомогательный класс для CSS‑классов MotionTransform */
-    s(this, "motionTransformClasses");
-    /** Подключение скелетона для текста/описания */
-    s(this, "skeleton");
-    /** Text object/ Объект текста */
-    s(this, "text");
-    /** Returns the button data/ Возвращает данные кнопки */
-    s(this, "backBinds", o(
-      () => {
-        var i;
-        return this.initItem(
-          u(
-            {
-              icon: {
-                icon: this.props.iconBack,
-                iconActive: this.props.iconClose
-              },
-              iconDir: !0,
-              value: "back",
-              class: [
-                this.windowClasses.get().close,
-                this.motionTransformClasses.get().close
-              ],
-              onClick: this.onClickBack,
-              ...m.label(this.text.close.value)
-            },
-            (i = this.props.backButton) != null ? i : {}
-          ),
-          "main-back"
-        );
-      }
-    ));
-    /** Returns the list of control buttons/ Возвращает список кнопок управления */
-    s(this, "barsBinds", o(() => this.initList(this.props.bars)));
-    /**
-     * Returns the list of active control buttons/
-     * Возвращает список активных кнопок управления
-     */
-    s(this, "actionBarsBinds", o(() => this.initList(this.props.actionBars, !0)));
-    /** Returns the button name/ Возвращает название кнопки */
-    s(this, "backLabel", o(() => {
-      var i;
-      return this.action.action.value || (i = this.backBinds.value) == null ? void 0 : i.label;
-    }));
-    /**
-     * Values for the class.
-     *
-     * Значения для класса.
-     */
-    s(this, "classes", o(() => ({
-      [`${this.className}--action`]: this.action.action.value
-    })));
-    /**
-     * Returns the value for the aria-live property.
-     *
-     * Возвращает значение для свойства aria-live.
-     */
-    s(this, "ariaLive", o(() => {
-      if (this.action.isPossible.value)
-        return "polite";
-    }));
-    /** Binds for label text/ Привязки для текста метки */
-    s(this, "labelBinds", d({
-      label: o(() => this.action.action.value ? this.props.actionLabel : this.props.label),
-      labelId: o(() => this.props.labelId)
-    }));
-    /** Binds for description text/ Привязки для текста описания */
-    s(this, "descriptionBinds", d({
-      description: o(() => this.action.action.value ? this.props.actionDescription : this.props.description),
-      descriptionId: o(() => this.props.descriptionId)
-    }));
-    /**
-     * Click handler for the "back" button
-     *
-     * Обработчик клика по кнопке «назад»: закрывает action‑режим и проксирует событие.
-     */
-    s(this, "onClickBack", (i, t) => {
-      (t == null ? void 0 : t.value) === "back" && this.action.close(), this.event.onClick(i, t);
-    });
-    this.props = i, this.refs = t, this.element = e, this.classDesign = n, this.className = r, this.components = v, this.slots = c, this.emits = h;
-    const l = new I(this.props, this.classDesign, ["classTextVariant"]);
-    this.action = new b(this.props, this.refs), this.label = new B(
-      this.labelBinds,
-      r,
-      void 0,
-      c,
-      void 0,
-      void 0,
-      void 0,
-      l
-    ), this.description = new f(this.descriptionBinds, r, c, l), this.event = new k(void 0, void 0, h), this.windowClasses = new C(n), this.motionTransformClasses = new w(n), this.skeleton = l, this.text = new x(this.props), new L("action", this.emits, this.action.action);
-  }
-  /**
-   * Prepares all parameters for the button.
-   *
-   * Подготавливает все параметры для кнопки.
-   * @param item list of buttons/ список параметры
-   * @param key button identifier/ идентификатор кнопки
-   * @param isAction is action button/ является ли кнопка действия
-   */
-  initItem(i, t, e = !1) {
-    var n, r;
-    return {
-      isSkeleton: this.props.isSkeleton,
-      onClick: this.event.onClick,
-      ...u(
-        (n = this.props.buttonAttrs) != null ? n : {},
-        i != null ? i : {}
-      ),
-      key: `${e ? "action" : ""}Bar-${(r = i == null ? void 0 : i.value) != null ? r : t}`,
-      icon: T(i == null ? void 0 : i.icon, { animationShow: e }, "icon")
-    };
-  }
-  /**
-   * Prepares all parameters for the button.
-   *
-   * Подготавливает список параметры для кнопки.
-   * @param bars list of buttons/ >список кнопок
-   * @param isAction is action button/ является ли кнопка действия
-   */
-  initList(i, t = !1) {
-    if (i)
-      return E(
-        i,
-        (e, n) => this.initItem(e, n, t)
-      );
-  }
-}
-const tt = {};
-class it extends M {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor bars item class/ класс элемента bars
-   */
-  constructor(t, e, n, r = j) {
-    super(
-      t,
-      e,
-      n
-    );
-    s(this, "item");
-    /**
-     * Rendering the close button.
-     *
-     * Рендеринг кнопки закрытия.
-     */
-    s(this, "renderBackButton", () => this.props.backHide && (!this.item.action.action.value || this.props.backActionHide) ? [] : [
-      this.components.renderOne(
-        "button",
-        {
-          ...this.item.backBinds.value,
-          label: this.item.backLabel.value,
-          selected: this.item.action.action.value
-        }
-      )
-    ]);
-    /**
-     * Rendering the content.
-     *
-     * Рендеринг контента.
-     */
-    s(this, "renderContext", () => {
-      var t;
-      return [
-        p(
-          "div",
-          {
-            class: (t = this.classes) == null ? void 0 : t.value.context
-          },
-          [
-            ...this.item.label.render(),
-            ...this.item.description.render()
-          ]
-        )
-      ];
-    });
-    /**
-     * Rendering the control button.
-     *
-     * Рендеринг кнопки управления.
-     */
-    s(this, "renderBars", () => {
-      const t = [];
-      return this.item.action.action.value || (t.push(...this.renderList(this.item.barsBinds.value)), this.initSlot("bars", t)), t;
-    });
-    /**
-     * Rendering the control button.
-     *
-     * Рендеринг кнопки управления.
-     */
-    s(this, "renderActionBars", () => {
-      const t = [];
-      return this.item.action.action.value && (t.push(...this.renderList(this.item.actionBarsBinds.value)), this.initSlot("actionBars", t)), t;
-    });
-    /**
-     * Rendering a list of buttons from the list.
-     *
-     * Рендеринг списка кнопок по списку.
-     * @param list list of data for the button/ список данных для кнопки
-     */
-    s(this, "renderList", (t) => {
-      const e = [];
-      return t && t.forEach(
-        (n) => this.components.renderAdd(e, "button", n)
-      ), e;
-    });
-    this.item = new r(
-      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 / Системная метка
-      context: this.getSubClass("context"),
-      label: this.getSubClass("label"),
-      description: this.getSubClass("description")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t;
-    return p(
-      "div",
-      {
-        ...this.getAttrs(),
-        class: (t = this.classes) == null ? void 0 : t.value.main,
-        ...m.live(this.item.ariaLive.value)
-      },
-      [
-        ...this.renderBackButton(),
-        ...this.renderContext(),
-        ...this.renderBars(),
-        ...this.renderActionBars()
-      ]
-    );
-  }
-}
-export {
-  j as Bars,
-  it as BarsDesign,
-  nt as BarsInclude,
-  tt as defaultsBars
+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 "./EventClickInclude-6I8kuFc9.js";
+import { t as i } from "./ModelInclude-D8LkrhPp.js";
+import { t as a } from "./MotionTransformClassesInclude-BN-T4YKS.js";
+import { t as o } from "./SkeletonInclude-D8on8xmw.js";
+import { t as s } from "./LabelInclude-DoZ7EUYO.js";
+import { t as c } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as l } from "./WindowClassesInclude-zm-ITw5d.js";
+import { t as u } from "./BarsInclude-rBLacb0J.js";
+import { computed as d, h as f, reactive as p, ref as m, watch as h } from "vue";
+import { DesignConstructorAbstract as g, forEach as _, getBind as v, toBind as y } from "@dxtmisha/functional";
+//#region src/constructors/Bars/BarsAction.ts
+var b = class {
+	constructor(e, n) {
+		t(this, "action", m(!1)), t(this, "isPossible", d(() => !!(this.props.actionLabel || this.props.actionDescription || this.props.actionBars))), this.props = e, this.refs = n, n.action && h(n.action, (e) => {
+			this.action.value = !!e;
+		}, { immediate: !0 });
+	}
+	open() {
+		this.action.value || (this.action.value = !0);
+	}
+	close() {
+		this.action.value && (this.action.value = !1);
+	}
+}, x = class {
+	constructor(u, f, m, h, g, _, v, x, S) {
+		t(this, "action", void 0), t(this, "label", void 0), t(this, "description", void 0), t(this, "event", void 0), t(this, "windowClasses", void 0), t(this, "motionTransformClasses", void 0), t(this, "skeleton", void 0), t(this, "text", void 0), t(this, "backBinds", d(() => {
+			var t;
+			return this.initItem(y({
+				icon: {
+					icon: this.props.iconBack,
+					iconActive: this.props.iconClose
+				},
+				iconDir: !0,
+				value: "back",
+				class: [this.windowClasses.get().close, this.motionTransformClasses.get().close],
+				onClick: this.onClickBack,
+				...e.label(this.text.close.value)
+			}, (t = this.props.backButton) == null ? {} : t), "main-back");
+		})), t(this, "barsBinds", d(() => this.initList(this.props.bars))), t(this, "actionBarsBinds", d(() => this.initList(this.props.actionBars, !0))), t(this, "backLabel", d(() => {
+			var e;
+			return this.action.action.value || (e = this.backBinds.value) == null ? void 0 : e.label;
+		})), t(this, "classes", d(() => ({ [`${this.className}--action`]: this.action.action.value }))), t(this, "ariaLive", d(() => {
+			if (this.action.isPossible.value) return "polite";
+		})), t(this, "labelBinds", p({
+			label: d(() => this.action.action.value ? this.props.actionLabel : this.props.label),
+			labelId: d(() => this.props.labelId)
+		})), t(this, "descriptionBinds", p({
+			description: d(() => this.action.action.value ? this.props.actionDescription : this.props.description),
+			descriptionId: d(() => this.props.descriptionId)
+		})), t(this, "onClickBack", (e, t) => {
+			(t == null ? void 0 : t.value) === "back" && this.action.close(), this.event.onClick(e, t);
+		}), this.props = u, this.refs = f, this.element = m, this.classDesign = h, this.className = g, this.components = _, this.slots = v, this.emits = x;
+		let { BarsActionConstructor: C = b, DescriptionConstructor: w = c, EventConstructor: T = r, LabelConstructor: E = s, ModelConstructor: D = i, MotionTransformClassesConstructor: O = a, SkeletonConstructor: k = o, TextConstructor: A = n, WindowClassesConstructor: j = l } = S == null ? {} : S, M = new k(this.props, this.classDesign, ["classTextVariant"]);
+		this.action = new C(this.props, this.refs), this.label = new E(this.labelBinds, g, void 0, v, void 0, void 0, void 0, M), this.description = new w(this.descriptionBinds, g, v, M), this.event = new T(void 0, void 0, x), this.windowClasses = new j(h), this.motionTransformClasses = new O(h), this.skeleton = M, this.text = new A(this.props), new D("action", this.emits, this.action.action);
+	}
+	initItem(e, t, n = !1) {
+		var r, i;
+		return {
+			isSkeleton: this.props.isSkeleton,
+			onClick: this.event.onClick,
+			...y((r = this.props.buttonAttrs) == null ? {} : r, e == null ? {} : e),
+			key: `${n ? "action" : ""}Bar-${(i = e == null ? void 0 : e.value) == null ? t : i}`,
+			icon: v(e == null ? void 0 : e.icon, { animationShow: n }, "icon")
+		};
+	}
+	initList(e, t = !1) {
+		if (e) return _(e, (e, n) => this.initItem(e, n, t));
+	}
+}, S = {}, C = class extends g {
+	constructor(e, n, r, i = x) {
+		super(e, n, r), t(this, "item", void 0), t(this, "renderBackButton", () => this.props.backHide && (!this.item.action.action.value || this.props.backActionHide) ? [] : [this.components.renderOne("button", {
+			...this.item.backBinds.value,
+			label: this.item.backLabel.value,
+			selected: this.item.action.action.value
+		})]), t(this, "renderContext", () => {
+			var e;
+			return [f("div", { class: (e = this.classes) == null ? void 0 : e.value.context }, [...this.item.label.render(), ...this.item.description.render()])];
+		}), t(this, "renderBars", () => {
+			let e = [];
+			return this.item.action.action.value ? e : (e.push(...this.renderList(this.item.barsBinds.value)), this.initSlot("bars", e), e);
+		}), t(this, "renderActionBars", () => {
+			let e = [];
+			return this.item.action.action.value && (e.push(...this.renderList(this.item.actionBarsBinds.value)), this.initSlot("actionBars", e)), e;
+		}), t(this, "renderList", (e) => {
+			let t = [];
+			return e && e.forEach((e) => this.components.renderAdd(t, "button", e)), t;
+		}), this.item = new i(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,
+			context: this.getSubClass("context"),
+			label: this.getSubClass("label"),
+			description: this.getSubClass("description")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var t;
+		return f("div", {
+			...this.getAttrs(),
+			class: (t = this.classes) == null ? void 0 : t.value.main,
+			...e.live(this.item.ariaLive.value)
+		}, [
+			...this.renderBackButton(),
+			...this.renderContext(),
+			...this.renderBars(),
+			...this.renderActionBars()
+		]);
+	}
 };
+//#endregion
+export { x as Bars, b as BarsAction, C as BarsDesign, u as BarsInclude, S as defaultsBars };

package/dist/block.js

@@ -1,10 +1,2 @@
-import { B as t, a as s } from "./BlockDesign-CwRNJi0I.js";
-const a = {
-  tag: "div",
-  tagHeader: "h3"
-};
-export {
-  t as Block,
-  s as BlockDesign,
-  a as defaultsBlock
-};
+import { n as e, r as t, t as n } from "./BlockDesign-DkbPo-Ey.js";
+export { t as Block, n as BlockDesign, e as defaultsBlock };

package/dist/button.js

@@ -1,62 +1,3 @@
-var a = Object.defineProperty;
-var d = (i, t, s) => t in i ? a(i, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[t] = s;
-var n = (i, t, s) => d(i, typeof t != "symbol" ? t + "" : t, s);
-import { B as g, a as A } from "./ButtonDesign-DgZNw44L.js";
-import { computed as h } from "vue";
-import { toBinds as p, getBind as l, getRef as o } from "@dxtmisha/functional";
-const B = {};
-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, s, e, r, u) {
-    /**
-     * Computed bindings for the button/ Вычисляемые привязки для кнопки
-     */
-    n(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/ дополнительные свойства
-     */
-    n(this, "render", (t) => {
-      var s;
-      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,
-        (s = this.index) != null ? s : "button"
-      ) : [];
-    });
-    this.props = t, this.className = s, this.components = e, this.extra = r, this.index = u;
-  }
-}
-export {
-  g as Button,
-  A 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 };