vira 32.1.0 → 32.1.2

package/dist/elements/vira-input.element.d.ts

@@ -61,4 +61,6 @@ export declare const ViraInput: import("element-vir").DeclarativeElementDefiniti
      * that was blocked out of programmatic "value" property assignments.
      */
     inputBlocked: import("element-vir").DefineElementEvent<string>;
+    /** Triggered if the clear button is activated. */
+    clear: import("element-vir").DefineElementEvent<void>;
 }, "vira-input-disabled" | "vira-input-fit-text" | "vira-input-clear-button-shown" | "vira-input-error", "vira-input-padding-horizontal" | "vira-input-padding-vertical", readonly [], readonly []>;

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

@@ -276,6 +276,8 @@ export const ViraInput = defineViraElement()({
          * that was blocked out of programmatic "value" property assignments.
          */
         inputBlocked: defineElementEvent(),
+        /** Triggered if the clear button is activated. */
+        clear: defineElementEvent(),
     },
     state() {
         return {
@@ -373,7 +375,6 @@ export const ViraInput = defineViraElement()({
                 <input
                     id=${ifDefined(inputs.label ? state.randomId : undefined)}
                     aria-label=${ifDefined(inputs.label || undefined)}
-                    autofocus=${false}
                     type=${calculateEffectiveInputType(inputs.type, state.showPassword)}
                     style=${forcedInputWidthStyles}
                     autocomplete=${ifDefined(shouldBlockBrowserHelps ? 'off' : undefined)}
@@ -418,6 +419,9 @@ export const ViraInput = defineViraElement()({
             dispatch(new events.valueChange({
                 detail: '',
             }));
+            dispatch(new events.clear({
+                detail: undefined,
+            }));
         })}
                         >
                             <${ViraIcon.assign({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "32.1.0",
+    "version": "32.1.2",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",