vira 25.0.1 → 25.0.2

package/dist/elements/shared-text-input-logic.js

@@ -1,3 +1,4 @@
+import { check, checkWrap } from '@augment-vir/assert';
 import { extractEventTarget } from '@augment-vir/web';
 function doesMatch({ input, matcher }) {
     if (!input || !matcher) {
@@ -61,15 +62,16 @@ export function filterTextInputValue(inputs) {
  * @category Internal
  */
 export function textInputListener({ inputs, previousValue, event, inputBlockedCallback, newValueCallback, }) {
-    if (!(event instanceof InputEvent)) {
-        throw new TypeError('Text input event was not an InputEvent.');
-    }
     const inputElement = extractEventTarget(event, HTMLInputElement);
     /**
      * This is usually a single character, but can be a bunch of characters in some circumstances.
      * For example, when a bunch of characters are pasted, this will be the entire pasted contents.
+     *
+     * When a password manager auto fills the password, at least for Safari + iCloud Keychain, it'll
+     * fire a `CustomEvent` (rather than the typical `InputEvent`) and `event.data` won't be
+     * populated.
      */
-    const changedText = event.data;
+    const changedText = (check.hasKey(event, 'data') && checkWrap.isString(event.data)) || '';
     /**
      * When changedText is falsy, that means an operation other than inserting characters happened.
      * Such as: deleting, cutting the text, etc.

package/dist/elements/vira-input.element.js

@@ -29,17 +29,6 @@ export var ViraInputType;
  */
 export const ViraInput = defineViraElement()({
     tagName: 'vira-input',
-    state() {
-        return {
-            forcedInputWidth: 0,
-            showPassword: false,
-        };
-    },
-    hostClasses: {
-        'vira-input-disabled': ({ inputs }) => !!inputs.disabled,
-        'vira-input-fit-text': ({ inputs }) => !!inputs.fitText,
-        'vira-input-clear-button-shown': ({ inputs }) => !!inputs.showClearButton,
-    },
     cssVars: {
         'vira-input-background-color': 'white',
         'vira-input-placeholder-color': '#cccccc',
@@ -57,19 +46,6 @@ export const ViraInput = defineViraElement()({
         'vira-input-padding-horizontal': '10px',
         'vira-input-padding-vertical': '6px',
     },
-    events: {
-        /**
-         * Fires whenever a user input created a new value. Does not fire if all input letters are
-         * filtered out due to input restrictions.
-         */
-        valueChange: defineElementEvent(),
-        /**
-         * Fires when inputs are blocked. Useful for showing warnings or error messages to inform
-         * the user why their input did not propagate if it was blocked. This does not fire for text
-         * that was blocked out of programmatic "value" property assignments.
-         */
-        inputBlocked: defineElementEvent(),
-    },
     styles: ({ hostClasses, cssVars }) => {
         return css `
             :host {
@@ -253,6 +229,30 @@ export const ViraInput = defineViraElement()({
             }
         `;
     },
+    events: {
+        /**
+         * Fires whenever a user input created a new value. Does not fire if all input letters are
+         * filtered out due to input restrictions.
+         */
+        valueChange: defineElementEvent(),
+        /**
+         * Fires when inputs are blocked. Useful for showing warnings or error messages to inform
+         * the user why their input did not propagate if it was blocked. This does not fire for text
+         * that was blocked out of programmatic "value" property assignments.
+         */
+        inputBlocked: defineElementEvent(),
+    },
+    state() {
+        return {
+            forcedInputWidth: 0,
+            showPassword: false,
+        };
+    },
+    hostClasses: {
+        'vira-input-disabled': ({ inputs }) => !!inputs.disabled,
+        'vira-input-fit-text': ({ inputs }) => !!inputs.fitText,
+        'vira-input-clear-button-shown': ({ inputs }) => !!inputs.showClearButton,
+    },
     render: ({ inputs, dispatch, state, updateState, events }) => {
         const { filtered: filteredValue } = filterTextInputValue({
             value: inputs.value,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "25.0.1",
+    "version": "25.0.2",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -66,7 +66,7 @@
         "vite-tsconfig-paths": "^5.1.4"
     },
     "peerDependencies": {
-        "element-vir": "^25.0.1"
+        "element-vir": "^25.0.2"
     },
     "engines": {
         "node": ">=22"