@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/listGroup.js

@@ -1,171 +1,62 @@
-var d = Object.defineProperty;
-var m = (e, t, s) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var i = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
-import { h as o } from "vue";
-import { DesignConstructorAbstract as u } from "@dxtmisha/functional";
-import { L as c } from "./ListGroupOpen-Bl_HIQoV.js";
-import { A as v } from "./AriaStaticInclude-CFGewqpn.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, a, h, p, l) {
-    i(this, "open");
-    /**
-     * Returns the property for the transformation component.
-     *
-     * Возвращает свойство для компонента трансформации.
-     */
-    i(this, "transformBinds", () => ({
-      autoClose: !1,
-      section: !0,
-      adaptive: "planeAlways",
-      onTransformLite: this.open.onOpen
-    }));
-    this.props = t, this.refs = s, this.element = r, this.classDesign = n, this.className = a, this.components = h, this.slots = p, this.emits = l, this.open = new c(this.props);
-  }
-}
-const C = {};
-class D extends u {
-  /**
-   * 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");
-    /**
-     * Render transformation element.
-     *
-     * Рендер элемента трансформации.
-     */
-    i(this, "renderTransform", () => this.components.render(
-      "motionTransform",
-      {
-        ...this.item.transformBinds(),
-        open: this.item.open.is.value
-      },
-      {
-        head: this.renderHead,
-        body: this.renderList
-      }
-    ));
-    /**
-     * Render title element.
-     *
-     * Рендер элемента заголовка.
-     * @param item motion transform item/ элемент движения трансформации
-     */
-    i(this, "renderHead", (s) => {
-      var r;
-      return o(
-        "div",
-        {
-          class: (r = this.classes) == null ? void 0 : r.value.head
-        },
-        this.initSlot(
-          "head",
-          void 0,
-          {
-            open: this.item.open.is.value,
-            ...s.binds
-          }
-        )
-      );
-    });
-    /**
-     * Render list element.
-     *
-     * Рендер элемента списка.
-     */
-    i(this, "renderList", () => {
-      var s;
-      return o(
-        "div",
-        {
-          class: (s = this.classes) == null ? void 0 : s.value.list
-        },
-        this.initSlot("list")
-      );
-    });
-    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 {
-      open: this.item.open.is
-    };
-  }
-  /**
-   * 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 o(
-      "div",
-      {
-        ...this.getAttrs(),
-        class: (s = this.classes) == null ? void 0 : s.value.main,
-        "data-open": this.item.open.is.value ? "open" : "close",
-        "data-divider": this.props.divider ? "divider" : void 0,
-        ...v.role("group")
-      },
-      this.renderTransform()
-    );
-  }
-}
-export {
-  f as ListGroup,
-  D as ListGroupDesign,
-  C as defaultsListGroup
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./ListGroupOpen-C6J8d4SM.js";
+import { h as r } from "vue";
+import { DesignConstructorAbstract as i } from "@dxtmisha/functional";
+//#region src/constructors/ListGroup/ListGroup.ts
+var a = class {
+	constructor(e, r, i, a, o, s, c, l, u) {
+		t(this, "open", void 0), t(this, "transformBinds", () => ({
+			autoClose: !1,
+			section: !0,
+			adaptive: "planeAlways",
+			onTransformLite: this.open.onOpen
+		})), this.props = e, this.refs = r, this.element = i, this.classDesign = a, this.className = o, this.components = s, this.slots = c, this.emits = l;
+		let { ListGroupOpenConstructor: d = n } = u == null ? {} : u;
+		this.open = new d(this.props);
+	}
+}, o = {}, s = class extends i {
+	constructor(e, n, i, o = a) {
+		super(e, n, i), t(this, "item", void 0), t(this, "renderTransform", () => this.components.render("motionTransform", {
+			...this.item.transformBinds(),
+			open: this.item.open.is.value
+		}, {
+			head: this.renderHead,
+			body: this.renderList
+		})), t(this, "renderHead", (e) => {
+			var t;
+			return r("div", { class: (t = this.classes) == null ? void 0 : t.value.head }, this.initSlot("head", void 0, {
+				open: this.item.open.is.value,
+				...e.binds
+			}));
+		}), t(this, "renderList", () => {
+			var e;
+			return r("div", { class: (e = this.classes) == null ? void 0 : e.value.list }, this.initSlot("list"));
+		}), this.item = new o(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { open: this.item.open.is };
+	}
+	initClasses() {
+		return {
+			main: {},
+			head: this.getSubClass("head"),
+			list: this.getSubClass("list")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var t;
+		return r("div", {
+			...this.getAttrs(),
+			class: (t = this.classes) == null ? void 0 : t.value.main,
+			"data-open": this.item.open.is.value ? "open" : "close",
+			"data-divider": this.props.divider ? "divider" : void 0,
+			...e.role("group")
+		}, this.renderTransform());
+	}
 };
+//#endregion
+export { a as ListGroup, s as ListGroupDesign, n as ListGroupOpen, o as defaultsListGroup };

package/dist/listItem.js

@@ -1,303 +1,114 @@
-var m = Object.defineProperty;
-var f = (o, t, e) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var i = (o, t, e) => f(o, typeof t != "symbol" ? t + "" : t, e);
-import { computed as h, h as u } from "vue";
-import { getBind as v, toBind as x, getRef as C, DesignConstructorAbstract as S } from "@dxtmisha/functional";
-import { g as I } from "./getClassTagAStatic-BnVYlXHI.js";
-import { E as w } from "./EventClickInclude-eDWqxK0d.js";
-import { A as p } from "./AriaStaticInclude-CFGewqpn.js";
-import { L as y } from "./LabelHighlightInclude-Dhj3p9NW.js";
-import { P as B, S as D } from "./SuffixInclude-C7JNYCJK.js";
-import { C as k } from "./CaptionInclude-AFVF4qyd.js";
-import { D as A } from "./DescriptionInclude-DxWNon_J.js";
-import { E } from "./EnabledInclude-DGeuJhOr.js";
-import { S as L } from "./SkeletonInclude-BIUzAO2s.js";
-import { I as O } from "./IconTrailingInclude-CdsOcDxv.js";
-import { R as M } from "./RippleInclude-Du5yIzX_.js";
-import { P } from "./ProgressInclude-UBipdctr.js";
-class R {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter/ дополнительный параметр
-   */
-  constructor(t, e, s, r) {
-    /**
-     * Checks whether a badge is specified for rendering the component/
-     * Проверяет, указан ли бейдж для отображения компонента
-     */
-    i(this, "is", h(() => !!(this.props.badge || this.props.badgeDot)));
-    /**
-     * list of properties for the badge component/ список свойств для компонента бейджа
-     */
-    i(this, "binds", h(() => {
-      var t;
-      return v(
-        this.props.badgeDot ? {} : this.props.badge,
-        {
-          dot: this.props.badgeDot,
-          ...x(
-            (t = C(this.extra)) != null ? t : {},
-            {
-              class: `${this.className}__badge`
-            }
-          )
-        },
-        "label",
-        !0
-      );
-    }));
-    /**
-     * Render of the badge component
-     *
-     * Рендер компонента бейджа
-     */
-    i(this, "render", () => this.components && this.is.value ? this.components.render(
-      "badge",
-      this.binds.value,
-      void 0,
-      "badge"
-    ) : []);
-    this.props = t, this.className = e, this.components = s, this.extra = r;
-  }
-}
-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/ функция вызывается, когда срабатывает событие
-   */
-  constructor(t, e, s, r, n, l, a, g) {
-    i(this, "icon");
-    i(this, "label");
-    i(this, "prefix");
-    i(this, "caption");
-    i(this, "suffix");
-    i(this, "description");
-    i(this, "badge");
-    i(this, "ripple");
-    i(this, "progress");
-    i(this, "skeleton");
-    i(this, "enabled");
-    i(this, "event");
-    /** tag type/ тип тега */
-    i(this, "tag", h(() => this.props.tag ? this.props.tag : this.props.href ? "a" : "div"));
-    /** values for the class/ значения для класса */
-    i(this, "classes", h(() => ({
-      [`${this.className}--description`]: this.description.is.value,
-      [I(this.classDesign)]: !0
-    })));
-    /** values for attributes/ значения для атрибутов */
-    i(this, "binds", h(() => {
-      var e;
-      const t = {
-        "data-value": (e = this.props.index) != null ? e : this.props.value,
-        "data-divider": this.props.divider ? "active" : void 0,
-        "data-parent": this.props.parent,
-        "data-list-id": this.props.listId,
-        tabindex: this.props.tabindex,
-        role: this.props.role,
-        ...p.disabled(!!this.props.disabled),
-        onClick: this.event.onClick
-      };
-      return this.props.isMenu && Object.assign(
-        t,
-        p.haspopup("menu")
-      ), t;
-    }));
-    /** values for attributes with open state/ значения для атрибутов с состоянием open */
-    i(this, "bindsAndOpen", h(() => {
-      const t = {
-        ...this.binds.value
-      };
-      return this.props.isMenu && Object.assign(
-        t,
-        p.expanded(!!this.props.open)
-      ), this.props.isItemMenu && Object.assign(
-        t,
-        p.checked(!!this.props.selected)
-      ), t;
-    }));
-    this.props = t, this.refs = e, this.element = s, this.classDesign = r, this.className = n, this.components = l, this.slots = a, this.emits = g;
-    const b = new P(
-      t,
-      n,
-      l,
-      {
-        circular: !0,
-        inverse: !0
-      }
-    ), d = new L(
-      t,
-      r,
-      ["classTextVariant"]
-    ), c = new E(t, b);
-    this.icon = new O(t, n, l), this.label = new y(
-      t,
-      n,
-      void 0,
-      a,
-      void 0,
-      d
-    ), this.prefix = new B(t, n, a, d), this.caption = new k(t, n, a), this.suffix = new D(t, n, a), this.description = new A(t, n, a, d), this.badge = new R(
-      t,
-      n,
-      l,
-      {
-        overlap: "static"
-      }
-    ), this.ripple = new M(n, l, c), this.progress = b, this.skeleton = d, this.enabled = c, this.event = new w(t, c, g);
-  }
-}
-const Y = {
-  tabindex: "-1",
-  // :default [!] System label / Системная метка
-  iconAlign: "center"
-};
-class Z extends S {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(e, s, r) {
-    super(
-      e,
-      s,
-      r
-    );
-    i(this, "item");
-    /**
-     * Method for rendering the main part of the component.
-     *
-     * Метод для рендеринга основной части компонента.
-     */
-    i(this, "renderBody", () => {
-      var s;
-      const e = [
-        ...this.renderContext(),
-        ...this.item.description.render()
-      ];
-      return this.initSlot("body", e), [
-        u(
-          "div",
-          { class: (s = this.classes) == null ? void 0 : s.value.body },
-          e
-        )
-      ];
-    });
-    /**
-     * Method for rendering the context part of the component.
-     * This includes prefix, caption, suffix, badge, and label.
-     *
-     * Метод для рендеринга контекстной части компонента.
-     * Включает в себя префикс, подпись, суффикс, значок и метку.
-     */
-    i(this, "renderContext", () => {
-      var e;
-      return [
-        u(
-          "div",
-          { class: (e = this.classes) == null ? void 0 : e.value.context },
-          [
-            ...this.item.prefix.render(),
-            ...this.item.caption.render(),
-            ...this.item.suffix.render(),
-            ...this.item.label.render(),
-            ...this.item.badge.render()
-          ]
-        )
-      ];
-    });
-    this.item = new j(
-      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, r;
-    if (this.props.filterMode && !this.item.label.isHighlight())
-      return;
-    const e = [];
-    return this.initSlot("leading", e), e.push(...this.renderBody()), this.initSlot("trailing", e), e.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: (r = this.styles) == null ? void 0 : r.value,
-        ...this.item.bindsAndOpen.value
-      },
-      e
-    );
-  }
-}
-export {
-  j as ListItem,
-  Z as ListItemDesign,
-  Y 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 };