@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/BarsInclude-IM3Gdslg.js

@@ -1,69 +0,0 @@
-var h = Object.defineProperty;
-var b = (i, s, t) => s in i ? h(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
-var r = (i, s, t) => b(i, typeof s != "symbol" ? s + "" : s, t);
-import { ref as c, computed as a } from "vue";
-import { toBinds as m, getRef as d } from "@dxtmisha/functional";
-class B {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(s, t, e, o, p, n) {
-    r(this, "element", c());
-    /**
-     * Checks whether bars should be displayed/
-     * Проверяет, нужно ли отображать панели
-     */
-    r(this, "is", a(() => !!(this.props.barsLabel || this.props.barsDescription || this.props.barsBackHide !== !0)));
-    /** Computed bindings for the bars/ Вычисляемые привязки для панелей */
-    r(this, "binds", a(() => ({
-      ...m(
-        d(this.extra),
-        this.props.barsAttrs,
-        { class: `${this.className}__bars` }
-      ),
-      label: this.props.barsLabel,
-      description: this.props.barsDescription,
-      backHide: this.props.barsBackHide,
-      bars: this.props.barsList
-    })));
-    /**
-     * Render the Bars component
-     *
-     * Рендер компонента панелей
-     */
-    r(this, "render", () => {
-      var s;
-      return this.components && !this.props.barsHide ? this.components.render(
-        "bars",
-        {
-          ref: this.element,
-          ...this.binds.value,
-          onClick: this.onClick
-        },
-        void 0,
-        (s = this.index) != null ? s : "bars"
-      ) : [];
-    });
-    /**
-     * Handles click events from Bars and emits related events/
-     * Обрабатывает клики по панелям и испускает связанные события
-     *
-     * @param event native mouse event/ native событие мыши
-     * @param value payload with { type, value, detail }/ данные события с { type, value, detail }
-     */
-    r(this, "onClick", (s, t) => {
-      var e, o, p;
-      (e = this.emits) == null || e.call(this, "bars", s, t), (o = this.emits) == null || o.call(this, "barsLite", t), t.type === "back" && ((p = this.emits) == null || p.call(this, "barsBack", t));
-    });
-    this.props = s, this.className = t, this.components = e, this.emits = o, this.extra = p, this.index = n;
-  }
-}
-export {
-  B
-};

package/dist/BlockDesign-D67yDT9N.js

@@ -1,233 +0,0 @@
-var g = Object.defineProperty;
-var v = (n, t, e) => t in n ? g(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var s = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
-import { computed as o, h as l } from "vue";
-import { DesignConstructorAbstract as f } from "@dxtmisha/functional";
-import { A as S } from "./AriaStaticInclude-CFGewqpn.js";
-import { L as y } from "./LabelInclude-BtZrrbCf.js";
-import { D as C } from "./DescriptionInclude-DxWNon_J.js";
-import { C as H } from "./CaptionInclude-AFVF4qyd.js";
-import { I } from "./IconInclude-CLqwI29Q.js";
-class k {
-  /**
-   * 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/ функция вызывается, когда срабатывает событие
-   * @param LabelIncludeConstructor class for working with the label/ класс для работы с меткой
-   * @param DescriptionIncludeConstructor class for working with the description/ класс для работы с описанием
-   * @param CaptionIncludeConstructor class for working with the caption/ класс для работы с подписью
-   * @param IconIncludeConstructor class for working with the icon/ класс для работы с иконкой
-   */
-  constructor(t, e, i, a, r, d, h, b, c = y, u = C, p = H, m = I) {
-    /**
-     * Object for working with label/
-     * Объект для работы с меткой
-     */
-    s(this, "label");
-    /**
-     * Object for working with description/
-     * Объект для работы с описанием
-     */
-    s(this, "description");
-    /**
-     * Object for working with caption/
-     * Объект для работы с подписью
-     */
-    s(this, "caption");
-    /**
-     * Object for working with icon/
-     * Объект для работы с иконкой
-     */
-    s(this, "icon");
-    /**
-     * Checks if the headline exists/
-     * Проверяет, существует ли заголовок
-     */
-    s(this, "isHeadline", o(() => !!(this.props.headline || this.slots && "headline" in this.slots)));
-    /**
-     * Checks if the header exists/
-     * Проверяет, существует ли шапка
-     */
-    s(this, "isHeader", o(() => this.label.is.value || this.caption.is.value || this.description.is.value));
-    /**
-     * Tag name/
-     * Название тега
-     */
-    s(this, "tag", o(() => this.props.tag || "div"));
-    this.props = t, this.refs = e, this.element = i, this.classDesign = a, this.className = r, this.components = d, this.slots = h, this.emits = b, this.LabelIncludeConstructor = c, this.DescriptionIncludeConstructor = u, this.CaptionIncludeConstructor = p, this.IconIncludeConstructor = m, this.label = new c(
-      t,
-      r,
-      void 0,
-      h,
-      void 0,
-      void 0,
-      !0,
-      void 0,
-      o(() => this.props.tagHeader || "h3")
-    ), this.caption = new p(t, r, h), this.description = new u(t, r, h), this.icon = new m(t, r, d);
-  }
-}
-class R extends f {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor block item class/ класс элемента блока
-   */
-  constructor(e, i, a, r = k) {
-    super(
-      e,
-      i,
-      a
-    );
-    s(this, "item");
-    /**
-     * Headline rendering.
-     *
-     * Рендеринг заголовка.
-     */
-    s(this, "renderHeadline", () => {
-      var e;
-      if (this.item.isHeadline.value) {
-        const i = [];
-        return this.props.headline && i.push(this.props.headline), this.initSlot("headline", i), [
-          l("div", {
-            key: "headline",
-            class: (e = this.classes) == null ? void 0 : e.value.headline
-          }, i)
-        ];
-      }
-      return [];
-    });
-    /**
-     * Header rendering.
-     *
-     * Рендеринг заголовка.
-     */
-    s(this, "renderHeader", () => {
-      var e;
-      if (this.item.isHeader.value) {
-        const i = [
-          ...this.item.icon.renderIcon(),
-          ...this.item.label.render(),
-          ...this.item.caption.render(),
-          ...this.renderTrailing()
-        ];
-        return [
-          l("div", {
-            key: "header",
-            class: (e = this.classes) == null ? void 0 : e.value.header,
-            ...S.labelledby(this.item.label.idElement.value)
-          }, i)
-        ];
-      }
-      return [];
-    });
-    /**
-     * Trailing rendering.
-     *
-     * Рендеринг правого контента.
-     */
-    s(this, "renderTrailing", () => {
-      var i, a;
-      const e = [];
-      return (i = this.slots) != null && i.trailing && (e.push(l("div", {
-        key: "spacer",
-        class: (a = this.classes) == null ? void 0 : a.value.space
-      })), this.initSlot("trailing", e)), e;
-    });
-    /**
-     * Body rendering.
-     *
-     * Рендеринг тела.
-     */
-    s(this, "renderBody", () => {
-      var i;
-      const e = [
-        ...this.renderHeadline(),
-        ...this.renderHeader(),
-        ...this.item.description.render()
-      ];
-      return [
-        l("div", {
-          key: "body",
-          class: (i = this.classes) == null ? void 0 : i.value.body
-        }, e)
-      ];
-    });
-    this.item = new r(
-      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.label.expose,
-      ...this.item.description.expose
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: {},
-      // :classes [!] System label / Системная метка
-      headline: this.getSubClass("headline"),
-      header: this.getSubClass("header"),
-      label: this.getSubClass("label"),
-      description: this.getSubClass("description"),
-      caption: this.getSubClass("caption"),
-      icon: this.getSubClass("icon"),
-      space: this.getSubClass("space"),
-      body: this.getSubClass("body")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var i;
-    const e = [
-      ...this.renderBody()
-    ];
-    return this.initSlot("default", e), l(this.item.tag.value, {
-      ...this.getAttrs(),
-      class: (i = this.classes) == null ? void 0 : i.value.main
-    }, e);
-  }
-}
-export {
-  k as B,
-  R as a
-};

package/dist/ButtonDesign-DZ7QCmHk.js

@@ -1,169 +0,0 @@
-var d = Object.defineProperty;
-var p = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var s = (i, e, t) => p(i, typeof e != "symbol" ? e + "" : e, t);
-import { computed as c, h as g } from "vue";
-import { DesignConstructorAbstract as b } from "@dxtmisha/functional";
-import { g as v } from "./getClassTagAStatic-BnVYlXHI.js";
-import { L as f } from "./LabelInclude-BtZrrbCf.js";
-import { E as I } from "./EnabledInclude-DGeuJhOr.js";
-import { A as m } from "./AriaStaticInclude-CFGewqpn.js";
-import { E as C } from "./EventClickInclude-eDWqxK0d.js";
-import { P as S } from "./ProgressInclude-UBipdctr.js";
-import { I as k } from "./IconTrailingInclude-CdsOcDxv.js";
-import { R as w } from "./RippleInclude-Du5yIzX_.js";
-import { S as x } from "./SkeletonInclude-BIUzAO2s.js";
-class y {
-  /**
-   * 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, t, r, a, n, l, o, h) {
-    s(this, "label");
-    s(this, "enabled");
-    s(this, "icon");
-    s(this, "progress");
-    s(this, "ripple");
-    s(this, "skeleton");
-    s(this, "event");
-    /** values for the class/ значения для класса */
-    s(this, "classes", c(() => ({
-      [`${this.className}--icon`]: this.icon.isIcon.value,
-      [v(this.classDesign)]: !0,
-      ...this.skeleton.classes.value
-    })));
-    /**
-     * list of aria properties for the button component/
-     * список aria свойств для компонента Button
-     */
-    s(this, "aria", c(() => {
-      const e = {
-        ...this.progress.aria.value,
-        ...m.label(this.props.ariaLabel)
-      };
-      return this.props.tag !== "button" ? {
-        tabindex: "0",
-        ...e,
-        ...m.role("button"),
-        ...this.enabled.aria.value
-      } : e;
-    }));
-    this.props = e, this.refs = t, this.element = r, this.classDesign = a, this.className = n, this.components = l, this.slots = o, this.emits = h;
-    const u = new S(
-      e,
-      n,
-      l,
-      {
-        circular: !0,
-        inverse: !0
-      }
-    );
-    this.label = new f(e, n, void 0, o), this.enabled = new I(e, u), this.icon = new k(e, n, l), this.progress = u, this.ripple = new w(n, l, this.enabled), this.skeleton = new x(
-      e,
-      a,
-      ["classBackground"]
-    ), this.event = new C(
-      e,
-      this.enabled,
-      h
-    );
-  }
-}
-class q extends b {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(t, r, a) {
-    super(
-      t,
-      r,
-      a
-    );
-    s(this, "item");
-    this.item = new y(
-      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,
-      ...this.item.label.expose
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: this.item.classes.value,
-      // :classes [!] System label / Системная метка
-      label: this.getSubClass("label"),
-      icon: this.getSubClass("icon"),
-      trailing: this.getSubClass("trailing"),
-      loading: this.getSubClass("loading")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t, r;
-    return g(
-      this.props.tag || "button",
-      {
-        ...this.getAttrs(),
-        ref: this.element,
-        type: this.props.type,
-        class: (t = this.classes) == null ? void 0 : t.value.main,
-        style: (r = this.styles) == null ? void 0 : r.value,
-        "data-value": this.props.value,
-        disabled: this.item.enabled.isDisabledOrUndefined.value,
-        onClick: this.item.event.onClick,
-        ...this.item.aria.value
-      },
-      [
-        ...this.item.progress.render(),
-        ...this.item.label.render(),
-        ...this.item.icon.render(),
-        ...this.item.ripple.render()
-      ]
-    );
-  }
-}
-export {
-  y as B,
-  q as a
-};

package/dist/CaptionInclude-AFVF4qyd.js

@@ -1,52 +0,0 @@
-var a = Object.defineProperty;
-var r = (i, s, t) => s in i ? a(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
-var n = (i, s, t) => r(i, typeof s != "symbol" ? s + "" : s, t);
-import { computed as c } from "vue";
-import { isFilled as l, render as h } from "@dxtmisha/functional";
-class f {
-  /**
-   * Constructor
-   * @param props input property/ входное свойство
-   * @param className class name/ название класса
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param skeleton optional skeleton for loading state/ необязательный скелетон для состояния загрузки
-   */
-  constructor(s, t, o, e) {
-    /**
-     * Returns true if caption is filled
-     *
-     * Возвращает true, если caption заполнен
-     */
-    n(this, "is", c(() => {
-      var s;
-      return !!(this.props.caption || (s = this.slots) != null && s.caption);
-    }));
-    this.props = s, this.className = t, this.slots = o, this.skeleton = e;
-  }
-  /**
-   * Renders caption element with content from props or slots.
-   *
-   * Отображает элемент caption с содержимым из props или slots.
-   */
-  render() {
-    var t, o, e, p;
-    const s = [];
-    return l(this.props.caption) && s.push(this.props.caption), (t = this.slots) != null && t.caption && s.push((e = (o = this.slots).caption) == null ? void 0 : e.call(o, {})), s.length > 0 ? [
-      h(
-        "div",
-        {
-          class: {
-            [`${this.className}__caption`]: !0,
-            ...(p = this.skeleton) == null ? void 0 : p.classes.value
-          },
-          "data-event-type": "caption"
-        },
-        s,
-        "caption"
-      )
-    ] : [];
-  }
-}
-export {
-  f as C
-};

package/dist/DescriptionInclude-DxWNon_J.js

@@ -1,65 +0,0 @@
-var n = Object.defineProperty;
-var d = (t, s, i) => s in t ? n(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
-var o = (t, s, i) => d(t, typeof s != "symbol" ? s + "" : s, i);
-import { computed as c } from "vue";
-import { getElementId as l, isFilled as h, render as a } from "@dxtmisha/functional";
-class I {
-  /**
-   * Constructor
-   * @param props input property/ входное свойство
-   * @param className class name/ название класса
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param skeleton optional skeleton for loading state/ необязательный скелетон для состояния загрузки
-   */
-  constructor(s, i, e, r) {
-    /** Unique identifier/ Уникальный идентификатор */
-    o(this, "id", l());
-    /**
-     * Check for the presence of a description
-     *
-     * Проверка наличия описания
-     */
-    o(this, "is", c(() => {
-      var s;
-      return !!(this.props.description || (s = this.slots) != null && s.description);
-    }));
-    /** Description expose reference/ Ссылка на expose описания */
-    o(this, "expose", {
-      descriptionId: this.id
-    });
-    this.props = s, this.className = i, this.slots = e, this.skeleton = r;
-  }
-  /**
-   * Get description ID
-   *
-   * Получить ID описания
-   */
-  getId() {
-    return this.id;
-  }
-  /**
-   * Render the description
-   *
-   * Рендер описания
-   */
-  render() {
-    var i, e, r, p;
-    const s = [];
-    return h(this.props.description) && s.push(this.props.description), (i = this.slots) != null && i.description && s.push((r = (e = this.slots).description) == null ? void 0 : r.call(e, {})), s.length > 0 ? [
-      a(
-        "div",
-        {
-          class: {
-            [`${this.className}__description`]: !0,
-            ...(p = this.skeleton) == null ? void 0 : p.classes.value
-          }
-        },
-        s,
-        "description"
-      )
-    ] : [];
-  }
-}
-export {
-  I as D
-};

package/dist/EnabledInclude-DGeuJhOr.js

@@ -1,46 +0,0 @@
-var r = Object.defineProperty;
-var d = (i, s, o) => s in i ? r(i, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[s] = o;
-var a = (i, s, o) => d(i, typeof s != "symbol" ? s + "" : s, o);
-import { computed as e } from "vue";
-import { A as l } from "./AriaStaticInclude-CFGewqpn.js";
-class h {
-  /**
-   * Constructor
-   * @param props input property/ входное свойство
-   * @param progress object for working with progress/ объект для работы с прогрессами
-   */
-  constructor(s, o) {
-    /**
-     * Checks if the element is active
-     *
-     * Проверяет, активен ли элемент
-     */
-    a(this, "isEnabled", e(
-      () => !this.props.disabled && !this.props.readonly && (!this.progress || !this.progress.is.value) && !!(!("dynamic" in this.props) || this.props.dynamic)
-    ));
-    /**
-     * checks if the read-only status is enabled/ проверяет, включён ли статус "только для чтения"
-     */
-    a(this, "isReadonly", e(() => !!this.props.readonly));
-    /**
-     * checks if the element is disabled/ проверяет, отключён ли элемент
-     */
-    a(this, "isDisabled", e(() => !!this.props.disabled));
-    /**
-     * checks if the element is disabled or the value is empty/
-     * проверяет, отключён ли элемент или пустое ли значение
-     */
-    a(this, "isDisabledOrUndefined", e(() => this.isDisabled.value || void 0));
-    /**
-     * list of aria properties for the enabled state/
-     * список aria свойств для состояния активности
-     */
-    a(this, "aria", e(
-      () => l.disabled(!this.isEnabled.value)
-    ));
-    this.props = s, this.progress = o;
-  }
-}
-export {
-  h as E
-};