@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/constructors/Window/props.d.ts

@@ -1,8 +1,10 @@
 import { ElementOrString, NormalOrPromise } from '@dxtmisha/functional';
-import { AriaByPropsInclude, AriaHaspopupPropsInclude, AriaRoleByPropsInclude } from '../../types/ariaTypes';
 import { ImagePropsBasic, ImagePropsInclude } from '../Image';
 import { ScrollbarPropsBasic, ScrollbarPropsInclude } from '../Scrollbar';
 import { TextClosePropsInclude } from '../../types/textTypes';
+import { IconPropsBasic, IconValue } from '../Icon';
+import { AriaHaspopupPropsInclude, AriaRoleByPropsInclude } from '../../types/ariaTypes';
+import { ModelPropsOpen } from '../../types/modelTypes';
 export type WindowPropsToken = {
     width?: string | 'auto' | 'max' | 'custom';
     height?: string | 'auto' | 'max' | 'custom';
@@ -15,31 +17,64 @@ export type WindowPropsToken = {
     adaptive?: 'menu' | 'menuWindow' | 'modal' | 'modalDynamic' | 'actionSheetRight' | 'actionSheetBottom' | 'static';
     fullscreen?: boolean;
     overscroll?: boolean;
+    closeButton?: boolean;
     closeMobileHide?: boolean;
     widthMatch?: boolean;
 };
-export type WindowPropsBasic<Scrollbar extends ScrollbarPropsBasic = ScrollbarPropsBasic, Image extends ImagePropsBasic = ImagePropsBasic> = ScrollbarPropsInclude<Scrollbar> & ImagePropsInclude<Image> & AriaRoleByPropsInclude & AriaByPropsInclude & AriaHaspopupPropsInclude & TextClosePropsInclude & {
-    'open'?: boolean;
-    'disabled'?: boolean;
-    'preparation'?(): NormalOrPromise<void>;
-    'beforeOpening'?(): NormalOrPromise<boolean>;
-    'opening'?(): NormalOrPromise<boolean>;
-    'beforeClosing'?(): NormalOrPromise<boolean>;
-    'closing'?(): NormalOrPromise<boolean>;
-    'contextmenu'?: boolean;
-    'staticMode'?: boolean;
-    'overElement'?: ElementOrString<HTMLElement>;
-    'autoClose'?: boolean;
-    'persistent'?: boolean;
-    'flash'?: boolean;
-    'inDom'?: boolean;
-    'indent'?: number;
-    'divider'?: boolean;
-    'closeButton'?: boolean;
-    'iconClose'?: string;
-    'modelOpen'?: boolean;
-    'onUpdate:open'?: (value: boolean) => void;
-    'onUpdate:modelOpen'?: (value: boolean) => void;
+export type WindowPropsBasic<Scrollbar extends ScrollbarPropsBasic = ScrollbarPropsBasic, Icon extends IconPropsBasic = IconPropsBasic, Image extends ImagePropsBasic = ImagePropsBasic> = ScrollbarPropsInclude<Scrollbar> & ImagePropsInclude<Image> & AriaRoleByPropsInclude & AriaHaspopupPropsInclude & TextClosePropsInclude & ModelPropsOpen & {
+    /** Status/ Статусы */
+    /** Whether the window is open/ Открыто ли окно */
+    open?: boolean;
+    /** Whether the window is disabled/ Отключено ли окно */
+    disabled?: boolean;
+    /** Hook/ Хуки */
+    /** Hook called during window preparation/ Хук, вызываемый при подготовке окна */
+    preparation?(): NormalOrPromise<void>;
+    /** Hook called before the window starts opening/ Хук, вызываемый перед началом открытия окна */
+    beforeOpening?(): NormalOrPromise<boolean>;
+    /** Hook called while the window is opening/ Хук, вызываемый во время открытия окна */
+    opening?(): NormalOrPromise<boolean>;
+    /** Hook called before the window starts closing/ Хук, вызываемый перед началом закрытия окна */
+    beforeClosing?(): NormalOrPromise<boolean>;
+    /** Hook called while the window is closing/ Хук, вызываемый во время закрытия окна */
+    closing?(): NormalOrPromise<boolean>;
+    /** Style/ Стили */
+    /** Whether to enable the context menu/ Включено ли контекстное меню */
+    contextmenu?: boolean;
+    /** Whether to enable static mode/ Включен ли статический режим */
+    staticMode?: boolean;
+    /** The element over which the window is displayed/ Элемент, над которым отображается окно */
+    overElement?: ElementOrString<HTMLElement>;
+    /** Whether to automatically close the window/ Автоматически ли закрывать окно */
+    autoClose?: boolean;
+    /** Whether the window is persistent (cannot be closed by clicking outside)/ Является ли окно постоянным (нельзя закрыть кликом вне) */
+    persistent?: boolean;
+    /** Whether to use a flash effect/ Использовать ли эффект вспышки */
+    flash?: boolean;
+    /** Whether the window should be in the DOM/ Должно ли окно находиться в DOM */
+    inDom?: boolean;
+    /** Indent from the control element/ Отступ от управляющего элемента */
+    indent?: number;
+    /** Whether to show a divider/ Показывать ли разделитель */
+    divider?: boolean;
+    /** Whether to show a close button/ Показывать ли кнопку закрытия */
+    closeButton?: boolean;
+    /** Icon for the close button/ Иконка для кнопки закрытия */
+    iconClose?: IconValue<Icon>;
+    /** Technical/ Технические */
+    /** Whether the window is inert/ Является ли окно инертным */
+    inert?: boolean;
+    /** Whether to automatically manage tab index/ Автоматически ли управлять tab-index */
+    autoTabIndex?: boolean;
+    /** Whether to close the window on Esc key press/ Закрывать ли окно при нажатии Esc */
+    closeOnEsc?: boolean;
+    /** Whether to open the window on Arrow Down key press/ Открывать ли окно при нажатии стрелки вниз */
+    openOnArrowDown?: boolean;
+    /**
+     * The window will be displayed inside the current parent element/
+     * Окно будет отображаться внутри текущего родительского элемента
+     */
+    embedded?: boolean;
 };
 /**
  * Type describing incoming properties.
@@ -59,4 +94,7 @@ export declare const defaultsWindow: {
     indent: number;
     ariaHaspopup: string;
     role: string;
+    inert: boolean;
+    autoTabIndex: boolean;
+    closeOnEsc: boolean;
 };

package/dist/constructors/Window/types.d.ts

@@ -1,24 +1,24 @@
 import { ComputedRef, Ref } from 'vue';
 import { ConstrClass } from '@dxtmisha/functional';
-import { ScrollbarComponentsInclude, ScrollbarEmitsInclude } from '../Scrollbar';
+import { ScrollbarComponentInclude, ScrollbarEmitsInclude } from '../Scrollbar';
 import { ButtonComponentInclude } from '../Button';
-import { ImageComponentsInclude, ImageEmitsInclude } from '../Image';
+import { ImageComponentInclude, ImageEmitsInclude } from '../Image';
+import { ModelEmitsOpen } from '../../types/modelTypes';
 import { WindowControlItem, WindowEmitOptions } from './basicTypes';
 /**
  * Interface for describing which components need to be connected for work.
  *
  * Интерфейс для описания, какие компоненты надо подключить для работы.
  */
-export type WindowComponents = ScrollbarComponentsInclude & ButtonComponentInclude & ImageComponentsInclude;
+export type WindowComponents = ScrollbarComponentInclude & ButtonComponentInclude & ImageComponentInclude;
 /**
  * Type describing available events.
  *
  * Тип, описывающий доступные события.
  */
-export type WindowEmits = ScrollbarEmitsInclude & ImageEmitsInclude & {
-    'window': [options: WindowEmitOptions];
-    'update:open': [value: boolean];
-    'update:modelOpen': [value: boolean];
+export type WindowEmits = ScrollbarEmitsInclude & ImageEmitsInclude & ModelEmitsOpen & {
+    /** Window event triggered on state change/ Событие окна при изменении состояния */
+    window: [options: WindowEmitOptions];
 };
 /**
  * Type describing available properties.

package/dist/defineProperty-hmGKPWdq.js

@@ -0,0 +1,39 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/typeof.js
+function e(t) {
+	"@babel/helpers - typeof";
+	return e = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, e(t);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/toPrimitive.js
+function t(t, n) {
+	if (e(t) != "object" || !t) return t;
+	var r = t[Symbol.toPrimitive];
+	if (r !== void 0) {
+		var i = r.call(t, n || "default");
+		if (e(i) != "object") return i;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (n === "string" ? String : Number)(t);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/toPropertyKey.js
+function n(n) {
+	var r = t(n, "string");
+	return e(r) == "symbol" ? r : r + "";
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/defineProperty.js
+function r(e, t, r) {
+	return (t = n(t)) in e ? Object.defineProperty(e, t, {
+		value: r,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = r, e;
+}
+//#endregion
+export { r as t };

package/dist/dialog.js

@@ -1,211 +1,90 @@
-var g = Object.defineProperty;
-var f = (s, e, t) => e in s ? g(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => f(s, typeof e != "symbol" ? e + "" : e, t);
-import { computed as d, readonly as p, h as C } from "vue";
-import { getBind as b, toBinds as w } from "@dxtmisha/functional";
-import { L as v } from "./LabelInclude-BtZrrbCf.js";
-import { D as k } from "./DescriptionInclude-DxWNon_J.js";
-import { T as I } from "./TextInclude-i1OBAFTG.js";
-import { M as S, a as x } from "./ModalDesignAbstract-CjDr5JaN.js";
-import { I as D } from "./IconInclude-CLqwI29Q.js";
-import { W as A } from "./WindowClassesInclude-B56usxgx.js";
-class B extends S {
-  /**
-   * 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, l, u, a, o, h, r, m) {
-    super(
-      t,
-      l,
-      u,
-      a,
-      o,
-      h,
-      r,
-      m,
-      d(() => ({
-        open: t.open,
-        image: t.image,
-        adaptive: "modal",
-        imagePosition: t.imagePosition,
-        closeButton: this.props.closeButton
-      })),
-      void 0,
-      d(() => {
-        const c = [];
-        return t.buttonClose !== null && c.push(
-          b(
-            t.buttonClose,
-            {
-              label: this.text.close.value,
-              value: "close",
-              class: this.windowClasses.get().close,
-              onClick: () => {
-                var n;
-                return (n = this.emits) == null ? void 0 : n.call(this, "close");
-              }
-            },
-            "label",
-            !0
-          )
-        ), t.buttonOk !== null && c.push(
-          b(
-            t.buttonOk,
-            {
-              label: this.text.ok.value,
-              value: "ok",
-              class: this.props.clickOkAndClose ? this.windowClasses.get().close : void 0,
-              onClick: () => {
-                var n;
-                return (n = this.emits) == null ? void 0 : n.call(this, "ok");
-              }
-            },
-            "label",
-            !0
-          )
-        ), {
-          list: c,
-          align: "center"
-        };
-      })
-    );
-    i(this, "icon");
-    i(this, "label");
-    i(this, "description");
-    i(this, "windowClasses");
-    i(this, "text");
-    /**
-     * Returns the icon for display.
-     *
-     * Возвращает иконку для отображения.
-     */
-    i(this, "iconValue", d(() => this.props.success ? this.props.iconSuccess : this.props.error ? this.props.iconError : this.props.icon));
-    this.props = t, this.refs = l, this.element = u, this.classDesign = a, this.className = o, this.components = h, this.slots = r, this.emits = m, this.icon = new D(
-      p({ icon: this.iconValue }),
-      o,
-      h,
-      l.iconAttrs
-    ), this.label = new v(
-      t,
-      o,
-      void 0,
-      r,
-      void 0,
-      void 0,
-      !0
-    ), this.description = new k(t, o, r), this.windowClasses = new A(a), this.text = new I(this.props);
-  }
-}
-const E = {
-  barsBackHide: !0,
-  barsHide: !0,
-  clickOkAndClose: !0,
-  // :default [!] System label / Системная метка
-  imagePosition: "top"
-};
-class F extends x {
-  constructor() {
-    super(...arguments);
-    /**
-     * Render for the body layer.
-     *
-     * Рендер для слоя тела.
-     * @param props data for window management/ данные для управления окном
-     */
-    i(this, "renderContent", (t) => [
-      ...this.renderInformation(),
-      ...this.renderDefault(t)
-    ]);
-    /**
-     * Render information block.
-     *
-     * Рендер информационного блока.
-     */
-    i(this, "renderInformation", () => {
-      var t;
-      return [
-        C(
-          "div",
-          { class: (t = this.classes) == null ? void 0 : t.value.information },
-          [
-            ...this.item.icon.renderIcon(),
-            ...this.item.label.render(),
-            ...this.item.description.render()
-          ]
-        )
-      ];
-    });
-  }
-  /**
-   * A method for creating an instance of the class.
-   *
-   * Метод для создания экземпляра класса.
-   */
-  initItem() {
-    return new B(
-      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"),
-      information: this.getSubClass("information"),
-      icon: this.getSubClass("icon"),
-      label: this.getSubClass("label"),
-      description: this.getSubClass("description"),
-      body: this.getSubClass("body"),
-      footer: this.getSubClass("footer")
-    };
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t;
-    return this.item.window.render(
-      {
-        control: this.renderControl,
-        title: this.renderTitle,
-        default: this.renderContent,
-        footer: this.renderFooter
-      },
-      w(
-        {
-          class: (t = this.classes) == null ? void 0 : t.value.main,
-          "data-touch": "touch"
-        },
-        this.getAttrs()
-      )
-    );
-  }
-}
-export {
-  B as Dialog,
-  F as DialogDesign,
-  E as defaultsDialog
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./TextInclude-OwyVCAbS.js";
+import { t as n } from "./LabelInclude-DoZ7EUYO.js";
+import { t as r } from "./DescriptionInclude-B_Xf_j3l.js";
+import { t as i } from "./WindowClassesInclude-zm-ITw5d.js";
+import { r as a, t as o } from "./ModalDesignAbstract-BaVdtb1N.js";
+import { t as s } from "./IconInclude-BhzGfa3o.js";
+import { computed as c, h as l, readonly as u } from "vue";
+import { getBind as d, toBinds as f } from "@dxtmisha/functional";
+//#region src/constructors/Dialog/Dialog.ts
+var p = class extends a {
+	constructor(a, o, l, f, p, m, h, g, _) {
+		let { DescriptionIncludeConstructor: v = r, IconIncludeConstructor: y = s, LabelIncludeConstructor: b = n, TextIncludeConstructor: x = t, WindowClassesIncludeConstructor: S = i } = _ == null ? {} : _;
+		super(a, o, l, f, p, m, h, g, c(() => ({
+			open: a.open,
+			image: a.image,
+			adaptive: "modal",
+			imagePosition: a.imagePosition,
+			closeButton: this.props.closeButton
+		})), void 0, c(() => {
+			let e = [];
+			return a.buttonClose !== null && e.push(d(a.buttonClose, {
+				label: this.text.close.value,
+				value: "close",
+				class: this.windowClasses.get().close,
+				onClick: () => {
+					var e;
+					return (e = this.emits) == null ? void 0 : e.call(this, "close");
+				}
+			}, "label", !0)), a.buttonOk !== null && e.push(d(a.buttonOk, {
+				label: this.text.ok.value,
+				value: "ok",
+				class: this.props.clickOkAndClose ? this.windowClasses.get().close : void 0,
+				onClick: () => {
+					var e;
+					return (e = this.emits) == null ? void 0 : e.call(this, "ok");
+				}
+			}, "label", !0)), {
+				list: e,
+				align: "center"
+			};
+		}), _), e(this, "icon", void 0), e(this, "label", void 0), e(this, "description", void 0), e(this, "windowClasses", void 0), e(this, "text", void 0), e(this, "iconValue", c(() => this.props.success ? this.props.iconSuccess : this.props.error ? this.props.iconError : this.props.icon)), this.props = a, this.refs = o, this.element = l, this.classDesign = f, this.className = p, this.components = m, this.slots = h, this.emits = g, this.icon = new y(u({ icon: this.iconValue }), p, m, o.iconAttrs), this.label = new b(a, p, void 0, h, void 0, void 0, !0), this.description = new v(a, p, h), this.windowClasses = new S(f), this.text = new x(this.props);
+	}
+}, m = {
+	barsBackHide: !0,
+	barsHide: !0,
+	clickOkAndClose: !0,
+	imagePosition: "top"
+}, h = class extends o {
+	constructor(...t) {
+		super(...t), e(this, "renderContent", (e) => [...this.renderInformation(), ...this.renderDefault(e)]), e(this, "renderInformation", () => {
+			var e;
+			return [l("div", { class: (e = this.classes) == null ? void 0 : e.value.information }, [
+				...this.item.icon.renderIcon(),
+				...this.item.label.render(),
+				...this.item.description.render()
+			])];
+		});
+	}
+	initItem() {
+		return new p(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits);
+	}
+	initClasses() {
+		return {
+			main: {},
+			title: this.getSubClass("title"),
+			header: this.getSubClass("header"),
+			information: this.getSubClass("information"),
+			icon: this.getSubClass("icon"),
+			label: this.getSubClass("label"),
+			description: this.getSubClass("description"),
+			body: this.getSubClass("body"),
+			footer: this.getSubClass("footer")
+		};
+	}
+	initRender() {
+		var e;
+		return this.item.window.render({
+			control: this.renderControl,
+			title: this.renderTitle,
+			default: this.renderContent,
+			footer: this.renderFooter
+		}, f({
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			"data-touch": "touch"
+		}, this.getAttrs()));
+	}
 };
+//#endregion
+export { p as Dialog, h as DialogDesign, m as defaultsDialog };

package/dist/dummy.js

@@ -0,0 +1,28 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { h as t } from "vue";
+import { DesignConstructorAbstract as n } from "@dxtmisha/functional";
+//#region src/constructors/Dummy/Dummy.ts
+var r = class {
+	constructor(e, t, n, r, i, a, o, s) {
+		this.props = e, this.refs = t, this.element = n, this.classDesign = r, this.className = i, this.components = a, this.slots = o, this.emits = s;
+	}
+}, i = {}, a = class extends n {
+	constructor(t, n, i, a = r) {
+		super(t, n, i), e(this, "item", void 0), this.item = new a(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return { main: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return t("div", { class: (e = this.classes) == null ? void 0 : e.value.main }, this.initSlot("default"));
+	}
+};
+//#endregion
+export { r as Dummy, a as DummyDesign, i as defaultsDummy };