@db-ux/v-core-components 5.0.4 → 5.1.1

package/dist/ponyfills/allow-discrete.d.ts

@@ -0,0 +1,56 @@
+/**
+ * TODO: Remove this file once Firefox ships `allow-discrete` for `display`
+ * (https://bugzilla.mozilla.org/show_bug.cgi?id=1882408) and Safari supports
+ * `overlay` transitions. Replace all `closeDialogWithTransition()` calls with
+ * direct `dialog.close()`.
+ *
+ * This module provides a ponyfill for browsers that do not support transitioning
+ * `display` and/or `overlay` with `transition-behavior: allow-discrete`
+ * (currently Firefox and Safari). Used by the drawer to animate dialog exit
+ * transitions.
+ *
+ * Architecture:
+ * - `supportsAllowDiscreteDisplayAndOverlayTransition()` — cached feature
+ *   detection (checks both `display` transition and `overlay` support)
+ * - `closeDialogWithTransition(dialog, dialogOpen)` — when closing: if
+ *   supported natively, calls `close()` immediately; otherwise sets
+ *   `data-closing-allow-discrete-ponyfill` on the dialog, waits
+ *   `--db-transition-duration`, then calls `close()`.
+ *   When opening: cancels any pending ponyfill close.
+ *
+ * CSS contract:
+ * - `.db-drawer` defines `--db-transition-duration` (`0ms` default,
+ *   real value under `prefers-reduced-motion: no-preference`); the ponyfill
+ *   reads this custom property via `getComputedStyle`
+ * - `&[open]:not([data-closing-allow-discrete-ponyfill])` controls
+ *   `transform: none` — when the attribute is present, the transform reverts
+ *   to the off-screen value, triggering the exit animation while the dialog
+ *   is still [open]
+ *
+ * Maintenance constraints:
+ * - The attribute name `data-closing-allow-discrete-ponyfill` must stay in
+ *   sync between JS (`dataset['closingAllowDiscretePonyfill']`) and CSS
+ *   (`[data-closing-allow-discrete-ponyfill]`)
+ * - The custom property `--db-transition-duration` must stay in sync
+ *   between the SCSS declaration and the JS `getPropertyValue` call
+ */
+/**
+ * @internal
+ * Handles dialog open/close transitions for browsers that don't support
+ * `allow-discrete` for `display` and `overlay`.
+ *
+ * When `dialogOpen` is false: sets `data-closing-allow-discrete-ponyfill` on
+ * the dialog to signal CSS to revert the transform, then defers `onClose`.
+ * In browsers with native support, calls `onClose` immediately.
+ *
+ * When `dialogOpen` is true: cancels any pending ponyfill close by removing
+ * the dataset attribute.
+ *
+ * Reads `--db-transition-duration` from the dialog as the contract
+ * between CSS and JS for the transition timing.
+ *
+ * @param dialog - The dialog element
+ * @param dialogOpen - Whether the dialog should be open
+ * @param onClose - Callback to execute when the dialog should close (typically `() => dialog.close()`)
+ */
+export declare const _closeDialogWithTransition: (dialog: HTMLDialogElement, dialogOpen: boolean, onClose: () => void) => void;

package/dist/shared/model.d.ts

@@ -360,6 +360,10 @@ export type FormMessageProps = {
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
      */
     autocomplete?: string | AutoCompleteType;
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
+     */
+    autoComplete?: string | AutoCompleteType;
     /**
      * Enables or disables the visibility of the message.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/v-core-components",
-  "version": "5.0.4",
+  "version": "5.1.1",
   "type": "module",
   "description": "Vue components for @db-ux/core-components",
   "repository": {
@@ -28,8 +28,8 @@
     "dist/"
   ],
   "dependencies": {
-    "@db-ux/core-components": "5.0.4",
-    "@db-ux/core-foundations": "5.0.4"
+    "@db-ux/core-components": "5.1.1",
+    "@db-ux/core-foundations": "5.1.1"
   },
   "devDependencies": {
     "@playwright/experimental-ct-vue": "1.60.0",