@atscript/vue-aooth 0.1.78 → 0.1.80

package/dist/as-qr-code-BoEy7mvV.cjs

@@ -0,0 +1,293 @@
+let vue = require("vue");
+let _atscript_vue_form = require("@atscript/vue-form");
+//#region src/components/as-qr-code.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-qr-code-stack"
+};
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+	key: 1,
+	class: "as-qr-code-secret"
+};
+//#endregion
+//#region src/components/as-qr-code.vue
+var as_qr_code_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-qr-code",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: Number,
+			required: false,
+			default: 192
+		},
+		errorCorrection: {
+			type: String,
+			required: false,
+			default: "M"
+		},
+		manualSecret: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const uri = (0, vue.computed)(() => props.value ?? props.model?.value);
+		const svg = (0, vue.ref)();
+		const error = (0, vue.ref)();
+		const secret = (0, vue.ref)();
+		let qrcodeModulePromise;
+		function loadQrcode() {
+			qrcodeModulePromise ??= import("qrcode");
+			return qrcodeModulePromise;
+		}
+		const SECRET_RE = /[?&]secret=([^&]+)/;
+		function extractSecret(value) {
+			const m = SECRET_RE.exec(value);
+			return m ? decodeURIComponent(m[1]) : void 0;
+		}
+		let renderToken = 0;
+		(0, vue.watch)(uri, async (value) => {
+			const token = ++renderToken;
+			error.value = void 0;
+			if (!value) {
+				svg.value = void 0;
+				secret.value = void 0;
+				return;
+			}
+			secret.value = extractSecret(value);
+			let lib;
+			try {
+				const mod = await loadQrcode();
+				lib = mod.default ?? mod;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] qrcode peer dependency is not installed", err);
+				error.value = "Install the optional 'qrcode' dependency to render QR codes.";
+				return;
+			}
+			try {
+				const out = await lib.toString(value, {
+					type: "svg",
+					margin: 0,
+					width: props.size,
+					errorCorrectionLevel: props.errorCorrection
+				});
+				if (token !== renderToken) return;
+				svg.value = out;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] failed to render QR code", err);
+				error.value = "Failed to render QR code.";
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsFieldShell), (0, vue.mergeProps)(_ctx.$props, {
+				"field-class": "as-qr-code",
+				error: error.value
+			}), {
+				default: (0, vue.withCtx)(() => [uri.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [svg.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					class: "as-qr-code-svg",
+					innerHTML: svg.value
+				}, null, 8, _hoisted_2)) : (0, vue.createCommentVNode)("v-if", true), __props.manualSecret && secret.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, (0, vue.toDisplayString)(secret.value), 1)) : (0, vue.createCommentVNode)("v-if", true)])) : (0, vue.createCommentVNode)("v-if", true)]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_qr_code_default", {
+	enumerable: true,
+	get: function() {
+		return as_qr_code_default;
+	}
+});

package/dist/as-qr-code-U4sjF5lD.mjs

@@ -0,0 +1,288 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { AsFieldShell } from "@atscript/vue-form";
+//#region src/components/as-qr-code.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-qr-code-stack"
+};
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+	key: 1,
+	class: "as-qr-code-secret"
+};
+//#endregion
+//#region src/components/as-qr-code.vue
+var as_qr_code_default = /* @__PURE__ */ defineComponent({
+	__name: "as-qr-code",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: Number,
+			required: false,
+			default: 192
+		},
+		errorCorrection: {
+			type: String,
+			required: false,
+			default: "M"
+		},
+		manualSecret: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const uri = computed(() => props.value ?? props.model?.value);
+		const svg = ref();
+		const error = ref();
+		const secret = ref();
+		let qrcodeModulePromise;
+		function loadQrcode() {
+			qrcodeModulePromise ??= import("qrcode");
+			return qrcodeModulePromise;
+		}
+		const SECRET_RE = /[?&]secret=([^&]+)/;
+		function extractSecret(value) {
+			const m = SECRET_RE.exec(value);
+			return m ? decodeURIComponent(m[1]) : void 0;
+		}
+		let renderToken = 0;
+		watch(uri, async (value) => {
+			const token = ++renderToken;
+			error.value = void 0;
+			if (!value) {
+				svg.value = void 0;
+				secret.value = void 0;
+				return;
+			}
+			secret.value = extractSecret(value);
+			let lib;
+			try {
+				const mod = await loadQrcode();
+				lib = mod.default ?? mod;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] qrcode peer dependency is not installed", err);
+				error.value = "Install the optional 'qrcode' dependency to render QR codes.";
+				return;
+			}
+			try {
+				const out = await lib.toString(value, {
+					type: "svg",
+					margin: 0,
+					width: props.size,
+					errorCorrectionLevel: props.errorCorrection
+				});
+				if (token !== renderToken) return;
+				svg.value = out;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] failed to render QR code", err);
+				error.value = "Failed to render QR code.";
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AsFieldShell), mergeProps(_ctx.$props, {
+				"field-class": "as-qr-code",
+				error: error.value
+			}), {
+				default: withCtx(() => [uri.value ? (openBlock(), createElementBlock("div", _hoisted_1, [svg.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "as-qr-code-svg",
+					innerHTML: svg.value
+				}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true), __props.manualSecret && secret.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(secret.value), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+export { as_qr_code_default as t };

package/dist/as-qr-code.cjs

@@ -0,0 +1,2 @@
+const require_as_qr_code = require("./as-qr-code-BoEy7mvV.cjs");
+module.exports = require_as_qr_code.as_qr_code_default;

package/dist/as-qr-code.d.cts

@@ -0,0 +1,16 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-qr-code.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  size?: number;
+  errorCorrection?: "L" | "M" | "Q" | "H";
+  manualSecret?: boolean;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  size: number;
+  errorCorrection: "L" | "M" | "Q" | "H";
+  manualSecret: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export = _default;

package/dist/as-qr-code.d.mts

@@ -0,0 +1,17 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-qr-code.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  size?: number;
+  errorCorrection?: "L" | "M" | "Q" | "H";
+  manualSecret?: boolean;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  size: number;
+  errorCorrection: "L" | "M" | "Q" | "H";
+  manualSecret: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };

package/dist/as-qr-code.mjs

@@ -0,0 +1,2 @@
+import { t as as_qr_code_default } from "./as-qr-code-U4sjF5lD.mjs";
+export { as_qr_code_default as default };

package/dist/index.cjs

@@ -1,5 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_as_consent_array = require("./as-consent-array-B8gtVvew.cjs");
-const require_as_password_rules = require("./as-password-rules-DkFih-lL.cjs");
+const require_as_copy = require("./as-copy-USMxrTlI.cjs");
+const require_as_password_rules = require("./as-password-rules-DBoLmROR.cjs");
+const require_as_qr_code = require("./as-qr-code-BoEy7mvV.cjs");
 exports.AsConsentArray = require_as_consent_array.as_consent_array_default;
+exports.AsCopy = require_as_copy.as_copy_default;
 exports.AsPasswordRules = require_as_password_rules.as_password_rules_default;
+exports.AsQrCode = require_as_qr_code.as_qr_code_default;

package/dist/index.d.cts

@@ -1,3 +1,5 @@
 import _default from "./as-consent-array.cjs";
-import _default$1 from "./as-password-rules.cjs";
-export { _default as AsConsentArray, _default$1 as AsPasswordRules };
+import _default$1 from "./as-copy.cjs";
+import _default$2 from "./as-password-rules.cjs";
+import _default$3 from "./as-qr-code.cjs";
+export { _default as AsConsentArray, _default$1 as AsCopy, _default$2 as AsPasswordRules, _default$3 as AsQrCode };

package/dist/index.d.mts

@@ -1,3 +1,5 @@
 import _default from "./as-consent-array.mjs";
-import _default$1 from "./as-password-rules.mjs";
-export { _default as AsConsentArray, _default$1 as AsPasswordRules };
+import _default$1 from "./as-copy.mjs";
+import _default$2 from "./as-password-rules.mjs";
+import _default$3 from "./as-qr-code.mjs";
+export { _default as AsConsentArray, _default$1 as AsCopy, _default$2 as AsPasswordRules, _default$3 as AsQrCode };

package/dist/index.mjs

@@ -1,3 +1,5 @@
 import { t as as_consent_array_default } from "./as-consent-array-C1GpSvgX.mjs";
-import { t as as_password_rules_default } from "./as-password-rules-f9ouYgev.mjs";
-export { as_consent_array_default as AsConsentArray, as_password_rules_default as AsPasswordRules };
+import { t as as_copy_default } from "./as-copy-CxLJdyxe.mjs";
+import { t as as_password_rules_default } from "./as-password-rules-DuKe47j8.mjs";
+import { t as as_qr_code_default } from "./as-qr-code-U4sjF5lD.mjs";
+export { as_consent_array_default as AsConsentArray, as_copy_default as AsCopy, as_password_rules_default as AsPasswordRules, as_qr_code_default as AsQrCode };