@atscript/vue-aooth 0.1.78 → 0.1.80

package/dist/as-copy-CxLJdyxe.mjs

@@ -0,0 +1,277 @@
+import { computed, createBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, onUnmounted, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { AsFieldShell } from "@atscript/vue-form";
+//#region src/components/as-copy.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-copy-row" };
+const _hoisted_2 = [
+	"id",
+	"value",
+	"name",
+	"aria-describedby"
+];
+const _hoisted_3 = ["disabled", "aria-label"];
+const _hoisted_4 = {
+	class: "as-copy-label",
+	"aria-live": "polite"
+};
+//#endregion
+//#region src/components/as-copy.vue
+var as_copy_default = /* @__PURE__ */ defineComponent({
+	__name: "as-copy",
+	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
+		},
+		copiedLabel: {
+			type: String,
+			required: false,
+			default: "Copied"
+		},
+		copyLabel: {
+			type: String,
+			required: false,
+			default: "Copy"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const text = computed(() => props.value ?? props.model?.value ?? "");
+		const copied = ref(false);
+		const error = ref();
+		let revertTimer;
+		async function onCopy() {
+			if (!navigator.clipboard?.writeText) {
+				copied.value = false;
+				error.value = "Copy failed — select and copy manually";
+				return;
+			}
+			try {
+				await navigator.clipboard.writeText(text.value);
+				error.value = void 0;
+				copied.value = true;
+				clearTimeout(revertTimer);
+				revertTimer = setTimeout(() => {
+					copied.value = false;
+					revertTimer = void 0;
+				}, 1500);
+			} catch {
+				copied.value = false;
+				clearTimeout(revertTimer);
+				revertTimer = void 0;
+				error.value = "Copy failed — select and copy manually";
+			}
+		}
+		function onFocus(e) {
+			e.target.select();
+		}
+		onUnmounted(() => clearTimeout(revertTimer));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AsFieldShell), mergeProps(_ctx.$props, {
+				"field-class": "as-copy",
+				error: error.value
+			}), {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("input", {
+					id: __props.inputId,
+					type: "text",
+					readonly: "",
+					value: text.value,
+					name: __props.name,
+					class: "as-copy-input",
+					"aria-describedby": __props.ariaDescribedBy,
+					onFocus
+				}, null, 40, _hoisted_2), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["as-copy-btn", { copied: copied.value }]),
+					disabled: !text.value,
+					"aria-label": copied.value ? __props.copiedLabel : __props.copyLabel,
+					onClick: onCopy
+				}, [createElementVNode("span", {
+					class: normalizeClass(["as-copy-icon", copied.value ? "i-as-check-circle" : "i-as-copy"]),
+					"aria-hidden": "true"
+				}, null, 2), createElementVNode("span", _hoisted_4, toDisplayString(copied.value ? __props.copiedLabel : __props.copyLabel), 1)], 10, _hoisted_3)])]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+export { as_copy_default as t };

package/dist/as-copy-USMxrTlI.cjs

@@ -0,0 +1,282 @@
+let vue = require("vue");
+let _atscript_vue_form = require("@atscript/vue-form");
+//#region src/components/as-copy.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-copy-row" };
+const _hoisted_2 = [
+	"id",
+	"value",
+	"name",
+	"aria-describedby"
+];
+const _hoisted_3 = ["disabled", "aria-label"];
+const _hoisted_4 = {
+	class: "as-copy-label",
+	"aria-live": "polite"
+};
+//#endregion
+//#region src/components/as-copy.vue
+var as_copy_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-copy",
+	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
+		},
+		copiedLabel: {
+			type: String,
+			required: false,
+			default: "Copied"
+		},
+		copyLabel: {
+			type: String,
+			required: false,
+			default: "Copy"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const text = (0, vue.computed)(() => props.value ?? props.model?.value ?? "");
+		const copied = (0, vue.ref)(false);
+		const error = (0, vue.ref)();
+		let revertTimer;
+		async function onCopy() {
+			if (!navigator.clipboard?.writeText) {
+				copied.value = false;
+				error.value = "Copy failed — select and copy manually";
+				return;
+			}
+			try {
+				await navigator.clipboard.writeText(text.value);
+				error.value = void 0;
+				copied.value = true;
+				clearTimeout(revertTimer);
+				revertTimer = setTimeout(() => {
+					copied.value = false;
+					revertTimer = void 0;
+				}, 1500);
+			} catch {
+				copied.value = false;
+				clearTimeout(revertTimer);
+				revertTimer = void 0;
+				error.value = "Copy failed — select and copy manually";
+			}
+		}
+		function onFocus(e) {
+			e.target.select();
+		}
+		(0, vue.onUnmounted)(() => clearTimeout(revertTimer));
+		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-copy",
+				error: error.value
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("input", {
+					id: __props.inputId,
+					type: "text",
+					readonly: "",
+					value: text.value,
+					name: __props.name,
+					class: "as-copy-input",
+					"aria-describedby": __props.ariaDescribedBy,
+					onFocus
+				}, null, 40, _hoisted_2), (0, vue.createElementVNode)("button", {
+					type: "button",
+					class: (0, vue.normalizeClass)(["as-copy-btn", { copied: copied.value }]),
+					disabled: !text.value,
+					"aria-label": copied.value ? __props.copiedLabel : __props.copyLabel,
+					onClick: onCopy
+				}, [(0, vue.createElementVNode)("span", {
+					class: (0, vue.normalizeClass)(["as-copy-icon", copied.value ? "i-as-check-circle" : "i-as-copy"]),
+					"aria-hidden": "true"
+				}, null, 2), (0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(copied.value ? __props.copiedLabel : __props.copyLabel), 1)], 10, _hoisted_3)])]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_copy_default", {
+	enumerable: true,
+	get: function() {
+		return as_copy_default;
+	}
+});

package/dist/as-copy.cjs

@@ -0,0 +1,2 @@
+const require_as_copy = require("./as-copy-USMxrTlI.cjs");
+module.exports = require_as_copy.as_copy_default;

package/dist/as-copy.d.cts

@@ -0,0 +1,14 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-copy.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  copiedLabel?: string;
+  copyLabel?: string;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  copiedLabel: string;
+  copyLabel: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export = _default;

package/dist/as-copy.d.mts

@@ -0,0 +1,15 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-copy.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  copiedLabel?: string;
+  copyLabel?: string;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  copiedLabel: string;
+  copyLabel: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };

package/dist/as-copy.mjs

@@ -0,0 +1,2 @@
+import { t as as_copy_default } from "./as-copy-CxLJdyxe.mjs";
+export { as_copy_default as default };

package/dist/{as-password-rules-DkFih-lL.cjs → as-password-rules-DBoLmROR.cjs}

@@ -2,16 +2,9 @@ let vue = require("vue");
 let _atscript_vue_form = require("@atscript/vue-form");
 let _atscript_ui_fns = require("@atscript/ui-fns");
 //#region src/components/as-password-rules.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = {
-	key: 0,
-	class: "as-password-rules-empty"
-};
-const _hoisted_2 = {
-	key: 1,
-	class: "as-password-rules-list"
-};
-const _hoisted_3 = ["data-passed"];
-const _hoisted_4 = { class: "as-password-rules-text" };
+const _hoisted_1 = { class: "as-password-rules-list" };
+const _hoisted_2 = ["data-passed"];
+const _hoisted_3 = { class: "as-password-rules-text" };
 //#endregion
 //#region src/components/as-password-rules.vue
 var as_password_rules_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -243,11 +236,11 @@ var as_password_rules_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return out;
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsFieldShell), (0, vue.mergeProps)(_ctx.$props, {
+			return evaluated.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsFieldShell), (0, vue.mergeProps)({ key: 0 }, _ctx.$props, {
 				chromeless: true,
 				"field-class": "as-password-rules"
 			}), {
-				default: (0, vue.withCtx)(() => [evaluated.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, "No password rules")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(evaluated.value, (policy, index) => {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(evaluated.value, (policy, index) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: index,
 						class: "as-password-rules-row",
@@ -255,10 +248,10 @@ var as_password_rules_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", {
 						class: "as-password-rules-icon",
 						"aria-hidden": "true"
-					}, null, -1)), (0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(policy.description), 1)], 8, _hoisted_3);
-				}), 128))]))]),
+					}, null, -1)), (0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(policy.description), 1)], 8, _hoisted_2);
+				}), 128))])]),
 				_: 1
-			}, 16);
+			}, 16)) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });

package/dist/{as-password-rules-f9ouYgev.mjs → as-password-rules-DuKe47j8.mjs}

@@ -1,17 +1,10 @@
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 import { AsFieldShell } from "@atscript/vue-form";
 import { compileFieldFn } from "@atscript/ui-fns";
 //#region src/components/as-password-rules.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = {
-	key: 0,
-	class: "as-password-rules-empty"
-};
-const _hoisted_2 = {
-	key: 1,
-	class: "as-password-rules-list"
-};
-const _hoisted_3 = ["data-passed"];
-const _hoisted_4 = { class: "as-password-rules-text" };
+const _hoisted_1 = { class: "as-password-rules-list" };
+const _hoisted_2 = ["data-passed"];
+const _hoisted_3 = { class: "as-password-rules-text" };
 //#endregion
 //#region src/components/as-password-rules.vue
 var as_password_rules_default = /* @__PURE__ */ defineComponent({
@@ -243,11 +236,11 @@ var as_password_rules_default = /* @__PURE__ */ defineComponent({
 			return out;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AsFieldShell), mergeProps(_ctx.$props, {
+			return evaluated.value.length > 0 ? (openBlock(), createBlock(unref(AsFieldShell), mergeProps({ key: 0 }, _ctx.$props, {
 				chromeless: true,
 				"field-class": "as-password-rules"
 			}), {
-				default: withCtx(() => [evaluated.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1, "No password rules")) : (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(evaluated.value, (policy, index) => {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(evaluated.value, (policy, index) => {
 					return openBlock(), createElementBlock("div", {
 						key: index,
 						class: "as-password-rules-row",
@@ -255,10 +248,10 @@ var as_password_rules_default = /* @__PURE__ */ defineComponent({
 					}, [_cache[0] || (_cache[0] = createElementVNode("span", {
 						class: "as-password-rules-icon",
 						"aria-hidden": "true"
-					}, null, -1)), createElementVNode("span", _hoisted_4, toDisplayString(policy.description), 1)], 8, _hoisted_3);
-				}), 128))]))]),
+					}, null, -1)), createElementVNode("span", _hoisted_3, toDisplayString(policy.description), 1)], 8, _hoisted_2);
+				}), 128))])]),
 				_: 1
-			}, 16);
+			}, 16)) : createCommentVNode("v-if", true);
 		};
 	}
 });

package/dist/as-password-rules.cjs

@@ -1,2 +1,2 @@
-const require_as_password_rules = require("./as-password-rules-DkFih-lL.cjs");
+const require_as_password_rules = require("./as-password-rules-DBoLmROR.cjs");
 module.exports = require_as_password_rules.as_password_rules_default;

package/dist/as-password-rules.mjs

@@ -1,2 +1,2 @@
-import { t as as_password_rules_default } from "./as-password-rules-f9ouYgev.mjs";
+import { t as as_password_rules_default } from "./as-password-rules-DuKe47j8.mjs";
 export { as_password_rules_default as default };