@antadesign/anta 0.3.32 → 0.3.34

package/dist/elements/a-input.js

@@ -60,8 +60,8 @@ const SHADOW_STYLE = `
   }
 
   .field {
-    --_bc: var(--input-border);
-    --_bw: 0.5px;
+    --_bc: var(--input-rest-border);
+    --_bw: var(--input-border-width);
     --_pad-block: 4px;
 
     display: flex;
@@ -74,7 +74,6 @@ const SHADOW_STYLE = `
     transition: box-shadow 120ms ease;
   }
   :host([multiline]) .field { align-items: stretch; }
-  :host([status]:not([status="neutral"])) .field { --_bw: 1px; }
   :host([size="small"]) { --_fs: 13px; --_lh: 16px; }
   :host([size="large"]) { --_fs: 17px; --_lh: 22px; }
   :host([size="small"]) .field { min-height: 24px; }
@@ -82,13 +81,14 @@ const SHADOW_STYLE = `
   :host([round]) .field { border-radius: var(--input-round, 999px); }
 
   @media (hover: hover) and (pointer: fine) {
-    :host(:not(:disabled)) .field:hover { --_bw: 1px; }
+    :host(:not(:disabled)) .field:hover { --_bw: 1px; --_bc: var(--input-border); }
   }
   :host(:not([readonly])) .field:has(input:focus, textarea:focus, button:focus-visible),
   :host([readonly]:state(kb-focus)) .field {
     --_bw: 1px;
-    outline: 1px solid var(--focus-ring);
-    outline-offset: 1px;
+    --_bc: var(--input-border);
+    outline: var(--_input-focus-width, 1px) solid var(--focus-ring);
+    outline-offset: var(--_input-focus-offset, 1px);
   }
   @media (forced-colors: active) { .field { border: 1px solid ButtonBorder; } }
 
@@ -163,10 +163,13 @@ const SHADOW_STYLE = `
   :host(:disabled) slot[name="leading"],
   :host(:disabled) slot[name="trailing"] { opacity: 0.5; pointer-events: none; }
 
-  slot[name="clear"] { display: none; flex-shrink: 0; }
-  :host(:state(filled)) slot[name="clear"] { display: flex; align-items: center; }
-  :host(:disabled) slot[name="clear"],
-  :host([readonly]) slot[name="clear"] { display: none; }
+  slot[name="clear"] {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    visibility: hidden;
+  }
+  :host(:state(filled):not(:disabled):not([readonly])) slot[name="clear"] { visibility: visible; }
 
   :host([multiline]:state(filled)) slot[name="clear"] {
     align-self: flex-start;

package/dist/elements/a-menu.d.ts

@@ -206,7 +206,7 @@ export declare class AMenuElement extends HTMLElementBase {
      *   - nothing → keep open (plain custom content doesn't dismiss).
      */
     private onSurfaceClick;
-    /** Close the whole open menu system from the root down. */
+    /** Close this popup inside persistent content, or the menu system otherwise. */
     private closeSystem;
     /** Called by the coordinator on the topmost open menu. Handles navigation;
      *  roving Enter / Space activation is `<a-menu-item>`'s own delegated keyup

package/dist/elements/a-menu.js

@@ -783,7 +783,11 @@ class AMenuElement extends HTMLElementBase {
       if (parent) {
         const pidx = openStack.indexOf(parent);
         if (pidx !== -1) {
-          for (let i = openStack.length - 1; i > pidx; i--) openStack[i]._doHide();
+          for (let i = openStack.length - 1; i > pidx; i--) {
+            const menu = openStack[i];
+            if (menu !== this && menu.isOpen && !menu._dismissNotified) menu.emitChange("closed");
+            menu._doHide();
+          }
           openStack.length = pidx + 1;
         }
       }
@@ -1091,6 +1095,10 @@ class AMenuElement extends HTMLElementBase {
    *   - nothing → keep open (plain custom content doesn't dismiss).
    */
   onSurfaceClick = (e) => {
+    for (const node of e.composedPath()) {
+      if (node === this.surface) break;
+      if (node instanceof AMenuElement && node !== this) return;
+    }
     let contain = false;
     let exemptTrigger = false;
     for (const node of e.composedPath()) {
@@ -1130,11 +1138,15 @@ class AMenuElement extends HTMLElementBase {
         return this.closeSystem(e);
       }
       if (node.matches("a[data-anta-menu-item]")) return this.closeSystem(e);
-      if (node.hasAttribute("data-menu-close")) return this.closeSystem(e);
+      if (node.hasAttribute("data-menu-close")) return this.closeSystem(e, true);
     }
   };
-  /** Close the whole open menu system from the root down. */
-  closeSystem(e) {
+  /** Close this popup inside persistent content, or the menu system otherwise. */
+  closeSystem(e, explicit = false) {
+    if (!explicit && this.closest("[data-menu-open]")) {
+      this.requestClose(e);
+      return;
+    }
     const root = openStack[0] ?? this;
     root.requestClose(e);
   }
@@ -1309,6 +1321,7 @@ class AMenuElement extends HTMLElementBase {
       return;
     } else {
       const onClick = (e) => {
+        if (anchor.matches("a-input") && e.composedPath().some((node) => node instanceof Element && node.getAttribute("slot") === "clear")) return;
         const viaKeyboard = e.detail === 0;
         const coord = this.#isCoord ? viaKeyboard ? this.#anchorCoord(anchor) : [e.clientX, e.clientY] : void 0;
         if (this._shown) this.requestClose(e);

package/dist/elements/a-select-faceted.d.ts

@@ -0,0 +1 @@
+import '../components/select-parts.css';

package/dist/elements/a-select-faceted.js

@@ -0,0 +1 @@
+import "../components/select-parts.css";

package/dist/elements/a-select.d.ts

@@ -0,0 +1 @@
+import '../components/select-parts.css';

package/dist/elements/a-select.js

@@ -0,0 +1 @@
+import "../components/select-parts.css";

package/dist/elements/a-slider.d.ts

@@ -1,7 +1,8 @@
 import { HTMLElementBase } from '../anta_helpers';
 import './a-slider.css';
+type SliderValue = number | [number, number];
 /**
- * `<a-slider>` is a form-associated single-value slider. Its rail uses relative
+ * `<a-slider>` is a form-associated single-value or range slider. Its rail uses relative
  * dragging by default: pressing any point captures the pointer, while only the
  * subsequent horizontal movement changes the value. Set `track-click="jump"`
  * for the conventional position-based track click.
@@ -11,10 +12,10 @@ export declare class ASliderElement extends HTMLElementBase {
     static formAssociated: boolean;
     static observedAttributes: string[];
     private internals?;
-    get value(): number;
-    set value(value: number | string);
-    get defaultValue(): number;
-    set defaultValue(value: number | string);
+    get value(): SliderValue;
+    set value(value: SliderValue | string);
+    get defaultValue(): SliderValue;
+    set defaultValue(value: SliderValue | string);
     constructor();
     connectedCallback(): void;
     attributeChangedCallback(name: string): void;
@@ -23,3 +24,4 @@ export declare class ASliderElement extends HTMLElementBase {
     formDisabledCallback(): void;
 }
 export declare function register_a_slider(): void;
+export {};