@simsustech/quasar-components 0.11.16 → 0.11.18

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @simsustech/quasar-components
 
+## 0.11.18
+
+### Patch Changes
+
+- 4012069: fix(components): fix Md3Layout fab button slot min height
+
+## 0.11.17
+
+### Patch Changes
+
+- c4a67e8: fix(components): fix DateInput margins
+- f10af4e: fix(components): fix CronScheduleInput margins
+
 ## 0.11.16
 
 ### Patch Changes

package/dist/form.js

@@ -370,7 +370,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         placeholder: lang.value.datePicker.YYYY,
         style: {
           "max-width": format.value === "YYYY-MM-DD" ? "8ch" : "7ch",
-          "margin-top": "-1.75em",
+          "margin-top": "-1.7em",
           "margin-bottom": "-0.5em",
           background: "transparent",
           border: 0
@@ -386,7 +386,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         placeholder: lang.value.datePicker.MM,
         style: {
           "max-width": "7ch",
-          "margin-top": "-1.75em",
+          "margin-top": "-1.7em",
           "margin-bottom": "-0.5em",
           background: "transparent",
           border: 0
@@ -402,7 +402,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         placeholder: lang.value.datePicker.DD,
         style: {
           "max-width": format.value === "DD-MM-YYYY" ? "7ch" : "4ch",
-          "margin-top": "-1.75em",
+          "margin-top": "-1.7em",
           "margin-bottom": "-0.5em",
           background: "transparent",
           border: 0
@@ -971,12 +971,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     const smallStyle = {
-      "margin-top": "-1.75em",
-      "margin-bottom": "-0.5em",
-      background: "transparent",
-      border: 0
-    };
-    const largeStyle = {
+      "margin-top": "-1.7em",
       "margin-bottom": "-0.5em",
       background: "transparent",
       border: 0
@@ -1086,7 +1081,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               outlined: false,
               standout: false,
               rounded: false,
-              style: largeStyle,
+              style: smallStyle,
               "map-options": "",
               "emit-value": "",
               multiple: ""

package/dist/md3.js

@@ -184,8 +184,8 @@ function onClickOutside(target, handler, options = {}) {
   if (isIOS && !_iOSWorkaround) {
     _iOSWorkaround = true;
     const listenerOptions = { passive: true };
-    Array.from(window2.document.body.children).forEach((el) => useEventListener(el, "click", noop, listenerOptions));
-    useEventListener(window2.document.documentElement, "click", noop, listenerOptions);
+    Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop, listenerOptions));
+    window2.document.documentElement.addEventListener("click", noop, listenerOptions);
   }
   let shouldListen = true;
   const shouldIgnore = (event) => {
@@ -268,7 +268,7 @@ function onClickOutside(target, handler, options = {}) {
 }
 const _hoisted_1 = {
   id: "fabs",
-  class: "q-mb-md"
+  class: "q-mb-md min-h-56px"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Md3Layout",
@@ -384,10 +384,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", _hoisted_1, [
                     renderSlot(_ctx.$slots, "fabs", { showSticky: false })
                   ]),
-                  _cache[3] || (_cache[3] = createElementVNode("div", {
-                    id: "spacing",
-                    class: "gt-md min-h-32px"
-                  }, null, -1)),
                   renderSlot(_ctx.$slots, "drawer-mini-navigation")
                 ], 2)
               ]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.11.16",
+  "version": "0.11.18",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -51,7 +51,7 @@
   },
   "bugs": "https://github.com/simsusech/quasar-components/issues",
   "dependencies": {
-    "@vueuse/core": "^13.1.0",
+    "@vueuse/core": "^13.2.0",
     "validator": "^13.15.0"
   },
   "peerDependencies": {
@@ -59,14 +59,14 @@
   },
   "devDependencies": {
     "@iconify-json/flagpack": "^1.2.2",
-    "@types/node": "^22.15.17",
-    "@types/validator": "^13.15.0",
+    "@types/node": "^22.15.21",
+    "@types/validator": "^13.15.1",
     "@types/ws": "^8.18.1",
     "@typescript-eslint/eslint-plugin": "^8.32.1",
     "@typescript-eslint/parser": "^8.32.1",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vue/server-renderer": "^3.5.13",
-    "eslint": "^9.26.0",
+    "@vue/server-renderer": "^3.5.14",
+    "eslint": "^9.27.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.4.0",
     "eslint-plugin-prettier-vue": "^5.0.0",
@@ -78,9 +78,9 @@
     "rimraf": "^6.0.1",
     "typescript": "5.8.3",
     "typescript-eslint": "^8.32.1",
-    "unplugin-vue-components": "^28.5.0",
+    "unplugin-vue-components": "^28.7.0",
     "vite": "^6.3.5",
-    "vue": "^3.5.13",
+    "vue": "^3.5.14",
     "vue-eslint-parser": "^10.1.3",
     "vue-router": "^4.5.1",
     "vue-tsc": "^2.2.10"

package/src/ui/form/CronScheduleInput.vue

@@ -86,7 +86,7 @@
           :outlined="false"
           :standout="false"
           :rounded="false"
-          :style="largeStyle"
+          :style="smallStyle"
           map-options
           emit-value
           multiple
@@ -214,13 +214,7 @@ function setInternalCron(cronString: string) {
 }
 
 const smallStyle = {
-  'margin-top': '-1.75em',
-  'margin-bottom': '-0.5em',
-  background: 'transparent',
-  border: 0
-}
-
-const largeStyle = {
+  'margin-top': '-1.7em',
   'margin-bottom': '-0.5em',
   background: 'transparent',
   border: 0

package/src/ui/form/DateInput.vue

@@ -206,7 +206,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.YYYY,
     style: {
       'max-width': format.value === 'YYYY-MM-DD' ? '8ch' : '7ch',
-      'margin-top': '-1.75em',
+      'margin-top': '-1.7em',
       'margin-bottom': '-0.5em',
       background: 'transparent',
       border: 0
@@ -222,7 +222,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.MM,
     style: {
       'max-width': '7ch',
-      'margin-top': '-1.75em',
+      'margin-top': '-1.7em',
       'margin-bottom': '-0.5em',
       background: 'transparent',
       border: 0
@@ -238,7 +238,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.DD,
     style: {
       'max-width': format.value === 'DD-MM-YYYY' ? '7ch' : '4ch',
-      'margin-top': '-1.75em',
+      'margin-top': '-1.7em',
       'margin-bottom': '-0.5em',
       background: 'transparent',
       border: 0

package/src/ui/md3/Md3Layout.vue

@@ -47,12 +47,10 @@
               @click="toggleLeftDrawer()"
             >
             </q-btn>
-            <div id="fabs" class="q-mb-md">
+            <div id="fabs" class="q-mb-md min-h-56px">
               <slot name="fabs" :show-sticky="false" />
             </div>
 
-            <div id="spacing" class="gt-md min-h-32px" />
-
             <slot name="drawer-mini-navigation" />
           </div>
         </template>