@dxtmisha/constructor 0.39.7 → 0.52.0

package/dist/BarsInclude-BOEoY-O4.js

@@ -1,74 +0,0 @@
-var c = Object.defineProperty;
-var d = (t, s, i) => s in t ? c(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
-var r = (t, s, i) => d(t, typeof s != "symbol" ? s + "" : s, i);
-import { ref as l, computed as a } from "vue";
-import { toBinds as m, getRef as k } from "@dxtmisha/functional";
-class u {
-  /**
-   * 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 labelId identifier for the label/ идентификатор для метки
-   * @param descriptionId identifier for the description/ идентификатор для описания
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(s, i, e, o, p, n, h, b) {
-    /** Element reference/ Ссылка на элемент */
-    r(this, "element", l());
-    /**
-     * 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(
-        k(this.extra),
-        this.props.barsAttrs,
-        { class: `${this.className}__bars` }
-      ),
-      labelId: this.labelId,
-      label: this.props.barsLabel,
-      descriptionId: this.descriptionId,
-      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, i) => {
-      var e, o, p;
-      (e = this.emits) == null || e.call(this, "bars", s, i), (o = this.emits) == null || o.call(this, "barsLite", i), i.type === "back" && ((p = this.emits) == null || p.call(this, "barsBack", i));
-    });
-    this.props = s, this.className = i, this.components = e, this.emits = o, this.extra = p, this.labelId = n, this.descriptionId = h, this.index = b;
-  }
-}
-export {
-  u as B
-};

package/dist/BlockDesign-CwRNJi0I.js

@@ -1,244 +0,0 @@
-var v = Object.defineProperty;
-var f = (r, s, e) => s in r ? v(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
-var t = (r, s, e) => f(r, typeof s != "symbol" ? s + "" : s, e);
-import { computed as o, h as l } from "vue";
-import { DesignConstructorAbstract as y } from "@dxtmisha/functional";
-import { A as c } from "./AriaStaticInclude-CAURwJMb.js";
-import { L as S } from "./LabelInclude-D-mLvjK5.js";
-import { D as C } from "./DescriptionInclude-D4ane9aR.js";
-import { C as H } from "./CaptionInclude-NzS6EYYj.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(s, e, i, a, n, d, h, u, p = S, m = C, b = H, g = I) {
-    /**
-     * Object for working with label/
-     * Объект для работы с меткой
-     */
-    t(this, "label");
-    /**
-     * Object for working with description/
-     * Объект для работы с описанием
-     */
-    t(this, "description");
-    /**
-     * Object for working with caption/
-     * Объект для работы с подписью
-     */
-    t(this, "caption");
-    /**
-     * Object for working with icon/
-     * Объект для работы с иконкой
-     */
-    t(this, "icon");
-    /**
-     * Checks if the headline exists/
-     * Проверяет, существует ли заголовок
-     */
-    t(this, "isHeadline", o(() => !!(this.props.headline || this.slots && "headline" in this.slots)));
-    /**
-     * Checks if the header exists/
-     * Проверяет, существует ли шапка
-     */
-    t(this, "isHeader", o(() => this.label.is.value || this.caption.is.value || this.description.is.value));
-    /**
-     * Tag name/
-     * Название тега
-     */
-    t(this, "tag", o(() => this.props.tag || "div"));
-    this.props = s, this.refs = e, this.element = i, this.classDesign = a, this.className = n, this.components = d, this.slots = h, this.emits = u, this.label = new p(
-      s,
-      n,
-      void 0,
-      h,
-      void 0,
-      void 0,
-      !0,
-      void 0,
-      o(() => this.props.tagHeader || "h3")
-    ), this.caption = new b(s, n, h), this.description = new m(s, n, h), this.icon = new g(s, n, d);
-  }
-}
-class P extends y {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor block item class/ класс элемента блока
-   */
-  constructor(e, i, a, n = k) {
-    super(
-      e,
-      i,
-      a
-    );
-    t(this, "item");
-    /**
-     * Headline rendering.
-     *
-     * Рендеринг заголовка.
-     */
-    t(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.
-     *
-     * Рендеринг заголовка.
-     */
-    t(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
-          }, i)
-        ];
-      }
-      return [];
-    });
-    /**
-     * Trailing rendering.
-     *
-     * Рендеринг правого контента.
-     */
-    t(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.
-     *
-     * Рендеринг тела.
-     */
-    t(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 n(
-      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: {},
-      // :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() {
-    const e = [
-      ...this.renderBody()
-    ];
-    return this.initSlot("default", e), l(this.item.tag.value, this.getProps(), e);
-  }
-  /**
-   * Returns properties for the main element.
-   *
-   * Возвращает свойства для главного элемента.
-   */
-  getProps() {
-    var i;
-    const e = {
-      ...this.getAttrs(),
-      class: (i = this.classes) == null ? void 0 : i.value.main
-    };
-    return this.item.label.is.value && Object.assign(
-      e,
-      c.labelledby(this.item.label.id.value)
-    ), this.item.description.is.value && Object.assign(
-      e,
-      c.describedby(this.item.description.id.value)
-    ), e;
-  }
-}
-export {
-  k as B,
-  P as a
-};

package/dist/ButtonDesign-DgZNw44L.js

@@ -1,198 +0,0 @@
-var w = Object.defineProperty;
-var C = (i, t, s) => t in i ? w(i, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[t] = s;
-var e = (i, t, s) => C(i, typeof t != "symbol" ? t + "" : t, s);
-import { computed as o, h as S } from "vue";
-import { DesignConstructorAbstract as k, RouterItemRef as B } from "@dxtmisha/functional";
-import { g as y } from "./getClassTagAStatic-BnVYlXHI.js";
-import { L as x } from "./LabelInclude-D-mLvjK5.js";
-import { E } from "./EnabledInclude-Dk-rP4jp.js";
-import { A as h } from "./AriaStaticInclude-CAURwJMb.js";
-import { E as T } from "./EventClickInclude-WHJqxZ1b.js";
-import { I as A } from "./IconTrailingInclude-CdsOcDxv.js";
-import { P as D } from "./ProgressInclude-9MfZWtGP.js";
-import { R as L } from "./RippleInclude-Du5yIzX_.js";
-import { S as R } from "./SkeletonInclude-BIUzAO2s.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 LabelConstructor class for creating a label/ класс для создания метки
-   * @param EnabledConstructor class for creating the enabled state/ класс для создания состояния активности
-   * @param IconConstructor class for creating an icon/ класс для создания иконки
-   * @param ProgressConstructor class for creating a progress indicator/ класс для создания индикатора прогресса
-   * @param RippleConstructor class for creating a ripple effect/ класс для создания эффекта волны
-   * @param SkeletonConstructor class for creating a skeleton/ класс для создания скелета
-   * @param EventConstructor class for creating an event/ класс для создания события
-   */
-  constructor(t, s, n, a, r, l, u, c, m = x, d = E, g = A, b = D, v = L, f = R, I = T) {
-    e(this, "label");
-    e(this, "enabled");
-    e(this, "icon");
-    e(this, "progress");
-    e(this, "ripple");
-    e(this, "skeleton");
-    e(this, "event");
-    /** tag name/ название тега */
-    e(this, "tag", o(() => this.props.tag ? this.props.tag : this.props.href ? "a" : "button"));
-    /** values for the class/ значения для класса */
-    e(this, "classes", o(() => ({
-      [`${this.className}--icon`]: this.icon.isIcon.value,
-      [y(this.classDesign)]: !0,
-      ...this.skeleton.classes.value
-    })));
-    /**
-     * list of aria properties for the button component/
-     * список aria свойств для компонента Button
-     */
-    e(this, "aria", o(() => {
-      const t = {
-        ...this.progress.aria.value,
-        ...h.label(this.props.ariaLabel)
-      };
-      return this.isTagNotButton() ? {
-        tabindex: "0",
-        ...t,
-        ...h.role("button"),
-        ...h.disabled(this.progress.is.value || !this.enabled.isEnabled.value)
-      } : t;
-    }));
-    /**
-     * Events for the button component.
-     *
-     * События для компонента кнопки.
-     */
-    e(this, "eventList", o(() => {
-      const t = {
-        onClick: this.event.onClick
-      };
-      return this.isTagNotButton() && (t.onKeydown = this.event.onKeydown), t;
-    }));
-    this.props = t, this.refs = s, this.element = n, this.classDesign = a, this.className = r, this.components = l, this.slots = u, this.emits = c;
-    const p = new b(
-      t,
-      r,
-      l,
-      {
-        circular: !0,
-        inverse: !0
-      }
-    );
-    this.label = new m(t, r, void 0, u), this.enabled = new d(t, p), this.icon = new g(t, r, l), this.progress = p, this.ripple = new v(r, l, this.enabled), this.skeleton = new f(
-      t,
-      a,
-      ["classBackground"]
-    ), this.event = new I(
-      t,
-      this.enabled,
-      c
-    );
-  }
-  /**
-   * Checks if the tag is not a button or link.
-   *
-   * Проверяет, не является ли тег кнопкой или ссылкой.
-   */
-  isTagNotButton() {
-    return !!(this.props.tag && ["a", "button"].indexOf(this.props.tag) === -1);
-  }
-}
-class M extends k {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor button item class/ класс элемента кнопки
-   */
-  constructor(s, n, a, r = K) {
-    super(
-      s,
-      n,
-      a
-    );
-    e(this, "item");
-    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.event.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 s, n;
-    return S(
-      this.item.tag.value,
-      {
-        ...this.getAttrs(),
-        ref: this.element,
-        type: this.props.type,
-        class: (s = this.classes) == null ? void 0 : s.value.main,
-        style: (n = this.styles) == null ? void 0 : n.value,
-        "data-value": this.props.value,
-        disabled: this.item.enabled.isDisabledOrUndefined.value,
-        ...B.rawToHref(this.props.to),
-        ...this.item.eventList.value,
-        ...this.item.aria.value
-      },
-      [
-        ...this.item.progress.render(),
-        ...this.item.label.render(),
-        ...this.item.icon.render(),
-        ...this.item.ripple.render()
-      ]
-    );
-  }
-}
-export {
-  K as B,
-  M as a
-};

package/dist/CaptionInclude-NzS6EYYj.js

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

package/dist/DescriptionInclude-D4ane9aR.js

@@ -1,55 +0,0 @@
-var c = Object.defineProperty;
-var d = (t, s, i) => s in t ? c(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
-var r = (t, s, i) => d(t, typeof s != "symbol" ? s + "" : s, i);
-import { computed as n } from "vue";
-import { getElementId as l, isFilled as h, render as a } from "@dxtmisha/functional";
-class v {
-  /**
-   * 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, o) {
-    /** Check for the presence of a description/ Проверка наличия описания */
-    r(this, "is", n(() => {
-      var s;
-      return !!(this.props.description || (s = this.slots) != null && s.description);
-    }));
-    /** Unique identifier/ Уникальный идентификатор */
-    r(this, "id", n(
-      () => {
-        var s;
-        return ((s = this.props) == null ? void 0 : s.descriptionId) || l();
-      }
-    ));
-    this.props = s, this.className = i, this.slots = e, this.skeleton = o;
-  }
-  /**
-   * Render the description
-   *
-   * Рендер описания
-   */
-  render() {
-    var i, e, o, p;
-    const s = [];
-    return h(this.props.description) && s.push(this.props.description), (i = this.slots) != null && i.description && s.push((o = (e = this.slots).description) == null ? void 0 : o.call(e, {})), s.length > 0 ? [
-      a(
-        "div",
-        {
-          id: this.id.value,
-          class: {
-            [`${this.className}__description`]: !0,
-            ...(p = this.skeleton) == null ? void 0 : p.classes.value
-          }
-        },
-        s,
-        "description"
-      )
-    ] : [];
-  }
-}
-export {
-  v as D
-};

package/dist/EnabledInclude-Dk-rP4jp.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-CAURwJMb.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
-};