@simsustech/quasar-components 0.12.0 → 0.12.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.12.2
+
+### Patch Changes
+
+- f2f5aaa: feat: add german (de) translations
+
+## 0.12.1
+
+### Patch Changes
+
+- 6987645: feat(LoginForm): add defaultCredentials prop
+
 ## 0.12.0
 
 ### Minor Changes

package/dist/LocaleSelect-BtwfPrmu.js

@@ -0,0 +1,461 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { QIcon, QItem, QItemLabel, QItemSection, QSelect } from "quasar";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, toDisplayString, toRefs, unref, useAttrs, withCtx } from "vue";
+//#region src/ui/form/lang/en-US.ts
+var en_US_exports = /* @__PURE__ */ __exportAll({ default: () => lang$1 });
+var lang$1 = {
+	isoName: "en-US",
+	yes: "Yes",
+	no: "No",
+	selectMultiple: "Select one or multiple",
+	noResultsAvailable: "No results available.",
+	buttons: { close: "Close" },
+	email: { subject: "Subject" },
+	fields: {
+		name: "Name",
+		firstName: "First name",
+		lastName: "Last name",
+		address: "Address",
+		postalCode: "Postal code",
+		city: "City",
+		telephoneNumber: "Telephone number"
+	},
+	validations: { fieldRequired: "Field is required." },
+	gender: {
+		gender: "Gender",
+		male: "Male",
+		female: "Female",
+		other: "Other"
+	},
+	postalCode: {
+		postalCode: "Postal code",
+		validations: { invalidPostalCode: "Invalid postal code" }
+	},
+	datePicker: {
+		date: "Date",
+		placeholder: "YYYY/MM/DD",
+		YYYY: "YYYY",
+		MM: "MM",
+		DD: "DD",
+		validations: { unavailableRange: "The selected period contains unavailable dates." }
+	},
+	currency: {
+		currency: "Currency",
+		EUR: "Euro",
+		USD: "USD"
+	},
+	locale: { locale: "Locale" },
+	cron: {
+		name: "Repeat",
+		minute: "Minute",
+		hour: "Hour",
+		dayOfMonth: "Day of month",
+		month: "Month",
+		dayOfWeek: "Day of week",
+		every: {
+			minute: "Every minute",
+			hour: "Every hour",
+			dayOfMonth: "Every day",
+			month: "Every month",
+			dayOfWeek: "Every day of the week"
+		},
+		validations: { invalidCron: "Cron rule is invalid." }
+	},
+	countries: {
+		SA: "Saudi Arabia",
+		BD: "Bangladesh",
+		IN: "India",
+		CZ: "Czech Republic",
+		DK: "Denmark",
+		AT: "Austria",
+		CH: "Switzerland",
+		DE: "Germany",
+		GR: "Greece",
+		AU: "Australia",
+		CA: "Canada",
+		GB: "United Kingdom",
+		IE: "Ireland",
+		NZ: "New Zealand",
+		US: "United States",
+		ZA: "South Africa",
+		AR: "Argentina",
+		CL: "Chile",
+		CO: "Colombia",
+		ES: "Spain",
+		MX: "Mexico",
+		FI: "Finland",
+		BE: "Belgium",
+		FR: "France",
+		IL: "Israel",
+		HU: "Hungarian",
+		ID: "Indonesia",
+		IT: "Italy",
+		JP: "Japan",
+		KR: "Republic of Korea",
+		NL: "The Netherlands",
+		NO: "Norway",
+		PL: "Polish",
+		BR: "Brazil",
+		PT: "Portugal",
+		RO: "Romania",
+		RU: "Russian Federation",
+		SK: "Slovakia",
+		SE: "Sweden",
+		LK: "Sri Lanka",
+		TH: "Thai",
+		TR: "Turkey",
+		CN: "China",
+		HK: "Hong Kong",
+		TW: "Taiwan"
+	},
+	languages: {
+		ar: "Arabic",
+		bn: "Bangla",
+		cs: "Czech",
+		da: "Danish",
+		de: "German",
+		el: "Greek",
+		en: "English",
+		es: "Spanish",
+		fi: "Finnish",
+		fr: "French",
+		he: "Hebrew",
+		hi: "Hindi",
+		hu: "Hungarian",
+		id: "Indonesian",
+		it: "Italian",
+		ja: "Japanese",
+		ko: "Korean",
+		nl: "Dutch",
+		no: "Norwegian",
+		pl: "Polish",
+		pt: "Portuguese",
+		ro: "Romanian",
+		ru: "Russian",
+		sk: "Slovak",
+		sv: "Swedish",
+		ta: "Tamil",
+		th: "Thai",
+		tr: "Turkish",
+		zh: "Chinese"
+	},
+	bcp47: {
+		"ar-SA": {
+			language: "Arabic",
+			country: "Saudi Arabia"
+		},
+		"bn-BD": {
+			language: "Bangla",
+			country: "Bangladesh"
+		},
+		"bn-IN": {
+			language: "Bangla",
+			country: "India"
+		},
+		"cs-CZ": {
+			language: "Czech",
+			country: "Czech Republic"
+		},
+		"da-DK": {
+			language: "Danish",
+			country: "Denmark"
+		},
+		"de-AT": {
+			language: "German",
+			country: "Austria"
+		},
+		"de-CH": {
+			language: "German",
+			country: "Switzerland"
+		},
+		"de-DE": {
+			language: "German",
+			country: "Germany"
+		},
+		"el-GR": {
+			language: "Greek",
+			country: "Greece"
+		},
+		"en-AU": {
+			language: "English",
+			country: "Australia"
+		},
+		"en-CA": {
+			language: "English",
+			country: "Canada"
+		},
+		"en-GB": {
+			language: "English",
+			country: "United Kingdom"
+		},
+		"en-IE": {
+			language: "English",
+			country: "Ireland"
+		},
+		"en-IN": {
+			language: "English",
+			country: "India"
+		},
+		"en-NZ": {
+			language: "English",
+			country: "New Zealand"
+		},
+		"en-US": {
+			language: "English",
+			country: "United States"
+		},
+		"en-ZA": {
+			language: "English",
+			country: "South Africa"
+		},
+		"es-AR": {
+			language: "Spanish",
+			country: "Argentina"
+		},
+		"es-CL": {
+			language: "Spanish",
+			country: "Chile"
+		},
+		"es-CO": {
+			language: "Spanish",
+			country: "Colombia"
+		},
+		"es-ES": {
+			language: "Spanish",
+			country: "Spain"
+		},
+		"es-MX": {
+			language: "Spanish",
+			country: "Mexico"
+		},
+		"es-US": {
+			language: "Spanish",
+			country: "United States"
+		},
+		"fi-FI": {
+			language: "Finnish",
+			country: "Finland"
+		},
+		"fr-BE": {
+			language: "French",
+			country: "Belgium"
+		},
+		"fr-CA": {
+			language: "French",
+			country: "Canada"
+		},
+		"fr-CH": {
+			language: "French",
+			country: "Switzerland"
+		},
+		"fr-FR": {
+			language: "French",
+			country: "France"
+		},
+		"he-IL": {
+			language: "Hebrew",
+			country: "Israel"
+		},
+		"hi-IN": {
+			language: "Hindi",
+			country: "India"
+		},
+		"hu-HU": {
+			language: "Hungarian",
+			country: "Hungary"
+		},
+		"id-ID": {
+			language: "Indonesian",
+			country: "Indonesia"
+		},
+		"it-CH": {
+			language: "Italian",
+			country: "Switzerland"
+		},
+		"it-IT": {
+			language: "Italian",
+			country: "Italy"
+		},
+		"ja-JP": {
+			language: "Japanese",
+			country: "Japan"
+		},
+		"ko-KR": {
+			language: "Korean",
+			country: "Republic of Korea"
+		},
+		"nl-BE": {
+			language: "Dutch",
+			country: "Belgium"
+		},
+		"nl-NL": {
+			language: "Dutch",
+			country: "The Netherlands"
+		},
+		"no-NO": {
+			language: "Norwegian",
+			country: "Norway"
+		},
+		"pl-PL": {
+			language: "Polish",
+			country: "Poland"
+		},
+		"pt-BR": {
+			language: "Portuguese",
+			country: "Brazil"
+		},
+		"pt-PT": {
+			language: "Portuguese",
+			country: "Portugal"
+		},
+		"ro-RO": {
+			language: "Romanian",
+			country: "Romania"
+		},
+		"ru-RU": {
+			language: "Russian",
+			country: "Russian Federation"
+		},
+		"sk-SK": {
+			language: "Slovak",
+			country: "Slovakia"
+		},
+		"sv-SE": {
+			language: "Swedish",
+			country: "Sweden"
+		},
+		"ta-IN": {
+			language: "Tamil",
+			country: "India"
+		},
+		"ta-LK": {
+			language: "Tamil",
+			country: "Sri Lanka"
+		},
+		"th-TH": {
+			language: "Thai",
+			country: "Thailand"
+		},
+		"tr-TR": {
+			language: "Turkish",
+			country: "Turkey"
+		},
+		"zh-CN": {
+			language: "Chinese",
+			country: "China"
+		},
+		"zh-HK": {
+			language: "Chinese",
+			country: "Hong Kong"
+		},
+		"zh-TW": {
+			language: "Chinese",
+			country: "Taiwan"
+		}
+	}
+};
+//#endregion
+//#region src/ui/form/lang/index.ts
+var lang = ref(lang$1);
+var locales = /* @__PURE__ */ Object.assign({
+	"./de.ts": () => import("./de-DC33TYVA.js"),
+	"./en-US.ts": () => Promise.resolve().then(() => en_US_exports),
+	"./nl.ts": () => import("./nl-DIfqXZG_.js")
+});
+var useLang = () => {
+	return lang;
+};
+var loadingLanguage = false;
+var loadLang = async (isoName) => {
+	if (!loadingLanguage) {
+		loadingLanguage = true;
+		try {
+			const data = (await locales[`./${isoName}.ts`]()).default;
+			if (data) lang.value = data;
+		} catch (e) {
+			throw new Error(`[quasar-components] Failed to load ${isoName} language file.`);
+		}
+		loadingLanguage = false;
+	}
+};
+//#endregion
+//#region src/ui/form/LocaleSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 1 };
+//#endregion
+//#region src/ui/form/LocaleSelect.vue
+var LocaleSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "LocaleSelect",
+	props: {
+		modelValue: {},
+		locales: {},
+		isItem: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { modelValue, locales } = toRefs(props);
+		const lang = useLang();
+		const attrs = useAttrs();
+		const localeOptions = computed(() => {
+			return locales.value.map((locale) => ({
+				label: getLanguageLabel(locale.bcp47),
+				value: locale.bcp47,
+				icon: locale.icon
+			}));
+		});
+		const getCountryLabel = (v) => lang.value.bcp47[v]?.country;
+		const getLanguageLabel = (v) => lang.value.bcp47[v]?.language;
+		__expose({
+			variables: ref({}),
+			functions: ref({
+				getCountryLabel,
+				getLanguageLabel
+			})
+		});
+		return (_ctx, _cache) => {
+			const _component_q_icon = QIcon;
+			const _component_q_item_section = QItemSection;
+			const _component_q_item_label = QItemLabel;
+			const _component_q_item = QItem;
+			return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
+				options: localeOptions.value,
+				"model-value": unref(modelValue),
+				filled: false,
+				"emit-value": "",
+				"map-options": "",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => emit("update:modelValue", val))
+			}), {
+				"selected-item": withCtx((scope) => [scope.opt && __props.isItem ? (openBlock(), createBlock(_component_q_item, { key: 0 }, {
+					default: withCtx(() => [createVNode(_component_q_item_section, { avatar: "" }, {
+						default: withCtx(() => [createVNode(_component_q_icon, { name: scope.opt.icon }, null, 8, ["name"])]),
+						_: 2
+					}, 1024), createVNode(_component_q_item_section, null, {
+						default: withCtx(() => [createVNode(_component_q_item_label, null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(scope.opt.label), 1)]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024)) : scope.opt ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_q_icon, { name: scope.opt.icon }, null, 8, ["name"]), createTextVNode(" " + toDisplayString(scope.opt.label), 1)])) : createCommentVNode("", true)]),
+				option: withCtx((scope) => [createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
+					default: withCtx(() => [createVNode(_component_q_item_section, { avatar: "" }, {
+						default: withCtx(() => [createVNode(_component_q_icon, { name: scope.opt.icon }, null, 8, ["name"])]),
+						_: 2
+					}, 1024), createVNode(_component_q_item_section, null, {
+						default: withCtx(() => [createVNode(_component_q_item_label, null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(scope.opt.label), 1)]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1040)]),
+				_: 1
+			}, 16, ["options", "model-value"]);
+		};
+	}
+});
+//#endregion
+export { loadLang as n, useLang as r, LocaleSelect_default as t };

package/dist/QSubmitButton-CDKwJhmF.js

@@ -0,0 +1,102 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { QBtn, debounce, useQuasar } from "quasar";
+import { computed, createBlock, createTextVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, useAttrs, watch, withCtx } from "vue";
+//#region src/ui/general/lang/en-US.ts
+var en_US_exports = /* @__PURE__ */ __exportAll({ default: () => lang$1 });
+var lang$1 = {
+	isoName: "en-US",
+	submit: "Submit",
+	next: "Next",
+	back: "Back",
+	send: "Send",
+	add: "Add",
+	edit: "Edit"
+};
+//#endregion
+//#region src/ui/general/lang/index.ts
+var lang = ref(lang$1);
+var locales = /* @__PURE__ */ Object.assign({
+	"./de.ts": () => import("./de-C-vWIfjC.js"),
+	"./en-US.ts": () => Promise.resolve().then(() => en_US_exports),
+	"./nl.ts": () => import("./nl-DWmQiCdO.js")
+});
+var useLang = () => {
+	return lang;
+};
+var loadingLanguage = false;
+var loadLang = async (isoName) => {
+	if (!loadingLanguage) {
+		loadingLanguage = true;
+		try {
+			const data = (await locales[`./${isoName}.ts`]()).default;
+			if (data) lang.value = data;
+		} catch (e) {
+			throw new Error(`[quasar-components] Failed to load ${isoName} language file.`);
+		}
+		loadingLanguage = false;
+	}
+};
+//#endregion
+//#region src/ui/general/QSubmitButton.vue
+var QSubmitButton_default = /* @__PURE__ */ defineComponent({
+	name: "QSubmitButton",
+	inheritAttrs: false,
+	props: {
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		useForm: { type: Boolean },
+		type: { default: "submit" },
+		isNextButton: { type: Boolean },
+		color: { default: "primary" }
+	},
+	emits: ["submit"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const { type, isNextButton } = toRefs(props);
+		const attrs = useAttrs();
+		const emit = __emit;
+		const $q = useQuasar();
+		const lang = useLang();
+		if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+		watch($q.lang, (val) => {
+			loadLang($q.lang.isoName);
+		});
+		let loadingInternal = ref(false);
+		const submit = debounce(() => {
+			if (props.loading === void 0) loadingInternal.value = true;
+			new Promise((resolve, reject) => {
+				emit("submit", { done: () => resolve(true) });
+			}).finally(() => {
+				if (props.loading === void 0) loadingInternal.value = false;
+			});
+		}, 1e3, true);
+		const label = computed(() => {
+			const labels = {
+				submit: lang.value.submit,
+				send: lang.value.send,
+				next: lang.value.next
+			};
+			return isNextButton.value ? lang.value.next : labels[type.value];
+		});
+		return (_ctx, _cache) => {
+			const _component_q_btn = QBtn;
+			return openBlock(), createBlock(_component_q_btn, mergeProps(unref(attrs), {
+				color: __props.color,
+				loading: __props.loading || unref(loadingInternal),
+				type: "submit",
+				onClick: unref(submit)
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(label.value), 1)])]),
+				_: 3
+			}, 16, [
+				"color",
+				"loading",
+				"onClick"
+			]);
+		};
+	}
+});
+//#endregion
+export { loadLang as n, useLang as r, QSubmitButton_default as t };