@simsustech/quasar-components 0.5.3 → 0.5.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.5.5
+
+### Patch Changes
+
+- 6f8d9b9: feat: export useLang and loadLang
+
+## 0.5.4
+
+### Patch Changes
+
+- d5d0975: fix(DateInput): fix style
+
 ## 0.5.3
 
 ### Patch Changes

package/dist/authentication.js

@@ -1660,5 +1660,7 @@ export {
   _sfc_main$4 as RegisterForm,
   _sfc_main$b as RequestOtpForm,
   _sfc_main$1 as UserMenuButton,
-  _sfc_main$3 as VerificationSlider
+  _sfc_main$3 as VerificationSlider,
+  loadLang,
+  useLang
 };

package/dist/{en-US-Duo_j_eL.js → en-US-BEeILC7o.js}

@@ -223,5 +223,7 @@ const enUs = {
 };
 export {
   enUs as e,
-  nl as n
+  loadLang as l,
+  nl as n,
+  useLang as u
 };

package/dist/flags.js

@@ -1,5 +1,7 @@
-import { e, n } from "./en-US-Duo_j_eL.js";
+import { e, l, n, u } from "./en-US-BEeILC7o.js";
 export {
   e as enUs,
-  n as nl
+  l as loadLang,
+  n as nl,
+  u as useLang
 };

package/dist/form.js

@@ -329,7 +329,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1 = {
   key: 0,
-  style: { "padding": "0px", "margin": "0px", "font-size": "18px" }
+  style: { "margin-left": "-0.5em", "margin-top": "0.75em" }
 };
 const _hoisted_2 = { class: "row items-center justify-end" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
@@ -431,7 +431,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       YYYY: {
         modelValue: year.value,
         placeholder: lang2.value.datePicker.YYYY,
-        style: "max-width: 6.5ch",
+        style: "width: 7ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
         class: format.value !== "YYYY-MM-DD" ? "q-mb-none q-ml-xs" : void 0,
         "onUpdate:modelValue": setYear,
@@ -440,7 +440,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       MM: {
         modelValue: month.value ? String(month.value).padStart(2, "0") : "",
         placeholder: lang2.value.datePicker.MM,
-        style: "max-width: 4.5ch",
+        style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: '-',
         class: "q-ml-xs",
         "onUpdate:modelValue": setMonth,
@@ -449,7 +449,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       DD: {
         modelValue: day.value ? String(day.value).padStart(2, "0") : "",
         placeholder: lang2.value.datePicker.DD,
-        style: "max-width: 4.5ch",
+        style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
         class: format.value === "YYYY-MM-DD" ? "q-ml-xs" : void 0,
         "onUpdate:modelValue": setDay,
@@ -754,5 +754,7 @@ export {
   _sfc_main$9 as GenderItem,
   _sfc_main$a as GenderSelect,
   _sfc_main$8 as PostalCodeInput,
-  _sfc_main$5 as TelephoneNumberInput
+  _sfc_main$5 as TelephoneNumberInput,
+  loadLang,
+  useLang
 };

package/dist/general.js

@@ -1,7 +1,7 @@
 import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-DAnZaTMl.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QSpace, QPageSticky, QSelect, QItemSection, QItemLabel, QItem } from "quasar";
 import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
-import { e as enUs, n as nl } from "./en-US-Duo_j_eL.js";
+import { e as enUs, n as nl } from "./en-US-BEeILC7o.js";
 const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
 const __default__$2 = {
@@ -419,5 +419,7 @@ export {
   QStyledCard,
   _sfc_main$4 as QSubmitButton,
   _sfc_main$1 as ResourcePage,
-  _sfc_main$2 as ResponsiveDialog
+  _sfc_main$2 as ResponsiveDialog,
+  loadLang,
+  useLang
 };

package/dist/style.css

@@ -1,25 +1,4 @@
 .card[data-v-302df27a] {
   width: 100%;
   max-width: 300px;
-}
-.q-field--auto-height .q-field__control,
-.q-field--auto-height .q-field__native {
-  min-height: 1em;
-}
-.q-field--borderless .q-field__bottom,
-.q-field--borderless.q-field--dense .q-field__control,
-.q-field--standard .q-field__bottom,
-.q-field--standard.q-field--dense .q-field__control {
-  padding-top: 0;
-}
-.q-field--auto-height.q-field--labeled .q-field__control-container {
-  padding-top: 13px;
-}
-.q-field--auto-height.q-field--labeled .q-field__native {
-  padding-bottom: 0px;
-}
-.q-field__after {
-  height: 1em;
-  margin-top: 0.5em;
-  margin-left: -8px;
-}
+}

package/dist/types/ui/authentication/index.d.ts

@@ -10,3 +10,4 @@ export { default as VerificationSlider } from './VerificationSlider.vue';
 export { default as ConsentList } from './ConsentList.vue';
 export { default as UserMenuButton } from './UserMenuButton.vue';
 export { default as LoginButton } from './LoginButton.vue';
+export { useLang, loadLang } from './lang/index.js';

package/dist/types/ui/flags/index.d.ts

@@ -1,3 +1,4 @@
 import nl from 'nl.flag';
 import enUs from 'en-US.flag';
 export { nl, enUs };
+export { useLang, loadLang } from './lang/index.js';

package/dist/types/ui/form/index.d.ts

@@ -9,3 +9,4 @@ export { default as BooleanSelect } from './BooleanSelect.vue';
 export { default as BooleanItem } from './BooleanItem.vue';
 export { default as EmailInput } from './EmailInput.vue';
 export { default as DatePicker } from './DatePicker.vue';
+export { useLang, loadLang } from './lang/index.js';

package/dist/types/ui/general/index.d.ts

@@ -3,3 +3,4 @@ export { default as QStyledCard } from './QStyledCard.vue';
 export { default as ResponsiveDialog } from './ResponsiveDialog.vue';
 export { default as ResourcePage } from './ResourcePage.vue';
 export { default as QLanguageSelect } from './QLanguageSelect.vue';
+export { useLang, loadLang } from './lang/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",

package/src/ui/authentication/index.ts

@@ -10,3 +10,4 @@ export { default as VerificationSlider } from './VerificationSlider.vue'
 export { default as ConsentList } from './ConsentList.vue'
 export { default as UserMenuButton } from './UserMenuButton.vue'
 export { default as LoginButton } from './LoginButton.vue'
+export { useLang, loadLang } from './lang/index.js'

package/src/ui/flags/index.ts

@@ -2,3 +2,4 @@
 import nl from 'nl.flag'
 import enUs from 'en-US.flag'
 export { nl, enUs }
+export { useLang, loadLang } from './lang/index.js'

package/src/ui/form/DateInput.vue

@@ -15,11 +15,11 @@
         v-bind="dateProps[part]"
       >
         <template #after>
-          <a v-if="index < 2" style="padding: 0px; margin: 0px; font-size: 18px"
+          <a v-if="index < 2" style="margin-left: -0.5em; margin-top: 0.75em"
             >-</a
           >
-        </template></component
-      >
+        </template>
+      </component>
     </template>
 
     <template #append>
@@ -185,7 +185,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
   YYYY: {
     modelValue: year.value,
     placeholder: lang.value.datePicker.YYYY,
-    style: 'max-width: 6.5ch',
+    style: 'width: 7ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
     class: format.value !== 'YYYY-MM-DD' ? 'q-mb-none q-ml-xs' : undefined,
     'onUpdate:modelValue': setYear,
@@ -194,7 +194,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
   MM: {
     modelValue: month.value ? String(month.value).padStart(2, '0') : '',
     placeholder: lang.value.datePicker.MM,
-    style: 'max-width: 4.5ch',
+    style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: '-',
     class: 'q-ml-xs',
     'onUpdate:modelValue': setMonth,
@@ -203,7 +203,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
   DD: {
     modelValue: day.value ? String(day.value).padStart(2, '0') : '',
     placeholder: lang.value.datePicker.DD,
-    style: 'max-width: 4.5ch',
+    style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
     class: format.value === 'YYYY-MM-DD' ? 'q-ml-xs' : undefined,
     'onUpdate:modelValue': setDay,
@@ -226,26 +226,4 @@ if (props.required)
   )
 </script>
 
-<style>
-.q-field--auto-height .q-field__control,
-.q-field--auto-height .q-field__native {
-  min-height: 1em;
-}
-.q-field--borderless .q-field__bottom,
-.q-field--borderless.q-field--dense .q-field__control,
-.q-field--standard .q-field__bottom,
-.q-field--standard.q-field--dense .q-field__control {
-  padding-top: 0;
-}
-.q-field--auto-height.q-field--labeled .q-field__control-container {
-  padding-top: 13px;
-}
-.q-field--auto-height.q-field--labeled .q-field__native {
-  padding-bottom: 0px;
-}
-.q-field__after {
-  height: 1em;
-  margin-top: 0.5em;
-  margin-left: -8px;
-}
-</style>
+<style></style>

package/src/ui/form/index.ts

@@ -9,3 +9,4 @@ export { default as BooleanSelect } from './BooleanSelect.vue'
 export { default as BooleanItem } from './BooleanItem.vue'
 export { default as EmailInput } from './EmailInput.vue'
 export { default as DatePicker } from './DatePicker.vue'
+export { useLang, loadLang } from './lang/index.js'

package/src/ui/general/index.ts

@@ -3,3 +3,4 @@ export { default as QStyledCard } from './QStyledCard.vue'
 export { default as ResponsiveDialog } from './ResponsiveDialog.vue'
 export { default as ResourcePage } from './ResourcePage.vue'
 export { default as QLanguageSelect } from './QLanguageSelect.vue'
+export { useLang, loadLang } from './lang/index.js'