@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/listItem.js

@@ -1,319 +1,114 @@
-var A = Object.defineProperty;
-var E = (o, t, i) => t in o ? A(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
-var e = (o, t, i) => E(o, typeof t != "symbol" ? t + "" : t, i);
-import { computed as h, h as u } from "vue";
-import { getBind as L, toBind as P, getRef as R, DesignConstructorAbstract as T } from "@dxtmisha/functional";
-import { g as H } from "./getClassTagAStatic-BnVYlXHI.js";
-import { E as _ } from "./EventClickInclude-WHJqxZ1b.js";
-import { A as c } from "./AriaStaticInclude-CAURwJMb.js";
-import { L as $ } from "./LabelHighlightInclude-CLmTvW_6.js";
-import { P as M, S as V } from "./SuffixInclude-maZ7235l.js";
-import { C as j } from "./CaptionInclude-NzS6EYYj.js";
-import { D as q } from "./DescriptionInclude-D4ane9aR.js";
-import { E as z } from "./EnabledInclude-Dk-rP4jp.js";
-import { I as F } from "./IconTrailingInclude-CdsOcDxv.js";
-import { R as G } from "./RippleInclude-Du5yIzX_.js";
-import { P as J } from "./ProgressInclude-9MfZWtGP.js";
-import { S as K } from "./SkeletonInclude-BIUzAO2s.js";
-class O {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter/ дополнительный параметр
-   */
-  constructor(t, i, s, n) {
-    /**
-     * Checks whether a badge is specified for rendering the component/
-     * Проверяет, указан ли бейдж для отображения компонента
-     */
-    e(this, "is", h(() => !!(this.props.badge || this.props.badgeDot)));
-    /**
-     * list of properties for the badge component/ список свойств для компонента бейджа
-     */
-    e(this, "binds", h(() => {
-      var t;
-      return L(
-        this.props.badgeDot ? {} : this.props.badge,
-        {
-          dot: this.props.badgeDot,
-          ...P(
-            (t = R(this.extra)) != null ? t : {},
-            {
-              class: `${this.className}__badge`
-            }
-          )
-        },
-        "label",
-        !0
-      );
-    }));
-    /**
-     * Render of the badge component
-     *
-     * Рендер компонента бейджа
-     */
-    e(this, "render", () => this.components && this.is.value ? this.components.render(
-      "badge",
-      this.binds.value,
-      void 0,
-      "badge"
-    ) : []);
-    this.props = t, this.className = i, this.components = s, this.extra = n;
-  }
-}
-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/ функция вызывается, когда срабатывает событие
-   * @param IconTrailingIncludeConstructor class for working with icon/ класс для работы с иконкой
-   * @param LabelHighlightIncludeConstructor class for working with label/ класс для работы с меткой
-   * @param PrefixIncludeConstructor class for working with prefix/ класс для работы с префиксом
-   * @param CaptionIncludeConstructor class for working with caption/ класс для работы с подписью
-   * @param SuffixIncludeConstructor class for working with suffix/ класс для работы с суффиксом
-   * @param DescriptionIncludeConstructor class for working with description/ класс для работы с описанием
-   * @param BadgeIncludeConstructor class for working with badge/ класс для работы с бейджем
-   * @param RippleIncludeConstructor class for working with ripple/ класс для работы с ripple
-   * @param ProgressIncludeConstructor class for working with progress/ класс для работы с прогрессом
-   * @param SkeletonIncludeConstructor class for working with skeleton/ класс для работы со скелетоном
-   * @param EnabledIncludeConstructor class for working with enabled/ класс для работы с активностью
-   * @param EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
-   */
-  constructor(t, i, s, n, r, l, a, g, b = F, f = $, v = M, x = j, C = V, S = q, I = O, w = G, k = J, y = K, B = z, D = _) {
-    e(this, "icon");
-    e(this, "label");
-    e(this, "prefix");
-    e(this, "caption");
-    e(this, "suffix");
-    e(this, "description");
-    e(this, "badge");
-    e(this, "ripple");
-    e(this, "progress");
-    e(this, "skeleton");
-    e(this, "enabled");
-    e(this, "event");
-    /** tag type/ тип тега */
-    e(this, "tag", h(() => this.props.tag ? this.props.tag : this.props.href ? "a" : "div"));
-    /** values for the class/ значения для класса */
-    e(this, "classes", h(() => ({
-      [`${this.className}--description`]: this.description.is.value,
-      [H(this.classDesign)]: !0
-    })));
-    /** values for attributes/ значения для атрибутов */
-    e(this, "binds", h(() => {
-      var t;
-      return {
-        "data-value": (t = this.props.index) != null ? t : this.props.value,
-        "data-divider": this.props.divider ? "active" : void 0,
-        "data-parent": this.props.parent,
-        "data-list-id": this.props.listId,
-        onClick: this.event.onClick
-      };
-    }));
-    /** values for aria attributes/ значения для атрибутов aria */
-    e(this, "aria", h(() => {
-      const t = {
-        tabindex: this.props.tabindex,
-        ...c.role(this.props.role),
-        ...c.disabled(!!this.props.disabled)
-      };
-      switch (this.props.role) {
-        case "menuitemradio":
-        case "menuitemcheckbox":
-          return {
-            ...t,
-            ...c.checked(!!this.props.selected)
-          };
-        case "menuitem":
-        case "option":
-          return {
-            ...t,
-            ...c.selected(!!this.props.selected)
-          };
-      }
-      return t;
-    }));
-    this.props = t, this.refs = i, this.element = s, this.classDesign = n, this.className = r, this.components = l, this.slots = a, this.emits = g;
-    const m = new k(
-      t,
-      r,
-      l,
-      {
-        circular: !0
-      }
-    ), d = new y(
-      t,
-      n,
-      ["classTextVariant"]
-    ), p = new B(t, m);
-    this.icon = new b(t, r, l), this.label = new f(
-      t,
-      r,
-      void 0,
-      a,
-      void 0,
-      d
-    ), this.prefix = new v(t, r, a, d), this.caption = new x(t, r, a), this.suffix = new C(t, r, a), this.description = new S(t, r, a, d), this.badge = new I(
-      t,
-      r,
-      l,
-      {
-        overlap: "static"
-      }
-    ), this.ripple = new w(r, l, p), this.progress = m, this.skeleton = d, this.enabled = p, this.event = new D(t, p, g);
-  }
-}
-const lt = {
-  tabindex: "-1",
-  role: "option",
-  // :default [!] System label / Системная метка
-  iconAlign: "center"
-};
-class dt extends T {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(i, s, n) {
-    super(
-      i,
-      s,
-      n
-    );
-    e(this, "item");
-    /**
-     * Method for rendering the main part of the component.
-     *
-     * Метод для рендеринга основной части компонента.
-     */
-    e(this, "renderBody", () => {
-      var s;
-      const i = [
-        ...this.renderContext(),
-        ...this.item.description.render()
-      ];
-      return this.initSlot("body", i), [
-        u(
-          "div",
-          { class: (s = this.classes) == null ? void 0 : s.value.body },
-          i
-        )
-      ];
-    });
-    /**
-     * Method for rendering the context part of the component.
-     * This includes prefix, caption, suffix, badge, and label.
-     *
-     * Метод для рендеринга контекстной части компонента.
-     * Включает в себя префикс, подпись, суффикс, значок и метку.
-     */
-    e(this, "renderContext", () => {
-      var i;
-      return [
-        u(
-          "div",
-          { class: (i = this.classes) == null ? void 0 : i.value.context },
-          [
-            ...this.item.prefix.render(),
-            ...this.item.label.render(),
-            ...this.item.caption.render(),
-            ...this.item.suffix.render(),
-            ...this.item.badge.render()
-          ]
-        )
-      ];
-    });
-    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.event.expose
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: this.item.classes.value,
-      // :classes [!] System label / Системная метка
-      body: this.getSubClass("body"),
-      context: this.getSubClass("context"),
-      label: this.getSubClass("label"),
-      highlight: this.getSubClass("highlight"),
-      prefix: this.getSubClass("prefix"),
-      caption: this.getSubClass("caption"),
-      description: this.getSubClass("description"),
-      icon: this.getSubClass("icon"),
-      trailing: this.getSubClass("trailing"),
-      badge: this.getSubClass("badge"),
-      input: this.getSubClass("input")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var s, n;
-    if (this.props.filterMode && !this.item.label.isHighlight())
-      return;
-    const i = [];
-    return this.initSlot("leading", i), i.push(...this.renderBody()), this.initSlot("trailing", i), i.push(
-      ...this.item.icon.render(),
-      ...this.item.progress.render(),
-      ...this.item.ripple.render()
-    ), u(
-      this.item.tag.value,
-      {
-        ...this.getAttrs(),
-        ref: this.element,
-        class: (s = this.classes) == null ? void 0 : s.value.main,
-        style: (n = this.styles) == null ? void 0 : n.value,
-        ...this.item.binds.value,
-        ...this.item.aria.value
-      },
-      i
-    );
-  }
-}
-export {
-  Q as ListItem,
-  dt as ListItemDesign,
-  lt as defaultsListItem
+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 "./DescriptionInclude-B_Xf_j3l.js";
+import { t as s } from "./getClassTagAStatic-BPIEWyHY.js";
+import { t as c } from "./IconTrailingInclude-BwoB_AQn.js";
+import { t as l } from "./BadgeInclude-DISlNqBJ.js";
+import { t as u } from "./CaptionInclude-CunHUsec.js";
+import { t as d } from "./RippleInclude-BlC1h0Ya.js";
+import { t as f } from "./LabelHighlightInclude-DC9qNAR-.js";
+import { n as p, t as m } from "./SuffixInclude-VNq8SwAI.js";
+import { computed as h, h as g } from "vue";
+import { DesignConstructorAbstract as _ } from "@dxtmisha/functional";
+//#region src/constructors/ListItem/ListItem.ts
+var v = class {
+	constructor(g, _, v, y, b, x, S, C, w) {
+		t(this, "icon", void 0), t(this, "label", void 0), t(this, "prefix", void 0), t(this, "caption", void 0), t(this, "suffix", void 0), t(this, "description", void 0), t(this, "badge", void 0), t(this, "ripple", void 0), t(this, "progress", void 0), t(this, "skeleton", void 0), t(this, "enabled", void 0), t(this, "event", void 0), t(this, "tag", h(() => this.props.tag ? this.props.tag : this.props.href ? "a" : "div")), t(this, "classes", h(() => ({
+			[`${this.className}--description`]: this.description.is.value,
+			[s(this.classDesign)]: !0
+		}))), t(this, "binds", h(() => {
+			var e;
+			return {
+				href: this.props.href,
+				"data-value": (e = this.props.index) == null ? this.props.value : e,
+				"data-divider": this.props.divider ? "active" : void 0,
+				"data-parent": this.props.parent,
+				"data-list-id": this.props.listId,
+				...this.event.binds
+			};
+		})), t(this, "aria", h(() => {
+			let t = {
+				tabindex: this.props.tabindex,
+				...e.role(this.props.role),
+				...e.disabled(!!this.props.disabled)
+			};
+			switch (this.props.role) {
+				case "menuitemradio":
+				case "menuitemcheckbox": return {
+					...t,
+					...e.checked(!!this.props.selected)
+				};
+				case "menuitem":
+				case "option": return {
+					...t,
+					...e.selected(!!this.props.selected)
+				};
+			}
+			return t;
+		})), this.props = g, this.refs = _, this.element = v, this.classDesign = y, this.className = b, this.components = x, this.slots = S, this.emits = C;
+		let { BadgeIncludeConstructor: T = l, CaptionIncludeConstructor: E = u, DescriptionIncludeConstructor: D = o, EnabledIncludeConstructor: O = r, EventClickIncludeConstructor: k = i, IconTrailingIncludeConstructor: A = c, LabelHighlightIncludeConstructor: j = f, PrefixIncludeConstructor: M = p, ProgressIncludeConstructor: N = n, RippleIncludeConstructor: P = d, SkeletonIncludeConstructor: F = a, SuffixIncludeConstructor: I = m } = w == null ? {} : w, L = new N(g, b, x, { circular: !0 }), R = new F(g, y, ["classTextVariant"]), z = new O(g, L);
+		this.icon = new A(g, b, x), this.label = new j(g, b, void 0, S, void 0, R), this.prefix = new M(g, b, S, R), this.caption = new E(g, b, S), this.suffix = new I(g, b, S), this.description = new D(g, b, S, R), this.badge = new T(g, b, x, { overlap: "static" }), this.ripple = new P(b, x, z), this.progress = L, this.skeleton = R, this.enabled = z, this.event = new k(g, z, C);
+	}
+}, y = {
+	tabindex: "-1",
+	role: "option",
+	iconAlign: "center"
+}, b = class extends _ {
+	constructor(e, n, r) {
+		super(e, n, r), t(this, "item", void 0), t(this, "renderBody", () => {
+			var e;
+			let t = [...this.renderContext(), ...this.item.description.render()];
+			return this.initSlot("body", t), [g("div", { class: (e = this.classes) == null ? void 0 : e.value.body }, t)];
+		}), t(this, "renderContext", () => {
+			var e;
+			return [g("div", { class: (e = this.classes) == null ? void 0 : e.value.context }, [
+				...this.item.prefix.render(),
+				...this.item.label.render(),
+				...this.item.caption.render(),
+				...this.item.suffix.render(),
+				...this.item.badge.render()
+			])];
+		}), this.item = new v(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,
+			body: this.getSubClass("body"),
+			context: this.getSubClass("context"),
+			label: this.getSubClass("label"),
+			highlight: this.getSubClass("highlight"),
+			prefix: this.getSubClass("prefix"),
+			caption: this.getSubClass("caption"),
+			description: this.getSubClass("description"),
+			icon: this.getSubClass("icon"),
+			trailing: this.getSubClass("trailing"),
+			badge: this.getSubClass("badge"),
+			input: this.getSubClass("input")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e, t;
+		if (this.props.filterMode && !this.item.label.isHighlight()) return;
+		let n = [];
+		return this.initSlot("leading", n), n.push(...this.renderBody()), this.initSlot("trailing", n), n.push(...this.item.icon.render(), ...this.item.progress.render(), ...this.item.ripple.render()), g(this.item.tag.value, {
+			...this.getAttrs(),
+			ref: this.element,
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			style: (t = this.styles) == null ? void 0 : t.value,
+			...this.item.binds.value,
+			...this.item.aria.value
+		}, n);
+	}
 };
+//#endregion
+export { v as ListItem, b as ListItemDesign, y as defaultsListItem };

package/dist/listMenu.js

@@ -1,124 +1,52 @@
-var u = Object.defineProperty;
-var c = (i, t, s) => t in i ? u(i, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[t] = s;
-var n = (i, t, s) => c(i, typeof t != "symbol" ? t + "" : t, s);
-import { computed as d } from "vue";
-import { DesignConstructorAbstract as w } from "@dxtmisha/functional";
-import { L as f } from "./ListGroupOpen-Bl_HIQoV.js";
-import { W as g } from "./WindowInclude-BWm4-0Gh.js";
-class x {
-  /**
-   * 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 ListGroupOpenConstructor class for working with list group open/ класс для работы с открытием группы списка
-   * @param WindowIncludeConstructor class for working with window/ класс для работы с окном
-   */
-  constructor(t, s, e, o, r, h, a, p, l = f, m = g) {
-    n(this, "open");
-    n(this, "window");
-    this.props = t, this.refs = s, this.element = e, this.classDesign = o, this.className = r, this.components = h, this.slots = a, this.emits = p, this.open = new l(this.props), this.window = new m(
-      this.props,
-      this.className,
-      this.components,
-      this.emits,
-      d(() => ({
-        adaptive: "menu",
-        axis: this.props.axis,
-        onWindow: this.open.onOpen,
-        role: "menu",
-        ariaHaspopup: "menu"
-      }))
-    );
-  }
-}
-const D = {};
-class M extends w {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor class for working with the item/ класс для работы с элементом
-   */
-  constructor(s, e, o, r = x) {
-    super(
-      s,
-      e,
-      o
-    );
-    n(this, "item");
-    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 {
-      ...this.item.window.expose
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: {},
-      // :classes [!] System label / Системная метка
-      head: this.getSubClass("head"),
-      list: this.getSubClass("list")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var s;
-    return this.item.window.render(
-      {
-        control: (e) => this.initSlot("head", void 0, e),
-        default: () => this.initSlot("list")
-      },
-      {
-        ...this.getAttrs(),
-        open: this.item.open.is.value,
-        class: (s = this.classes) == null ? void 0 : s.value.main,
-        autoTabIndex: !1,
-        closeOnEsc: !1
-      }
-    );
-  }
-}
-export {
-  x as ListMenu,
-  M as ListMenuDesign,
-  D as defaultsListMenu
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./WindowInclude-GF4aSfrJ.js";
+import { t as n } from "./ListGroupOpen-C6J8d4SM.js";
+import { computed as r } from "vue";
+import { DesignConstructorAbstract as i } from "@dxtmisha/functional";
+//#region src/constructors/ListMenu/ListMenu.ts
+var a = class {
+	constructor(i, a, o, s, c, l, u, d, f) {
+		e(this, "open", void 0), e(this, "window", void 0), this.props = i, this.refs = a, this.element = o, this.classDesign = s, this.className = c, this.components = l, this.slots = u, this.emits = d;
+		let { ListGroupOpenConstructor: p = n, WindowIncludeConstructor: m = t } = f == null ? {} : f;
+		this.open = new p(this.props), this.window = new m(this.props, this.className, this.components, this.emits, r(() => ({
+			adaptive: "menu",
+			axis: this.props.axis,
+			onWindow: this.open.onOpen,
+			role: "menu",
+			ariaHaspopup: "menu"
+		})));
+	}
+}, o = { autoClose: !0 }, s = class extends i {
+	constructor(t, n, r, i = a) {
+		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.window.expose };
+	}
+	initClasses() {
+		return {
+			main: {},
+			head: this.getSubClass("head"),
+			list: this.getSubClass("list")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return this.item.window.render({
+			control: (e) => this.initSlot("head", void 0, e),
+			default: () => this.initSlot("list")
+		}, {
+			...this.getAttrs(),
+			open: this.item.open.is.value,
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			inert: !1,
+			autoTabIndex: !1,
+			closeOnEsc: !1
+		});
+	}
 };
+//#endregion
+export { a as ListMenu, s as ListMenuDesign, o as defaultsListMenu };