@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/progress.js

@@ -0,0 +1,276 @@
+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
+};

package/dist/ripple.js

@@ -0,0 +1,135 @@
+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
+};

package/dist/scrollbar.js

@@ -0,0 +1,235 @@
+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
+};

package/dist/section.js

@@ -0,0 +1,30 @@
+import { B as n, a } from "./BlockDesign-D67yDT9N.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
+};