@feugene/granularity-media 0.2.1 → 0.4.0

package/dist/components/GrImageCrop/chunks/{GrImageCrop-Fo2qrX2n.js → GrImageCrop-g1StRUis.js}

@@ -1,43 +1,44 @@
-import { c as e, d as t, f as n, i as r, l as i, n as a, o, r as s, s as c, u as l } from "../../../chunks/config-Be_Mh801.js";
-import { Fragment as u, computed as d, createCommentVNode as ee, createElementBlock as f, createElementVNode as p, createVNode as te, defineComponent as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as ne, openBlock as v, ref as y, renderSlot as b, shallowRef as x, toDisplayString as re, unref as S, watch as ie } from "vue";
-import { useGrComponentSize as ae } from "@feugene/granularity/composables/useGrComponentConfig";
-import { useGranularityTranslations as oe } from "@feugene/granularity/composables/useGranularityTranslations";
-import se from "@feugene/granularity/components/GrSlider";
-import { useDragGesture as ce } from "@feugene/granularity/composables/useDragGesture";
+import { t as e } from "../../../chunks/outputSize-D2FU4CbB.js";
+import { c as t, d as n, f as r, i, l as a, n as o, o as ee, r as te, s, u as ne } from "../../../chunks/config-Be_Mh801.js";
+import { Fragment as c, computed as l, createCommentVNode as re, createElementBlock as u, createElementVNode as d, createVNode as ie, defineComponent as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as ae, onMounted as oe, openBlock as h, ref as g, renderSlot as _, shallowRef as se, toDisplayString as v, unref as y, watch as ce } from "vue";
+import { useGrComponentSize as le } from "@feugene/granularity/composables/useGrComponentConfig";
+import { useGranularityTranslations as ue } from "@feugene/granularity/composables/useGranularityTranslations";
+import b from "@feugene/granularity/components/GrSlider";
+import { useDragGesture as de } from "@feugene/granularity/composables/useDragGesture";
 //#region src/components/GrImageCrop/cropGeometry.ts
-function C(e, t) {
+function x(e, t) {
 	return e.width <= 0 || e.height <= 0 ? 1 : Math.max(t.width / e.width, t.height / e.height);
 }
-function w(e, t, n) {
-	let r = C(e, t) * n;
+function S(e, t, n) {
+	let r = x(e, t) * n;
 	return {
 		width: e.width * r,
 		height: e.height * r
 	};
 }
-function T(e, t, n) {
-	let r = w(e, t, n);
+function C(e, t, n) {
+	let r = S(e, t, n);
 	return {
 		x: Math.max(0, (r.width - t.width) / 2),
 		y: Math.max(0, (r.height - t.height) / 2)
 	};
 }
-function E(e, t, n, r) {
-	let i = T(t, n, r);
+function w(e, t, n, r) {
+	let i = C(t, n, r);
 	return {
 		x: Math.min(i.x, Math.max(-i.x, e.x)),
 		y: Math.min(i.y, Math.max(-i.y, e.y))
 	};
 }
-function D(e, t, n, r) {
-	let i = C(e, t) * n;
+function T(e, t, n, r) {
+	let i = x(e, t) * n;
 	if (i <= 0) return {
 		sx: 0,
 		sy: 0,
 		sw: 0,
 		sh: 0
 	};
-	let a = E(r, e, t, n), o = w(e, t, n);
+	let a = w(r, e, t, n), o = S(e, t, n);
 	return {
 		sx: (o.width - t.width) / 2 / i - a.x / i,
 		sy: (o.height - t.height) / 2 / i - a.y / i,
@@ -45,7 +46,7 @@ function D(e, t, n, r) {
 		sh: t.height / i
 	};
 }
-function O(e, t) {
+function E(e, t) {
 	return {
 		width: e,
 		height: e / (t > 0 ? t : 1)
@@ -53,11 +54,11 @@ function O(e, t) {
 }
 //#endregion
 //#region src/components/GrImageCrop/GrImageCrop.vue?vue&type=script&setup=true&lang.ts
-var le = ["aria-label"], ue = [
+var D = ["aria-label"], O = [
 	"tabindex",
 	"aria-label",
 	"aria-disabled"
-], de = ["src"], k = 12, A = .15, j = /* @__PURE__ */ m({
+], fe = ["src"], k = 12, A = .15, j = /* @__PURE__ */ f({
 	__name: "GrImageCrop",
 	props: {
 		src: { default: null },
@@ -79,14 +80,14 @@ var le = ["aria-label"], ue = [
 		"load",
 		"error"
 	],
-	setup(m, { expose: C, emit: w }) {
-		let T = m, j = w, { t: M } = oe(), N = ae(() => T.size, { component: "GrImageCrop" }), P = y(null), F = x(null), I = y({
+	setup(f, { expose: x, emit: S }) {
+		let C = f, j = S, { t: M } = ue(), N = le(() => C.size, { component: "GrImageCrop" }), P = g(null), F = se(null), I = g({
 			width: 0,
 			height: 0
-		}), L = y(0), R = y({
+		}), L = g(0), R = g({
 			x: 0,
 			y: 0
-		}), z = y(null), B = d(() => O(L.value, T.aspectRatio)), V = d(() => F.value !== null && I.value.width > 0), H = d(() => Math.min(T.maxZoom, Math.max(1, T.zoom))), fe = d(() => {
+		}), z = g(null), B = l(() => E(L.value, C.aspectRatio)), V = l(() => F.value !== null && I.value.width > 0), H = l(() => Math.min(C.maxZoom, Math.max(1, C.zoom))), pe = l(() => {
 			let e = B.value.width > 0 && I.value.width > 0 ? Math.max(B.value.width / I.value.width, B.value.height / I.value.height) * H.value : 1;
 			return {
 				width: `${I.value.width}px`,
@@ -95,21 +96,21 @@ var le = ["aria-label"], ue = [
 			};
 		});
 		function U() {
-			return D(I.value, B.value, H.value, R.value);
+			return T(I.value, B.value, H.value, R.value);
 		}
 		function W() {
 			V.value && j("change", U());
 		}
 		function G(e, t) {
-			T.disabled || !V.value || (R.value = E({
+			C.disabled || !V.value || (R.value = w({
 				x: R.value.x + e,
 				y: R.value.y + t
 			}, I.value, B.value, H.value), W());
 		}
 		function K(e) {
-			if (T.disabled) return;
-			let t = Math.min(T.maxZoom, Math.max(1, e));
-			j("update:zoom", t), R.value = E(R.value, I.value, B.value, t), W();
+			if (C.disabled) return;
+			let t = Math.min(C.maxZoom, Math.max(1, e));
+			j("update:zoom", t), R.value = w(R.value, I.value, B.value, t), W();
 		}
 		function q() {
 			R.value = {
@@ -117,14 +118,14 @@ var le = ["aria-label"], ue = [
 				y: 0
 			}, j("update:zoom", 1), W();
 		}
-		let J = y({
+		let J = g({
 			x: 0,
 			y: 0
-		}), Y = y({
+		}), Y = g({
 			x: 0,
 			y: 0
-		}), X = ce({
-			disabled: () => T.disabled || !V.value,
+		}), X = de({
+			disabled: () => C.disabled || !V.value,
 			onStart: (e) => {
 				J.value = {
 					x: e.clientX,
@@ -132,7 +133,7 @@ var le = ["aria-label"], ue = [
 				}, Y.value = { ...R.value };
 			},
 			onMove: (e) => {
-				R.value = E({
+				R.value = w({
 					x: Y.value.x + (e.clientX - J.value.x),
 					y: Y.value.y + (e.clientY - J.value.y)
 				}, I.value, B.value, H.value);
@@ -142,10 +143,10 @@ var le = ["aria-label"], ue = [
 				R.value = Y.value;
 			}
 		});
-		function pe(e) {
-			T.disabled || !V.value || (e.preventDefault(), K(H.value + (e.deltaY < 0 ? A : -.15)));
-		}
 		function me(e) {
+			C.disabled || !V.value || (e.preventDefault(), K(H.value + (e.deltaY < 0 ? A : -.15)));
+		}
+		function he(e) {
 			let t = {
 				ArrowLeft: () => G(k, 0),
 				ArrowRight: () => G(-12, 0),
@@ -161,7 +162,7 @@ var le = ["aria-label"], ue = [
 		function Z() {
 			z.value &&= (URL.revokeObjectURL(z.value), null);
 		}
-		function he(e) {
+		function ge(e) {
 			if (!e) return null;
 			if (typeof e == "string") return e;
 			let t = URL.createObjectURL(e);
@@ -169,7 +170,7 @@ var le = ["aria-label"], ue = [
 		}
 		function Q(e) {
 			Z();
-			let t = he(e);
+			let t = ge(e);
 			if (!t) {
 				F.value = null, I.value = {
 					width: 0,
@@ -189,83 +190,83 @@ var le = ["aria-label"], ue = [
 			}), n.addEventListener("error", (e) => j("error", e)), n.src = t;
 		}
 		let $ = null;
-		ne(() => {
+		oe(() => {
 			P.value && (L.value = P.value.clientWidth, $ = new ResizeObserver(([e]) => {
-				L.value = e?.contentRect.width ?? 0, R.value = E(R.value, I.value, B.value, H.value);
-			}), $.observe(P.value)), Q(T.src);
-		}), _(() => {
+				L.value = e?.contentRect.width ?? 0, R.value = w(R.value, I.value, B.value, H.value);
+			}), $.observe(P.value)), Q(C.src);
+		}), ae(() => {
 			$?.disconnect(), $ = null, Z();
-		}), ie(() => T.src, (e) => Q(e));
-		async function ge() {
-			let e = F.value;
-			if (!e || !V.value) return null;
-			let t = U(), n = document.createElement("canvas");
-			n.width = Math.max(1, Math.round(T.output?.width ?? t.sw)), n.height = Math.max(1, Math.round(T.output?.height ?? t.sh));
-			let r = n.getContext("2d");
-			if (!r) return null;
-			r.drawImage(e, t.sx, t.sy, t.sw, t.sh, 0, 0, n.width, n.height);
+		}), ce(() => C.src, (e) => Q(e));
+		async function _e() {
+			let t = F.value;
+			if (!t || !V.value) return null;
+			let n = U(), r = document.createElement("canvas"), i = e(n, C.output);
+			r.width = i.width, r.height = i.height;
+			let a = r.getContext("2d");
+			if (!a) return null;
+			a.drawImage(t, n.sx, n.sy, n.sw, n.sh, 0, 0, r.width, r.height);
 			try {
 				return await new Promise((e) => {
-					n.toBlob(e, T.output?.type ?? "image/png", T.output?.quality);
+					r.toBlob(e, C.output?.type ?? "image/png", C.output?.quality);
 				});
 			} catch (e) {
 				return typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("[granularity-media] GrImageCrop: экспорт кадра запрещён политикой источника. Картинка приехала с другого домена без заголовка `Access-Control-Allow-Origin`, и холст стал непригоден для чтения."), j("error", e), null;
 			}
 		}
-		return C({
-			crop: ge,
+		return x({
+			crop: _e,
 			reset: q,
 			rect: U
-		}), (d, _) => (v(), f("div", {
-			class: h(S(i)),
+		}), (e, l) => (h(), u("div", {
+			class: p(y(a)),
 			role: "group",
-			"aria-label": m.ariaLabel ?? S(M)("grMedia.imageCrop.label", "Image crop")
-		}, [p("div", {
+			"aria-label": f.ariaLabel ?? y(M)("grMedia.imageCrop.label", "Image crop")
+		}, [d("div", {
 			ref_key: "viewportEl",
 			ref: P,
 			role: "application",
-			class: h([S(n), V.value ? "" : [S(r), S(l)[S(N)]]]),
-			style: g(V.value ? { aspectRatio: String(m.aspectRatio) } : void 0),
-			tabindex: m.disabled || !V.value ? -1 : 0,
-			"aria-label": S(M)("grMedia.imageCrop.frame", "Frame: arrow keys move the image, plus and minus zoom"),
-			"aria-disabled": m.disabled || void 0,
-			onPointerdown: _[0] ||= (...e) => S(X).start && S(X).start(...e),
-			onWheel: pe,
-			onKeydown: me
-		}, [V.value ? (v(), f(u, { key: 0 }, [p("img", {
+			class: p([y(r), V.value ? "" : [y(i), y(ne)[y(N)]]]),
+			style: m(V.value ? { aspectRatio: String(f.aspectRatio) } : void 0),
+			tabindex: f.disabled || !V.value ? -1 : 0,
+			"aria-label": y(M)("grMedia.imageCrop.frame", "Frame: arrow keys move the image, plus and minus zoom"),
+			"aria-disabled": f.disabled || void 0,
+			onPointerdown: l[0] ||= (...e) => y(X).start && y(X).start(...e),
+			onWheel: me,
+			onKeydown: he
+		}, [V.value ? (h(), u(c, { key: 0 }, [d("img", {
 			src: F.value.src,
 			alt: "",
-			class: h([S(o), S(X).isDragging.value ? "" : S(c)]),
-			style: g(fe.value)
-		}, null, 14, de), m.shape === "circle" ? (v(), f("div", {
+			class: p([y(ee), y(X).isDragging.value ? "" : y(s)]),
+			style: m(pe.value)
+		}, null, 14, fe), f.shape === "circle" ? (h(), u("div", {
 			key: 0,
-			class: h(S(a))
-		}, null, 2)) : (v(), f("div", {
+			class: p(y(o))
+		}, null, 2)) : (h(), u("div", {
 			key: 1,
-			class: h(S(e))
-		}, null, 2))], 64)) : b(d.$slots, "empty", {}, () => [p("span", { class: h(S(t)[S(N)]) }, re(S(M)("grMedia.imageCrop.empty", "No image selected")), 3)], void 0, 1)], 46, ue), V.value ? (v(), f("div", {
+			class: p(y(t))
+		}, null, 2))], 64)) : _(e.$slots, "empty", {}, () => [d("span", { class: p(y(n)[y(N)]) }, v(y(M)("grMedia.imageCrop.empty", "No image selected")), 3)], void 0, 1)], 46, O), V.value ? (h(), u("div", {
 			key: 0,
-			class: h(S(s))
-		}, [b(d.$slots, "controls", {
+			class: p(y(te))
+		}, [_(e.$slots, "controls", {
 			zoom: H.value,
 			setZoom: K
-		}, () => [te(S(se), {
+		}, () => [ie(y(b), {
 			"model-value": H.value,
 			min: 1,
-			max: m.maxZoom,
+			max: f.maxZoom,
 			step: .01,
-			size: S(N),
-			disabled: m.disabled,
-			"aria-label": S(M)("grMedia.imageCrop.zoom", "Zoom"),
-			"onUpdate:modelValue": _[1] ||= (e) => K(Number(e))
+			size: y(N),
+			disabled: f.disabled,
+			"aria-label": y(M)("grMedia.imageCrop.zoom", "Zoom"),
+			"onUpdate:modelValue": l[1] ||= (e) => K(Number(e))
 		}, null, 8, [
 			"model-value",
 			"max",
 			"size",
 			"disabled",
 			"aria-label"
-		])])], 2)) : ee("", !0)], 10, le));
+		])])], 2)) : re("", !0)], 10, D));
 	}
 });
 //#endregion
-export { w as a, D as i, E as n, T as o, C as r, O as s, j as t };
+export { S as a, T as i, w as n, C as o, x as r, E as s, j as t };

package/dist/components/GrImageCrop/index.js

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/GrImageCrop-Fo2qrX2n.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/GrImageCrop-g1StRUis.js";
 import { a as s, t as c } from "../../chunks/config-Be_Mh801.js";
 export { o as GrImageCrop, o as default, n as clampOffset, i as coverScale, t as cropRect, e as displaySize, c as grImageCropConfig, s as grImageCropSafelist, r as offsetBounds, a as viewportFor };

package/dist/granular-provider.js

@@ -1,21 +1,23 @@
-import { t as e } from "./chunks/config-CZ4ZDG0_.js";
-import { t } from "./chunks/config-Be_Mh801.js";
-import { defineGranularProvider as n, resolvePackageBaseUrl as r } from "@feugene/unocss-preset-granular/contract";
-import { granularityProvider as i } from "@feugene/granularity/granular-provider";
+import { t as e } from "./chunks/config-DHLlFslI.js";
+import { t } from "./chunks/config-DfJkKtIh.js";
+import { t as n } from "./chunks/config-Be_Mh801.js";
+import { defineGranularProvider as r, resolvePackageBaseUrl as i } from "@feugene/unocss-preset-granular/contract";
+import { granularityProvider as a } from "@feugene/granularity/granular-provider";
 //#region src/granular-provider/shared.ts
-var a = "@feugene/granularity-media", o = {
+var o = "@feugene/granularity-media", s = {
 	GrCameraCapture: e,
-	GrImageCrop: t
+	GrCodeScanner: t,
+	GrImageCrop: n
 };
-function s(e, t) {
-	return n({
-		id: a,
+function c(e, t) {
+	return r({
+		id: o,
 		contractVersion: 1,
 		packageBaseUrl: t,
-		components: Object.values(o),
+		components: Object.values(s),
 		dependencies: [e]
 	});
 }
-var c = s(i, r(import.meta.url, 0));
+var l = c(a, i(import.meta.url, 0));
 //#endregion
-export { a as GRANULARITY_MEDIA_PROVIDER_ID, s as createGranularityMediaProvider, c as default, c as granularityMediaProvider, o as granularityMediaComponentConfigs };
+export { o as GRANULARITY_MEDIA_PROVIDER_ID, c as createGranularityMediaProvider, l as default, l as granularityMediaProvider, s as granularityMediaComponentConfigs };

package/dist/i18n/all.js

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../chunks/ru-DN_wJDkP.js";
+import { n as e, r as t, t as n } from "../chunks/ru-DSjpFh8N.js";
 //#region src/i18n/all.ts
 var r = [
 	t,

package/dist/i18n/index.js

@@ -1,7 +1,7 @@
-import { t as e } from "../chunks/en-C-Wc5fTB.js";
-import { t } from "../chunks/es-BUPtE9_0.js";
-import { t as n } from "../chunks/ru-BqNILj54.js";
-import { i as r, n as i, r as a, t as o } from "../chunks/ru-DN_wJDkP.js";
+import { t as e } from "../chunks/en-BugobSAO.js";
+import { t } from "../chunks/es-B7iA-ExH.js";
+import { t as n } from "../chunks/ru-DpiW6Vax.js";
+import { i as r, n as i, r as a, t as o } from "../chunks/ru-DSjpFh8N.js";
 //#region src/i18n/index.ts
 var s = {
 	en: e,

package/dist/index.js

@@ -1,5 +1,8 @@
-import { a as e, i as t, n, r, t as i } from "./components/GrCameraCapture/chunks/GrCameraCapture-B9EPXm7r.js";
-import { i as a, t as o } from "./chunks/config-CZ4ZDG0_.js";
-import { a as s, i as c, n as l, o as u, r as d, s as f, t as p } from "./components/GrImageCrop/chunks/GrImageCrop-Fo2qrX2n.js";
-import { a as m, t as h } from "./chunks/config-Be_Mh801.js";
-export { i as GrCameraCapture, p as GrImageCrop, n as cameraFrameRect, r as cameraStatusFromError, t as cameraSupported, l as clampOffset, d as coverScale, c as cropRect, s as displaySize, o as grCameraCaptureConfig, a as grCameraCaptureSafelist, h as grImageCropConfig, m as grImageCropSafelist, u as offsetBounds, e as shouldMirrorPreview, f as viewportFor };
+import { i as e, n as t, r as n } from "./chunks/useCameraStream-CPdm3r90.js";
+import { i as r, t as i } from "./chunks/config-DHLlFslI.js";
+import { t as a } from "./components/GrCameraCapture/chunks/GrCameraCapture-t-uFTD9s.js";
+import { i as o, n as s, r as c, t as l } from "./components/GrCodeScanner/chunks/GrCodeScanner-BX147Gct.js";
+import { i as u, t as d } from "./chunks/config-DfJkKtIh.js";
+import { a as f, i as p, n as m, o as h, r as g, s as _, t as v } from "./components/GrImageCrop/chunks/GrImageCrop-g1StRUis.js";
+import { a as y, t as b } from "./chunks/config-Be_Mh801.js";
+export { a as GrCameraCapture, l as GrCodeScanner, v as GrImageCrop, t as cameraStatusFromError, n as cameraSupported, m as clampOffset, g as coverScale, s as createNativeDetector, p as cropRect, f as displaySize, c as freshCodes, i as grCameraCaptureConfig, r as grCameraCaptureSafelist, d as grCodeScannerConfig, u as grCodeScannerSafelist, b as grImageCropConfig, y as grImageCropSafelist, o as nativeDetectorSupported, h as offsetBounds, e as shouldMirrorPreview, _ as viewportFor };

package/dist/resolver.js

@@ -1,6 +1,10 @@
 import { createGranularResolver as e } from "@feugene/unplugin-granularity";
 //#region src/componentNames.ts
-var t = ["GrCameraCapture", "GrImageCrop"], n = "@feugene/granularity-media";
+var t = [
+	"GrCameraCapture",
+	"GrCodeScanner",
+	"GrImageCrop"
+], n = "@feugene/granularity-media";
 function r() {
 	return e({
 		packageName: n,

package/dist/types/componentNames.d.ts

@@ -8,5 +8,5 @@
  *
  * Список генерируется `yarn generate:registry` — руками не писать.
  */
-export declare const GRANULARITY_MEDIA_COMPONENTS: readonly ["GrCameraCapture", "GrImageCrop"];
+export declare const GRANULARITY_MEDIA_COMPONENTS: readonly ["GrCameraCapture", "GrCodeScanner", "GrImageCrop"];
 export type GranularityMediaComponentName = typeof GRANULARITY_MEDIA_COMPONENTS[number];

package/dist/types/components/GrCameraCapture/GrCameraCapture.vue.d.ts

@@ -12,10 +12,11 @@ export interface GrCameraCaptureProps {
     /** Конкретное устройство, если приложение его уже выбрало. */
     deviceId?: string;
     /**
-     * Соотношение сторон рамки и снимка.
+     * Пожелание камере: какое соотношение сторон запросить у устройства.
      *
-     * Без него рамка принимает соотношение самого потока: камеры отдают то 4:3,
-     * то 16:9, и любое зашитое число показало бы обрезанный кадр как настоящий.
+     * Это **не обрезка**. Камера, которая умеет запрошенное, отдаст его сама;
+     * та, что не умеет, отдаст своё — и показан, и снят будет её настоящий кадр.
+     * Нужен ровно квадрат — это `GrImageCrop` после съёмки.
      */
     aspectRatio?: number;
     /**
@@ -47,10 +48,13 @@ type __VLS_Slots = {
         capture: () => Promise<Blob | null>;
     }) => unknown;
 };
-declare function start(): Promise<void>;
-declare function stop(): void;
 /**
- * Снимок текущего кадра.
+ * Снимок текущего кадра — целиком, без среза.
+ *
+ * Камеры на разных устройствах отдают разные размеры и соотношения, поэтому
+ * подгонять кадр под окно бессмысленно: на одном телефоне срезалось бы одно, на
+ * другом другое. Снимок повторяет то, что показывало превью, а обрезка под
+ * нужное место — работа `GrImageCrop`.
  *
  * Зеркало превью сюда **не переносится**: на снимке оказывается то, что было
  * перед камерой. Иначе текст на визитке или в документе уехал бы в зазеркалье —
@@ -68,8 +72,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: undefined;
 }>>, {
-    start: typeof start;
-    stop: typeof stop;
+    start: () => Promise<void>;
+    stop: () => void;
     capture: typeof capture;
     status: import("vue").Ref<GrCameraStatus, GrCameraStatus>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -93,9 +97,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onStop?: (() => any) | undefined;
     onStatusChange?: ((status: GrCameraStatus) => any) | undefined;
 }>, {
-    facing: GrCameraFacing;
     deviceId: string;
     aspectRatio: number;
+    facing: GrCameraFacing;
     autoStart: boolean;
     mirror: boolean;
     output: GrCameraCaptureOutput;

package/dist/types/components/GrCameraCapture/cameraState.d.ts

@@ -48,20 +48,3 @@ export declare function cameraSupported(navigatorLike: Pick<Navigator, 'mediaDev
  * уедет в зазеркалье — а снимают ими ровно это.
  */
 export declare function shouldMirrorPreview(facing: 'user' | 'environment', mirror: boolean | undefined): boolean;
-export interface GrCameraFrameRect {
-    sx: number;
-    sy: number;
-    sw: number;
-    sh: number;
-}
-/**
- * Какая часть кадра камеры попадёт в снимок при заданном соотношении сторон.
- *
- * Камера отдаёт своё соотношение (обычно 4:3 или 16:9), а приложению нужно
- * своё. Лишнее срезается по центру — так же, как это делает `object-fit: cover`
- * в превью: снимок обязан совпасть с тем, что пользователь видел.
- */
-export declare function cameraFrameRect(frame: {
-    width: number;
-    height: number;
-}, aspectRatio: number): GrCameraFrameRect;

package/dist/types/components/GrCameraCapture/grCameraCaptureStyles.d.ts

@@ -2,8 +2,12 @@ export type GrCameraCaptureSize = 'xs' | 'sm' | 'md' | 'lg';
 export type GrCameraFacing = 'user' | 'environment';
 export declare const rootClass = "grid gap-2";
 export declare const frameClass = "relative w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[var(--gr-brd)] bg-[var(--gr-muted)]";
-/** Превью покрывает рамку целиком: снимок берётся тем же `cover`, что и показ. */
-export declare const videoClass = "h-full w-full object-cover";
+/**
+ * Превью **вписывается**, а не покрывает: кадр показывается целиком, в своих
+ * пропорциях. При совпадающей рамке разницы нет, но между стартом и первым
+ * кадром рамка ещё держит запасные 4:3 — и `cover` срезал бы картинку.
+ */
+export declare const videoClass = "h-full w-full object-contain";
 export declare const mirroredClass = "scale-x-[-1]";
 /**
  * Подложка состояния поверх рамки. Появление плавное: отказ и ошибка приходят

package/dist/types/components/GrCameraCapture/index.d.ts

@@ -1,7 +1,7 @@
 export { default } from './GrCameraCapture.vue';
 export { default as GrCameraCapture } from './GrCameraCapture.vue';
-export type { GrCameraFrameRect, GrCameraStatus } from './cameraState';
-export { cameraFrameRect, cameraStatusFromError, cameraSupported, shouldMirrorPreview } from './cameraState';
+export type { GrCameraStatus } from './cameraState';
+export { cameraStatusFromError, cameraSupported, shouldMirrorPreview } from './cameraState';
 export { grCameraCaptureConfig } from './config';
 export type { GrCameraCaptureConfigurableProps } from './defaults';
 export type { GrCameraCaptureEmits, GrCameraCaptureOutput, GrCameraCaptureProps } from './GrCameraCapture.vue';

package/dist/types/components/GrCodeScanner/GrCodeScanner.vue.d.ts

@@ -0,0 +1,121 @@
+import type { GrCameraStatus } from '../GrCameraCapture/cameraState';
+import type { GrCodeDetector, GrCodeResult } from './codeDetection';
+import type { GrCodeScannerSize } from './grCodeScannerStyles';
+export interface GrCodeScannerProps {
+    /** Какая камера: `environment` — тыловая, ей и сканируют. */
+    facing?: 'user' | 'environment';
+    deviceId?: string;
+    /**
+     * Включать камеру сразу.
+     *
+     * По умолчанию `false`: запрос разрешения без действия пользователя
+     * отклоняют не глядя, а второй раз браузер уже не спросит.
+     */
+    autoStart?: boolean;
+    /** Символики: `qr_code`, `ean_13`, `code_128`, … Без списка — все, что умеет браузер. */
+    formats?: readonly string[];
+    /**
+     * Детектор для браузеров без `BarcodeDetector` — Safari и Firefox.
+     *
+     * Пакет своего декодера не несёт: у него нет ни одной зависимости, и ради
+     * одного компонента появилась бы самая тяжёлая. Рецепт подключения готовой
+     * библиотеки — на странице компонента.
+     */
+    detector?: GrCodeDetector;
+    /** Как часто разбирать кадр, мс. Чаще — горячее устройство, реже — вялый отклик. */
+    interval?: number;
+    /** Сообщать один и тот же код повторно: приёмка сканирует подряд. */
+    continuous?: boolean;
+    size?: GrCodeScannerSize;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+export interface GrCodeScannerEmits {
+    (e: 'detect', codes: GrCodeResult[]): void;
+    (e: 'start'): void;
+    (e: 'stop'): void;
+    (e: 'statusChange', status: GrCameraStatus): void;
+}
+type __VLS_Slots = {
+    /** Своя панель управления вместо встроенной. */
+    controls?: (props: {
+        status: GrCameraStatus;
+        start: () => void;
+        stop: () => void;
+    }) => unknown;
+};
+declare function stopAll(): void;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCodeScannerProps>, {
+    facing: string;
+    deviceId: undefined;
+    autoStart: boolean;
+    formats: undefined;
+    detector: undefined;
+    interval: number;
+    continuous: boolean;
+    size: undefined;
+    disabled: boolean;
+    ariaLabel: undefined;
+}>>, {
+    start: () => Promise<void>;
+    stop: typeof stopAll;
+    status: import("vue").Ref<GrCameraStatus, GrCameraStatus>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    detect: (codes: GrCodeResult[]) => void;
+    start: () => void;
+    stop: () => void;
+    statusChange: (status: GrCameraStatus) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCodeScannerProps>, {
+    facing: string;
+    deviceId: undefined;
+    autoStart: boolean;
+    formats: undefined;
+    detector: undefined;
+    interval: number;
+    continuous: boolean;
+    size: undefined;
+    disabled: boolean;
+    ariaLabel: undefined;
+}>>> & Readonly<{
+    onStart?: (() => any) | undefined;
+    onStop?: (() => any) | undefined;
+    onStatusChange?: ((status: GrCameraStatus) => any) | undefined;
+    onDetect?: ((codes: GrCodeResult[]) => any) | undefined;
+}>, {
+    deviceId: string;
+    facing: "user" | "environment";
+    autoStart: boolean;
+    size: GrCodeScannerSize;
+    disabled: boolean;
+    ariaLabel: string;
+    formats: readonly string[];
+    detector: GrCodeDetector;
+    interval: number;
+    continuous: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/components/GrCodeScanner/__tests__/GrCodeScanner.test.d.ts

@@ -0,0 +1 @@
+export {};