@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/input.js

@@ -1,342 +1,83 @@
-var f = Object.defineProperty;
-var y = (e, s, t) => s in e ? f(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var i = (e, s, t) => y(e, typeof s != "symbol" ? s + "" : s, t);
-import { computed as a, watch as g, h as I } from "vue";
-import { toBind as c, getRef as m, getBind as b, DesignConstructorAbstract as w, toBinds as v } from "@dxtmisha/functional";
-import { a as F, F as k, c as x, f as M, b as V, e as A, d as B } from "./FieldEventInclude-zg02dtQi.js";
-import { e as D, d as C, c as N, a as E, F as S, b as T } from "./FieldMatchInclude-Vl2gJUaM.js";
-import { F as H } from "./FieldInclude-c6DSD0-y.js";
-class O {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param visibility object for working with visualization/ объект для работы с визуализацией
-   */
-  constructor(s, t) {
-    i(this, "visible", !1);
-    /** Checks if the type is a password/ Проверяет, является ли тип паролем. */
-    i(this, "is", a(() => this.props.type === "password"));
-    /** Returns the icon value/ Возвращает значение иконки */
-    i(this, "icon", a(() => {
-      if (this.is.value)
-        return {
-          active: this.visibility.item.value,
-          icon: this.props.iconVisibilityOff,
-          iconActive: this.props.iconVisibility,
-          dynamic: !0
-        };
-    }));
-    this.props = s, this.visibility = t;
-  }
-  /**
-   * Toggle value.
-   *
-   * Переключение значения.
-   */
-  toggle() {
-    this.is.value && this.visibility.toggle();
-  }
-}
-class P {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param className class name/ название класса
-   * @param value object for working with values/ объект для работы со значениями
-   * @param valueDefault default value/ значение по умолчанию
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param type object for working with the input type/ объект для работы с типом ввода
-   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(s, t, n, r, o, l, p, u) {
-    /**
-     * Checks if the mask is active.
-     *
-     * Проверяет, активна ли маска.
-     */
-    i(this, "is", a(() => {
-      var t;
-      const s = (t = this.type) == null ? void 0 : t.get();
-      return this.props.maskNone !== !0 && !!(this.props.mask || s && [
-        "number",
-        "number-format",
-        "currency",
-        "datetime",
-        "date",
-        "year-month",
-        "time",
-        "hour-minute"
-      ].indexOf(s) !== -1);
-    }));
-    /**
-     * Returns the basic properties for working with a mask.
-     *
-     * Возвращает базовые свойства для работы с маской.
-     */
-    i(this, "bindsStatic", a(() => {
-      var t, n, r;
-      const s = c(
-        (t = m(this.extra)) != null ? t : {},
-        (n = this.props.maskAttrs) != null ? n : {}
-      );
-      return {
-        name: this.props.name,
-        valueDefault: m(this.valueDefault),
-        currency: this.props.currency,
-        currencyHide: this.props.currencyHide,
-        fraction: this.props.fraction,
-        type: (r = this.type) == null ? void 0 : r.get(),
-        visible: this.props.maskVisible,
-        ...b(this.props.mask, s, "mask")
-      };
-    }));
-    /**
-     * Returns all properties for working with the mask.
-     *
-     * Возвращает все свойства для работы с маской.
-     */
-    i(this, "binds", a(() => {
-      var s;
-      return {
-        ...this.bindsStatic.value,
-        value: (s = this.props.modelValue) != null ? s : this.props.value
-      };
-    }));
-    /**
-     * Returns the rendered mask component.
-     *
-     * Возвращает отрендеренный компонент маски.
-     * @param attrs additional attributes/ дополнительные атрибуты
-     */
-    i(this, "render", (s) => this.components ? this.components.render(
-      "mask",
-      {
-        ...c(
-          s != null ? s : {},
-          this.binds.value
-        )
-      },
-      void 0,
-      this.index
-    ) : []);
-    this.props = s, this.className = t, this.value = n, this.valueDefault = r, this.components = o, this.type = l, this.extra = p, this.index = u, this.value && g(this.is, (h) => {
-      h || this.value.setFull(!0);
-    });
-  }
-  /**
-   * Checks if the mask is active.
-   *
-   * Проверяет, активна ли маска.
-   */
-  isActive() {
-    return this.is.value;
-  }
-}
-class R {
-  /**
-   * 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, t, n, r, o, l, p, u) {
-    i(this, "visibility");
-    i(this, "type");
-    i(this, "pattern");
-    i(this, "inputMode");
-    i(this, "attributes");
-    i(this, "elementItem");
-    i(this, "change");
-    i(this, "value");
-    i(this, "arrow");
-    i(this, "password");
-    i(this, "match");
-    i(this, "code");
-    i(this, "validation");
-    i(this, "event");
-    i(this, "field");
-    i(this, "mask");
-    this.props = s, this.refs = t, this.element = n, this.classDesign = r, this.className = o, this.components = l, this.slots = p, this.emits = u, this.change = new F(this.props), this.visibility = new D(), this.type = new C(this.props, this.visibility), this.pattern = new N(this.props, this.type), this.inputMode = new E(this.props, this.type), this.attributes = new k(
-      this.props,
-      this.type,
-      this.pattern,
-      this.inputMode
-    ), this.elementItem = new x(
-      this.props,
-      this.element
-    ), this.value = new M(
-      this.props,
-      this.refs,
-      this.elementItem
-    ), this.arrow = new S(this.props, this.value, this.type), this.password = new O(this.props, this.visibility), this.match = new T(
-      this.props,
-      this.elementItem,
-      this.value
-    ), this.code = new V(this.props), this.validation = new A(
-      this.props,
-      this.attributes,
-      this.value,
-      this.change,
-      this.code,
-      this.match
-    ), this.event = new B(
-      this.props,
-      this.change,
-      this.value,
-      this.validation,
-      this.emits
-    ), this.field = new H(
-      this.props,
-      this.value,
-      this.components,
-      this.event,
-      this.arrow,
-      void 0,
-      () => this.password.toggle(),
-      void 0,
-      void 0,
-      a(() => {
-        var h, d;
-        return {
-          iconTrailing: (h = this.password.icon.value) != null ? h : this.props.iconTrailing,
-          maxlength: (d = this.props.maxlength) != null ? d : this.props.max
-        };
-      })
-    ), this.mask = new P(
-      this.props,
-      this.className,
-      this.value,
-      "",
-      this.components,
-      this.type
-    );
-  }
-}
-const L = {
-  type: "text",
-  autocomplete: "off",
-  arrow: "auto",
-  maskVisible: !0
-};
-class Q extends w {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(t, n, r) {
-    super(
-      t,
-      n,
-      r
-    );
-    i(this, "item");
-    /**
-     * Rendering the input element.
-     *
-     * Рендер элемент input.
-     * @param input data for the input element/ данные для элемента ввода
-     */
-    i(this, "renderInput", (t) => this.item.mask.isActive() ? this.renderMask(t) : [I(
-      "input",
-      v(
-        this.item.attributes.listForInput.value,
-        t.binds,
-        {
-          ref: this.element,
-          value: this.item.value.item.value,
-          onBlur: this.item.event.onBlur,
-          onInput: this.item.event.onInput,
-          onChange: this.item.event.onChange
-        }
-      )
-    )]);
-    /**
-     * Rendering mask element.
-     *
-     * Рендеринг элемента маски.
-     * @param input data for the input element/ данные для элемента ввода
-     */
-    i(this, "renderMask", (t) => this.item.mask.render({
-      ref: this.element,
-      class: t.className,
-      align: this.props.align,
-      inputAttrs: v(
-        this.item.attributes.listForInput.value,
-        t.binds
-      ),
-      onBlur: this.item.event.onBlur,
-      onInput: this.item.event.onInput
-    }));
-    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 {
-      value: this.item.value.item,
-      checkValidity: this.item.validation.checkValidity,
-      validationMessage: this.item.validation.message
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: {}
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t;
-    return this.item.field.render(
-      {
-        default: this.renderInput
-      },
-      {
-        ...this.getAttrs(),
-        class: (t = this.classes) == null ? void 0 : t.value.main,
-        validationMessage: this.item.validation.message.value
-      }
-    );
-  }
-}
-export {
-  R as Input,
-  Q as InputDesign,
-  L as defaultsInput
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./TextInclude-OwyVCAbS.js";
+import { a as n, i as r, n as i, r as a } from "./FieldInputCheckInclude-czZ02ymY.js";
+import { a as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./FieldEventInclude-DLX__9aJ.js";
+import { n as p, t as m } from "./FieldMatchInclude-CA716pa4.js";
+import { t as h } from "./FieldInclude-DCvNorOt.js";
+import { t as g } from "./MaskInclude-DuE6XcDZ.js";
+import { computed as _, h as v } from "vue";
+import { DesignConstructorAbstract as y, toBinds as b } from "@dxtmisha/functional";
+//#region src/constructors/Input/InputPassword.ts
+var x = class {
+	constructor(t, n, r) {
+		e(this, "visible", !1), e(this, "is", _(() => this.props.type === "password")), e(this, "icon", _(() => {
+			if (this.is.value) return {
+				active: this.visibility.item.value,
+				icon: this.props.iconVisibilityOff,
+				iconActive: this.props.iconVisibility,
+				dynamic: !0,
+				ariaLabel: this.visibility.item.value ? this.text.hide.value : this.text.show.value
+			};
+		})), this.props = t, this.visibility = n, this.text = r;
+	}
+	toggle() {
+		this.is.value && this.visibility.toggle();
+	}
+}, S = class {
+	constructor(v, y, b, S, C, w, T, E, D) {
+		e(this, "text", void 0), e(this, "visibility", void 0), e(this, "type", void 0), e(this, "pattern", void 0), e(this, "inputMode", void 0), e(this, "attributes", void 0), e(this, "elementItem", void 0), e(this, "change", void 0), e(this, "value", void 0), e(this, "arrow", void 0), e(this, "password", void 0), e(this, "match", void 0), e(this, "code", void 0), e(this, "validation", void 0), e(this, "event", void 0), e(this, "field", void 0), e(this, "mask", void 0), this.props = v, this.refs = y, this.element = b, this.classDesign = S, this.className = C, this.components = w, this.slots = T, this.emits = E;
+		let { FieldArrowIncludeConstructor: O = p, FieldAttributesIncludeConstructor: k = o, FieldChangeIncludeConstructor: A = s, FieldCodeIncludeConstructor: j = u, FieldElementIncludeConstructor: M = a, FieldEventIncludeConstructor: N = f, FieldIncludeConstructor: P = h, FieldInputModeIncludeConstructor: F = l, FieldMatchIncludeConstructor: I = m, FieldPatternIncludeConstructor: L = d, FieldTypeIncludeConstructor: R = r, FieldValidationIncludeConstructor: z = c, FieldValueIncludeConstructor: B = i, FieldVisibilityIncludeConstructor: V = n, InputPasswordConstructor: H = x, MaskIncludeConstructor: U = g, TextIncludeConstructor: W = t } = D == null ? {} : D;
+		this.text = new W(this.props), this.change = new A(this.props), this.visibility = new V(), this.type = new R(this.props, this.visibility), this.pattern = new L(this.props, this.type), this.inputMode = new F(this.props, this.type), this.attributes = new k(this.props, this.type, this.pattern, this.inputMode), this.elementItem = new M(this.props, this.element), this.value = new B(this.props, this.refs, this.elementItem), this.arrow = new O(this.props, this.value, this.type), this.password = new H(this.props, this.visibility, this.text), this.match = new I(this.props, this.elementItem, this.value), this.code = new j(this.props), this.validation = new z(this.props, this.attributes, this.value, this.change, this.code, this.match), this.event = new N(this.props, this.change, this.value, this.validation, this.emits), this.field = new P(this.props, this.value, this.components, this.event, this.arrow, void 0, () => this.password.toggle(), void 0, void 0, _(() => {
+			var e, t;
+			return {
+				iconTrailing: (e = this.password.icon.value) == null ? this.props.iconTrailing : e,
+				maxlength: (t = this.props.maxlength) == null ? this.props.max : t
+			};
+		})), this.mask = new U(this.props, this.className, this.value, "", this.components, this.type);
+	}
+}, C = {
+	type: "text",
+	autocomplete: "off",
+	arrow: "auto",
+	maskVisible: !0
+}, w = class extends y {
+	constructor(t, n, r, i = S) {
+		super(t, n, r), e(this, "item", void 0), e(this, "renderInput", (e) => this.item.mask.isActive() ? this.renderMask(e) : [v("input", b(this.item.attributes.listForInput.value, e.binds, {
+			ref: this.element,
+			value: this.item.value.item.value,
+			onBlur: this.item.event.onBlur,
+			onInput: this.item.event.onInput,
+			onChange: this.item.event.onChange
+		}))]), e(this, "renderMask", (e) => this.item.mask.render({
+			ref: this.element,
+			class: e.className,
+			align: this.props.align,
+			inputAttrs: b(this.item.attributes.listForInput.value, e.binds),
+			onBlur: this.item.event.onBlur,
+			onInput: this.item.event.onInput
+		})), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {
+			value: this.item.value.item,
+			checkValidity: this.item.validation.checkValidity,
+			validationMessage: this.item.validation.message
+		};
+	}
+	initClasses() {
+		return { main: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return this.item.field.render({ default: this.renderInput }, {
+			...this.getAttrs(),
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			validationMessage: this.item.validation.message.value
+		});
+	}
 };
+//#endregion
+export { S as Input, w as InputDesign, x as InputPassword, C as defaultsInput };

package/dist/library/checkbox.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/Checkbox/index';

package/dist/library/dummy.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/Dummy/index';

package/dist/library/grid.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/Grid/index';

package/dist/library/gridItem.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/GridItem/index';

package/dist/library/group.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/Group/index';

package/dist/library/horizontalScroll.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/HorizontalScroll/index';

package/dist/library/motionAxis.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/MotionAxis/index';

package/dist/library/snackbar.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/Snackbar/index';

package/dist/library/snackbarItem.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/SnackbarItem/index';

package/dist/library/tabItem.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/TabItem/index';

package/dist/library/tabs.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/Tabs/index';

package/dist/library/tabsNavigation.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/TabsNavigation/index';

package/dist/library/textarea.d.ts

@@ -0,0 +1 @@
+export * from '../constructors/Textarea/index';

package/dist/library.d.ts

@@ -30,6 +30,7 @@ export * from './classes/Plugin/PluginImport';
 export * from './classes/Plugin/PluginStyle';
 export * from './classes/Plugin/PluginTool';
 export * from './classes/PrefixInclude';
+export * from './classes/ScrollToXInclude';
 export * from './classes/SuffixInclude';
 export * from './classes/TabIndexInclude';
 export * from './classes/TextInclude';

package/dist/library.js

@@ -1,58 +1,21 @@
-import { A as a } from "./AriaStaticInclude-CFGewqpn.js";
-import { C as o } from "./CaptionInclude-AFVF4qyd.js";
-import { D as r } from "./DescriptionInclude-DxWNon_J.js";
-import { E as u } from "./EnabledInclude-DGeuJhOr.js";
-import { E as c } from "./EventClickInclude-eDWqxK0d.js";
-import { F as I, a as p, b as f, c as m, d as x, e as F } from "./FieldMatchInclude-Vl2gJUaM.js";
-import { F as b, a as P, b as C, c as T, d as E, e as h, f as L } from "./FieldEventInclude-zg02dtQi.js";
-import { F as A } from "./FieldInputCheckInclude-CjNYyGTb.js";
-import { L as V } from "./LabelHighlightInclude-Dhj3p9NW.js";
-import { L as y } from "./LabelInclude-BtZrrbCf.js";
-import { L as k } from "./LabelNumberInclude-DyifvMnr.js";
-import { M as H } from "./ModelInclude-BiYm_iCQ.js";
-import { M as j } from "./ModelValueInclude-CJmm5go9.js";
-import { P as z, a as B, b as G, c as J, d as K, e as O, f as Q } from "./Plugin-DUJ0epm4.js";
-import { P as U, S as W } from "./SuffixInclude-C7JNYCJK.js";
-import { T as Y } from "./TabIndexInclude-d7A_R6KD.js";
-import { T as _ } from "./TextInclude-i1OBAFTG.js";
-import { T as ee } from "./TouchEventInclude-DctYCjt8.js";
-import { g as ae } from "./getClassTagAStatic-BnVYlXHI.js";
-export {
-  a as AriaStaticInclude,
-  o as CaptionInclude,
-  r as DescriptionInclude,
-  u as EnabledInclude,
-  c as EventClickInclude,
-  I as FieldArrowInclude,
-  b as FieldAttributesInclude,
-  P as FieldChangeInclude,
-  C as FieldCodeInclude,
-  T as FieldElementInclude,
-  E as FieldEventInclude,
-  A as FieldInputCheckInclude,
-  p as FieldInputModeInclude,
-  f as FieldMatchInclude,
-  m as FieldPatternInclude,
-  x as FieldTypeInclude,
-  h as FieldValidationInclude,
-  L as FieldValueInclude,
-  F as FieldVisibilityInclude,
-  V as LabelHighlightInclude,
-  y as LabelInclude,
-  k as LabelNumberInclude,
-  H as ModelInclude,
-  j as ModelValueInclude,
-  z as Plugin,
-  B as PluginCode,
-  G as PluginComponents,
-  J as PluginData,
-  K as PluginImport,
-  O as PluginStyle,
-  Q as PluginTool,
-  U as PrefixInclude,
-  W as SuffixInclude,
-  Y as TabIndexInclude,
-  _ as TextInclude,
-  ee as TouchEventInclude,
-  ae as getClassTagAStatic
-};
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./TextInclude-OwyVCAbS.js";
+import { t as n } from "./EnabledInclude-CkD_lxMY.js";
+import { t as r } from "./EventClickInclude-6I8kuFc9.js";
+import { t as i } from "./ModelInclude-D8LkrhPp.js";
+import { t as a } from "./TabIndexInclude-DLSfl7-6.js";
+import { t as o } from "./TouchEventInclude-By_ChOIe.js";
+import { t as s } from "./LabelInclude-DoZ7EUYO.js";
+import { t as c } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as l } from "./getClassTagAStatic-BPIEWyHY.js";
+import { t as u } from "./LabelNumberInclude-VVGMvwYq.js";
+import { t as d } from "./CaptionInclude-CunHUsec.js";
+import { a as f, i as p, n as m, r as h, t as g } from "./FieldInputCheckInclude-czZ02ymY.js";
+import { a as _, i as v, n as y, o as b, r as x, s as S, t as C } from "./FieldEventInclude-DLX__9aJ.js";
+import { n as w, t as T } from "./FieldMatchInclude-CA716pa4.js";
+import { t as E } from "./LabelHighlightInclude-DC9qNAR-.js";
+import { t as D } from "./ModelValueInclude-CQDkIoal.js";
+import { a as O, i as k, n as A, o as j, r as M, s as N, t as P } from "./Plugin-cWn0HZcf.js";
+import { n as F, t as I } from "./SuffixInclude-VNq8SwAI.js";
+import { t as L } from "./ScrollToXInclude-yt1sAUrP.js";
+export { e as AriaStaticInclude, d as CaptionInclude, c as DescriptionInclude, n as EnabledInclude, r as EventClickInclude, w as FieldArrowInclude, _ as FieldAttributesInclude, v as FieldChangeInclude, x as FieldCodeInclude, h as FieldElementInclude, C as FieldEventInclude, g as FieldInputCheckInclude, b as FieldInputModeInclude, T as FieldMatchInclude, S as FieldPatternInclude, p as FieldTypeInclude, y as FieldValidationInclude, m as FieldValueInclude, f as FieldVisibilityInclude, E as LabelHighlightInclude, s as LabelInclude, u as LabelNumberInclude, i as ModelInclude, D as ModelValueInclude, P as Plugin, j as PluginCode, M as PluginComponents, O as PluginData, k as PluginImport, A as PluginStyle, N as PluginTool, F as PrefixInclude, L as ScrollToXInclude, I as SuffixInclude, a as TabIndexInclude, t as TextInclude, o as TouchEventInclude, l as getClassTagAStatic };