glib-web 5.0.8 → 5.0.10

package/app.scss

@@ -169,4 +169,17 @@
       text-align: center;
     }
   }
-}
+}
+
+// A checkbox whose label carries a tooltip gets a "hover me for more info"
+// affordance (dotted underline + help cursor). Scoped to `.has-tooltip` so plain
+// checkboxes — the vast majority — render with no decoration. The marker class is
+// emitted by `$classes()` whenever the spec has a `tooltip`.
+.fields-check.has-tooltip {
+  .v-label {
+    text-decoration: underline;
+    text-decoration-style: dotted;
+    text-underline-offset: 0.15em;
+    cursor: help;
+  }
+}

package/components/fields/text.vue

@@ -7,7 +7,7 @@
       :suffix="spec.rightText" :min="spec.min" :max="spec.max" :autofocus="spec.autoFocus || false" validate-on="blur"
       :variant="variant" persistent-placeholder :clearable="spec.clearable" :rounded="spec.rounded"
       :autocomplete="spec.autocomplete" @click:appendInner="onRightIconClick" @input="onChange"
-      @keyup="$onTyping({ duration: 2000 })" @wheel.prevent />
+      @keyup="$onTyping({ duration: 2000 })" @wheel="onWheel" />
   </div>
 </template>
 
@@ -131,6 +131,17 @@ export default {
     action_focus() {
       this.$refs.field.focus();
     },
+    onWheel() {
+      // Only number inputs change their value on wheel scroll, and only while
+      // focused. Blur the focused number input so the value stays put while the
+      // wheel event still bubbles up and scrolls the page. All other field types
+      // (and unfocused number fields) are left untouched so the page can scroll.
+      if (this.config.type !== "number") return;
+      const input = this.$refs.field?.$el?.querySelector("input");
+      if (input && document.activeElement === input) {
+        input.blur();
+      }
+    },
     onChange: eventFiltering.debounce(function () {
       this.$executeOnChange();
     }, 300),

package/components/mixins/styles.js

@@ -301,6 +301,14 @@ export default {
         classes.push("glib-clickable")
       );
 
+      // Marker for elements that carry a tooltip. The tooltip itself is wired up
+      // via JS hover/click listeners and leaves no other trace in the DOM, so this
+      // class is the only hook consumers have to style a "this has a tooltip"
+      // affordance (e.g. a dotted underline) scoped to elements that actually have one.
+      Utils.type.ifObject(properties.tooltip, () =>
+        classes.push("has-tooltip")
+      );
+
       // if (properties.readOnly) {
       //   classes.push("glib-input-disabled");
       // }

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "glib-web",
-  "version": "5.0.8",
+  "version": "5.0.10",
   "description": "",
   "main": "index.js",
   "scripts": {

package/.claude/settings.local.json

@@ -1,42 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Read(//home/hgani/workspace/glib-web/app/views/json_ui/garage/**)",
-      "Read(//home/hgani/workspace/glib-web-npm/doc/garage/**)",
-      "Read(//home/hgani/workspace/glib-web-npm/doc/common/**)",
-      "Bash(find:*)",
-      "Bash(npx cypress run:*)",
-      "Read(//home/hgani/workspace/glib-web/**)",
-      "Bash(curl:*)",
-      "Bash(pkill:*)",
-      "Bash(gh pr list:*)",
-      "WebSearch",
-      "WebFetch(domain:vuetifyjs.com)",
-      "Bash(lsof:*)",
-      "Bash(readlink:*)",
-      "WebFetch(domain:github.com)",
-      "Bash(npm run dev)",
-      "Bash(npm run)",
-      "Bash(npx eslint:*)",
-      "Bash(npm install:*)",
-      "Bash(yarn lint:*)",
-      "Bash(bin/rails db:migrate:*)",
-      "Bash(bin/rails server:*)",
-      "Bash(dpkg -S:*)",
-      "Bash(source:*)",
-      "Bash(node --version:*)",
-      "Bash(nvm ls:*)",
-      "Bash(nvm use:*)",
-      "Bash(git -C /home/hgani/workspace/glib-web-npm diff --cached --stat)",
-      "Bash(git -C /home/hgani/workspace/glib-web-npm diff --stat)",
-      "Bash(git *)",
-      "Bash(npm whoami *)",
-      "Bash(npm view *)",
-      "Bash(python3 -c \"import sys,json; d=json.load\\(sys.stdin\\); [print\\(k,v\\) for k,v in list\\(d.items\\(\\)\\)[-12:]]\")",
-      "Bash(python3 -c \"import json; d=json.load\\(open\\('package.json'\\)\\); print\\('scripts:', json.dumps\\(d.get\\('scripts',{}\\), indent=2\\)\\); print\\('files:', d.get\\('files'\\)\\); print\\('main:', d.get\\('main'\\)\\); print\\('private:', d.get\\('private'\\)\\)\")",
-      "Bash(npm publish *)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}