@atscript/vue-form 0.1.58

package/dist/as-select-UBGCVhku.mjs

@@ -0,0 +1,241 @@
+import { t as as_field_shell_default } from "./as-field-shell-Pdy3sAvr.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, toDisplayString, unref, vModelSelect, withCtx, withDirectives } from "vue";
+import { optKey, optLabel } from "@atscript/ui";
+//#region src/components/defaults/as-select.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-select-wrap" };
+const _hoisted_2 = [
+	"id",
+	"name",
+	"disabled",
+	"readonly",
+	"aria-required",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-label"
+];
+const _hoisted_3 = {
+	key: 0,
+	value: "",
+	disabled: ""
+};
+const _hoisted_4 = ["value"];
+//#endregion
+//#region src/components/defaults/as-select.vue
+var as_select_default = /* @__PURE__ */ defineComponent({
+	__name: "as-select",
+	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
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(as_field_shell_default, normalizeProps(guardReactiveProps(_ctx.$props)), {
+				default: withCtx(({ inputId }) => [createElementVNode("span", _hoisted_1, [withDirectives(createElementVNode("select", {
+					id: inputId,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model.value = $event),
+					onChange: _cache[1] || (_cache[1] = (...args) => __props.onBlur && __props.onBlur(...args)),
+					onBlur: _cache[2] || (_cache[2] = (...args) => __props.onBlur && __props.onBlur(...args)),
+					name: __props.name,
+					disabled: __props.disabled,
+					readonly: __props.readonly,
+					"aria-required": __props.required || void 0,
+					"aria-invalid": !!__props.error || void 0,
+					"aria-describedby": __props.ariaDescribedBy,
+					"aria-label": !__props.label ? __props.name : void 0
+				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3, toDisplayString(__props.placeholder), 1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
+					return openBlock(), createElementBlock("option", {
+						key: unref(optKey)(opt),
+						value: unref(optKey)(opt)
+					}, toDisplayString(unref(optLabel)(opt)), 9, _hoisted_4);
+				}), 128))], 40, _hoisted_2), [[vModelSelect, __props.model.value]]), _cache[3] || (_cache[3] = createElementVNode("span", {
+					class: "as-select-caret i-as-chevron-down",
+					"aria-hidden": "true"
+				}, null, -1))])]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { as_select_default as t };

package/dist/as-select.cjs

@@ -0,0 +1,6 @@
+require("./use-form-context-Dwr8Ai1v.cjs");
+require("./use-as-dropdown-C-Qy7Vt0.cjs");
+require("./as-field-shell-B2iTn-iM.cjs");
+require("./as-variant-picker-DObQZHmm.cjs");
+const require_as_select = require("./as-select-BB3uxACS.cjs");
+module.exports = require_as_select.as_select_default;

package/dist/as-select.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-select.vue-Dd7huPq2.cjs";
+export = _default;

package/dist/as-select.d.mts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-select.vue-RYpbZbKt.mjs";
+export { _default as default };

package/dist/as-select.mjs

@@ -0,0 +1,6 @@
+import "./use-form-context-bAj7UoSe.mjs";
+import "./use-as-dropdown-BMnEm6jF.mjs";
+import "./as-field-shell-Pdy3sAvr.mjs";
+import "./as-variant-picker-BVs0AvjK.mjs";
+import { t as as_select_default } from "./as-select-UBGCVhku.mjs";
+export { as_select_default as default };

package/dist/as-select.vue-Dd7huPq2.d.cts

@@ -0,0 +1,9 @@
+import { i as TAsComponentProps } from "./types-C4HRSxgV.cjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-select.vue.d.ts
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-select.vue-RYpbZbKt.d.mts

@@ -0,0 +1,9 @@
+import { i as TAsComponentProps } from "./types-Czm-Gtud.mjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-select.vue.d.ts
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-time-C24rvslH.cjs

@@ -0,0 +1,258 @@
+const require_as_field_shell = require("./as-field-shell-B2iTn-iM.cjs");
+const require_as_adornment_shell = require("./as-adornment-shell-9UmdNIPR.cjs");
+const require_use_as_date = require("./use-as-date-B7CtcRQd.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/defaults/as-time.vue
+var as_time_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-time",
+	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
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { inputType, displayValue, setFromInput } = require_use_as_date.useAsDate({
+			modelValue: () => props.model.value,
+			kind: "time",
+			onCommit: (v) => {
+				props.model.value = v;
+			}
+		});
+		const shellTitle = (0, vue.computed)(() => props.currencyCode ?? props.unitCode ?? void 0);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_as_field_shell.as_field_shell_default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(_ctx.$props)), {
+				default: (0, vue.withCtx)(({ inputId }) => [__props.hasAdornment ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_adornment_shell.as_adornment_shell_default, {
+					key: 0,
+					"prefix-icon": __props.prefixIcon,
+					prefix: __props.prefix,
+					suffix: __props.suffix,
+					"suffix-icon": __props.suffixIcon,
+					error: __props.error,
+					required: __props.required,
+					title: shellTitle.value
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_use_as_date.as_date_control_default, (0, vue.mergeProps)(_ctx.$props, {
+						"input-id": inputId,
+						"input-type": (0, vue.unref)(inputType),
+						"display-value": (0, vue.unref)(displayValue),
+						"set-from-input": (0, vue.unref)(setFromInput)
+					}), null, 16, [
+						"input-id",
+						"input-type",
+						"display-value",
+						"set-from-input"
+					])]),
+					_: 2
+				}, 1032, [
+					"prefix-icon",
+					"prefix",
+					"suffix",
+					"suffix-icon",
+					"error",
+					"required",
+					"title"
+				])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_use_as_date.as_date_control_default, (0, vue.mergeProps)({ key: 1 }, _ctx.$props, {
+					"input-id": inputId,
+					"input-type": (0, vue.unref)(inputType),
+					"display-value": (0, vue.unref)(displayValue),
+					"set-from-input": (0, vue.unref)(setFromInput)
+				}), null, 16, [
+					"input-id",
+					"input-type",
+					"display-value",
+					"set-from-input"
+				]))]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_time_default", {
+	enumerable: true,
+	get: function() {
+		return as_time_default;
+	}
+});