@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/cell.js

@@ -0,0 +1,275 @@
+var u = Object.defineProperty;
+var m = (s, i, t) => i in s ? u(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
+var e = (s, i, t) => m(s, typeof i != "symbol" ? i + "" : i, t);
+import { computed as d, h } from "vue";
+import { DesignConstructorAbstract as g } from "@dxtmisha/functional";
+import { g as b } from "./getClassTagAStatic-BnVYlXHI.js";
+import { L as v } from "./LabelInclude-BtZrrbCf.js";
+import { C } from "./CaptionInclude-AFVF4qyd.js";
+import { D as f } from "./DescriptionInclude-DxWNon_J.js";
+import { E as S } from "./EnabledInclude-DGeuJhOr.js";
+import { E as x } from "./EventClickInclude-eDWqxK0d.js";
+import { S as y } from "./SkeletonInclude-BIUzAO2s.js";
+import { P as I } from "./ProgressInclude-UBipdctr.js";
+import { I as k } from "./IconTrailingInclude-CdsOcDxv.js";
+import { R as w } from "./RippleInclude-Du5yIzX_.js";
+import { A as T } from "./AriaStaticInclude-CFGewqpn.js";
+class _ {
+  /**
+   * 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(i, t, n, o, r, l, a, c) {
+    e(this, "progress");
+    e(this, "skeleton");
+    e(this, "label");
+    e(this, "description");
+    e(this, "caption");
+    e(this, "enabled");
+    e(this, "icon");
+    e(this, "ripple");
+    e(this, "event");
+    /**
+     * Computed CSS classes for the cell component.
+     *
+     * Вычисляемые CSS классы для компонента ячейки.
+     */
+    e(this, "classes", d(() => ({
+      [`${this.className}--description`]: this.description.is.value,
+      [b(this.classDesign)]: !0
+    })));
+    /**
+     * Computed role for the cell component.
+     *
+     * Вычисляемая роль для компонента ячейки.
+     */
+    e(this, "role", d(() => {
+      if (this.props.role)
+        return this.props.role;
+      if (this.props.dynamic)
+        return "button";
+    }));
+    this.props = i, this.refs = t, this.element = n, this.classDesign = o, this.className = r, this.components = l, this.slots = a, this.emits = c;
+    const p = new I(
+      i,
+      r,
+      l,
+      {
+        inverse: !0,
+        position: "bottom"
+      }
+    );
+    this.skeleton = new y(
+      i,
+      o,
+      ["classTextVariant"]
+    ), this.label = new v(
+      i,
+      r,
+      void 0,
+      a,
+      void 0,
+      void 0,
+      void 0,
+      this.skeleton
+    ), this.caption = new C(i, r, a), this.description = new f(i, r, a, this.skeleton), this.enabled = new S(i, p), this.icon = new k(i, r, l), this.progress = p, this.ripple = new w(r, l, this.enabled), this.event = new x(
+      i,
+      this.enabled,
+      c
+    );
+  }
+  /**
+   * Returns a list of sub-element CSS classes for the cell component.
+   *
+   * Возвращает список CSS классов для под-элементов компонента ячейки.
+   */
+  getClassesSub() {
+    return {
+      label: `${this.className}__label`,
+      description: `${this.className}__description`,
+      caption: `${this.className}__caption`,
+      trailing: `${this.className}__trailing`
+    };
+  }
+}
+const F = {
+  tag: "div",
+  // :default [!] System label / Системная метка
+  divider: !0
+};
+class G extends g {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(t, n, o) {
+    super(
+      t,
+      n,
+      o
+    );
+    e(this, "item");
+    /**
+     * Generates text elements.
+     *
+     * Генерирует элементы текста.
+     */
+    e(this, "renderContext", () => {
+      var t;
+      return [
+        h(
+          "div",
+          {
+            key: "context",
+            class: (t = this.classes) == null ? void 0 : t.value.context
+          },
+          [
+            ...this.item.label.render(),
+            ...this.item.caption.render(),
+            ...this.item.description.render()
+          ]
+        )
+      ];
+    });
+    /**
+     * Generates a slot for elements on the right.
+     *
+     * Генерирует слот для элементов справа.
+     */
+    e(this, "renderTrailing", () => {
+      var t;
+      return this.slots && "trailing" in this.slots ? [
+        h(
+          "div",
+          {
+            key: "trailing",
+            class: (t = this.classes) == null ? void 0 : t.value.contextTrailing
+          },
+          this.initSlot("trailing", void 0, this.item.getClassesSub())
+        )
+      ] : [];
+    });
+    /**
+     * Generates a slot for elements on the right.
+     *
+     * Генерирует слот для элементов справа.
+     */
+    e(this, "renderBody", () => {
+      var t;
+      return this.slots && "body" in this.slots ? [
+        h(
+          "div",
+          {
+            key: "body",
+            class: (t = this.classes) == null ? void 0 : t.value.body
+          },
+          this.initSlot("body", void 0, this.item.getClassesSub())
+        )
+      ] : [];
+    });
+    /**
+     * Props for the main element.
+     *
+     * Свойства для главного элемента.
+     */
+    e(this, "propsMain", d(() => {
+      var n;
+      const t = {
+        ...this.getAttrs(),
+        class: (n = this.classes) == null ? void 0 : n.value.main,
+        "data-value": this.props.value,
+        "data-divider": this.props.divider ? "active" : void 0,
+        onClick: this.item.event.onClick,
+        ...T.role(this.item.role.value)
+      };
+      return this.props.dynamic ? {
+        ...t,
+        tabindex: "0"
+      } : t;
+    }));
+    this.item = new _(
+      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,
+      ...this.item.description.expose
+    };
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: this.item.classes.value,
+      // :classes [!] System label / Системная метка
+      context: this.getSubClass("context"),
+      contextTrailing: this.getSubClass("contextTrailing"),
+      label: this.getSubClass("label"),
+      description: this.getSubClass("description"),
+      caption: this.getSubClass("caption"),
+      icon: this.getSubClass("icon"),
+      trailing: this.getSubClass("trailing"),
+      body: this.getSubClass("body"),
+      loading: this.getSubClass("loading")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var t;
+    return h(
+      (t = this.props.tag) != null ? t : "div",
+      this.propsMain.value,
+      [
+        ...this.item.icon.render(),
+        ...this.renderContext(),
+        ...this.renderTrailing(),
+        ...this.renderBody(),
+        ...this.item.ripple.render(),
+        ...this.item.progress.render()
+      ]
+    );
+  }
+}
+export {
+  _ as Cell,
+  G as CellDesign,
+  F as defaultsCell
+};

package/dist/chip.js

@@ -0,0 +1,82 @@
+var l = Object.defineProperty;
+var d = (t, s, i) => s in t ? l(t, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[s] = i;
+var h = (t, s, i) => d(t, typeof s != "symbol" ? s + "" : s, i);
+import { toBinds as m, getBind as u, getRef as r } from "@dxtmisha/functional";
+import { a as b } from "./ButtonDesign-DZ7QCmHk.js";
+import { computed as f } from "vue";
+class B {
+  /**
+   * 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(s, i, e, n, o, p, a, c) {
+    this.props = s, this.refs = i, this.element = e, this.classDesign = n, this.className = o, this.components = p, this.slots = a, this.emits = c;
+  }
+}
+const D = {
+  tag: "span"
+};
+class N extends b {
+}
+class A {
+  /**
+   * Constructor
+   * @param props input parameter/ входной параметр
+   * @param className class name/ название класса
+   * @param components object for working with components/ объект для работы с компонентами
+   * @param extra additional parameter/ дополнительный параметр
+   * @param index index identifier/ идентификатор индекса
+   */
+  constructor(s, i, e, n, o) {
+    /**
+     * Computed bindings for the chip/ Вычисляемые привязки для чипа
+     */
+    h(this, "binds", f(
+      () => m(
+        this.props.chipAttrs,
+        u(
+          r(this.props),
+          r(this.extra),
+          "label"
+        )
+      )
+    ));
+    /**
+     * Renders the chip component with provided properties and configuration.
+     * Returns an array of VNode elements representing the rendered chip, or an empty
+     * array if the component cannot be rendered.
+     *
+     * Отрисовывает компонент чипа с предоставленными свойствами и конфигурацией.
+     * Возвращает массив VNode элементов, представляющих отрисованный чип, или пустой
+     * массив, если компонент не может быть отрисован.
+     *
+     * @param props additional properties/ дополнительные свойства
+     */
+    h(this, "render", (s) => {
+      var i;
+      return this.components && ("label" in this.binds.value || "icon" in this.binds.value || "iconTrailing" in this.binds.value) ? this.components.render(
+        "chip",
+        {
+          ...this.binds.value,
+          ...r(s)
+        },
+        void 0,
+        (i = this.index) != null ? i : "chip"
+      ) : [];
+    });
+    this.props = s, this.className = i, this.components = e, this.extra = n, this.index = o;
+  }
+}
+export {
+  B as Chip,
+  N as ChipDesign,
+  A as ChipInclude,
+  D as defaultsChip
+};

package/dist/chipGroup.js

@@ -0,0 +1,160 @@
+var d = Object.defineProperty;
+var c = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var r = (i, e, t) => c(i, typeof e != "symbol" ? e + "" : e, t);
+import { h as m } from "vue";
+import { ListDataRef as u, DesignConstructorAbstract as p, forEach as f, toBinds as v } from "@dxtmisha/functional";
+import { E as g } from "./EventClickInclude-eDWqxK0d.js";
+import { M as C } from "./ModelValueInclude-CJmm5go9.js";
+class D {
+  /**
+   * 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, s, n, o, h, l, a) {
+    r(this, "data");
+    r(this, "event");
+    r(this, "model");
+    this.props = e, this.refs = t, this.element = s, this.classDesign = n, this.className = o, this.components = h, this.slots = l, this.emits = a, this.event = new g(void 0, void 0, this.emits), this.model = new C(
+      "selected",
+      this.emits,
+      this.event,
+      this.refs.selected,
+      this.refs.readonly
+    ), this.data = new u(
+      this.refs.list,
+      void 0,
+      void 0,
+      void 0,
+      void 0,
+      this.model.value,
+      this.refs.keyValue,
+      this.refs.keyLabel
+    );
+  }
+  /**
+   * Get list of items.
+   *
+   * Получить список элементов.
+   */
+  getList() {
+    return this.data.fullData.value;
+  }
+}
+const E = {
+  readonly: !0
+};
+class I extends p {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(t, s, n) {
+    super(
+      t,
+      s,
+      n
+    );
+    r(this, "item");
+    /**
+     * List rendering.
+     *
+     * Рендеринг списка.
+     */
+    r(this, "renderList", () => f(
+      this.item.getList(),
+      (t) => this.renderItem(t)
+    ));
+    /**
+     * Element rendering.
+     *
+     * Рендеринг элемента.
+     * @param item selected element/ выбранный элемент
+     */
+    r(this, "renderItem", (t) => {
+      var s;
+      return this.components.renderOne(
+        "chip",
+        v(
+          {
+            class: (s = this.classes) == null ? void 0 : s.value.item,
+            iconHide: this.props.iconWhenSelected && !t.selected,
+            onClick: this.item.model.onClick
+          },
+          this.props.chipAttrs,
+          t
+        ),
+        void 0,
+        t.index
+      );
+    });
+    this.item = new D(
+      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 / Системная метка
+      item: this.getSubClass("item")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var s;
+    const t = this.renderList();
+    return this.initSlot("default", t), m(
+      "div",
+      {
+        ...this.getAttrs(),
+        class: (s = this.classes) == null ? void 0 : s.value.main
+      },
+      t
+    );
+  }
+}
+export {
+  D as ChipGroup,
+  I as ChipGroupDesign,
+  E as defaultsChipGroup
+};

package/dist/classes/AriaStaticInclude.d.ts

@@ -0,0 +1,150 @@
+import { AriaList, AriaTrueOrFalse } from '../types/ariaTypes';
+import { RoleType } from '../types/roleTypes';
+/**
+ * The class returns static ARIA attributes.
+ *
+ * Класс возвращает статические ARIA атрибуты.
+ */
+export declare class AriaStaticInclude {
+    /**
+     * Get role by props.
+     *
+     * Получить роль по пропсам.
+     * @param role ARIA role type/ Тип ARIA роли
+     */
+    static role(role?: RoleType): AriaList;
+    /**
+     * Get ARIA atomic attribute.
+     *
+     * Получить атрибут ARIA atomic.
+     * @param isAtomic is atomic/ является атомарным
+     */
+    static atomic(isAtomic?: boolean): AriaList;
+    /**
+     * Get ARIA checked attribute.
+     *
+     * Получить атрибут ARIA checked.
+     * @param isChecked is checked/ является отмеченным
+     */
+    static checked(isChecked?: boolean): AriaList;
+    /**
+     * Get ARIA current attribute.
+     *
+     * Получить атрибут ARIA current.
+     * @param value ARIA current attribute/ Атрибут ARIA current
+     */
+    static current(value?: AriaList['aria-current']): AriaList;
+    /**
+     * Get ARIA busy attribute.
+     *
+     * Получить атрибут ARIA busy.
+     * @param isBusy is busy/ является занятым
+     */
+    static busy(isBusy?: boolean): AriaList;
+    /**
+     * Get ARIA describedby attribute.
+     *
+     * Получить атрибут ARIA describedby.
+     * @param id Element ID/ Идентификатор элемента
+     */
+    static describedby(id?: string): AriaList;
+    /**
+     * Get ARIA disabled attribute.
+     *
+     * Получить атрибут ARIA disabled.
+     * @param isDisabled is disabled/ является отключенным
+     */
+    static disabled(isDisabled?: boolean): AriaList;
+    /**
+     * Get ARIA expanded attribute.
+     *
+     * Получить атрибут ARIA expanded.
+     * @param isExpanded is expanded/ является расширенным
+     */
+    static expanded(isExpanded?: boolean): AriaList;
+    /**
+     * Get ARIA haspopup attribute.
+     *
+     * Получить атрибут ARIA haspopup.
+     * @param haspopup ARIA haspopup attribute/ Атрибут ARIA haspopup
+     */
+    static haspopup(haspopup?: AriaList['aria-haspopup']): AriaList;
+    /**
+     * Get ARIA label.
+     *
+     * Получить ARIA label.
+     * @param label ARIA label/ ARIA метка
+     */
+    static label(label?: string): AriaList;
+    /**
+     * Get ARIA labelledby attribute.
+     *
+     * Получить атрибут ARIA labelledby.
+     * @param id Element ID/ Идентификатор элемента
+     */
+    static labelledby(id?: string): AriaList;
+    /**
+     * Get ARIA invalid attribute.
+     *
+     * Получить атрибут ARIA invalid.
+     * @param isInvalid is invalid/ является недействительным
+     */
+    static invalid(isInvalid?: boolean): AriaList;
+    /**
+     * Get control role.
+     *
+     * Получить роль управления.
+     * @param id Element ID/ Идентификатор элемента
+     * @param controls ARIA controls attribute/ Атрибут ARIA controls
+     * @param haspopup ARIA haspopup attribute/ Атрибут ARIA haspopup
+     * @param expanded ARIA expanded state/ Состояние ARIA expanded
+     */
+    static control(id?: string, controls?: string, haspopup?: AriaList['aria-haspopup'], expanded?: boolean): AriaList;
+    /**
+     * Get ARIA hidden attribute.
+     *
+     * Получить атрибут ARIA hidden.
+     * @param isHidden is hidden/ является скрытым
+     */
+    static hidden(isHidden?: boolean): AriaList;
+    /**
+     * Get ARIA live attribute.
+     *
+     * Получить атрибут ARIA live.
+     * @param live ARIA live attribute/ Атрибут ARIA live
+     */
+    static live(live?: AriaList['aria-live']): AriaList;
+    /**
+     * Get modal role.
+     *
+     * Получить модальную роль.
+     * @param isModal is modal/ является модальным
+     * @param ariaLabelledby ARIA labelledby attribute/ Атрибут ARIA labelledby
+     * @param ariaDescribedby ARIA describedby attribute/ Атрибут ARIA describedby
+     */
+    static modal(isModal?: boolean, ariaLabelledby?: string, ariaDescribedby?: string): AriaList;
+    /**
+     * Returns ARIA value now, min and max.
+     *
+     * Возвращает ARIA value now, min и max.
+     * @param value Current value/ Текущее значение
+     * @param min Minimum value/ Минимальное значение
+     * @param max Maximum value/ Максимальное значение
+     */
+    static valueMinMax(value?: string | number, min?: string | number, max?: string | number): AriaList;
+    /**
+     * Returns 'true' or 'false' based on the boolean value.
+     *
+     * Возвращает 'true' или 'false' в зависимости от булевого значения.
+     * @param value boolean value/ булевое значение
+     */
+    static isTrueOrFalse(value?: boolean): AriaTrueOrFalse | undefined;
+    /**
+     * Returns data as ARIA attribute.
+     *
+     * Возвращает данные в виде ARIA атрибута.
+     * @param name attribute name/ имя атрибута
+     * @param value attribute value/ значение атрибута
+     */
+    protected static isDataToData<V>(name: string, value?: V): AriaList;
+}

package/dist/classes/CaptionInclude.d.ts

@@ -0,0 +1,34 @@
+import { VNode, ComputedRef } from 'vue';
+import { SkeletonInclude } from '../constructors/Skeleton';
+import { CaptionProps, CaptionSlots } from '../types/captionTypes';
+/**
+ * Class for working with caption.
+ *
+ * Класс для работы с caption.
+ */
+export declare class CaptionInclude {
+    protected readonly props: Readonly<CaptionProps>;
+    protected readonly className: string;
+    protected readonly slots?: CaptionSlots | undefined;
+    protected readonly skeleton?: SkeletonInclude | undefined;
+    /**
+     * Constructor
+     * @param props input property/ входное свойство
+     * @param className class name/ название класса
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param skeleton optional skeleton for loading state/ необязательный скелетон для состояния загрузки
+     */
+    constructor(props: Readonly<CaptionProps>, className: string, slots?: CaptionSlots | undefined, skeleton?: SkeletonInclude | undefined);
+    /**
+     * Returns true if caption is filled
+     *
+     * Возвращает true, если caption заполнен
+     */
+    readonly is: ComputedRef<boolean>;
+    /**
+     * Renders caption element with content from props or slots.
+     *
+     * Отображает элемент caption с содержимым из props или slots.
+     */
+    render(): VNode[];
+}