@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/page.js

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

package/dist/plugin.js

@@ -1,4 +1,2 @@
-import { P } from "./Plugin-DUJ0epm4.js";
-export {
-  P as Plugin
-};
+import { t as e } from "./Plugin-cWn0HZcf.js";
+export { e as Plugin };

package/dist/progress.js

@@ -1,276 +1,124 @@
-var d = Object.defineProperty;
-var f = (l, e, s) => e in l ? d(l, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : l[e] = s;
-var t = (l, e, s) => f(l, typeof e != "symbol" ? e + "" : e, s);
-import { watch as g, onUnmounted as b, ref as u, computed as a, h } from "vue";
-import { toNumber as o, DesignConstructorAbstract as y } from "@dxtmisha/functional";
-import { A as c } from "./AriaStaticInclude-CFGewqpn.js";
-import { P as D } from "./ProgressInclude-UBipdctr.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/ функция вызывается, когда срабатывает событие
-   */
-  constructor(e, s, i, r, n, p, m, v) {
-    t(this, "timeout");
-    t(this, "hide", u(!1));
-    t(this, "visible", u(!1));
-    /**
-     * Returns the tag type for the element.
-     *
-     * Возвращает тип тега для элемента.
-     */
-    t(this, "tag", a(() => this.props.circular ? "svg" : "div"));
-    /**
-     * Returns values.
-     *
-     * Возвращает значения.
-     */
-    t(this, "value", a(() => {
-      var e;
-      return o((e = this.props.value) != null ? e : 0);
-    }));
-    /**
-     * Returns values in percentages.
-     *
-     * Возвращает значения в процентах.
-     */
-    t(this, "valueInPercent", a(() => {
-      if (this.isValue()) {
-        const e = this.value.value, s = 100 / this.getMax() * e;
-        return this.props.circular ? s.toString() : `${100 - s}%`;
-      }
-      return null;
-    }));
-    /**
-     * Values for the class.
-     *
-     * Значения для класса.
-     */
-    t(this, "classes", a(() => ({
-      [`${this.className}--hide`]: this.hide.value,
-      [`${this.className}--visible`]: this.visible.value,
-      [`${this.className}--value`]: this.isValue()
-    })));
-    /**
-     * Returns the property for style.
-     *
-     * Возвращает свойство для стиля.
-     */
-    t(this, "styles", a(() => ({
-      [`--${this.className}-sys-value`]: this.valueInPercent.value
-    })));
-    /**
-     * Monitors the animation event for hiding the element.
-     *
-     * Следит за событием анимации для скрытия элемента.
-     * @param animationName A string containing the value of the animation-name that generated the animation/
-     * Является DOMString содержащей значения animation-name CSS-свойств связанных с transition
-     */
-    t(this, "onAnimation", ({ animationName: e }) => {
-      e.match("-hidden") && (this.hide.value = !1);
-    });
-    /**
-     * The mode is triggered when the visible property changes to change the output status of the element.
-     *
-     * Метод срабатывает при изменении свойства visible для изменения статуса вывода элемента.
-     */
-    t(this, "switch", () => {
-      var s, i;
-      const e = this.props.visible;
-      if (clearTimeout(this.timeout), this.isValue())
-        this.reset();
-      else if (!!this.visible.value !== e) {
-        const r = o((s = this.props.delay) != null ? s : 0), n = o((i = this.props.delayHide) != null ? i : 0);
-        e && r ? this.timeout = setTimeout(() => this.update(), r) : !e && n ? this.timeout = setTimeout(() => this.update(), n) : this.update();
-      }
-    });
-    this.props = e, this.refs = s, this.element = i, this.classDesign = r, this.className = n, this.components = p, this.slots = m, this.emits = v, g(
-      [s.visible],
-      this.switch,
-      { immediate: !0 }
-    ), b(() => {
-      clearTimeout(this.timeout);
-    });
-  }
-  /**
-   * Checks if there are any values.
-   *
-   * Проверяет, есть ли значения.
-   */
-  isValue() {
-    return this.value.value > 0;
-  }
-  /**
-   * Returns the maximum allowable value.
-   *
-   * Возвращает максимально допустимое значение.
-   */
-  getMax() {
-    var e;
-    return o((e = this.props.max) != null ? e : 100);
-  }
-  /**
-   * Updates dependent data when the visible property changes.
-   *
-   * Обновляет зависимые данные при изменении свойства visible.
-   */
-  update() {
-    return this.hide.value = !this.props.visible, this.visible.value = !!this.props.visible, this;
-  }
-  /**
-   * Resets values to their initial state.
-   *
-   * Сбрасывает значения до начального положения.
-   */
-  reset() {
-    return this.hide.value = !1, this.visible.value = !1, this;
-  }
-}
-const N = {
-  max: 100,
-  delay: 360,
-  delayHide: 200,
-  ariaLive: "polite",
-  // :default [!] System label / Системная метка
-  linear: !0,
-  indeterminate: "type1",
-  position: "top"
-};
-class M extends y {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(s, i, r) {
-    super(
-      s,
-      i,
-      r
-    );
-    t(this, "item");
-    /**
-     * Render elements for the circular loader.
-     *
-     * Рендер элементов для кругового загрузчика.
-     */
-    t(this, "renderCircle", () => {
-      var s, i;
-      return this.props.circular ? [
-        h("circle", {
-          class: (s = this.classes) == null ? void 0 : s.value.circleSub,
-          cx: "24",
-          cy: "24",
-          r: "20"
-        }),
-        h("circle", {
-          class: (i = this.classes) == null ? void 0 : i.value.circle,
-          cx: "24",
-          cy: "24",
-          r: "20"
-        })
-      ] : [];
-    });
-    /**
-     * Render dot at the end.
-     *
-     * Рендер точки в конце.
-     */
-    t(this, "renderPoint", () => {
-      var s;
-      return this.props.linear && this.props.point && (this.props.value || this.props.indeterminate === "type1") ? [h("span", { class: (s = this.classes) == null ? void 0 : s.value.point })] : [];
-    });
-    /**
-     * Props for the main element/ Свойства для главного элемента
-     */
-    t(this, "propsMain", a(() => {
-      var i, r;
-      const s = {
-        ...this.getAttrs(),
-        class: (i = this.classes) == null ? void 0 : i.value.main,
-        style: (r = this.styles) == null ? void 0 : r.value,
-        viewBox: "0 0 48 48",
-        onAnimationend: this.item.onAnimation,
-        ...c.role("progressbar")
-      };
-      return this.props.value ? {
-        ...s,
-        ...c.valueMinMax(
-          this.props.value,
-          0,
-          this.props.max
-        )
-      } : s;
-    }));
-    this.item = new x(
-      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 / Системная метка
-      circle: this.getSubClass("circle"),
-      circleSub: this.getSubClass("circleSub"),
-      point: this.getSubClass("point")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return this.item.styles.value;
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    const s = [
-      ...this.renderCircle(),
-      ...this.renderPoint()
-    ];
-    return h(
-      this.item.tag.value,
-      this.propsMain.value,
-      s
-    );
-  }
-}
-export {
-  x as Progress,
-  M as ProgressDesign,
-  D as ProgressInclude,
-  N as defaultsProgress
+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 "./ProgressInclude-BnPBYwJg.js";
+import { computed as i, h as a, onUnmounted as o, ref as s, watch as c } from "vue";
+import { DesignConstructorAbstract as l, toNumber as u } from "@dxtmisha/functional";
+//#region src/constructors/Progress/Progress.ts
+var d = class {
+	constructor(e, r, a, l, d, f, p, m, h) {
+		t(this, "timeout", void 0), t(this, "hide", s(!1)), t(this, "visible", s(!1)), t(this, "text", void 0), t(this, "isProgressbar", i(() => this.isValue())), t(this, "tag", i(() => this.props.circular ? "svg" : "div")), t(this, "value", i(() => {
+			var e;
+			return u((e = this.props.value) == null ? 0 : e);
+		})), t(this, "valueInPercent", i(() => {
+			if (this.isValue()) {
+				let e = this.value.value, t = 100 / this.getMax() * e;
+				return this.props.circular ? t.toString() : `${100 - t}%`;
+			}
+			return null;
+		})), t(this, "label", i(() => {
+			if (this.props.ariaLabel) return this.props.ariaLabel;
+			if (!this.isValue() && this.props.visible) return this.text.loading.value;
+		})), t(this, "role", i(() => this.isValue() ? "progressbar" : "status")), t(this, "classes", i(() => ({
+			[`${this.className}--hide`]: this.hide.value,
+			[`${this.className}--visible`]: this.visible.value,
+			[`${this.className}--value`]: this.isValue()
+		}))), t(this, "styles", i(() => ({ [`--${this.className}-sys-value`]: this.valueInPercent.value }))), t(this, "onAnimation", ({ animationName: e }) => {
+			e.match("-hidden") && (this.hide.value = !1);
+		}), t(this, "switch", () => {
+			let e = this.props.visible;
+			if (clearTimeout(this.timeout), this.isValue()) this.reset();
+			else if (!!this.visible.value !== e) {
+				var t, n;
+				let r = u((t = this.props.delay) == null ? 0 : t), i = u((n = this.props.delayHide) == null ? 0 : n);
+				e && r ? this.timeout = setTimeout(() => this.update(), r) : !e && i ? this.timeout = setTimeout(() => this.update(), i) : this.update();
+			}
+		}), this.props = e, this.refs = r, this.element = a, this.classDesign = l, this.className = d, this.components = f, this.slots = p, this.emits = m;
+		let { TextIncludeConstructor: g = n } = h == null ? {} : h;
+		this.text = new g(this.props), c([r.visible], this.switch, { immediate: !0 }), o(() => {
+			clearTimeout(this.timeout);
+		});
+	}
+	isValue() {
+		return this.value.value > 0;
+	}
+	getMax() {
+		var e;
+		return u((e = this.props.max) == null ? 100 : e);
+	}
+	update() {
+		return this.hide.value = !this.props.visible, this.visible.value = !!this.props.visible, this;
+	}
+	reset() {
+		return this.hide.value = !1, this.visible.value = !1, this;
+	}
+}, f = {
+	max: 100,
+	delay: 360,
+	delayHide: 200,
+	linear: !0,
+	indeterminate: "type1",
+	position: "top"
+}, p = class extends l {
+	constructor(n, r, o, s = d) {
+		super(n, r, o), t(this, "item", void 0), t(this, "renderCircle", () => {
+			if (this.props.circular) {
+				var t, n;
+				return [a("circle", {
+					class: (t = this.classes) == null ? void 0 : t.value.circleSub,
+					cx: "24",
+					cy: "24",
+					r: "20",
+					...e.hidden()
+				}), a("circle", {
+					class: (n = this.classes) == null ? void 0 : n.value.circle,
+					cx: "24",
+					cy: "24",
+					r: "20",
+					...e.hidden()
+				})];
+			}
+			return [];
+		}), t(this, "renderPoint", () => {
+			if (this.props.linear && this.props.point && (this.props.value || this.props.indeterminate === "type1")) {
+				var e;
+				return [a("span", { class: (e = this.classes) == null ? void 0 : e.value.point })];
+			}
+			return [];
+		}), t(this, "propsMain", i(() => {
+			var t, n;
+			let r = {
+				...this.getAttrs(),
+				class: (t = this.classes) == null ? void 0 : t.value.main,
+				style: (n = this.styles) == null ? void 0 : n.value,
+				onAnimationend: this.item.onAnimation,
+				...e.role(this.item.role.value),
+				...e.label(this.item.label.value)
+			};
+			return this.props.circular && (r.viewBox = "0 0 48 48"), this.props.value ? {
+				...r,
+				...e.valueMinMax(this.props.value, 0, this.props.max)
+			} : r;
+		})), this.item = new s(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,
+			circle: this.getSubClass("circle"),
+			circleSub: this.getSubClass("circleSub"),
+			point: this.getSubClass("point")
+		};
+	}
+	initStyles() {
+		return this.item.styles.value;
+	}
+	initRender() {
+		let e = [...this.renderCircle(), ...this.renderPoint()];
+		return a(this.item.tag.value, this.propsMain.value, e);
+	}
 };
+//#endregion
+export { d as Progress, p as ProgressDesign, r as ProgressInclude, f as defaultsProgress };

package/dist/ripple.js

@@ -1,135 +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-CFGewqpn.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/ список дополнительных параметров
-   */
-  constructor(t, i, a) {
-    super(
-      t,
-      i,
-      a
-    );
-    l(this, "item");
-    this.item = new f(
-      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 };