@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/scrollbar.js

@@ -1,235 +1,100 @@
-var c = Object.defineProperty;
-var v = (n, t, e) => t in n ? c(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var h = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
-import { watch as u, onUnmounted as p, computed as b, h as f } from "vue";
-import { EventItem as r, ScrollbarWidthRef as g, DesignConstructorAbstract as S } from "@dxtmisha/functional";
-const a = 8;
-class w {
-  /**
-   * 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, u([
-      this.element,
-      e.divider,
-      e.dividerTop,
-      e.dividerBottom,
-      e.inverse
-    ], this.reset, { immediate: !0 }), p(() => 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 B {
-  /**
-   * 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/ функция вызывается, когда срабатывает событие
-   */
-  constructor(t, e, s, i, o, m, d, l) {
-    h(this, "width");
-    h(this, "border");
-    /**
-     * Returns values for the class.
-     *
-     * Возвращает значения для класса.
-     */
-    h(this, "classes", b(() => ({
-      [`${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 g(), this.border = new w(
-      t,
-      e,
-      s,
-      o,
-      l
-    );
-  }
-}
-const E = {
-  tag: "div"
-};
-class L extends S {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(e, s, i) {
-    super(
-      e,
-      s,
-      i
-    );
-    h(this, "item");
-    this.item = new B(
-      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 f(
-        (s = this.props.tag) != null ? s : "div",
-        {
-          ...this.getAttrs(),
-          ref: this.element,
-          class: (i = this.classes) == null ? void 0 : i.value.main
-        },
-        e
-      );
-  }
-}
-export {
-  B as Scrollbar,
-  L as ScrollbarDesign,
-  E 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-D67yDT9N.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 };