@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/accordion.js

@@ -0,0 +1,178 @@
+var p = Object.defineProperty;
+var u = (r, s, i) => s in r ? p(r, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[s] = i;
+var o = (r, s, i) => u(r, typeof s != "symbol" ? s + "" : s, i);
+import { computed as v, ref as c, h as f } from "vue";
+import { DesignConstructorAbstract as b, toBinds as g } from "@dxtmisha/functional";
+import { E as y } from "./EventClickInclude-eDWqxK0d.js";
+import { M as S } from "./ModelInclude-BiYm_iCQ.js";
+import { M as A } from "./MotionTransformInclude-P_oRs3JZ.js";
+class C {
+  /**
+   * 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, n, e, l, t, m, a) {
+    o(this, "motionTransform");
+    o(this, "event");
+    o(this, "open", c(!1));
+    o(this, "model");
+    o(this, "elementHead", c());
+    this.props = s, this.refs = i, this.element = n, this.classDesign = e, this.className = l, this.components = t, this.slots = m, this.emits = a, this.motionTransform = new A(
+      this.props,
+      this.className,
+      this.components,
+      this.emits,
+      v(() => {
+        var d, h;
+        return {
+          section: !0,
+          adaptive: "planeAlways",
+          inDom: !0,
+          ariaLabelledby: (d = this.elementHead.value) == null ? void 0 : d.labelId,
+          ariaDescribedby: (h = this.elementHead.value) == null ? void 0 : h.descriptionId
+        };
+      })
+    ), this.event = new y(
+      void 0,
+      void 0,
+      a
+    ), this.model = new S("open", this.emits, this.open);
+  }
+}
+const x = {
+  clickOpen: !0,
+  autoClose: !0,
+  // :default [!] System label / Системная метка
+  divider: !0
+};
+class B extends b {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(i, n, e) {
+    super(
+      i,
+      n,
+      e
+    );
+    o(this, "item");
+    /**
+     * Generates data for the header.
+     *
+     * Генерирует данные для заголовка.
+     * @param open open status/ статус открытия
+     */
+    o(this, "renderHead", ({ isOpen: i, binds: n }) => {
+      var l;
+      const e = {};
+      return this.slots && ("label" in this.slots && (e.label = (t) => this.initSlot("label", void 0, t)), "description" in this.slots && (e.description = (t) => this.initSlot("description", void 0, t)), "caption" in this.slots && (e.caption = (t) => this.initSlot("caption", void 0, t)), "trailing" in this.slots && (e.trailing = (t) => this.initSlot("trailing", void 0, t)), "body" in this.slots && (e.body = (t) => this.initSlot("body", void 0, t))), this.components.renderOne(
+        "cell",
+        g(
+          {
+            ref: this.item.elementHead,
+            icon: this.props.icon,
+            iconTrailing: this.props.iconArrowDown,
+            iconTurn: i.value,
+            label: this.props.label,
+            description: this.props.description,
+            class: (l = this.classes) == null ? void 0 : l.value.head,
+            dynamic: !0,
+            onClick: this.item.event.onClick,
+            ...n
+          },
+          this.props.cellAttrs
+        ),
+        e
+      );
+    });
+    /**
+     * Generates data for the body.
+     *
+     * Генерирует данные для тела.
+     */
+    o(this, "renderBody", (i) => {
+      var n;
+      return f(
+        "div",
+        { class: (n = this.classes) == null ? void 0 : n.value.body },
+        this.initSlot("default", void 0, i)
+      );
+    });
+    this.item = new C(
+      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.motionTransform.expose
+    };
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: {},
+      // :classes [!] System label / Системная метка
+      head: this.getSubClass("head"),
+      body: this.getSubClass("body")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var i;
+    return this.item.motionTransform.render(
+      {
+        head: this.renderHead,
+        body: this.renderBody
+      },
+      {
+        ...this.getAttrs(),
+        class: (i = this.classes) == null ? void 0 : i.value.main,
+        "data-divider": this.props.divider ? "divider" : void 0,
+        ...this.item.model.getBinds()
+      }
+    );
+  }
+}
+export {
+  C as Accordion,
+  B as AccordionDesign,
+  x as defaultsAccordion
+};

package/dist/actionSheet.js

@@ -0,0 +1,140 @@
+var f = Object.defineProperty;
+var g = (s, e, t) => e in s ? f(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var r = (s, e, t) => g(s, typeof e != "symbol" ? e + "" : e, t);
+import { computed as v, h as d } from "vue";
+import { toBinds as p } from "@dxtmisha/functional";
+import { M as C, a as S } from "./ModalDesignAbstract-CjDr5JaN.js";
+import { T } from "./TouchEventInclude-DctYCjt8.js";
+class _ extends C {
+  /**
+   * 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(t, i, o, h, n, a, l, u) {
+    super(
+      t,
+      i,
+      o,
+      h,
+      n,
+      a,
+      l,
+      u,
+      v(() => ({
+        open: t.open,
+        adaptive: "actionSheet",
+        closeButton: t.barsBackHide,
+        closeMobileHide: t.touchClose
+      })),
+      void 0,
+      {
+        align: "auto"
+      }
+    );
+    r(this, "touchEvent");
+    this.props = t, this.refs = i, this.element = o, this.classDesign = h, this.className = n, this.components = a, this.slots = l, this.emits = u, this.touchEvent = new T(
+      void 0,
+      (m, c, w, b) => b >= 0,
+      (m, c) => c === "bottom" ? (this.window.expose.setOpen(!1).then(), !1) : !0
+    );
+  }
+}
+const M = {
+  barsBackHide: !0,
+  touchClose: !0
+};
+class H extends S {
+  constructor() {
+    super(...arguments);
+    /**
+     * Generates data for the header.
+     *
+     * Генерирует данные для заголовка.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    r(this, "renderTitleTouch", (t) => {
+      var o, h;
+      const i = this.renderTitle(t);
+      return this.props.touchClose ? [d(
+        "div",
+        {
+          class: (o = this.classes) == null ? void 0 : o.value.touch,
+          ...this.item.touchEvent.onTouch
+        },
+        [
+          d("div", { class: (h = this.classes) == null ? void 0 : h.value.tab }),
+          ...i
+        ]
+      )] : i;
+    });
+  }
+  /**
+   * Creates an instance of the item class.
+   *
+   * Создает экземпляр класса элемента.
+   */
+  initItem() {
+    return new _(
+      this.props,
+      this.refs,
+      this.element,
+      this.getDesign(),
+      this.getName(),
+      this.components,
+      this.slots,
+      this.emits
+    );
+  }
+  /**
+   * Improvement of the obtained list of classes.
+   *
+   * Доработка полученного списка классов.
+   */
+  initClasses() {
+    return {
+      main: {},
+      // :classes [!] System label / Системная метка
+      title: this.getSubClass("title"),
+      header: this.getSubClass("header"),
+      body: this.getSubClass("body"),
+      footer: this.getSubClass("footer"),
+      touch: this.getSubClass("touch"),
+      tab: this.getSubClass("tab")
+    };
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var t;
+    return this.item.window.render(
+      {
+        control: this.renderControl,
+        title: this.renderTitleTouch,
+        default: this.renderDefault,
+        footer: this.renderFooter
+      },
+      p(
+        {
+          class: (t = this.classes) == null ? void 0 : t.value.main,
+          "data-touch": "touch"
+        },
+        this.getAttrs()
+      )
+    );
+  }
+}
+export {
+  _ as ActionSheet,
+  H as ActionSheetDesign,
+  M as defaultsActionSheet
+};

package/dist/actions.js

@@ -0,0 +1,191 @@
+var u = Object.defineProperty;
+var m = (e, t, s) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var i = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
+import { computed as c, h } from "vue";
+import { DesignConstructorAbstract as v, toBinds as d } from "@dxtmisha/functional";
+import { E as S } from "./EventClickInclude-eDWqxK0d.js";
+import { A as L } from "./ActionsInclude-H5ZWeXJj.js";
+class f {
+  /**
+   * 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(t, s, r, n, o, a, p, l) {
+    i(this, "event");
+    /**
+     * Checks if the main list needs to be displayed/
+     * Проверяет, нужно ли выводить главный список
+     */
+    i(this, "isList", c(() => !!(this.props.list || this.slots && "default" in this.slots)));
+    /**
+     * Checks if the secondary list needs to be displayed/
+     * Проверяет, нужно ли выводить второстепенный список
+     */
+    i(this, "isSecondary", c(() => !!(this.props.listSecondary || this.slots && "secondary" in this.slots)));
+    this.props = t, this.refs = s, this.element = r, this.classDesign = n, this.className = o, this.components = a, this.slots = p, this.emits = l, this.event = new S(
+      void 0,
+      void 0,
+      l
+    );
+  }
+}
+const C = {
+  // :default [!] System label / Системная метка
+  align: "right"
+};
+class E extends v {
+  /**
+   * Constructor
+   * @param name class name/ название класса
+   * @param props properties/ свойства
+   * @param options list of additional parameters/ список дополнительных параметров
+   */
+  constructor(s, r, n) {
+    super(
+      s,
+      r,
+      n
+    );
+    i(this, "item");
+    /**
+     * List rendering.
+     *
+     * Рендеринг списка.
+     */
+    i(this, "renderList", () => {
+      const s = [];
+      return this.item.isList.value && (this.props.list && this.props.list.forEach((r, n) => {
+        var o, a;
+        this.components.renderAdd(
+          s,
+          "button",
+          d(
+            {
+              onClick: this.item.event.onClick
+            },
+            this.props.buttonAttrs,
+            r,
+            {
+              class: [
+                (o = this.classes) == null ? void 0 : o.value.item,
+                (a = this.classes) == null ? void 0 : a.value.list
+              ]
+            }
+          ),
+          void 0,
+          `list-${n}`
+        );
+      }), this.initSlot("default", s)), s;
+    });
+    /**
+     * Secondary list rendering.
+     *
+     * Рендеринг вторичного списка.
+     */
+    i(this, "renderSecondary", () => {
+      const s = [];
+      return this.item.isSecondary.value && (this.props.listSecondary && this.props.listSecondary.forEach((r, n) => {
+        var o, a;
+        this.components.renderAdd(
+          s,
+          "button",
+          d(
+            this.props.buttonSecondaryAttrs,
+            r,
+            {
+              class: [
+                (o = this.classes) == null ? void 0 : o.value.item,
+                (a = this.classes) == null ? void 0 : a.value.secondary
+              ]
+            }
+          ),
+          void 0,
+          `secondary-${n}`
+        );
+      }), this.initSlot("secondary", s)), s;
+    });
+    /**
+     * Separator rendering.
+     *
+     * Рендеринг разделителя.
+     */
+    i(this, "renderSpacer", () => {
+      var s;
+      return [h("div", { class: (s = this.classes) == null ? void 0 : s.value.spacer })];
+    });
+    this.item = new f(
+      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"),
+      list: this.getSubClass("list"),
+      secondary: this.getSubClass("secondary"),
+      spacer: this.getSubClass("spacer")
+    };
+  }
+  /**
+   * Refinement of the received list of styles.
+   *
+   * Доработка полученного списка стилей.
+   */
+  initStyles() {
+    return {};
+  }
+  /**
+   * A method for rendering.
+   *
+   * Метод для рендеринга.
+   */
+  initRender() {
+    var s;
+    return h(
+      "div",
+      {
+        ...this.getAttrs(),
+        class: (s = this.classes) == null ? void 0 : s.value.main
+      },
+      [
+        ...this.renderList(),
+        ...this.renderSpacer(),
+        ...this.renderSecondary()
+      ]
+    );
+  }
+}
+export {
+  f as Actions,
+  E as ActionsDesign,
+  L as ActionsInclude,
+  C as defaultsActions
+};