@dxtmisha/constructor 0.39.7 → 0.52.0

package/dist/selectValue.js

@@ -1,248 +1,88 @@
-var v = Object.defineProperty;
-var b = (r, e, s) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[e] = s;
-var t = (r, e, s) => b(r, typeof e != "symbol" ? e + "" : e, s);
-import { computed as o, h as g } from "vue";
-import { isFilled as f, DesignConstructorAbstract as w, toBinds as a, getRef as C, toBind as S } from "@dxtmisha/functional";
-import { E as x } from "./EnabledInclude-Dk-rP4jp.js";
-import { E } from "./EventClickInclude-WHJqxZ1b.js";
-import { W as N } from "./WindowClassesInclude-B56usxgx.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/ функция вызывается, когда срабатывает событие
-   * @param EnabledConstructor class for creating the enabled state/ класс для создания состояния активности
-   * @param EventConstructor class for creating an event/ класс для создания события
-   * @param WindowClassesConstructor class for working with window classes/ класс для работы с классами окна
-   */
-  constructor(e, s, i, l, n, h, c, p, d = x, u = E, m = N) {
-    t(this, "enabled");
-    t(this, "event");
-    t(this, "window");
-    /** Is placeholder/ Является ли плейсхолдером */
-    t(this, "isPlaceholder", o(
-      () => !f(this.props.value) && !!this.props.placeholder
-    ));
-    /** Icon for canceling selection/ Иконка для отмены выбора */
-    t(this, "iconTrailing", o(() => {
-      if (this.enabled.isEnabled.value)
-        return {
-          icon: this.props.iconCancel,
-          dynamic: !0,
-          class: [
-            `${this.className}__trailing`,
-            this.window.get().controlStatic
-          ]
-        };
-    }));
-    /** Returns data for the main style class/ Возвращает данные для главного класса стиля */
-    t(this, "classes", o(() => ({
-      [`${this.className}--placeholder`]: this.isPlaceholder.value,
-      [`${this.className}--multiple`]: !!this.props.multiple
-    })));
-    /**
-     * Click event handler.
-     *
-     * Обработчик события клика.
-     * @param event event object/ объект события
-     * @param options additional event options/ дополнительные опции события
-     */
-    t(this, "onClick", (e, s) => {
-      e.preventDefault(), e.stopPropagation(), this.event.onClick(e, s);
-    });
-    this.props = e, this.refs = s, this.element = i, this.classDesign = l, this.className = n, this.components = h, this.slots = c, this.emits = p, this.enabled = new d(this.props), this.event = new u(
-      this.props,
-      this.enabled,
-      this.emits
-    ), this.window = new m(l);
-  }
-}
-const _ = {};
-class $ extends w {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor select value item class/ класс элемента значения выбора
-   */
-  constructor(s, i, l, n = D) {
-    super(
-      s,
-      i,
-      l
-    );
-    t(this, "item");
-    /**
-     * Rendering data.
-     *
-     * Рендеринг данных.
-     */
-    t(this, "renderData", () => {
-      var s, i, l;
-      if (this.item.isPlaceholder.value)
-        return [String(this.props.placeholder)];
-      if (this.props.value) {
-        if (this.props.multiple)
-          return this.renderList();
-        const n = (l = (s = this.props.value[0]) == null ? void 0 : s.label) != null ? l : (i = this.props.value[0]) == null ? void 0 : i.value;
-        if (n)
-          return [String(n)];
-      }
-      return [];
-    });
-    /**
-     * List rendering.
-     *
-     * Рендеринг списка.
-     */
-    t(this, "renderList", () => {
-      var i;
-      const s = [];
-      return (i = this.props.value) == null || i.forEach((l) => {
-        const n = this.renderItem(l);
-        n ? s.push(n) : s.push(l.label);
-      }), s;
-    });
-    /**
-     * Element rendering.
-     *
-     * Рендеринг элемента.
-     * @param item selected element/ выбранный элемент
-     */
-    t(this, "renderItem", (s) => {
-      var i;
-      return this.components.renderOne(
-        "chip",
-        a(
-          this.props.chipAttrs,
-          {
-            class: (i = this.classes) == null ? void 0 : i.value.item,
-            icon: this.props.iconShow && s.icon ? s.icon : void 0,
-            iconTrailing: this.item.iconTrailing.value,
-            label: s.label,
-            "data-value": s.index,
-            readonly: !0,
-            disabled: this.props.disabled,
-            value: s.value,
-            detail: s.detail,
-            onClick: this.item.onClick
-          }
-        ),
-        void 0,
-        s.index
-      );
-    });
-    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: this.item.classes.value,
-      // :classes [!] System label / Системная метка
-      item: this.getSubClass("item"),
-      trailing: this.getSubClass("trailing")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var s;
-    return g(
-      "div",
-      {
-        ...this.getAttrs(),
-        class: (s = this.classes) == null ? void 0 : s.value.main
-      },
-      this.renderData()
-    );
-  }
-}
-class y {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(e, s, i, l, n) {
-    /**
-     * Checks whether selectValue should be displayed/
-     * Проверяет, нужно ли отображать selectValue
-     */
-    t(this, "is", o(() => !!(!this.props.disabled && this.components)));
-    /** Computed bindings for the selectValue/ Вычисляемые привязки для selectValue */
-    t(this, "binds", o(() => ({
-      ...a(
-        C(this.extra),
-        this.props.selectValueAttrs,
-        {
-          class: `${this.className}__select-value`
-        }
-      ),
-      disabled: this.props.disabled
-    })));
-    /**
-     * Render the SelectValue component
-     *
-     * Рендер компонента selectValue
-     * @param attrs additional attributes/ дополнительные атрибуты
-     * @returns VNode array/ массив VNode
-     */
-    t(this, "render", (e) => this.components && this.is.value ? this.components.render(
-      "selectValue",
-      S(
-        e != null ? e : {},
-        this.binds.value
-      ),
-      this.index
-    ) : []);
-    this.props = e, this.className = s, this.components = i, this.extra = l, this.index = n;
-  }
-}
-export {
-  D as SelectValue,
-  $ as SelectValueDesign,
-  y as SelectValueInclude,
-  _ as defaultsSelectValue
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./EnabledInclude-CkD_lxMY.js";
+import { t as n } from "./EventClickInclude-6I8kuFc9.js";
+import { t as r } from "./WindowClassesInclude-zm-ITw5d.js";
+import { computed as i, h as a } from "vue";
+import { DesignConstructorAbstract as o, getRef as s, isFilled as c, toBind as l, toBinds as u } from "@dxtmisha/functional";
+//#region src/constructors/SelectValue/SelectValue.ts
+var d = class {
+	constructor(a, o, s, l, u, d, f, p, m) {
+		e(this, "enabled", void 0), e(this, "event", void 0), e(this, "window", void 0), e(this, "isPlaceholder", i(() => !c(this.props.value) && !!this.props.placeholder)), e(this, "iconTrailing", i(() => {
+			if (this.enabled.isEnabled.value) return {
+				icon: this.props.iconCancel,
+				dynamic: !0,
+				class: [`${this.className}__trailing`, this.window.get().controlStatic]
+			};
+		})), e(this, "classes", i(() => ({
+			[`${this.className}--placeholder`]: this.isPlaceholder.value,
+			[`${this.className}--multiple`]: !!this.props.multiple
+		}))), e(this, "onClick", (e, t) => {
+			e.preventDefault(), e.stopPropagation(), this.event.onClick(e, t);
+		}), this.props = a, this.refs = o, this.element = s, this.classDesign = l, this.className = u, this.components = d, this.slots = f, this.emits = p;
+		let { EnabledConstructor: h = t, EventConstructor: g = n, WindowClassesConstructor: _ = r } = m == null ? {} : m;
+		this.enabled = new h(this.props), this.event = new g(this.props, this.enabled, this.emits), this.window = new _(l);
+	}
+}, f = {}, p = class extends o {
+	constructor(t, n, r, i = d) {
+		super(t, n, r), e(this, "item", void 0), e(this, "renderData", () => {
+			if (this.item.isPlaceholder.value) return [String(this.props.placeholder)];
+			if (this.props.value) {
+				var e, t, n;
+				if (this.props.multiple) return this.renderList();
+				let r = (e = (t = this.props.value[0]) == null ? void 0 : t.label) == null ? (n = this.props.value[0]) == null ? void 0 : n.value : e;
+				if (r) return [String(r)];
+			}
+			return [];
+		}), e(this, "renderList", () => {
+			var e;
+			let t = [];
+			return (e = this.props.value) == null || e.forEach((e) => {
+				let n = this.renderItem(e);
+				n ? t.push(n) : t.push(e.label);
+			}), t;
+		}), e(this, "renderItem", (e) => {
+			var t;
+			return this.components.renderOne("chip", u(this.props.chipAttrs, {
+				class: (t = this.classes) == null ? void 0 : t.value.item,
+				icon: this.props.iconShow && e.icon ? e.icon : void 0,
+				iconTrailing: this.item.iconTrailing.value,
+				label: e.label,
+				"data-value": e.index,
+				readonly: !0,
+				disabled: this.props.disabled,
+				value: e.value,
+				detail: e.detail,
+				onClick: this.item.onClick
+			}), void 0, e.index);
+		}), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {};
+	}
+	initClasses() {
+		return {
+			main: this.item.classes.value,
+			item: this.getSubClass("item"),
+			trailing: this.getSubClass("trailing")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return a("div", {
+			...this.getAttrs(),
+			class: (e = this.classes) == null ? void 0 : e.value.main
+		}, this.renderData());
+	}
+}, m = class {
+	constructor(t, n, r, a, o) {
+		e(this, "is", i(() => !!(!this.props.disabled && this.components))), e(this, "binds", i(() => ({
+			...u(s(this.extra), this.props.selectValueAttrs, { class: `${this.className}__select-value` }),
+			disabled: this.props.disabled
+		}))), e(this, "render", (e) => this.components && this.is.value ? this.components.render("selectValue", l(e == null ? {} : e, this.binds.value), this.index) : []), this.props = t, this.className = n, this.components = r, this.extra = a, this.index = o;
+	}
 };
+//#endregion
+export { d as SelectValue, p as SelectValueDesign, m as SelectValueInclude, f as defaultsSelectValue };

package/dist/skeleton.js

@@ -1,81 +1,33 @@
-var m = Object.defineProperty;
-var a = (s, e, t) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var n = (s, e, t) => a(s, typeof e != "symbol" ? e + "" : e, t);
-import { a as c } from "./SkeletonInclude-BIUzAO2s.js";
-import { S as b } from "./SkeletonInclude-BIUzAO2s.js";
-import { h } from "vue";
-import { DesignConstructorAbstract as u } from "@dxtmisha/functional";
-import { A as r } from "./AriaStaticInclude-CAURwJMb.js";
-const A = {};
-class g extends u {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor class for working with the item/ класс для работы с элементом
-   */
-  constructor(t, i, o, l = c) {
-    super(
-      t,
-      i,
-      o
-    );
-    n(this, "item");
-    this.item = new l(
-      this.props,
-      this.refs,
-      this.element,
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    ), this.init();
-  }
-  /**
-   * Initialization of all the necessary properties for work<br>
-   * Инициализация всех необходимых свойств для работы.
-   */
-  initExpose() {
-    return {
-      isActive: this.item.isActive
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.<br>
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: {}
-    };
-  }
-  /**
-   * Refinement of the received list of styles.<br>
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.<br>
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var i;
-    const t = [];
-    return this.initSlot("default", t, this.item.classes), h("div", {
-      ...this.getAttrs(),
-      ref: this.element,
-      class: (i = this.classes) == null ? void 0 : i.value.main,
-      ...r.busy(this.item.isActive.value),
-      ...r.live("polite")
-    }, t);
-  }
-}
-export {
-  c as Skeleton,
-  g as SkeletonDesign,
-  b as SkeletonInclude,
-  A as defaultsSkeleton
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { n, r, t as i } from "./SkeletonInclude-D8on8xmw.js";
+import { h as a } from "vue";
+import { DesignConstructorAbstract as o } from "@dxtmisha/functional";
+//#region src/constructors/Skeleton/props.ts
+var s = {}, c = class extends o {
+	constructor(e, r, i, a = n) {
+		super(e, r, i), t(this, "item", void 0), this.item = new a(this.props, this.refs, this.element, this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return { isActive: this.item.isActive };
+	}
+	initClasses() {
+		return { main: {} };
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var t;
+		let n = [];
+		return this.initSlot("default", n, this.item.classes), a("div", {
+			...this.getAttrs(),
+			ref: this.element,
+			class: (t = this.classes) == null ? void 0 : t.value.main,
+			...e.busy(this.item.isActive.value),
+			...e.live("polite")
+		}, n);
+	}
 };
+//#endregion
+export { r as SKELETON_NAME_STATUS, n as Skeleton, c as SkeletonDesign, i as SkeletonInclude, s as defaultsSkeleton };

package/dist/snackbar.js

@@ -0,0 +1,143 @@
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { Teleport as t, computed as n, h as r, markRaw as i, shallowRef as a } from "vue";
+import { DesignConstructorAbstract as o } from "@dxtmisha/functional";
+import { isElementVisible as s } from "@dxtmisha/functional-basic";
+//#region src/constructors/Snackbar/SnackbarEvent.ts
+var c = class {
+	constructor(e) {
+		this.emits = e;
+	}
+	show(e, t) {
+		var n;
+		(n = this.emits) == null || n.call(this, "show", e, t);
+	}
+	hide(e, t) {
+		var n;
+		(n = this.emits) == null || n.call(this, "hide", e, t);
+	}
+}, l = 0, u = class {
+	constructor(t, r, i, o) {
+		e(this, "item", a([])), e(this, "isItem", n(() => this.item.value.length > 0)), e(this, "isPriority", n(() => this.isItem.value && this.item.value.findIndex((e) => e.highPriority === !0) !== -1)), e(this, "add", (e) => {
+			let t = this.getItemValue(e), n = this.getItemDelay(e);
+			this.item.value = [...this.item.value, {
+				...e,
+				delay: n,
+				value: t
+			}], this.toScroll(), this.toShow(t, n);
+		}), e(this, "remove", (e) => {
+			if (this.getItemByValue(e)) {
+				let t = this.getElementItem(e);
+				t ? (t.addEventListener("transitionend", () => this.toNone(e)), t.classList.add(`${this.className}--hide`), setTimeout(() => this.toNone(e), 512)) : this.toNone(e);
+			}
+		}), e(this, "clear", () => {
+			this.item.value.forEach((e) => e.value && this.remove(e.value));
+		}), this.props = t, this.element = r, this.className = i, this.event = o;
+	}
+	getItemByValue(e) {
+		return this.item.value.find((t) => t.value === e);
+	}
+	getElementItem(e) {
+		var t;
+		let n = (t = this.element.value) == null ? void 0 : t.querySelector(`[data-snackbar-item="${e}"]`);
+		return n == null ? void 0 : n;
+	}
+	getItemValue(e) {
+		var t;
+		return (t = e.value) == null ? `snackbar-item-${++l}` : t;
+	}
+	getItemDelay(e) {
+		var t, n;
+		return (t = (n = e.delay) == null ? this.props.delay : n) == null ? 1e4 : t;
+	}
+	toNone(e) {
+		let t = this.getItemByValue(e);
+		if (t) {
+			var n;
+			this.item.value = this.item.value.filter((t) => t.value !== e), (n = this.event) == null || n.hide(e, t);
+		}
+	}
+	toShow(e, t) {
+		t < 0 || requestAnimationFrame(() => {
+			let n = this.getElementItem(e), r = this.getItemByValue(e);
+			if (r) if (n && s(n)) {
+				var i;
+				(i = this.event) == null || i.show(e, r), setTimeout(() => this.remove(e), t + 256);
+			} else setTimeout(() => this.toShow(e, t), 128);
+		});
+	}
+	toScroll() {
+		requestAnimationFrame(() => {
+			this.element.value && (this.element.value.scrollTop = 1e6);
+		});
+	}
+}, d = class {
+	constructor(t, n, r, i, a, o, s, l, d) {
+		e(this, "data", void 0), e(this, "event", void 0), e(this, "onClose", (e) => this.data.remove(e)), this.props = t, this.refs = n, this.element = r, this.classDesign = i, this.className = a, this.components = o, this.slots = s, this.emits = l;
+		let { DataConstructor: f = u, EventConstructor: p = c } = d == null ? {} : d;
+		this.event = new p(l), this.data = new f(t, r, a, this.event);
+	}
+}, f = { delay: 8e3 }, p = class extends o {
+	constructor(t, n, a, o = d) {
+		super(t, n, a), e(this, "item", void 0), e(this, "renderData", () => {
+			let e = [];
+			return this.item.data.item.value.forEach((t) => {
+				var n, i, a, o;
+				return e.push(r(t.highPriority ? "aside" : "div", {
+					key: t.value,
+					class: {
+						[(n = (i = this.classes) == null ? void 0 : i.value.item) == null ? "item" : n]: !0,
+						[(a = (o = this.classes) == null ? void 0 : o.value.priority) == null ? "priority" : a]: t.highPriority
+					},
+					"data-snackbar-item": t.value
+				}, this.renderItem(t)));
+			}), e;
+		}), e(this, "renderItem", (e) => {
+			let t = {
+				...e.data,
+				value: e.value,
+				onClose: this.item.onClose
+			};
+			return e.component ? r({ ...i(e.component) }, t) : this.components.renderOne("snackbarItem", t, void 0, e.value);
+		}), e(this, "renderSpace", () => {
+			if (this.item.data.isPriority.value) {
+				var e;
+				return [r("div", { class: (e = this.classes) == null ? void 0 : e.value.space })];
+			}
+			return [];
+		}), this.item = new o(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {
+			isItem: this.item.data.isItem,
+			add: this.item.data.add,
+			remove: this.item.data.remove,
+			clear: this.item.data.clear
+		};
+	}
+	initClasses() {
+		return {
+			main: {},
+			item: this.getSubClass("item"),
+			space: this.getSubClass("space"),
+			priority: this.getSubClass("priority")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		if (this.item.data.isItem.value) {
+			var e;
+			return r(t, {
+				key: "teleport",
+				to: "body"
+			}, r("div", {
+				...this.getAttrs(),
+				ref: this.element,
+				class: (e = this.classes) == null ? void 0 : e.value.main
+			}, [...this.renderData(), ...this.renderSpace()]));
+		}
+	}
+};
+//#endregion
+export { d as Snackbar, u as SnackbarData, p as SnackbarDesign, c as SnackbarEvent, f as defaultsSnackbar };