@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/image.js

@@ -1,1348 +1,651 @@
-var O = Object.defineProperty;
-var W = (r, t, e) => t in r ? O(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var i = (r, t, e) => W(r, typeof t != "symbol" ? t + "" : t, e);
-import { computed as n, watchEffect as B, ref as I, toRefs as R, watch as k, onUnmounted as E, h as g } from "vue";
-import { isDomRuntime as j, resizeImageByMax as D, isString as f, isFilled as F, Icons as A, isArray as M, EventItem as L, forEach as P, toNumber as S, getElementId as N, isNumber as _, useLazyItemByMarginRef as U, DesignConstructorAbstract as X } from "@dxtmisha/functional";
-import { A as z } from "./AriaStaticInclude-CAURwJMb.js";
-const K = 1280;
-class H {
-  /**
-   * Checks if the file is an image.
-   *
-   * Проверяет, является ли файл изображением.
-   * @param file verified file/ проверяемый файл
-   */
-  static isImage(t) {
-    return !!t.type.match(/^image\//);
-  }
-  /**
-   * Creates an image based on a file or a link.
-   *
-   * Создает изображение на основе файла или ссылки.
-   * @param src file or link/ файл или ссылка
-   */
-  static createImage(t) {
-    return new Promise((e) => {
-      if (t) {
-        const s = new Image();
-        s.onerror = () => e(void 0), s.onload = () => {
-          e({
-            image: s,
-            src: this.getSRC(s, t),
-            width: s.naturalWidth,
-            height: s.naturalHeight
-          });
-        }, (async () => s.src = t instanceof File ? await this.getFileResult(t) : t)();
-      } else
-        e(void 0);
-    });
-  }
-  /**
-   * Returns a link to the image.
-   *
-   * Возвращает ссылку на изображение.
-   * @param src file or link/ файл или ссылка
-   */
-  static async getPath(t) {
-    return this.createImage(t).then((e) => {
-      var s;
-      return (s = e == null ? void 0 : e.src) != null ? s : "";
-    });
-  }
-  /**
-   * Applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer.
-   *
-   * Асинхронно читать содержимое файлов (или буферы данных), хранящиеся на компьютере пользователя.
-   * @param file the Blob or File from which to read/ Blob или File которые следует прочитать
-   */
-  static getFileResult(t) {
-    return new Promise((e) => {
-      this.isImage(t) ? this.getFileReader(t).then((s) => e(s)) : e("");
-    });
-  }
-  /**
-   * Applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer.
-   *
-   * Асинхронно читать содержимое файлов (или буферы данных), хранящиеся на компьютере пользователя.
-   * @param file the Blob or File from which to read/ Blob или File которые следует прочитать
-   */
-  static getFileReader(t) {
-    return new Promise((e) => {
-      const s = new FileReader();
-      s.onload = () => e(typeof s.result == "string" ? s.result : ""), s.readAsDataURL(t);
-    });
-  }
-  /**
-   * Image size adaptation. Checks if the image size is larger than maxSize, reduces it to maxSize.
-   *
-   * Адаптация размера изображения. Проверяет, если размер изображения больше maxSize, уменьшает его до maxSize.
-   * @param image image element/ элемент изображения
-   * @param src link to image/ ссылка на изображение
-   * @param maxSize maximum allowable image size/ максимальный допустимый размер изображения
-   */
-  static getSRC(t, e, s = K) {
-    var h;
-    return j() && (e instanceof File || e === void 0) && (t.naturalHeight > s || t.naturalWidth > s) ? (h = D(t, s)) != null ? h : "" : t.src;
-  }
-}
-const x = "#toolbar=0&scrollbar=1";
-class C {
-  /**
-   * Checks if the file is an image.
-   *
-   * Проверяет, является ли файл PDF.
-   * @param file verified file/ проверяемый файл
-   */
-  static isPdf(t) {
-    return f(t) ? !!t.match(/\.pdf$/i) : j() && !!t.type.match(/\/pdf$/i);
-  }
-  /**
-   * Applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer.
-   *
-   * Асинхронно читать содержимое файлов (или буферы данных), хранящиеся на компьютере пользователя.
-   * @param file the Blob or File from which to read/ Blob или File которые следует прочитать
-   */
-  static async get(t) {
-    return f(t) ? `${t}${x}` : this.isPdf(t) ? `${await H.getFileReader(t)}${x}` : "";
-  }
-}
-var a = /* @__PURE__ */ ((r) => (r.pdf = "pdf", r.file = "file", r.image = "image", r.flag = "flag", r.flagCompressed = "flag-compressed", r.color = "color", r.public = "public", r.filled = "filled", r.outlined = "outlined", r.round = "round", r.sharp = "sharp", r.twoTone = "two-tone", r.material = "material", r.icon = "icon", r))(a || {});
-class Y {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(t) {
-    /**
-     * Get the image type.
-     *
-     * Получения тип изображения.
-     */
-    i(this, "item", n(() => {
-      const t = this.props.value;
-      if (t instanceof File || F(t)) {
-        if (C.isPdf(t))
-          return a.pdf;
-        if (t instanceof File)
-          return a.file;
-        if (t.match(/\//))
-          return a.image;
-        if (t.match(/^#/))
-          return a.color;
-        if (t.match(/^@/))
-          return a.public;
-        if (t.match(/^\$/))
-          return a.material;
-        if (t.match(/^flag-[a-z]{2}$/))
-          return a.flag;
-        if (t.match(/^f-[a-z]{2}$/))
-          return a.flagCompressed;
-        const e = t.match(/^(outlined|round|sharp|material)-/);
-        return e ? e[1] : A.is(t) ? a.public : a.outlined;
-      }
-    }));
-    this.props = t;
-  }
-}
-const nt = {
-  adaptiveGroup: "basic",
-  preloadOffset: "1024px"
+import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
+import { t } from "./defineProperty-hmGKPWdq.js";
+import { t as n } from "./ImageInclude-CP-Q4R20.js";
+import { computed as r, h as i, onUnmounted as a, ref as o, toRefs as s, watch as c, watchEffect as l } from "vue";
+import { DesignConstructorAbstract as u, EventItem as d, Icons as f, forEach as p, getElementId as m, isArray as h, isDomRuntime as g, isFilled as _, isNumber as v, isString as y, resizeImageByMax as b, toNumber as x, useLazyItemByMarginRef as S } from "@dxtmisha/functional";
+//#region src/constructors/Image/ImageFile.ts
+var C = 1280, w = class {
+	static isImage(e) {
+		return !!e.type.match(/^image\//);
+	}
+	static createImage(e) {
+		return new Promise((t) => {
+			if (e) {
+				let n = new Image();
+				n.onerror = () => t(void 0), n.onload = () => {
+					t({
+						image: n,
+						src: this.getSRC(n, e),
+						width: n.naturalWidth,
+						height: n.naturalHeight
+					});
+				}, (async () => {
+					n.src = e instanceof File ? await this.getFileResult(e) : e;
+				})();
+			} else t(void 0);
+		});
+	}
+	static async getPath(e) {
+		return this.createImage(e).then((e) => {
+			var t;
+			return (t = e == null ? void 0 : e.src) == null ? "" : t;
+		});
+	}
+	static getFileResult(e) {
+		return new Promise((t) => {
+			this.isImage(e) ? this.getFileReader(e).then((e) => t(e)) : t("");
+		});
+	}
+	static getFileReader(e) {
+		return new Promise((t) => {
+			let n = new FileReader();
+			n.onload = () => t(typeof n.result == "string" ? n.result : ""), n.readAsDataURL(e);
+		});
+	}
+	static getSRC(e, t, n = C) {
+		if (g() && (t instanceof File || t === void 0) && (e.naturalHeight > n || e.naturalWidth > n)) {
+			var r;
+			return (r = b(e, n)) == null ? "" : r;
+		} else return e.src;
+	}
+}, T = "#toolbar=0&scrollbar=1", E = class {
+	static isPdf(e) {
+		return y(e) ? !!e.match(/\.pdf$/i) : g() && !!e.type.match(/\/pdf$/i);
+	}
+	static async get(e) {
+		return y(e) ? `${e}${T}` : this.isPdf(e) ? `${await w.getFileReader(e)}${T}` : "";
+	}
+}, D = [], O = class {
+	static is(e) {
+		return e instanceof Uint8Array || e instanceof ArrayBuffer;
+	}
+	static createImage(e, t = "image/jpeg") {
+		let n = this.getCacheItem(e, t), r = new Image();
+		if (n) r.src = n.src;
+		else {
+			let n = new Blob([this.toUint8Array(e)], { type: t }), i = URL.createObjectURL(n);
+			r.src = i, this.addCacheItem(e, t, i);
+		}
+		return {
+			image: r,
+			src: r.src,
+			width: r.naturalWidth,
+			height: r.naturalHeight
+		};
+	}
+	static toUint8Array(e) {
+		return e instanceof ArrayBuffer ? new Uint8Array(e) : e;
+	}
+	static getCacheItem(e, t) {
+		return D.find((n) => n.item === e && n.type === t);
+	}
+	static addCacheItem(e, t, n) {
+		D.push({
+			item: e,
+			type: t,
+			src: n
+		});
+	}
+}, k = /* @__PURE__ */ function(e) {
+	return e.pdf = "pdf", e.file = "file", e.array = "array", e.image = "image", e.flag = "flag", e.flagCompressed = "flag-compressed", e.color = "color", e.public = "public", e.filled = "filled", e.outlined = "outlined", e.round = "round", e.sharp = "sharp", e.twoTone = "two-tone", e.material = "material", e.icon = "icon", e;
+}({}), A = class {
+	constructor(e) {
+		t(this, "item", r(() => {
+			let e = this.props.value;
+			if (e instanceof File) return k.file;
+			if (O.is(e)) return k.array;
+			if (y(e) && _(e)) {
+				if (E.isPdf(e)) return k.pdf;
+				if (e.match(/\//)) return k.image;
+				if (e.match(/^#/)) return k.color;
+				if (e.match(/^@/)) return k.public;
+				if (e.match(/^\$/)) return k.material;
+				if (e.match(/^flag-[a-z]{2}$/)) return k.flag;
+				if (e.match(/^f-[a-z]{2}$/)) return k.flagCompressed;
+				let t = e.match(/^(outlined|round|sharp|material)-/);
+				return t ? t[1] : f.is(e) ? k.public : k.outlined;
+			}
+		})), this.props = e;
+	}
+}, j = {
+	adaptiveGroup: "basic",
+	preloadOffset: "1024px"
+}, M = class {
+	constructor(e, n) {
+		t(this, "image", o()), this.props = e, this.type = n, l(async () => {
+			this.image.value = await this.init();
+		});
+	}
+	is() {
+		return this.image.value !== void 0;
+	}
+	isLink() {
+		return this.is() && typeof this.image.value == "string";
+	}
+	isImage() {
+		return this.is() && typeof this.image.value != "string";
+	}
+	async init() {
+		let e = this.props.value;
+		if (e) switch (this.type.item.value) {
+			case k.pdf: return await E.get(e);
+			case k.array: return await O.createImage(e);
+			case k.image:
+			case k.file:
+				try {
+					return this.props.lazy ? this.props.value : await w.createImage(e);
+				} catch (t) {
+					console.error("ImageData.initImage: ", e);
+				}
+				break;
+			case k.public:
+			case k.icon:
+			case k.flag:
+				if (y(e)) return await f.get(e, this.props.url);
+				break;
+		}
+	}
+}, N = class {
+	constructor(e) {
+		t(this, "coordinator", r(() => {
+			if (this.is()) {
+				let f = this.props.coordinator;
+				switch (f.length) {
+					case 1:
+						var e, t, n, r;
+						return [
+							(e = f[0]) == null ? 0 : e,
+							(t = f[0]) == null ? 0 : t,
+							(n = f[0]) == null ? 0 : n,
+							(r = f[0]) == null ? 0 : r
+						];
+					case 2:
+						var i, a, o, s;
+						return [
+							(i = f[0]) == null ? 0 : i,
+							(a = f[1]) == null ? 0 : a,
+							(o = f[0]) == null ? 0 : o,
+							(s = f[1]) == null ? 0 : s
+						];
+					case 3:
+						var c, l, u, d;
+						return [
+							(c = f[0]) == null ? 0 : c,
+							(l = f[1]) == null ? 0 : l,
+							(u = f[2]) == null ? 0 : u,
+							(d = f[1]) == null ? 0 : d
+						];
+					case 4: return f;
+				}
+			}
+			return [
+				0,
+				0,
+				0,
+				0
+			];
+		})), t(this, "size", r(() => {
+			let e = this.coordinator.value;
+			return {
+				width: 100 - e[1] - e[3],
+				height: 100 - e[2] - e[0]
+			};
+		})), this.props = e;
+	}
+	is() {
+		let e = this.props.coordinator;
+		return h(e) && e.length > 0 && e.length < 5;
+	}
+	getSize() {
+		let e = this.size.value, t = e.width === 0 ? 100 : e.width, n = e.height === 0 ? 100 : e.height;
+		return {
+			width: `${100 / t * 100}%`,
+			height: `${100 / n * 100}%`
+		};
+	}
+}, P = class {
+	constructor(e, n) {
+		t(this, "x", r(() => {
+			var e;
+			return this.coordinator.is() ? `${this.coordinator.coordinator.value[3] + this.coordinator.size.value.width / 2}%` : ((e = this.props.x) == null ? void 0 : e.toString()) || "center";
+		})), t(this, "y", r(() => {
+			var e;
+			return this.coordinator.is() ? `${this.coordinator.coordinator.value[0] + this.coordinator.size.value.height / 2}%` : ((e = this.props.y) == null ? void 0 : e.toString()) || "center";
+		})), this.props = e, this.coordinator = n;
+	}
+}, F = class {
+	constructor(e) {
+		t(this, "factorMax", 1), t(this, "size", {
+			width: 0,
+			height: 0
+		}), t(this, "offset", {
+			width: 7680,
+			height: 7680
+		}), this.name = e;
+	}
+	is(e) {
+		return this.name === e;
+	}
+	isSize() {
+		return !!(this.size.width || this.size.width);
+	}
+	getWidth() {
+		return this.size.width;
+	}
+	getHeight() {
+		return this.size.height;
+	}
+	getOffsetWidth() {
+		return this.offset.width;
+	}
+	getOffsetHeight() {
+		return this.offset.height;
+	}
+	getFactorMax() {
+		return this.factorMax;
+	}
+	makeWidth(e) {
+		return e > this.size.width && (this.size.width = e), this;
+	}
+	makeHeight(e) {
+		return e > this.size.height && (this.size.height = e), this;
+	}
+	makeOffsetWidth(e) {
+		return e < this.offset.width && (this.offset.width = e), this;
+	}
+	makeOffsetHeight(e) {
+		return e < this.offset.height && (this.offset.height = e), this;
+	}
+	makeFactorMax(e) {
+		return e < this.factorMax && (this.factorMax = e), this;
+	}
+	reset() {
+		return this.factorMax = 1, this.size = {
+			width: 0,
+			height: 0
+		}, this.offset = {
+			width: 7680,
+			height: 7680
+		}, this;
+	}
+}, I = class {
+	static isSize() {
+		return this.items.find((e) => e.isSize()) !== void 0;
+	}
+	static get(e) {
+		return this.find(e) || this.init(e);
+	}
+	static reset() {
+		this.items.forEach((e) => e.reset());
+	}
+	static find(e) {
+		return this.items.find((t) => t.is(e));
+	}
+	static init(e) {
+		let t = new F(e);
+		return this.items.push(t), t;
+	}
 };
-class q {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param type image type/ тип изображения
-   */
-  constructor(t, e) {
-    /**
-     * Returns images.
-     *
-     * Возвращает изображения.
-     */
-    i(this, "image", I());
-    this.props = t, this.type = e, B(async () => {
-      this.image.value = await this.init();
-    });
-  }
-  /**
-   * Checks if there are values.
-   *
-   * Проверяет, есть ли значения.
-   */
-  is() {
-    return this.image.value !== void 0;
-  }
-  /**
-   * Checks if the value is a link, that is, a type of string.
-   *
-   * Проверяет, является ли значение ссылкой, то есть видом строки.
-   */
-  isLink() {
-    return this.is() && typeof this.image.value == "string";
-  }
-  /**
-   * Checks if the value is an image object.
-   *
-   * Проверяет, является ли значение объектом изображения.
-   */
-  isImage() {
-    return this.is() && typeof this.image.value != "string";
-  }
-  /**
-   * Calculates the image value and returns it.
-   *
-   * Вычисляет значение изображения и возвращает его.
-   */
-  async init() {
-    const t = this.props.value;
-    if (t)
-      switch (this.type.item.value) {
-        case a.pdf:
-          return await C.get(t);
-        case a.image:
-        case a.file:
-          try {
-            return this.props.lazy ? this.props.value : await H.createImage(t);
-          } catch (e) {
-            console.error("ImageData.initImage: ", t);
-          }
-          break;
-        case a.public:
-        case a.icon:
-        case a.flag:
-          if (f(t))
-            return await A.get(t, this.props.url);
-          break;
-      }
-  }
-}
-class G {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(t) {
-    /**
-     * Returns coordinates.
-     *
-     * Возвращает координаты.
-     */
-    i(this, "coordinator", n(() => {
-      var t, e, s, h, c, m, p, d, v, y, b, w;
-      if (this.is()) {
-        const o = this.props.coordinator;
-        switch (o.length) {
-          case 1:
-            return [
-              (t = o[0]) != null ? t : 0,
-              (e = o[0]) != null ? e : 0,
-              (s = o[0]) != null ? s : 0,
-              (h = o[0]) != null ? h : 0
-            ];
-          case 2:
-            return [
-              (c = o[0]) != null ? c : 0,
-              (m = o[1]) != null ? m : 0,
-              (p = o[0]) != null ? p : 0,
-              (d = o[1]) != null ? d : 0
-            ];
-          case 3:
-            return [
-              (v = o[0]) != null ? v : 0,
-              (y = o[1]) != null ? y : 0,
-              (b = o[2]) != null ? b : 0,
-              (w = o[1]) != null ? w : 0
-            ];
-          case 4:
-            return o;
-        }
-      }
-      return [0, 0, 0, 0];
-    }));
-    /**
-     * Returns the sizes for the background-position property by coordinates.
-     *
-     * Возвращает размеры для свойства background-position по координатам.
-     */
-    i(this, "size", n(() => {
-      const t = this.coordinator.value;
-      return {
-        width: 100 - t[1] - t[3],
-        height: 100 - t[2] - t[0]
-      };
-    }));
-    this.props = t;
-  }
-  /**
-   * Checks if there are coordinates for calculation.
-   *
-   * Проверяет, есть ли координаты для вычисления.
-   */
-  is() {
-    const t = this.props.coordinator;
-    return M(t) && t.length > 0 && t.length < 5;
-  }
-  /**
-   * Returns the values for the background property.
-   *
-   * Возвращает значения для свойства background.
-   */
-  getSize() {
-    const t = this.size.value, e = t.width === 0 ? 100 : t.width, s = t.height === 0 ? 100 : t.height;
-    return {
-      width: `${100 / e * 100}%`,
-      height: `${100 / s * 100}%`
-    };
-  }
-}
-class Z {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param coordinator coordinates for margins/ координаты для отступов
-   */
-  constructor(t, e) {
-    /**
-     * Returns the position on the left.
-     *
-     * Возвращает позицию слева.
-     */
-    i(this, "x", n(() => {
-      var t;
-      return this.coordinator.is() ? `${this.coordinator.coordinator.value[3] + this.coordinator.size.value.width / 2}%` : ((t = this.props.x) == null ? void 0 : t.toString()) || "center";
-    }));
-    /**
-     * Returns the position on the top.
-     *
-     * Возвращает позицию сверху.
-     */
-    i(this, "y", n(() => {
-      var t;
-      return this.coordinator.is() ? `${this.coordinator.coordinator.value[0] + this.coordinator.size.value.height / 2}%` : ((t = this.props.y) == null ? void 0 : t.toString()) || "center";
-    }));
-    this.props = t, this.coordinator = e;
-  }
-}
-class J {
-  /**
-   * Constructor
-   * @param name group name/ название группы
-   */
-  constructor(t) {
-    i(this, "factorMax", 1);
-    i(this, "size", {
-      width: 0,
-      height: 0
-    });
-    i(this, "offset", {
-      width: 7680,
-      height: 7680
-    });
-    this.name = t;
-  }
-  /**
-   * Checks whether the element belongs to the current group.
-   *
-   * Проверяет, принадлежит ли элемент к текущей группе.
-   * @param name name of the checked group/ название проверяемой группы
-   */
-  is(t) {
-    return this.name === t;
-  }
-  /**
-   * Checks if the group has elements with sizes. It is used to check if there is data for work.
-   *
-   * Проверяет, есть ли у группы элементы с размерами. Используется для проверки, есть ли данные для работы.
-   */
-  isSize() {
-    return !!(this.size.width || this.size.width);
-  }
-  /**
-   * Returns the maximum physical width.
-   *
-   * Возвращает максимальную физическую ширину.
-   */
-  getWidth() {
-    return this.size.width;
-  }
-  /**
-   * Returns the maximum physical height.
-   *
-   * Возвращает максимальную физическую высоту.
-   */
-  getHeight() {
-    return this.size.height;
-  }
-  /**
-   * Returns the actual width.
-   *
-   * Возвращает фактическую ширину.
-   */
-  getOffsetWidth() {
-    return this.offset.width;
-  }
-  /**
-   * Returns the actual height.
-   *
-   * Возвращает фактическую высоту.
-   */
-  getOffsetHeight() {
-    return this.offset.height;
-  }
-  /**
-   * Returns the maximum multiplier for scaling.
-   *
-   * Возвращает максимальный множитель для масштабирования.
-   */
-  getFactorMax() {
-    return this.factorMax;
-  }
-  /**
-   * Updating size.width, if it is less than the selected value.
-   *
-   * Обновление size.width, если она меньше выбранного значения.
-   * @param width value of the selected width/ значение выбранной ширины
-   */
-  makeWidth(t) {
-    return t > this.size.width && (this.size.width = t), this;
-  }
-  /**
-   * Updating size.height, if it is less than the selected value.
-   *
-   * Обновление size.height, если она меньше выбранного значения.
-   * @param height value of the selected height/ значение выбранной высоты
-   */
-  makeHeight(t) {
-    return t > this.size.height && (this.size.height = t), this;
-  }
-  /**
-   * Updating offset.width, if it is larger than the selected value.
-   *
-   * Обновление offset.width, если она больше выбранного значения.
-   * @param width value of the selected width/ значение выбранной ширины
-   */
-  makeOffsetWidth(t) {
-    return t < this.offset.width && (this.offset.width = t), this;
-  }
-  /**
-   * Updating offset.height, if it is larger than the selected value.
-   *
-   * Обновление offset.height, если она больше выбранного значения.
-   * @param height value of the selected height/ значение выбранной высоты
-   */
-  makeOffsetHeight(t) {
-    return t < this.offset.height && (this.offset.height = t), this;
-  }
-  /**
-   * Changes the multiplier value if it is greater than the checked value.
-   *
-   * Изменяет значение множителя, если оно больше проверяемого значения.
-   * @param value values for verification/ значения для проверки
-   */
-  makeFactorMax(t) {
-    return t < this.factorMax && (this.factorMax = t), this;
-  }
-  /**
-   * Restoring the value to its original state.
-   *
-   * Восстановление значения в изначальное состояние.
-   */
-  reset() {
-    return this.factorMax = 1, this.size = {
-      width: 0,
-      height: 0
-    }, this.offset = {
-      width: 7680,
-      height: 7680
-    }, this;
-  }
-}
-class u {
-  /**
-   * Checks if the group has elements with sizes. It is used to check if there is data for work.
-   *
-   * Проверяет, есть ли у группы элементы с размерами. Используется для проверки, есть ли данные для работы.
-   */
-  static isSize() {
-    return this.items.find((t) => t.isSize()) !== void 0;
-  }
-  /**
-   * Returns an object with data for calculation by the name of its group.
-   *
-   * Возвращает объект с данными для вычисления по названию его группы.
-   * @param name group name/ название группы
-   */
-  static get(t) {
-    return this.find(t) || this.init(t);
-  }
-  /**
-   * Resets all parameters for all groups.
-   *
-   * Сбрасывает все параметры для всех групп.
-   */
-  static reset() {
-    this.items.forEach((t) => t.reset());
-  }
-  /**
-   * Search for the ImageCalculation object by the name of the group.
-   *
-   * Поиск объекта ImageCalculation по названию группы.
-   * @param name group name/ название группы
-   */
-  static find(t) {
-    return this.items.find((e) => e.is(t));
-  }
-  /**
-   * Creating a new ImageCalculation object by the name of the group.
-   *
-   * Создание нового объекта ImageCalculation по названию группы.
-   * @param name group name/ название группы
-   */
-  static init(t) {
-    const e = new J(t);
-    return this.items.push(e), e;
-  }
-}
-i(u, "items", []);
-class l {
-  /**
-   * Checks if an element is present in the list.
-   *
-   * Проверяет, присутствует ли элемент в списке.
-   * @param item object for working with images/ объект для работы с изображениями
-   */
-  static is(t) {
-    return this.objects.findIndex((e) => e === t) !== -1;
-  }
-  /**
-   * Adding a new element for tracking.
-   *
-   * Добавление нового элемента для отслеживания.
-   * @param item object for working with images/ объект для работы с изображениями
-   */
-  static add(t) {
-    this.is(t) || (this.objects.push(t), this.make());
-  }
-  /**
-   * Removal of the element.
-   *
-   * Удаления элемента.
-   * @param item object for working with images/ объект для работы с изображениями
-   */
-  static remove(t) {
-    const e = this.objects.findIndex((s) => s === t);
-    e !== -1 && (this.objects.splice(e, 1), this.cache = []), this.make();
-  }
-  /**
-   * Resets all cached data and rereads scaling for all elements.
-   *
-   * Обнуляет все кэшированные данные и перечитывает масштабирование для всех элементов.
-   */
-  static reset() {
-    this.cache = [], this.start();
-  }
-  /**
-   * Starts the calculation process or turns it off if there are no active elements in the list.
-   *
-   * Запускает процесс вычисления или отключает его, если в списке нет активных элементов.
-   */
-  static make() {
-    this.event && this.objects.length < 1 ? (this.event.stop(), this.event = void 0) : this.objects.length > 0 && (this.event || (this.event = new L(window, ["scroll-sync"], () => this.start()).start()), this.time || (this.time = !0, requestAnimationFrame(() => {
-      this.time = !1, this.start();
-    })));
-  }
-  /**
-   * Returns a list of elements that are visible or constantly being calculated.
-   *
-   * Возвращает список элементов, которые видны или постоянно вычисляются.
-   */
-  static getItemIdByVisible() {
-    return P(this.objectsAdaptive, (t) => t.getId());
-  }
-  /**
-   * Method for starting the calculation of scaling elements in the list.
-   *
-   * Метод для запуска вычисления масштабирования элементов в списке.
-   */
-  static start() {
-    var t;
-    if (this.isAdaptive()) {
-      this.makeAdaptive();
-      const e = this.getItemIdByVisible();
-      this.isCache(e) && (this.cache = e, this.makeSize(), this.makePercent(), this.makeFactorMax());
-    } else
-      (t = this.event) == null || t.stop();
-  }
-  /**
-   * Updates the list of elements available for calculation. These are the
-   * elements that are close to the border of the visible area.
-   *
-   * Обновляет список доступных для вычисления элементов. Это те элементы,
-   * которые близки к границе видимой области.
-   */
-  static makeAdaptive() {
-    this.objectsAdaptive = [], this.objects.forEach((t) => {
-      t.make(), t.isBeyond() && this.objectsAdaptive.push(t);
-    });
-  }
-  /**
-   * Calculates the dimensions of an element relative to the image size,
-   * the size of the element, and its physical location on the image.
-   *
-   * Вычисляет размеры элемента относительно размера изображения,
-   * размера элемента и его физического расположения на изображении.
-   */
-  static makeSize() {
-    u.reset(), this.objectsAdaptive.forEach((t) => {
-      const e = t.element.value;
-      e && u.get(t.group.value).makeWidth(t.width.value).makeHeight(t.height.value).makeOffsetWidth(e.offsetWidth).makeOffsetHeight(e.offsetHeight);
-    });
-  }
-  /**
-   * Calculation of the basic scaling of an element without taking into account other elements.
-   *
-   * Вычисление базового масштабирования элемента без учета других элементов.
-   */
-  static makePercent() {
-    u.isSize() && this.objectsAdaptive.forEach((t) => {
-      const e = t.element.value, s = u.get(t.group.value);
-      if (e) {
-        const h = s.getWidth(), c = s.getHeight();
-        t.setPercent(
-          t.width.value * (h ? 1 / h : 0) * (s.getOffsetWidth() / e.offsetWidth),
-          t.height.value * (c ? 1 / c : 0) * (s.getOffsetHeight() / e.offsetHeight)
-        );
-      }
-    });
-  }
-  /**
-   * Calculation of the largest element to determine the base size.
-   * This parameter is used for scaling other elements,
-   * reducing them to the necessary proportion.
-   *
-   * Вычисление самого большого элемента для определения базового размера.
-   * Этот параметр используется для масштабирования других элементов,
-   * уменьшая их до нужной пропорции.
-   */
-  static makeFactorMax() {
-    u.isSize() && this.objectsAdaptive.forEach((t) => {
-      u.get(t.group.value).makeFactorMax(t.factor.value);
-    });
-  }
-  /**
-   * Checks if there is an active element at the moment.
-   *
-   * Проверяет, есть ли в текущий момент активный элемент.
-   */
-  static isAdaptive() {
-    return !!this.objects.find((t) => t.is());
-  }
-  /**
-   * Checks whether the composition of visible elements has changed.
-   *
-   * Проверяет, изменился ли состав видимых элементов.
-   * @param visible list of indices of visible elements/ список индексов видимых элементов
-   */
-  static isCache(t) {
-    return this.cache.join("|") !== t.join("|");
-  }
-}
-i(l, "objects", []), i(l, "objectsAdaptive", []), i(l, "cache", []), i(l, "event"), i(l, "time");
-const Q = "main", $ = 512;
-class T {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param element image element for scaling/ элемент изображения для масштабирования
-   * @param data image data/ данные изображения
-   */
-  constructor(t, e, s) {
-    i(this, "percent", I({
-      width: 0,
-      height: 0
-    }));
-    i(this, "beyond", !1);
-    i(this, "visible", !1);
-    /**
-     * Is the element active for size alignment.
-     *
-     * Активен ли элемент для выравнивания размера.
-     */
-    i(this, "active", n(
-      () => !!(this.props.adaptive && (this.width.value || this.height.value)) && this.data.isImage()
-    ));
-    /**
-     * Returns the name of the group.
-     *
-     * Возвращает название группы.
-     */
-    i(this, "group", n(() => {
-      var t;
-      return (t = this.props.adaptiveGroup) != null ? t : Q;
-    }));
-    /**
-     * Returns the physical width of the object.
-     *
-     * Возвращает физическую ширину объекта.
-     */
-    i(this, "width", n(() => {
-      var t;
-      return S((t = this.props.objectWidth) != null ? t : 0);
-    }));
-    /**
-     * Returns the physical height of the object.
-     *
-     * Возвращает физическую высоту объекта.
-     */
-    i(this, "height", n(() => {
-      var t, e;
-      return S((e = (t = this.props) == null ? void 0 : t.objectHeight) != null ? e : 0);
-    }));
-    /**
-     * Returns the axis for scaling.
-     *
-     * Возвращает ось для масштабирования.
-     */
-    i(this, "type", n(() => {
-      if (this.width.value && this.percent.value.width > 0)
-        return "x";
-      if (this.height.value && this.percent.value.height > 0)
-        return "y";
-    }));
-    /**
-     * Calculation of the base size of the image to determine how to scale the image.
-     *
-     * Вычисление базового размера изображения, чтобы определить, как надо масштабировать изображение.
-     */
-    i(this, "size", n(() => {
-      if (this.element.value && this.data.isImage()) {
-        const t = this.data.image.value;
-        switch (this.type.value) {
-          case "x":
-            return t.height * (this.element.value.offsetWidth * this.percent.value.width / t.width);
-          case "y":
-            return t.width * (this.element.value.offsetHeight * this.percent.value.height / t.height);
-        }
-      }
-      return 0;
-    }));
-    /**
-     * Multiplier for determining the level of image scaling relative to other elements.
-     *
-     * Множитель для определения уровня масштабирования изображения относительно других элементов.
-     */
-    i(this, "factor", n(() => {
-      const t = this.element.value;
-      if (t) {
-        const e = this.size.value;
-        if (this.type.value === "x" && e > t.offsetHeight)
-          return t.offsetHeight / e;
-        if (this.type.value === "y" && e > t.offsetWidth)
-          return t.offsetWidth / e;
-      }
-      return 1;
-    }));
-    this.props = t, this.data = e, this.element = s, B(() => {
-      this.is() ? l.add(this) : l.remove(this);
-    });
-  }
-  /**
-   * Checks if the element’s conditions are suitable for scaling.
-   *
-   * Проверяет, подходить ли у элемента условия для масштабирования.
-   */
-  is() {
-    var t;
-    return this.active.value && !!((t = this.element.value) != null && t.closest("body"));
-  }
-  /**
-   * Checks for compliance with the group.
-   *
-   * Проверяет на соответствие группе.
-   * @param name name of the checked group/ название проверяемой группы
-   */
-  isGroup(t) {
-    return this.group.value === t;
-  }
-  /**
-   * Is it available for calculation.
-   *
-   * Доступен ли для вычисления.
-   */
-  isBeyond() {
-    return this.beyond;
-  }
-  /**
-   * Is the element visible.
-   *
-   * Виден ли элемент.
-   */
-  isVisible() {
-    return this.visible;
-  }
-  /**
-   * Returns the identifier of the element.
-   *
-   * Возвращает идентификатор элемента.
-   */
-  getId() {
-    return N(this.element.value);
-  }
-  /**
-   * Returns values for the background-size property.
-   *
-   * Возвращает значения для свойства background-size.
-   */
-  getBackgroundSize() {
-    const t = u.get(this.group.value).getFactorMax();
-    switch (this.type.value) {
-      case "x":
-        return `${100 * this.percent.value.width * t}% auto`;
-      case "y":
-        return `auto ${100 * this.percent.value.height * t}%`;
-    }
-    return null;
-  }
-  /**
-   * Size change for calculation.
-   *
-   * Изменение размера для вычисления.
-   * @param width width value/ значение ширины
-   * @param height height value/ значение высоты
-   */
-  setPercent(t, e) {
-    return (this.percent.value.width !== t || this.percent.value.height !== e) && (this.percent.value = {
-      width: t,
-      height: e
-    }), this;
-  }
-  /**
-   * Removal of an element from the scaling list.
-   *
-   * Удаление элемента из списка для масштабирования.
-   */
-  remove() {
-    this.active.value && l.remove(this);
-  }
-  /**
-   * Updating the visibility and activity status of the element.
-   *
-   * Обновление статуса видимости и активности элемента.
-   */
-  make() {
-    if (this.beyond = !1, this.visible = !1, this.element.value && this.is())
-      if (this.props.adaptiveAlways)
-        this.beyond = !0, this.visible = !0;
-      else {
-        const t = this.element.value.getBoundingClientRect();
-        this.beyond = !(t.bottom < 0 - $ || t.top > window.innerHeight + $), this.visible = !(t.bottom < 0 || t.top > window.innerHeight);
-      }
-    return this;
-  }
-}
-class V {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param data image data/ данные изображения
-   * @param coordinator object for working with coordinates/ объект для работы с координатами
-   * @param adaptive an object for working with adapted scaling/ объект для работы с адаптированным масштабированием
-   */
-  constructor(t, e, s, h) {
-    /**
-     * Returns values for the background-image property.
-     *
-     * Возвращает значения для свойства background-image.
-     */
-    i(this, "image", n(() => {
-      const t = this.imageSrc.value;
-      return t ? `url("${t}")` : null;
-    }));
-    /**
-     * Returns the image source/ Возвращает источник изображения
-     */
-    i(this, "imageSrc", n(() => {
-      const t = this.data.image.value;
-      switch (typeof t) {
-        case "string":
-          return t;
-        case "object":
-          return t.src;
-        default:
-          return null;
-      }
-    }));
-    /**
-     * Returns values for the background property.
-     *
-     * Возвращает значения для свойства background.
-     */
-    i(this, "size", n(() => {
-      if (this.coordinator.is())
-        return this.getSizeByCoordinator();
-      if (this.adaptive.is()) {
-        const t = this.adaptive.getBackgroundSize();
-        if (t)
-          return t;
-      }
-      return this.getSizeForItem();
-    }));
-    this.props = t, this.data = e, this.coordinator = s, this.adaptive = h;
-  }
-  /**
-   * Checks if the object is an image.
-   *
-   * Проверяет, является ли объект изображением.
-   */
-  isImage() {
-    return !!this.image.value;
-  }
-  /**
-   * Returns the value for the background-size property.
-   *
-   * Возвращает значение для свойства background-size.
-   * @param width width value/ значение ширины
-   * @param height height value/ значение высоты
-   */
-  getSize(t, e) {
-    const s = this.data.image.value;
-    return typeof s == "object" ? s.height < s.width ? `auto ${e}` : `${t} auto` : null;
-  }
-  /**
-   * Returns sizes according to the coordinator property.
-   *
-   * Возвращает размеры по свойству координатора.
-   */
-  getSizeByCoordinator() {
-    const {
-      width: t,
-      height: e
-    } = this.coordinator.getSize();
-    return this.getSize(t, e);
-  }
-  /**
-   * Returns the scaling sizes.
-   *
-   * Возвращает размеры масштабирования.
-   */
-  getSizeForItem() {
-    const t = this.props.size;
-    return F(t) ? t.toString().match(/%$/) ? this.getSize(t, t) : t.toString() : null;
-  }
-}
-class tt {
-  constructor(t, e, s, h, c) {
-    i(this, "lazyInit", I(!1));
-    i(this, "lazyStatus");
-    /**
-     * Determines whether to use the img tag/ Определяет, использовать ли тег img
-     */
-    i(this, "is", n(() => !!this.props.tagImg && this.isType()));
-    /**
-     * Determines whether lazy loading is enabled/ Определяет, включена ли ленивя загрузка
-     */
-    i(this, "isLazy", n(() => !!this.props.lazy && !this.lazyInit.value));
-    /**
-     * Determines whether to use the picture tag/ Определяет, использовать ли тег picture
-     */
-    i(this, "isPicture", n(() => this.is.value && !!this.props.picture));
-    /**
-     * Calculates all properties for binding to the element/
-     * Вычисляет все свойства для привязки к элементу
-     */
-    i(this, "binds", n(
-      () => {
-        var e;
-        const t = {
-          key: "img"
-        };
-        return this.is.value && (t.src = this.background.imageSrc.value, t.alt = (e = this.props.alt) != null ? e : "", t.width = "100%", t.height = "100%", t.style = this.styles.value, this.props.lazy && (t.loading = this.isLazy.value ? "lazy" : "auto"), this.props.srcset && (t.srcset = this.getSrcset())), t;
-      }
-    ));
-    /**
-     * Calculates the picture sources for different resolutions/
-     * Вычисляет источники picture для разных разрешений
-     */
-    i(this, "picture", n(() => {
-      if (this.props.picture)
-        return M(this.props.picture) ? this.props.picture : P(
-          this.props.picture,
-          (t, e) => ({
-            key: e,
-            srcset: t,
-            media: `(width >= ${e})`
-          })
-        );
-    }));
-    /**
-     * Calculates styles for binding to the element.
-     *
-     * Вычисляет стили для привязки к элементу.
-     */
-    i(this, "styles", n(() => {
-      const t = {
-        "object-position": `${this.position.x.value} ${this.position.y.value}`,
-        "--sys-transform-originX": this.position.x.value,
-        "--sys-transform-originY": this.position.y.value
-      };
-      return this.isSize() && (t["--sys-transform-scale"] = this.getSize()), t;
-    }));
-    this.props = t, this.element = e, this.type = s, this.position = h, this.background = c;
-    const {
-      lazy: m,
-      preloadOffset: p
-    } = R(t);
-    k(
-      [m, p, e],
-      () => {
-        var d;
-        this.props.lazy && this.element.value ? this.makeLazy() : (this.lazyInit.value = !1, (d = this.lazyStatus) == null || d.stop(), this.lazyStatus = void 0);
-      },
-      { immediate: !0 }
-    );
-  }
-  /**
-   * Checks if the type is file or image.
-   *
-   * Проверяет, является ли тип файлом или изображением.
-   */
-  isType() {
-    const t = this.type.item.value;
-    return t === a.file || t === a.image;
-  }
-  /**
-   * Checks if the size is contained or cover.
-   *
-   * Проверяет, является ли размер contain или cover.
-   */
-  isSize() {
-    const t = this.background.size.value;
-    return !!(t && t.match("[% ]"));
-  }
-  /**
-   * Returns the value for the transform scale.
-   *
-   * Возвращает значение для свойства transform scale.
-   */
-  getSize() {
-    var t, e;
-    return (e = (t = this.background.size.value) == null ? void 0 : t.replace("auto", "")) == null ? void 0 : e.trim();
-  }
-  /**
-   * Returns the srcset attribute value.
-   *
-   * Возвращает значение атрибута srcset.
-   */
-  getSrcset() {
-    if (this.props.srcset)
-      return typeof this.props.srcset == "string" ? this.props.srcset : Object.entries(this.props.srcset).map(([t, e]) => `${e} ${this.toSrcsetKey(t)}`).join(", ");
-  }
-  /**
-   * Converts the srcset key to a string.
-   *
-   * Преобразует ключ srcset в строку.
-   * @param key key/ ключ
-   */
-  toSrcsetKey(t) {
-    return _(t) ? `${t}w` : String(t);
-  }
-  /**
-   * Initializes lazy loading.
-   *
-   * Инициализирует ленивую загрузку.
-   */
-  makeLazy() {
-    const t = U(this.element, `${this.props.preloadOffset} 0px`).lazyItemStatus;
-    this.lazyStatus = k(t, () => {
-      this.lazyInit.value = t.value;
-    }, { immediate: !0 });
-  }
-}
-let et = class {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param element input element/ элемент ввода
-   * @param className class name/ название класса
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   * @param ImageTypeConstructor class for working with image type/ класс для работы с типом изображения
-   * @param ImageDataConstructor class for working with image data/ класс для работы с данными изображения
-   * @param ImageCoordinatorConstructor class for working with image coordinates/ класс для работы с координатами изображения
-   * @param ImagePositionConstructor class for working with image position/ класс для работы с позицией изображения
-   * @param ImageAdaptiveItemConstructor class for working with adaptive image item/ класс для работы с адаптивным элементом изображения
-   * @param ImageBackgroundConstructor class for working with image background/ класс для работы с фоном изображения
-   * @param ImageImgConstructor class for working with image tag/ класс для работы с тегом изображения
-   */
-  constructor(t, e, s, h, c = Y, m = q, p = G, d = Z, v = T, y = V, b = tt) {
-    i(this, "type");
-    i(this, "data");
-    i(this, "coordinator");
-    i(this, "position");
-    i(this, "adaptiveItem");
-    i(this, "background");
-    i(this, "img");
-    /**
-     * Determines the tag to use/ Определяет используемый тег
-     */
-    i(this, "tag", n(() => this.img.is.value ? "img" : "span"));
-    /**
-     * Values for the text. Text is used for the type of icon that works as a background.
-     *
-     * Значения для текста. Текст используется для типа иконки, который работает как фон.
-     */
-    i(this, "text", n(() => {
-      const t = this.type.item.value;
-      if (t === a.pdf) {
-        const s = this.data.image.value;
-        if (f(s))
-          return s;
-      }
-      const e = this.props.value;
-      if (t === a.flagCompressed && e)
-        return String(e).replace("f-", "").toUpperCase();
-      if (t && f(e) && [
-        "filled",
-        "outlined",
-        "round",
-        "sharp",
-        "two-tone",
-        "material"
-      ].indexOf(t) !== -1)
-        return e.replace(/^(filled|outlined|round|sharp|two-tone)-/, "");
-    }));
-    /**
-     * Values for the class.
-     *
-     * Значения для класса.
-     */
-    i(this, "classes", n(() => {
-      const t = this.type.item.value, e = {
-        [`${this.className}--type--${t}`]: t !== void 0,
-        [`${this.className}--background`]: this.background.isImage(),
-        notranslate: !0
-      };
-      switch (this.img.is.value && (e[`${this.className}--img`] = !0), t) {
-        case "outlined":
-          e["material-symbols-outlined"] = !0;
-          break;
-        case "round":
-          e["material-symbols-rounded"] = !0;
-          break;
-        case "sharp":
-          e["material-symbols-sharp"] = !0;
-          break;
-        case "material":
-          e["material-icons"] = !0;
-          break;
-      }
-      return e;
-    }));
-    /**
-     * Calculates all properties for the style of the element/
-     * Вычисляет все свойства для стиля элемента
-     */
-    i(this, "styles", n(() => {
-      const t = this.props.value;
-      if (t)
-        switch (this.type.item.value) {
-          case a.file:
-          case a.image:
-            return {
-              "background-image": this.background.image.value,
-              "background-size": this.background.size.value,
-              "background-position-x": this.position.x.value,
-              "background-position-y": this.position.y.value
-            };
-          case a.icon:
-            return {
-              "background-image": this.background.image.value
-            };
-          case a.flag:
-            return {
-              "background-image": this.background.image.value,
-              "background-size": "contain"
-            };
-          case a.public:
-            return { "mask-image": this.background.image.value };
-          case a.color:
-            if (f(t))
-              return { "background-color": t };
-        }
-      return {};
-    }));
-    /**
-     * Computed bindings for the image element.
-     *
-     * Вычисляемые привязки для элемента изображения.
-     */
-    i(this, "binds", n(() => ({
-      translate: "no",
-      ...z.role("img"),
-      ...z.label(this.props.alt),
-      ...z.hidden()
-    })));
-    /**
-     * Bindings for the image value.
-     *
-     * Привязки для значения изображения.
-     */
-    i(this, "valueBinds", n(() => ({
-      key: "value",
-      data: this.data.image.value
-    })));
-    this.props = t, this.element = e, this.className = s, this.emits = h, this.type = new c(t), this.data = new m(t, this.type), this.coordinator = new p(t), this.position = new d(t, this.coordinator), this.adaptiveItem = new v(
-      t,
-      this.data,
-      e
-    ), this.background = new y(
-      t,
-      this.data,
-      this.coordinator,
-      this.adaptiveItem
-    ), this.img = new b(
-      this.props,
-      e,
-      this.type,
-      this.position,
-      this.background
-    ), h && k(this.data.image, (w) => {
-      h("load", {
-        type: this.type.item.value,
-        image: w
-      });
-    }), E(() => this.adaptiveItem.remove());
-  }
+t(I, "items", []);
+//#endregion
+//#region src/constructors/Image/ImageAdaptiveGroup.ts
+var L = class {
+	static is(e) {
+		return this.objects.findIndex((t) => t === e) !== -1;
+	}
+	static add(e) {
+		this.is(e) || (this.objects.push(e), this.make());
+	}
+	static remove(e) {
+		let t = this.objects.findIndex((t) => t === e);
+		t !== -1 && (this.objects.splice(t, 1), this.cache = []), this.make();
+	}
+	static reset() {
+		this.cache = [], this.start();
+	}
+	static make() {
+		this.event && this.objects.length < 1 ? (this.event.stop(), this.event = void 0) : this.objects.length > 0 && (this.event || (this.event = new d(window, ["scroll-sync"], () => this.start()).start()), this.time || (this.time = !0, requestAnimationFrame(() => {
+			this.time = !1, this.start();
+		})));
+	}
+	static getItemIdByVisible() {
+		return p(this.objectsAdaptive, (e) => e.getId());
+	}
+	static start() {
+		if (this.isAdaptive()) {
+			this.makeAdaptive();
+			let e = this.getItemIdByVisible();
+			this.isCache(e) && (this.cache = e, this.makeSize(), this.makePercent(), this.makeFactorMax());
+		} else {
+			var e;
+			(e = this.event) == null || e.stop();
+		}
+	}
+	static makeAdaptive() {
+		this.objectsAdaptive = [], this.objects.forEach((e) => {
+			e.make(), e.isBeyond() && this.objectsAdaptive.push(e);
+		});
+	}
+	static makeSize() {
+		I.reset(), this.objectsAdaptive.forEach((e) => {
+			let t = e.element.value;
+			t && I.get(e.group.value).makeWidth(e.width.value).makeHeight(e.height.value).makeOffsetWidth(t.offsetWidth).makeOffsetHeight(t.offsetHeight);
+		});
+	}
+	static makePercent() {
+		I.isSize() && this.objectsAdaptive.forEach((e) => {
+			let t = e.element.value, n = I.get(e.group.value);
+			if (t) {
+				let r = n.getWidth(), i = n.getHeight();
+				e.setPercent(e.width.value * (r ? 1 / r : 0) * (n.getOffsetWidth() / t.offsetWidth), e.height.value * (i ? 1 / i : 0) * (n.getOffsetHeight() / t.offsetHeight));
+			}
+		});
+	}
+	static makeFactorMax() {
+		I.isSize() && this.objectsAdaptive.forEach((e) => {
+			I.get(e.group.value).makeFactorMax(e.factor.value);
+		});
+	}
+	static isAdaptive() {
+		return !!this.objects.find((e) => e.is());
+	}
+	static isCache(e) {
+		return this.cache.join("|") !== e.join("|");
+	}
 };
-class ot extends X {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor image item class/ класс элемента изображения
-   */
-  constructor(e, s, h, c = et) {
-    super(
-      e,
-      s,
-      h
-    );
-    i(this, "item");
-    /**
-     * Properties for the image tag.
-     *
-     * Свойства для тега image.
-     */
-    i(this, "propsImage", n(() => {
-      var e;
-      return {
-        ...this.getAttrs(),
-        ref: this.element,
-        key: "image",
-        class: (e = this.classes) == null ? void 0 : e.value.main
-      };
-    }));
-    /**
-     * Main properties.
-     *
-     * Основные свойства.
-     */
-    i(this, "propsMain", n(() => {
-      var e;
-      return {
-        ...this.propsImage.value,
-        ...this.item.binds.value,
-        style: (e = this.styles) == null ? void 0 : e.value
-      };
-    }));
-    /**
-     * Rendering the picture tag.
-     *
-     * Рендеринг тега picture.
-     */
-    i(this, "renderPicture", () => {
-      const e = this.item.img.picture.value, s = [];
-      return e && e.forEach(
-        (h) => s.push(g("source", h))
-      ), s.push(this.renderImgItem()), g("picture", this.propsImage.value, s);
-    });
-    /**
-     * Rendering the img tag.
-     *
-     * Рендеринг тега img.
-     */
-    i(this, "renderImg", () => g("span", this.propsImage.value, this.renderImgItem()));
-    /**
-     * Rendering the img item.
-     *
-     * Рендеринг элемента img.
-     */
-    i(this, "renderImgItem", () => g("img", this.item.img.binds.value));
-    /**
-     * Rendering the value for the component.
-     *
-     * Рендеринг значения для компонента.
-     */
-    i(this, "renderValue", () => this.item.type.item.value === a.pdf ? g(
-      "object",
-      this.item.valueBinds.value
-    ) : this.item.type.item.value === a.flagCompressed ? g(
-      "span",
-      { class: `ui-sys-flags ui-sys-flags--${this.item.text.value}` }
-    ) : this.item.text.value);
-    this.item = new c(
-      this.props,
-      this.element,
-      this.getName(),
-      this.emits
-    ), this.init();
-  }
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  initExpose() {
-    return {
-      type: this.item.type.item,
-      data: this.item.data.image
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: this.item.classes.value
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return this.item.styles.value;
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    return this.item.img.isPicture.value ? this.renderPicture() : this.item.img.is.value ? this.renderImg() : g(
-      "span",
-      this.propsMain.value,
-      this.renderValue()
-    );
-  }
-}
-export {
-  et as Image,
-  ot as ImageDesign,
-  a as ImageTypeValue,
-  nt as defaultsImage
+t(L, "objects", []), t(L, "objectsAdaptive", []), t(L, "cache", []), t(L, "event", void 0), t(L, "time", void 0);
+//#endregion
+//#region src/constructors/Image/ImageAdaptiveItem.ts
+var R = /* @__PURE__ */ function(e) {
+	return e.x = "x", e.y = "y", e;
+}(R || {}), z = "main", B = 512, V = class {
+	constructor(e, n, i) {
+		t(this, "percent", o({
+			width: 0,
+			height: 0
+		})), t(this, "beyond", !1), t(this, "visible", !1), t(this, "active", r(() => !!(this.props.adaptive && (this.width.value || this.height.value)) && this.data.isImage())), t(this, "group", r(() => {
+			var e;
+			return (e = this.props.adaptiveGroup) == null ? z : e;
+		})), t(this, "width", r(() => {
+			var e;
+			return x((e = this.props.objectWidth) == null ? 0 : e);
+		})), t(this, "height", r(() => {
+			var e, t;
+			return x((e = (t = this.props) == null ? void 0 : t.objectHeight) == null ? 0 : e);
+		})), t(this, "type", r(() => {
+			if (this.width.value && this.percent.value.width > 0) return R.x;
+			if (this.height.value && this.percent.value.height > 0) return R.y;
+		})), t(this, "size", r(() => {
+			if (this.element.value && this.data.isImage()) {
+				let e = this.data.image.value;
+				switch (this.type.value) {
+					case R.x: return e.height * (this.element.value.offsetWidth * this.percent.value.width / e.width);
+					case R.y: return e.width * (this.element.value.offsetHeight * this.percent.value.height / e.height);
+				}
+			}
+			return 0;
+		})), t(this, "factor", r(() => {
+			let e = this.element.value;
+			if (e) {
+				let t = this.size.value;
+				if (this.type.value === R.x && t > e.offsetHeight) return e.offsetHeight / t;
+				if (this.type.value === R.y && t > e.offsetWidth) return e.offsetWidth / t;
+			}
+			return 1;
+		})), this.props = e, this.data = n, this.element = i, l(() => {
+			this.is() ? L.add(this) : L.remove(this);
+		});
+	}
+	is() {
+		var e;
+		return this.active.value && !!((e = this.element.value) != null && e.closest("body"));
+	}
+	isGroup(e) {
+		return this.group.value === e;
+	}
+	isBeyond() {
+		return this.beyond;
+	}
+	isVisible() {
+		return this.visible;
+	}
+	getId() {
+		return m(this.element.value);
+	}
+	getBackgroundSize() {
+		let e = I.get(this.group.value).getFactorMax();
+		switch (this.type.value) {
+			case R.x: return `${100 * this.percent.value.width * e}% auto`;
+			case R.y: return `auto ${100 * this.percent.value.height * e}%`;
+		}
+		return null;
+	}
+	setPercent(e, t) {
+		return (this.percent.value.width !== e || this.percent.value.height !== t) && (this.percent.value = {
+			width: e,
+			height: t
+		}), this;
+	}
+	remove() {
+		this.active.value && L.remove(this);
+	}
+	make() {
+		if (this.beyond = !1, this.visible = !1, this.element.value && this.is()) if (this.props.adaptiveAlways) this.beyond = !0, this.visible = !0;
+		else {
+			let e = this.element.value.getBoundingClientRect();
+			this.beyond = !(e.bottom < -512 || e.top > window.innerHeight + 512), this.visible = !(e.bottom < 0 || e.top > window.innerHeight);
+		}
+		return this;
+	}
+}, H = class {
+	constructor(e, n, i, a) {
+		t(this, "image", r(() => {
+			let e = this.imageSrc.value;
+			return e ? `url("${e}")` : null;
+		})), t(this, "imageSrc", r(() => {
+			let e = this.data.image.value;
+			switch (typeof e) {
+				case "string": return e;
+				case "object": return e.src;
+				default: return null;
+			}
+		})), t(this, "size", r(() => {
+			if (this.coordinator.is()) return this.getSizeByCoordinator();
+			if (this.adaptive.is()) {
+				let e = this.adaptive.getBackgroundSize();
+				if (e) return e;
+			}
+			return this.getSizeForItem();
+		})), this.props = e, this.data = n, this.coordinator = i, this.adaptive = a;
+	}
+	isImage() {
+		return !!this.image.value;
+	}
+	getSize(e, t) {
+		let n = this.data.image.value;
+		return typeof n == "object" ? n.height < n.width ? `auto ${t}` : `${e} auto` : null;
+	}
+	getSizeByCoordinator() {
+		let { width: e, height: t } = this.coordinator.getSize();
+		return this.getSize(e, t);
+	}
+	getSizeForItem() {
+		let e = this.props.size;
+		return _(e) ? e.toString().match(/%$/) ? this.getSize(e, e) : e.toString() : null;
+	}
+}, U = class {
+	constructor(e, n, i, a, l) {
+		t(this, "lazyInit", o(!1)), t(this, "lazyStatus", void 0), t(this, "is", r(() => !!this.props.tagImg && this.isType())), t(this, "isLazy", r(() => !!this.props.lazy && !this.lazyInit.value)), t(this, "isPicture", r(() => this.is.value && !!this.props.picture)), t(this, "binds", r(() => {
+			let e = { key: "img" };
+			if (this.is.value) {
+				var t;
+				e.src = this.background.imageSrc.value, e.alt = (t = this.props.alt) == null ? "" : t, e.width = "100%", e.height = "100%", e.style = this.styles.value, this.props.lazy && (e.loading = this.isLazy.value ? "lazy" : "auto"), this.props.srcset && (e.srcset = this.getSrcset());
+			}
+			return e;
+		})), t(this, "picture", r(() => {
+			if (this.props.picture) return h(this.props.picture) ? this.props.picture : p(this.props.picture, (e, t) => ({
+				key: t,
+				srcset: e,
+				media: `(width >= ${t})`
+			}));
+		})), t(this, "styles", r(() => {
+			let e = {
+				"object-position": `${this.position.x.value} ${this.position.y.value}`,
+				"--sys-transform-originX": this.position.x.value,
+				"--sys-transform-originY": this.position.y.value
+			};
+			return this.isSize() && (e["--sys-transform-scale"] = this.getSize()), e;
+		})), this.props = e, this.element = n, this.type = i, this.position = a, this.background = l;
+		let { lazy: u, preloadOffset: d } = s(e);
+		c([
+			u,
+			d,
+			n
+		], () => {
+			if (this.props.lazy && this.element.value) this.makeLazy();
+			else {
+				var e;
+				this.lazyInit.value = !1, (e = this.lazyStatus) == null || e.stop(), this.lazyStatus = void 0;
+			}
+		}, { immediate: !0 });
+	}
+	isType() {
+		let e = this.type.item.value;
+		return e === k.file || e === k.image;
+	}
+	isSize() {
+		let e = this.background.size.value;
+		return !!(e && e.match("[% ]"));
+	}
+	getSize() {
+		var e;
+		return (e = this.background.size.value) == null || (e = e.replace("auto", "")) == null ? void 0 : e.trim();
+	}
+	getSrcset() {
+		if (this.props.srcset) return typeof this.props.srcset == "string" ? this.props.srcset : Object.entries(this.props.srcset).map(([e, t]) => `${t} ${this.toSrcsetKey(e)}`).join(", ");
+	}
+	toSrcsetKey(e) {
+		return v(e) ? `${e}w` : String(e);
+	}
+	makeLazy() {
+		let e = S(this.element, `${this.props.preloadOffset} 0px`).lazyItemStatus;
+		this.lazyStatus = c(e, () => {
+			this.lazyInit.value = e.value;
+		}, { immediate: !0 });
+	}
+}, W = class {
+	constructor(n, i, o, s, l) {
+		t(this, "type", void 0), t(this, "data", void 0), t(this, "coordinator", void 0), t(this, "position", void 0), t(this, "adaptiveItem", void 0), t(this, "background", void 0), t(this, "img", void 0), t(this, "tag", r(() => this.img.is.value ? "img" : "span")), t(this, "text", r(() => {
+			let e = this.type.item.value;
+			if (e === k.pdf) {
+				let e = this.data.image.value;
+				if (y(e)) return e;
+			}
+			let t = this.props.value;
+			if (e === k.flagCompressed && t) return String(t).replace("f-", "").toUpperCase();
+			if (e && y(t) && [
+				"filled",
+				"outlined",
+				"round",
+				"sharp",
+				"two-tone",
+				"material"
+			].indexOf(e) !== -1) return t.replace(/^(filled|outlined|round|sharp|two-tone)-/, "");
+		})), t(this, "classes", r(() => {
+			let e = this.type.item.value, t = {
+				[`${this.className}--type--${e}`]: e !== void 0,
+				[`${this.className}--background`]: this.background.isImage(),
+				notranslate: !0
+			};
+			switch (this.img.is.value && (t[`${this.className}--img`] = !0), e) {
+				case "outlined":
+					t["material-symbols-outlined"] = !0;
+					break;
+				case "round":
+					t["material-symbols-rounded"] = !0;
+					break;
+				case "sharp":
+					t["material-symbols-sharp"] = !0;
+					break;
+				case "material":
+					t["material-icons"] = !0;
+					break;
+			}
+			return t;
+		})), t(this, "styles", r(() => {
+			let e = this.props.value;
+			if (e) switch (this.type.item.value) {
+				case k.file:
+				case k.image:
+				case k.array: return {
+					"background-image": this.background.image.value,
+					"background-size": this.background.size.value,
+					"background-position-x": this.position.x.value,
+					"background-position-y": this.position.y.value
+				};
+				case k.icon: return { "background-image": this.background.image.value };
+				case k.flag: return {
+					"background-image": this.background.image.value,
+					"background-size": "contain"
+				};
+				case k.public: return { "mask-image": this.background.image.value };
+				case k.color: if (y(e)) return { "background-color": e };
+			}
+			return {};
+		})), t(this, "binds", r(() => ({
+			translate: "no",
+			...e.role("img"),
+			...e.label(this.props.alt),
+			...e.hidden()
+		}))), t(this, "valueBinds", r(() => ({
+			key: "value",
+			data: this.data.image.value
+		}))), this.props = n, this.element = i, this.className = o, this.emits = s;
+		let { ImageAdaptiveItemConstructor: u = V, ImageBackgroundConstructor: d = H, ImageCoordinatorConstructor: f = N, ImageDataConstructor: p = M, ImageImgConstructor: m = U, ImagePositionConstructor: h = P, ImageTypeConstructor: g = A } = l == null ? {} : l;
+		this.type = new g(n), this.data = new p(n, this.type), this.coordinator = new f(n), this.position = new h(n, this.coordinator), this.adaptiveItem = new u(n, this.data, i), this.background = new d(n, this.data, this.coordinator, this.adaptiveItem), this.img = new m(this.props, i, this.type, this.position, this.background), s && c(this.data.image, (e) => {
+			s("load", {
+				type: this.type.item.value,
+				image: e
+			});
+		}), a(() => this.adaptiveItem.remove());
+	}
+}, G = class extends u {
+	constructor(e, n, a, o = W) {
+		super(e, n, a), t(this, "item", void 0), t(this, "propsImage", r(() => {
+			var e;
+			return {
+				...this.getAttrs(),
+				ref: this.element,
+				key: "image",
+				class: (e = this.classes) == null ? void 0 : e.value.main
+			};
+		})), t(this, "propsMain", r(() => {
+			var e;
+			return {
+				...this.propsImage.value,
+				...this.item.binds.value,
+				style: (e = this.styles) == null ? void 0 : e.value
+			};
+		})), t(this, "renderPicture", () => {
+			let e = this.item.img.picture.value, t = [];
+			return e && e.forEach((e) => t.push(i("source", e))), t.push(this.renderImgItem()), i("picture", this.propsImage.value, t);
+		}), t(this, "renderImg", () => i("span", this.propsImage.value, this.renderImgItem())), t(this, "renderImgItem", () => i("img", this.item.img.binds.value)), t(this, "renderValue", () => this.item.type.item.value === k.pdf ? i("object", this.item.valueBinds.value) : this.item.type.item.value === k.flagCompressed ? i("span", { class: `ui-sys-flags ui-sys-flags--${this.item.text.value}` }) : this.item.text.value), this.item = new o(this.props, this.element, this.getName(), this.emits), this.init();
+	}
+	initExpose() {
+		return {
+			type: this.item.type.item,
+			data: this.item.data.image
+		};
+	}
+	initClasses() {
+		return { main: this.item.classes.value };
+	}
+	initStyles() {
+		return this.item.styles.value;
+	}
+	initRender() {
+		return this.item.img.isPicture.value ? this.renderPicture() : this.item.img.is.value ? this.renderImg() : i("span", this.propsMain.value, this.renderValue());
+	}
 };
+//#endregion
+export { W as Image, L as ImageAdaptiveGroup, V as ImageAdaptiveItem, H as ImageBackground, F as ImageCalculation, I as ImageCalculationList, N as ImageCoordinator, M as ImageData, G as ImageDesign, w as ImageFile, U as ImageImg, n as ImageInclude, E as ImagePdf, P as ImagePosition, A as ImageType, k as ImageTypeValue, O as ImageUint8Array, B as MAX_BEYOND, C as MAX_SIZE, j as defaultsImage };