@fusion.dev/helix 0.13.2 → 0.15.0

package/types/vue.d.ts

@@ -2095,6 +2095,16 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixCombobox["defaultOpen"]) | undefined;
+  /** What the control says once everything is showing. */
+  "collapse-label"?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  collapseLabel?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixCombobox["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixCombobox["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */
@@ -3568,8 +3578,41 @@ export type HelixFilterInputElementEvent<E = Event> = TypedEvent<
 /** `helix-before-change` event type */
 export type HelixFilterInputHelixBeforeChangeElementEvent =
   HelixFilterInputElementEvent<HelixBeforeChangeEvent>;
+/** `helix-before-close` event type */
+export type HelixFilterInputHelixBeforeCloseElementEvent =
+  HelixFilterInputElementEvent<HelixBeforeCloseEvent>;
+/** `helix-before-open` event type */
+export type HelixFilterInputHelixBeforeOpenElementEvent =
+  HelixFilterInputElementEvent<HelixBeforeOpenEvent>;
 
 export type HelixFilterInputVueProps = {
+  /** Whether the element is open.
+
+One property, not two, so `dialog.open` answers the question anyone
+asking it meant. Writing always applies; `<helix-dialog open>` is the
+same statement in markup.
+
+**Not reflected, and that is required rather than tidy.** Reflection
+writes the resolved state back as an attribute, so an element that opened
+itself would put `open` on its own host: cloned, serialized for
+hydration, or diffed by a framework, it comes back holding whatever the
+last reader did rather than what the author wrote. `:state(open)` carries
+the resolved state for stylesheets, which is what the mirror is for. */
+  open?: (HelixFilterInput["open"]) | undefined;
+  /** Initial open state for uncontrolled use, where nothing declared one. */
+  "default-open"?: (HelixFilterInput["defaultOpen"]) | undefined;
+  /** Initial open state for uncontrolled use, where nothing declared one. */
+  defaultOpen?: (HelixFilterInput["defaultOpen"]) | undefined;
+  /** What the control says once everything is showing. */
+  "collapse-label"?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  collapseLabel?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixFilterInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixFilterInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "max-tags"?: (HelixFilterInput["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */
@@ -3643,6 +3686,12 @@ export type HelixFilterInputVueEvents = {
   change: HelixFilterInputElementEvent;
   /** Fired as the text changes, and cancelable. */
   "helix-before-change": HelixFilterInputHelixBeforeChangeElementEvent;
+  /** Fired before the suggestions go, and cancelable. */
+  "helix-before-close": HelixFilterInputHelixBeforeCloseElementEvent;
+  /** Fired before the suggestions show, and cancelable. */
+  "helix-before-open": HelixFilterInputHelixBeforeOpenElementEvent;
+  /** Says the panel moved, carrying `newState` and `oldState`. */
+  toggle: HelixFilterInputElementEvent;
 };
 
 export type HelixFlexVueProps = {
@@ -9649,8 +9698,16 @@ export type CustomCssProperties = {
   "--file-input-padding"?: (string) | undefined;
   /** Fill behind the field. */
   "--filter-input-background-color"?: (string) | undefined;
+  /** Color of the suggestion panel's edge. */
+  "--filter-input-border-color"?: (string) | undefined;
+  /** Width of that edge. Follows `--helix-border-floating`. */
+  "--filter-input-border-width"?: (string) | undefined;
   /** Smallest the text keeps as tokens fill the line, before it wraps to its own. */
   "--filter-input-control-size"?: (string) | undefined;
+  /** Width of the suggestion panel. Follows the field by default. */
+  "--filter-input-panel-size"?: (string) | undefined;
+  /** Lift under the panel. Follows `--helix-shadow-floating`: a floating surface sits over content nobody can predict, so it keeps a lift by default. */
+  "--filter-input-shadow"?: (string) | undefined;
   /** Height of the field with nothing in it, which it grows from. */
   "--filter-input-size"?: (string) | undefined;
   /** An explicit track list, which wins over `min` and `columns`. For a layout of unequal tracks, which neither attribute can say. */
@@ -10467,7 +10524,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixFileInputVueProps,
     HelixFileInputVueEvents
   >;
-  /** The frame is the field rather than the input, so the tokens sit inside the same box as the text and the focus ring is drawn once around the whole control. It grows down a line at a time as tokens are added, which is the arrangement Combobox takes when it is holding a selection.  **The tokens are the consumer's own elements**, so the only thing said about them here is to keep their size and not run past the field. A 'Tag' slotted into 'tags' already looks like one; anything else looks like whatever it is.  Height comes from the region, like every other control: 'data-density' on whatever holds it, not a 'size' here. */
+  /** The frame is the field rather than the input, so the tokens sit inside the same box as the text and the focus ring is drawn once around the whole control. It grows down a line at a time as tokens are added, which is the arrangement Combobox takes when it is holding a selection.  **The tokens are the consumer's own elements**, so the only thing said about them here is to keep their size and not run past the field. A 'Tag' slotted into 'tags' already looks like one; anything else looks like whatever it is.  **The suggestion panel is this element's own box, not a listbox's.** Combobox puts a 'helix-listbox' in its panel because the options there are a selection it owns; these are the consumer's suggestions, so the panel is a plain 'role="listbox"' region and the options pass their own 'helix-select' straight through it. That is why this surface scrolls where Combobox's does not: there is no list inside to do it.  Height comes from the region, like every other control: 'data-density' on whatever holds it, not a 'size' here. */
   "helix-filter-input": DefineCustomElement<
     HelixFilterInput,
     HelixFilterInputVueProps,