@dxtmisha/constructor 0.39.7 → 0.52.0

package/dist/ripple.js

@@ -1,136 +1,56 @@
-var h = Object.defineProperty;
-var c = (n, s, t) => s in n ? h(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t;
-var l = (n, s, t) => c(n, typeof s != "symbol" ? s + "" : s, t);
-import { createElement as m, DesignConstructorAbstract as p } from "@dxtmisha/functional";
-import { h as d } from "vue";
-import { A as u } from "./AriaStaticInclude-CAURwJMb.js";
-import { R as X } from "./RippleInclude-Du5yIzX_.js";
-class y {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param element image element for scaling/ элемент изображения для масштабирования
-   * @param className list of available classes/ список доступных классов
-   */
-  constructor(s, t, i) {
-    l(this, "classItem");
-    l(this, "classEnd");
-    l(this, "styleX");
-    l(this, "styleY");
-    this.props = s, this.element = t, this.className = i, this.classItem = `${this.className}__item`, this.classEnd = `${this.className}--end`, this.styleX = `--${this.className}-sys-x`, this.styleY = `--${this.className}-sys-y`;
-  }
-  /**
-   * Adding a new light element.
-   *
-   * Добавление нового элемента свечения.
-   * @param x x-coordinate/ x-координата
-   * @param y y-coordinate/ y-координата
-   */
-  add(s, t) {
-    var a;
-    if ((a = this.props) != null && a.disabled)
-      return;
-    const i = this.element.value;
-    i && m(i, "span", (e) => {
-      e.onanimationend = () => e.classList.add(this.classEnd), e.ontransitionend = () => {
-        var r;
-        return (r = e.parentElement) == null ? void 0 : r.removeChild(e);
-      }, e.style.setProperty(this.styleX, `${s}px`), e.style.setProperty(this.styleY, `${t}px`), e.classList.add(this.classItem);
-    });
-  }
-}
-class f {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @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(s, t, i, a, e, r, o) {
-    l(this, "item");
-    /**
-     * The click event adds a wave effect element.
-     *
-     * Событие клика добавляет элемент эффекта волна.
-     * @param event click event/ событие клика
-     */
-    l(this, "onClick", (s) => this.item.add(s.offsetX, s.offsetY));
-    this.props = s, this.refs = t, this.element = i, this.className = a, this.components = e, this.slots = r, this.emits = o, this.item = new y(s, i, a);
-  }
-}
-const I = {};
-class N extends p {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor ripple item class/ класс элемента ripple
-   */
-  constructor(t, i, a, e = f) {
-    super(
-      t,
-      i,
-      a
-    );
-    l(this, "item");
-    this.item = new e(
-      this.props,
-      this.refs,
-      this.element,
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    ), this.init();
-  }
-  /**
-   * Initialization of all the necessary properties for work<br>
-   * Инициализация всех необходимых свойств для работы.
-   */
-  initExpose() {
-    return {};
-  }
-  /**
-   * Improvement of the obtained list of classes.<br>
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: {},
-      // :classes [!] System label / Системная метка
-      item: this.getSubClass("item")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.<br>
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t;
-    return d("span", {
-      ref: this.element,
-      key: "ripple",
-      class: (t = this.classes) == null ? void 0 : t.value.main,
-      onPointerdown: this.item.onClick,
-      ...u.hidden()
-    });
-  }
-}
-export {
-  f as Ripple,
-  N as RippleDesign,
-  X as RippleInclude,
-  I as defaultsRipple
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./RippleInclude-BlC1h0Ya.js";
+import { h as r } from "vue";
+import { DesignConstructorAbstract as i, createElement as a } from "@dxtmisha/functional";
+//#region src/constructors/Ripple/RippleItem.ts
+var o = class {
+	constructor(e, n, r) {
+		t(this, "classItem", void 0), t(this, "classEnd", void 0), t(this, "styleX", void 0), t(this, "styleY", void 0), this.props = e, this.element = n, this.className = r, this.classItem = `${this.className}__item`, this.classEnd = `${this.className}--end`, this.styleX = `--${this.className}-sys-x`, this.styleY = `--${this.className}-sys-y`;
+	}
+	add(e, t) {
+		var n;
+		if ((n = this.props) != null && n.disabled) return;
+		let r = this.element.value;
+		r && a(r, "span", (n) => {
+			n.onanimationend = () => n.classList.add(this.classEnd), n.ontransitionend = () => {
+				var e;
+				return (e = n.parentElement) == null ? void 0 : e.removeChild(n);
+			}, n.style.setProperty(this.styleX, `${e}px`), n.style.setProperty(this.styleY, `${t}px`), n.classList.add(this.classItem);
+		});
+	}
+}, s = class {
+	constructor(e, n, r, i, a, s, c, l) {
+		t(this, "item", void 0), t(this, "onClick", (e) => this.item.add(e.offsetX, e.offsetY)), this.props = e, this.refs = n, this.element = r, this.className = i, this.components = a, this.slots = s, this.emits = c;
+		let { RippleItemConstructor: u = o } = l == null ? {} : l;
+		this.item = new u(e, r, i);
+	}
+}, c = {}, l = class extends i {
+	constructor(e, n, r, i = s) {
+		super(e, n, r), t(this, "item", void 0), this.item = new i(this.props, this.refs, this.element, this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return {
+			main: {},
+			item: this.getSubClass("item")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var t;
+		return r("span", {
+			ref: this.element,
+			key: "ripple",
+			class: (t = this.classes) == null ? void 0 : t.value.main,
+			onPointerdown: this.item.onClick,
+			...e.hidden()
+		});
+	}
 };
+//#endregion
+export { s as Ripple, l as RippleDesign, n as RippleInclude, o as RippleItem, c as defaultsRipple };

package/dist/scrollbar.js

@@ -1,238 +1,100 @@
-var u = Object.defineProperty;
-var p = (n, t, e) => t in n ? u(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var h = (n, t, e) => p(n, typeof t != "symbol" ? t + "" : t, e);
-import { watch as b, onUnmounted as f, computed as g, h as S } from "vue";
-import { EventItem as r, ScrollbarWidthRef as w, DesignConstructorAbstract as B } from "@dxtmisha/functional";
-const a = 8;
-class T {
-  /**
-   * Constructor for ScrollbarBorder class.
-   *
-   * Конструктор класса ScrollbarBorder.
-   * @param props properties/ свойства
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param className class name/ название класса
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-  constructor(t, e, s, i, o) {
-    h(this, "event");
-    h(this, "eventSub");
-    /**
-     * Top boundary state/ состояние верхней границы
-     */
-    h(this, "top", !1);
-    /**
-     * Bottom boundary state/ состояние нижней границы
-     */
-    h(this, "bottom", !1);
-    /**
-     * Changing the monitoring status depending on the border parameter.
-     *
-     * Изменение статуса слежения в зависимости от параметра border.
-     */
-    h(this, "toggle", () => {
-      this.props.divider || this.props.dividerTop || this.props.dividerBottom ? this.start() : this.stop();
-    });
-    /**
-     * Updating the monitoring element for the event object.
-     *
-     * Обновление элемента слежения для объекта события.
-     */
-    h(this, "reset", () => {
-      var t;
-      this.element.value ? (this.event && (this.event.setElement(this.element.value), this.eventSub && ((t = this.element.value.children) != null && t[0]) && this.eventSub.setElement(this.element.value.children[0])), this.toggle(), this.update()) : this.stop();
-    });
-    /**
-     * Updates the list of active classes.
-     *
-     * Обновляет список активных классов.
-     */
-    h(this, "update", () => {
-      const t = this.element.value;
-      t && (t.classList.toggle(`${this.className}--divider--top`, this.top), t.classList.toggle(`${this.className}--divider--bottom`, this.bottom), t.dataset.scrollbarDivider = this.top || this.bottom ? "divider" : "none");
-    });
-    /**
-     * Function for the event of monitoring scroll changes.
-     *
-     * Функция для события слежения за изменениями скролла.
-     */
-    h(this, "on", () => {
-      const t = this.element.value;
-      t && this.setData(
-        t.scrollTop > a,
-        t.scrollTop < t.scrollHeight - t.clientHeight - a
-      );
-    });
-    this.props = t, this.element = s, this.className = i, this.emits = o, b([
-      this.element,
-      e.divider,
-      e.dividerTop,
-      e.dividerBottom,
-      e.inverse
-    ], this.reset, { immediate: !0 }), f(() => this.stop());
-  }
-  /**
-   * Start monitoring the scroll.
-   *
-   * Начать слежение за скроллом.
-   */
-  start() {
-    var t, e;
-    this.event ? this.event.start() : this.event = new r(this.element.value, ["scroll-sync"], this.on).start(), this.eventSub ? this.eventSub.start() : (e = (t = this.element.value) == null ? void 0 : t.children) != null && e[0] && (this.eventSub = new r(this.element.value.children[0], ["resize"], this.on).start()), this.on();
-  }
-  /**
-   * Stopping the monitoring of scroll changes.
-   *
-   * Остановка слежения за изменениями скролла.
-   */
-  stop() {
-    this.event && (this.event.stop(), this.event = void 0), this.eventSub && (this.eventSub.stop(), this.eventSub = void 0);
-  }
-  /**
-   * Changing the data for class output.
-   *
-   * Изменение данных для вывода класса.
-   * @param top status of the top border display/ статус отображения верхнего бордера
-   * @param bottom status of the bottom border display/ статус отображения нижнего бордера
-   */
-  setData(t, e) {
-    return (this.top !== t || this.bottom !== e) && this.setTop(t).setBottom(e).update(), this;
-  }
-  /**
-   * Sets the top boundary state and emits related events.
-   *
-   * Устанавливает состояние верхней границы и генерирует связанные события.
-   * @param top status of the top border display/ статус отображения верхнего бордера
-   */
-  setTop(t) {
-    var e, s, i, o;
-    return this.top !== t && (this.top = t, (e = this.emits) == null || e.call(this, "top", t), (s = this.emits) == null || s.call(this, "edge", t, this.bottom, "top"), t ? (i = this.emits) == null || i.call(this, "reachTop") : (o = this.emits) == null || o.call(this, "leaveTop")), this;
-  }
-  /**
-   * Sets the bottom boundary state and emits related events.
-   *
-   * Устанавливает состояние нижней границы и генерирует связанные события.
-   * @param bottom status of the bottom border display/ статус отображения нижнего бордера
-   */
-  setBottom(t) {
-    var e, s, i, o;
-    return this.bottom !== t && (this.bottom = t, (e = this.emits) == null || e.call(this, "bottom", t), (s = this.emits) == null || s.call(this, "edge", this.top, t, "bottom"), t ? (i = this.emits) == null || i.call(this, "reachBottom") : (o = this.emits) == null || o.call(this, "leaveBottom")), this;
-  }
-}
-class D {
-  /**
-   * Constructor for Scrollbar class.
-   *
-   * Конструктор класса Scrollbar.
-   * @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 ScrollbarWidthRefConstructor class for working with scrollbar width/ класс для работы с шириной скролла
-   * @param ScrollbarBorderConstructor class for working with scrollbar border/ класс для работы с границей скролла
-   */
-  constructor(t, e, s, i, o, m, d, l, c = w, v = T) {
-    h(this, "width");
-    h(this, "border");
-    /**
-     * Returns values for the class.
-     *
-     * Возвращает значения для класса.
-     */
-    h(this, "classes", g(() => ({
-      [`${this.className}--disabled`]: !!this.width.item.value
-    })));
-    this.props = t, this.refs = e, this.element = s, this.classDesign = i, this.className = o, this.components = m, this.slots = d, this.emits = l, this.width = new c(), this.border = new v(
-      t,
-      e,
-      s,
-      o,
-      l
-    );
-  }
-}
-const R = {
-  tag: "div"
-};
-class x extends B {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor class for working with the item/ класс для работы с элементом
-   */
-  constructor(e, s, i, o = D) {
-    super(
-      e,
-      s,
-      i
-    );
-    h(this, "item");
-    this.item = new o(
-      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
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var s, i;
-    const e = [this.initSlot("default")];
-    if (this.item.width.is.value)
-      return S(
-        (s = this.props.tag) != null ? s : "div",
-        {
-          ...this.getAttrs(),
-          ref: this.element,
-          class: (i = this.classes) == null ? void 0 : i.value.main
-        },
-        e
-      );
-  }
-}
-export {
-  D as Scrollbar,
-  x as ScrollbarDesign,
-  R as defaultsScrollbar
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./ScrollbarInclude-B4_ZIqkW.js";
+import { computed as n, h as r, onUnmounted as i, watch as a } from "vue";
+import { DesignConstructorAbstract as o, EventItem as s, ScrollbarWidthRef as c } from "@dxtmisha/functional";
+//#region src/constructors/Scrollbar/ScrollbarBorder.ts
+var l = 8, u = class {
+	constructor(t, n, r, o, s) {
+		e(this, "event", void 0), e(this, "eventSub", void 0), e(this, "top", !1), e(this, "bottom", !1), e(this, "toggle", () => {
+			this.props.divider || this.props.dividerTop || this.props.dividerBottom ? this.start() : this.stop();
+		}), e(this, "reset", () => {
+			if (this.element.value) {
+				if (this.event) {
+					var e;
+					this.event.setElement(this.element.value), this.eventSub && (e = this.element.value.children) != null && e[0] && this.eventSub.setElement(this.element.value.children[0]);
+				}
+				this.toggle(), this.update();
+			} else this.stop();
+		}), e(this, "update", () => {
+			let e = this.element.value;
+			e && (e.classList.toggle(`${this.className}--divider--top`, this.top), e.classList.toggle(`${this.className}--divider--bottom`, this.bottom), e.dataset.scrollbarDivider = this.top || this.bottom ? "divider" : "none");
+		}), e(this, "on", () => {
+			let e = this.element.value;
+			e && this.setData(e.scrollTop > l, e.scrollTop < e.scrollHeight - e.clientHeight - l);
+		}), this.props = t, this.element = r, this.className = o, this.emits = s, a([
+			this.element,
+			n.divider,
+			n.dividerTop,
+			n.dividerBottom,
+			n.inverse
+		], this.reset, { immediate: !0 }), i(() => this.stop());
+	}
+	start() {
+		var e;
+		this.event ? this.event.start() : this.event = new s(this.element.value, ["scroll-sync"], this.on).start(), this.eventSub ? this.eventSub.start() : !((e = this.element.value) == null || (e = e.children) == null) && e[0] && (this.eventSub = new s(this.element.value.children[0], ["resize"], this.on).start()), this.on();
+	}
+	stop() {
+		this.event && (this.event.stop(), this.event = void 0), this.eventSub && (this.eventSub.stop(), this.eventSub = void 0);
+	}
+	setData(e, t) {
+		return (this.top !== e || this.bottom !== t) && this.setTop(e).setBottom(t).update(), this;
+	}
+	setTop(e) {
+		if (this.top !== e) {
+			var t, n;
+			if (this.top = e, (t = this.emits) == null || t.call(this, "top", e), (n = this.emits) == null || n.call(this, "edge", e, this.bottom, "top"), e) {
+				var r;
+				(r = this.emits) == null || r.call(this, "reachTop");
+			} else {
+				var i;
+				(i = this.emits) == null || i.call(this, "leaveTop");
+			}
+		}
+		return this;
+	}
+	setBottom(e) {
+		if (this.bottom !== e) {
+			var t, n;
+			if (this.bottom = e, (t = this.emits) == null || t.call(this, "bottom", e), (n = this.emits) == null || n.call(this, "edge", this.top, e, "bottom"), e) {
+				var r;
+				(r = this.emits) == null || r.call(this, "reachBottom");
+			} else {
+				var i;
+				(i = this.emits) == null || i.call(this, "leaveBottom");
+			}
+		}
+		return this;
+	}
+}, d = class {
+	constructor(t, r, i, a, o, s, l, d, f) {
+		e(this, "width", void 0), e(this, "border", void 0), e(this, "classes", n(() => ({ [`${this.className}--disabled`]: !!this.width.item.value }))), this.props = t, this.refs = r, this.element = i, this.classDesign = a, this.className = o, this.components = s, this.slots = l, this.emits = d;
+		let { ScrollbarBorderConstructor: p = u, ScrollbarWidthRefConstructor: m = c } = f == null ? {} : f;
+		this.width = new m(), this.border = new p(t, r, i, o, d);
+	}
+}, f = { tag: "div" }, p = class extends o {
+	constructor(t, n, r, i = d) {
+		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 {};
+	}
+	initClasses() {
+		return { main: this.item.classes.value };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		let e = [this.initSlot("default")];
+		if (this.item.width.is.value) {
+			var t, n;
+			return r((t = this.props.tag) == null ? "div" : t, {
+				...this.getAttrs(),
+				ref: this.element,
+				class: (n = this.classes) == null ? void 0 : n.value.main
+			}, e);
+		}
+	}
 };
+//#endregion
+export { d as Scrollbar, u as ScrollbarBorder, p as ScrollbarDesign, t as ScrollbarInclude, f as defaultsScrollbar };

package/dist/section.js

@@ -1,30 +1,13 @@
-import { B as n, a } from "./BlockDesign-CwRNJi0I.js";
+import { r as e, t } from "./BlockDesign-DkbPo-Ey.js";
 import "@dxtmisha/functional";
-class i extends n {
-}
-const d = {
-  tag: "section",
-  tagHeader: "h2"
-};
-class g extends a {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor block item class/ класс элемента блока
-   */
-  constructor(s, t, o, c = i) {
-    super(
-      s,
-      t,
-      o,
-      c
-    );
-  }
-}
-export {
-  i as Section,
-  g as SectionDesign,
-  d as defaultsSection
+//#region src/constructors/Section/Section.ts
+var n = class extends e {}, r = {
+	tag: "section",
+	tagHeader: "h2"
+}, i = class extends t {
+	constructor(e, t, r, i = n) {
+		super(e, t, r, i);
+	}
 };
+//#endregion
+export { n as Section, i as SectionDesign, r as defaultsSection };