@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/types/slotted-angular-multi-select.d.ts

@@ -0,0 +1,462 @@
+import * as _slotted_core_i18n from '@slotted/core/i18n';
+import { PartialMessages, MultiSelectMessages } from '@slotted/core/i18n';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider, OnInit } from '@angular/core';
+import { ChangeRequest } from '@slotted/core/state';
+import { ControlValueAccessor, Validator, ValidationErrors } from '@angular/forms';
+import { SlField } from '@slotted/angular/field';
+import * as _slotted_core_highlight from '@slotted/core/highlight';
+
+type MultiSelectSize = 'sm' | 'md' | 'lg';
+type MultiSelectVariant = 'outline' | 'subtle' | 'plain';
+type MultiSelectSide = 'bottom' | 'top' | 'inline-start' | 'inline-end' | 'left' | 'right';
+type MultiSelectAlign = 'start' | 'center' | 'end';
+type MultiSelectWidth = 'anchor' | 'content';
+type MultiSelectMount = 'active' | 'lazy' | 'eager';
+type MultiSelectStrategy = 'absolute' | 'fixed';
+/** Which gestures open the popup besides the trigger and the arrows. */
+type MultiSelectOpenOn = 'input' | 'focus' | 'manual';
+/** What the row does with more chips than fit on one line. */
+type MultiSelectOverflow = 'wrap' | 'collapse';
+/** Whether an option already in the set stays in the list, marked, or leaves it. */
+type MultiSelectChosenOptions = 'show' | 'hide';
+type MultiSelectOptionValue = string;
+type MultiSelectOpenReason = 'pointer' | 'keyboard' | 'escape' | 'outsidePress' | 'select' | 'dismiss' | 'blur' | 'programmatic';
+/**
+ * Why the set moved. The six words the React binding states in full, and for
+ * the same reason: a consumer writes a different handler for each, and
+ * `keyboard` is reorder alone.
+ */
+type MultiSelectValueReason = 'select' | 'submit' | 'remove' | 'clear' | 'keyboard' | 'programmatic';
+type MultiSelectInputReason = 'keyboard' | 'select' | 'submit' | 'clear' | 'blur' | 'programmatic';
+type MultiSelectHighlightReason = 'pointer' | 'keyboard' | 'programmatic';
+/** Why a value the reader offered did not get in. */
+type MultiSelectRefuseCause = 'duplicate' | 'limit' | 'invalid';
+/**
+ * Whether an option answers a query. `null` turns filtering off entirely, which
+ * is what a list a server has already filtered needs.
+ */
+type MultiSelectFilter = ((label: string, query: string) => boolean) | null;
+/** Whether text the reader typed may become a value at all. */
+type MultiSelectValidator = (text: string, values: readonly MultiSelectOptionValue[]) => boolean;
+interface MultiSelectOption {
+    value: MultiSelectOptionValue;
+    label: string;
+    disabled?: boolean;
+}
+interface MultiSelectOptionGroup {
+    label: string;
+    options: readonly MultiSelectOption[];
+}
+type MultiSelectItems = readonly (MultiSelectOption | MultiSelectOptionGroup)[];
+interface MultiSelectDefaults {
+    addOnPaste: boolean;
+    align: MultiSelectAlign;
+    alignOffset: number;
+    allowDuplicates: boolean;
+    chosenOptions: MultiSelectChosenOptions;
+    clearable: boolean;
+    closeOnEscape: boolean;
+    closeOnOutsidePress: boolean;
+    closeOnSelect: boolean;
+    collisionPadding: number;
+    commitOnBlur: boolean;
+    creatable: boolean;
+    /** The characters that commit the typed text, and split a paste. */
+    delimiters: readonly string[];
+    disabled: boolean;
+    editable: boolean;
+    flip: boolean;
+    fullWidth: boolean;
+    hideWhenDetached: boolean;
+    highlightMatch: boolean;
+    invalid: boolean;
+    loading: boolean;
+    loop: boolean;
+    /** The most values the set may hold, or `null` for no limit. */
+    max: number | null;
+    mount: MultiSelectMount;
+    openOn: MultiSelectOpenOn;
+    overflow: MultiSelectOverflow;
+    portal: boolean;
+    readOnly: boolean;
+    reorderable: boolean;
+    required: boolean;
+    shift: boolean;
+    side: MultiSelectSide;
+    sideOffset: number;
+    size: MultiSelectSize;
+    strategy: MultiSelectStrategy;
+    variant: MultiSelectVariant;
+    width: MultiSelectWidth;
+}
+/**
+ * The numbers, and why they are these numbers. The React binding's
+ * `MULTI_SELECT_FALLBACK` states the reasoning; the values are the same, and
+ * they have to be — an application that renders both bindings would otherwise
+ * ship two controls that behave differently under the same name.
+ */
+declare const MULTI_SELECT_FALLBACK: MultiSelectDefaults;
+declare const MULTI_SELECT_DEFAULTS: InjectionToken<MultiSelectDefaults>;
+/**
+ * The decisions an application takes once. Its words come from the language in
+ * force (`provideSlotted`).
+ */
+declare function provideMultiSelectDefaults(defaults: Partial<MultiSelectDefaults>): Provider;
+declare function injectMultiSelectDefaults(): MultiSelectDefaults;
+
+/**
+ * A frame of chosen values, with a field that adds more.
+ *
+ * **The host element is the frame**, as `sl-combobox`'s is: it carries
+ * `data-ui`, and the grid, the chips, the field, the counter and the two
+ * buttons are its template. The popup is an `ng-template` built into the portal
+ * when it opens.
+ *
+ * **The set is ordered, and the order is the reader's.** It is an array and not
+ * a set, because reorder is meaningless against a value the family is free to
+ * re-sort.
+ *
+ * **What is refused is reported, not dropped.** `valueRefuse` carries the
+ * values that did not get in and the cause — a duplicate, the limit, or the
+ * consumer's own predicate.
+ */
+declare class SlMultiSelect implements ControlValueAccessor, OnInit, Validator {
+    private static readonly flag;
+    private static readonly count;
+    /** The chosen values, in the order the reader chose them. */
+    readonly value: _angular_core.ModelSignal<readonly string[]>;
+    readonly valueChangeRequest: _angular_core.OutputEmitterRef<ChangeRequest<readonly string[]>>;
+    /** What an unbound `value` starts from, read once. */
+    readonly defaultValue: _angular_core.InputSignal<readonly string[] | undefined>;
+    /** The characters in the field, which are not the chosen values. */
+    readonly inputValue: _angular_core.ModelSignal<string>;
+    readonly inputValueChangeRequest: _angular_core.OutputEmitterRef<ChangeRequest<string>>;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly openChangeRequest: _angular_core.OutputEmitterRef<ChangeRequest<boolean>>;
+    readonly highlightedValue: _angular_core.ModelSignal<string | null>;
+    readonly highlightedValueChangeRequest: _angular_core.OutputEmitterRef<ChangeRequest<string | null>>;
+    /** What the family refused, and why. It holds no state and cancels nothing. */
+    readonly valueRefuse: _angular_core.OutputEmitterRef<{
+        values: readonly MultiSelectOptionValue[];
+        cause: MultiSelectRefuseCause;
+    }>;
+    /** The last option came into view; the consumer fetches the next page. */
+    readonly loadMore: _angular_core.OutputEmitterRef<void>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly form: _angular_core.InputSignal<string | undefined>;
+    readonly items: _angular_core.InputSignal<MultiSelectItems | undefined>;
+    readonly total: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
+    /**
+     * BCP 47, for the comparison the default filter and the duplicate rule make.
+     * The language in force when absent.
+     */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly filter: _angular_core.InputSignal<MultiSelectFilter | undefined>;
+    readonly validateValue: _angular_core.InputSignal<MultiSelectValidator | undefined>;
+    readonly delimiters: _angular_core.InputSignal<readonly string[] | undefined>;
+    readonly max: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
+    readonly size: _angular_core.InputSignal<MultiSelectSize | undefined>;
+    readonly variant: _angular_core.InputSignal<MultiSelectVariant | undefined>;
+    readonly side: _angular_core.InputSignal<MultiSelectSide | undefined>;
+    readonly align: _angular_core.InputSignal<MultiSelectAlign | undefined>;
+    readonly width: _angular_core.InputSignal<MultiSelectWidth | undefined>;
+    readonly mount: _angular_core.InputSignal<MultiSelectMount | undefined>;
+    readonly strategy: _angular_core.InputSignal<MultiSelectStrategy | undefined>;
+    readonly openOn: _angular_core.InputSignal<MultiSelectOpenOn | undefined>;
+    readonly overflow: _angular_core.InputSignal<MultiSelectOverflow | undefined>;
+    readonly chosenOptions: _angular_core.InputSignal<MultiSelectChosenOptions | undefined>;
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * buttons, the chips, the counter, the offer to add, and the sentences.
+     */
+    readonly messages: _angular_core.InputSignal<PartialMessages<MultiSelectMessages> | undefined>;
+    readonly sideOffset: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
+    readonly alignOffset: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
+    readonly collisionPadding: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
+    readonly addOnPaste: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly allowDuplicates: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly commitOnBlur: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly creatable: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly editable: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly reorderable: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly highlightMatch: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly loop: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly closeOnSelect: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly closeOnOutsidePress: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly flip: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly shift: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly hideWhenDetached: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly portal: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly readOnly: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly defaults;
+    /** The family's words in the language in force, with this control's `messages` laid over them. */
+    readonly t: _slotted_core_i18n.FamilyTranslator<MultiSelectMessages>;
+    private readonly inForceLocale;
+    /** The locale the filter and the duplicate rule compare in: the `locale` input, or the language in force. */
+    readonly resolvedLocale: _angular_core.Signal<string>;
+    private readonly viewContainer;
+    private readonly host;
+    private readonly injector;
+    private readonly template;
+    private readonly controlRef;
+    private readonly rowRef;
+    private readonly countRef;
+    readonly field: SlField | null;
+    private readonly identifier;
+    readonly contentId: string;
+    private readonly ownId;
+    private readonly registry;
+    readonly optionCount: _angular_core.WritableSignal<number>;
+    readonly hiddenCount: _angular_core.WritableSignal<number>;
+    readonly narrow: _angular_core.WritableSignal<boolean>;
+    readonly editingValue: _angular_core.WritableSignal<string | null>;
+    readonly editingText: _angular_core.WritableSignal<string>;
+    private entry;
+    private view;
+    private layerNode;
+    private surfaceNode;
+    private portalRoot;
+    private positioner;
+    private layer;
+    private presence;
+    private observer;
+    private ring;
+    private removal;
+    private collapse;
+    private gate;
+    private disabledByForm;
+    private readonly hostId;
+    private onChange;
+    private onTouched;
+    readonly resolvedSize: _angular_core.Signal<MultiSelectSize>;
+    readonly resolvedVariant: _angular_core.Signal<MultiSelectVariant>;
+    readonly resolvedAlign: _angular_core.Signal<MultiSelectAlign>;
+    readonly resolvedSide: _angular_core.Signal<MultiSelectSide>;
+    readonly resolvedWidth: _angular_core.Signal<MultiSelectWidth>;
+    readonly resolvedMount: _angular_core.Signal<MultiSelectMount>;
+    readonly resolvedOpenOn: _angular_core.Signal<MultiSelectOpenOn>;
+    readonly resolvedOverflow: _angular_core.Signal<MultiSelectOverflow>;
+    readonly resolvedChosenOptions: _angular_core.Signal<MultiSelectChosenOptions>;
+    readonly resolvedLoop: _angular_core.Signal<boolean>;
+    readonly resolvedClearable: _angular_core.Signal<boolean>;
+    readonly resolvedFullWidth: _angular_core.Signal<boolean>;
+    readonly resolvedCreatable: _angular_core.Signal<boolean>;
+    readonly resolvedEditable: _angular_core.Signal<boolean>;
+    readonly resolvedReorderable: _angular_core.Signal<boolean>;
+    readonly resolvedAddOnPaste: _angular_core.Signal<boolean>;
+    readonly resolvedCommitOnBlur: _angular_core.Signal<boolean>;
+    readonly resolvedAllowDuplicates: _angular_core.Signal<boolean>;
+    readonly resolvedDelimiters: _angular_core.Signal<readonly string[]>;
+    readonly resolvedMax: _angular_core.Signal<number | null>;
+    readonly resolvedCloseOnSelect: _angular_core.Signal<boolean>;
+    readonly resolvedHighlightMatch: _angular_core.Signal<boolean>;
+    readonly resolvedDisabled: _angular_core.Signal<boolean>;
+    readonly resolvedReadOnly: _angular_core.Signal<boolean>;
+    readonly resolvedRequired: _angular_core.Signal<boolean>;
+    readonly resolvedInvalid: _angular_core.Signal<boolean>;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    readonly controlId: _angular_core.Signal<string>;
+    readonly describedBy: _angular_core.Signal<string | null>;
+    /** The set has reached `max` and takes nothing more. */
+    readonly full: _angular_core.Signal<boolean>;
+    readonly frozen: _angular_core.Signal<boolean>;
+    private readonly declared;
+    /** The query is the typed text: unlike a combobox's, committing empties it. */
+    readonly query: _angular_core.Signal<string>;
+    private readonly collator;
+    readonly showClear: _angular_core.Signal<boolean>;
+    readonly gridLabel: _angular_core.Signal<string>;
+    readonly counterText: _angular_core.Signal<string | null>;
+    readonly activeDescendant: _angular_core.Signal<string | null>;
+    /**
+     * The offer to add what was typed: while the consumer allows one, the reader
+     * typed something, nothing matched, and there is room to take it. A full
+     * control refuses every value, so an offer there is one the next press turns
+     * down.
+     */
+    readonly offering: _angular_core.Signal<string | null>;
+    readonly statusMessage: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    optionId(value: MultiSelectOptionValue): string;
+    labelFor(value: MultiSelectOptionValue): string | undefined;
+    registerLabel(value: MultiSelectOptionValue, label: string): void;
+    protected removeLabelFor(value: MultiSelectOptionValue): string;
+    protected chipLabel(value: MultiSelectOptionValue, index: number): string | null;
+    matches(label: string): boolean;
+    /** Whether an option may be taken: a full control refuses what it does not hold. */
+    refuses(value: MultiSelectOptionValue): boolean;
+    recount(): void;
+    options(): HTMLElement[];
+    focus(): void;
+    scrollToKey(value: MultiSelectOptionValue): void;
+    private announce;
+    setOpen(next: boolean, reason: MultiSelectOpenReason, source?: Event): void;
+    setHighlighted(next: MultiSelectOptionValue | null, reason: MultiSelectHighlightReason, source?: Event): void;
+    setInputValue(next: string, reason: MultiSelectInputReason, source?: Event): void;
+    /** One request for one transition, whatever moved the set. */
+    private commit;
+    /**
+     * Every candidate judged against the set it would join, in order. It returns
+     * the set that survived rather than committing one, so a value arriving and a
+     * value edited in place apply one rule and cannot drift apart.
+     */
+    private judge;
+    private report;
+    /** The one door into the set. */
+    admit(candidates: readonly string[], reason: MultiSelectValueReason, source?: Event): void;
+    /**
+     * One value edited in place, which is one transition and not a removal
+     * followed by an addition — and judged against the set *without* it, or every
+     * edit is a duplicate of itself.
+     */
+    replace(target: MultiSelectOptionValue, text: string, source?: Event): void;
+    remove(target: MultiSelectOptionValue, source?: Event): void;
+    toggle(target: MultiSelectOptionValue, reason: MultiSelectValueReason, source?: Event): void;
+    clear(source?: Event): void;
+    /** Reorder, and the only shape it has: one value moving to one index. */
+    move(from: number, to: number, source?: Event): void;
+    private chips;
+    /** Runs once the change in hand has reached the DOM. */
+    private afterRender;
+    private focusChip;
+    private splitText;
+    /** The typed text, committed as one or several values. */
+    private commitQuery;
+    protected onInput(event: Event): void;
+    protected onFocus(): void;
+    protected onClick(event: MouseEvent): void;
+    protected onEditInput(event: Event): void;
+    protected onEditKeyDown(value: MultiSelectOptionValue, event: KeyboardEvent): void;
+    protected commitEdit(value: MultiSelectOptionValue, event: Event): void;
+    protected onPaste(event: ClipboardEvent): void;
+    protected onBlur(event: FocusEvent): void;
+    protected onClear(event: MouseEvent): void;
+    protected onRemoveClick(value: MultiSelectOptionValue, event: MouseEvent): void;
+    protected onCountClick(event: MouseEvent): void;
+    protected onToggle(event: MouseEvent): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    protected onChipKeyDown(value: MultiSelectOptionValue, index: number, event: KeyboardEvent): void;
+    protected onOptionPointerDown(event: PointerEvent): void;
+    protected onCreateClick(query: string, event: MouseEvent): void;
+    private openWith;
+    private moveHighlight;
+    private dropStaleHighlight;
+    /**
+     * The ring over the cells, the removal rule, the collapse and the width gate.
+     * All four belong to the row rather than to the layer, so they are bound once
+     * and outlive every open.
+     */
+    private bindRow;
+    private show;
+    private build;
+    private position;
+    private bind;
+    private observeEnd;
+    private enter;
+    private hide;
+    private unbind;
+    private teardown;
+    writeValue(value: readonly MultiSelectOptionValue[] | null): void;
+    registerOnChange(fn: (value: readonly MultiSelectOptionValue[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Three validities the family owns, and none of them is one a native input
+     * can describe: a required control holding nothing, a set over its limit, and
+     * a set holding a value twice where duplicates are refused. The second is the
+     * one Zag has the mechanism for and no validator to report it with.
+     */
+    validate(): ValidationErrors | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlMultiSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlMultiSelect, "sl-multi-select", ["slMultiSelect"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "inputValue": { "alias": "inputValue"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "highlightedValue": { "alias": "highlightedValue"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "validateValue": { "alias": "validateValue"; "required": false; "isSignal": true; }; "delimiters": { "alias": "delimiters"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "mount": { "alias": "mount"; "required": false; "isSignal": true; }; "strategy": { "alias": "strategy"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; "chosenOptions": { "alias": "chosenOptions"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "collisionPadding": { "alias": "collisionPadding"; "required": false; "isSignal": true; }; "addOnPaste": { "alias": "addOnPaste"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "creatable": { "alias": "creatable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "highlightMatch": { "alias": "highlightMatch"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnOutsidePress": { "alias": "closeOnOutsidePress"; "required": false; "isSignal": true; }; "flip": { "alias": "flip"; "required": false; "isSignal": true; }; "shift": { "alias": "shift"; "required": false; "isSignal": true; }; "hideWhenDetached": { "alias": "hideWhenDetached"; "required": false; "isSignal": true; }; "portal": { "alias": "portal"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChangeRequest": "valueChangeRequest"; "inputValue": "inputValueChange"; "inputValueChangeRequest": "inputValueChangeRequest"; "open": "openChange"; "openChangeRequest": "openChangeRequest"; "highlightedValue": "highlightedValueChange"; "highlightedValueChangeRequest": "highlightedValueChangeRequest"; "valueRefuse": "valueRefuse"; "loadMore": "loadMore"; }, never, ["*"], true, never>;
+}
+
+/**
+ * One option, and the one that decides whether it belongs in the results.
+ *
+ * **Each option filters itself**, as `sl-combobox-item` does: the family holds
+ * the query and the comparison, the option holds its own label, and the popup's
+ * DOM is therefore the result set.
+ *
+ * **An option the set already holds is still an option.** It carries
+ * `aria-selected="true"` and the check, and pressing it takes the value back
+ * out; `chosenOptions="hide"` is the other answer, for a list long enough that
+ * a reader would rather see only what is left.
+ *
+ * `label` is an input rather than projected content, which is the one place
+ * this binding differs from its React counterpart: a comparison and a split
+ * both need the text before the view exists.
+ */
+declare class SlMultiSelectItem {
+    readonly value: _angular_core.InputSignal<string>;
+    /** What the reader sees, what the filter compares, and what the mark splits. */
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    /** The glyph drawn in the first column, as a `Glyph` inside an `Icon` box. */
+    readonly icon: _angular_core.InputSignal<"calendar" | "upload" | "search" | "circle" | "stop" | "check" | "minus" | "plus" | "dot" | "x" | "ellipsis" | "copy" | "eye" | "eye-off" | "chevron-right" | "chevron-down" | "chevrons-right" | "panel-open" | "panel-close" | "arrow-left" | "pin" | "pin-off" | "external" | "clock" | "person" | "circle-info" | "circle-check" | "triangle-alert" | "circle-alert" | "circle-x" | "circle-question" | "inbox" | "search-x" | "lock" | "caps-lock" | "arrow-up" | "paperclip" | "pipette" | "cloud-off" | "loader-circle" | "maximize" | "minimize" | "file" | "trash" | "play" | "pause" | "rotate-ccw" | "file-image" | "file-text" | "file-spreadsheet" | "file-audio" | "file-video" | "file-archive" | "file-type" | "presentation" | "text-wrap" | "bell" | "trending-up" | "image-off" | "funnel" | "grip-vertical" | "grip-horizontal" | "star" | "check-check" | undefined>;
+    readonly position: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
+    readonly multiSelect: SlMultiSelect;
+    readonly optionId: _angular_core.Signal<string>;
+    readonly selected: _angular_core.Signal<boolean>;
+    readonly current: _angular_core.Signal<boolean>;
+    /**
+     * A full control refuses every value it does not already hold, and says so
+     * where a reader can hear it. A control that silently ignores a press is a
+     * control the reader presses again.
+     */
+    readonly inert: _angular_core.Signal<boolean>;
+    readonly visible: _angular_core.Signal<boolean>;
+    /**
+     * The spans the query matched, from the same collator the filter used, drawn
+     * by the `highlight` family inside this family's label. An `indexOf` beside
+     * a locale-sensitive filter marks nothing on the row it has just matched.
+     */
+    readonly ranges: _angular_core.Signal<_slotted_core_highlight.HighlightRange[]>;
+    constructor();
+    protected onPointerEnter(event: PointerEvent): void;
+    /**
+     * Only to stop the browser moving focus off the field: an option cannot hold
+     * focus, so a press on it would take focus to the body and the blur path
+     * would run in the middle of a choice.
+     */
+    protected onPointerDown(event: PointerEvent): void;
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlMultiSelectItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlMultiSelectItem, "sl-multi-select-item", ["slMultiSelectItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * A set of options under a heading, named by `aria-labelledby` pointing at its
+ * own label. A group whose every option was filtered away is hidden: a heading
+ * with no options under it says a category matched when none did.
+ */
+declare class SlMultiSelectGroup {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly labelId: string;
+    private readonly host;
+    private readonly multiSelect;
+    readonly empty: _angular_core.WritableSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlMultiSelectGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlMultiSelectGroup, "sl-multi-select-group", ["slMultiSelectGroup"], { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/** A line between two sets of options. */
+declare class SlMultiSelectSeparator {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlMultiSelectSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlMultiSelectSeparator, "sl-multi-select-separator", ["slMultiSelectSeparator"], {}, {}, never, never, true, never>;
+}
+
+export { MULTI_SELECT_DEFAULTS, MULTI_SELECT_FALLBACK, SlMultiSelect, SlMultiSelectGroup, SlMultiSelectItem, SlMultiSelectSeparator, injectMultiSelectDefaults, provideMultiSelectDefaults };
+export type { MultiSelectAlign, MultiSelectChosenOptions, MultiSelectDefaults, MultiSelectFilter, MultiSelectHighlightReason, MultiSelectInputReason, MultiSelectItems, MultiSelectMount, MultiSelectOpenOn, MultiSelectOpenReason, MultiSelectOption, MultiSelectOptionGroup, MultiSelectOptionValue, MultiSelectOverflow, MultiSelectRefuseCause, MultiSelectSide, MultiSelectSize, MultiSelectStrategy, MultiSelectValidator, MultiSelectValueReason, MultiSelectVariant, MultiSelectWidth };
+//# sourceMappingURL=slotted-angular-multi-select.d.ts.map

package/types/slotted-angular-multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-multi-select.d.ts","sources":["../../multi-select/src/multi-select-defaults.ts","../../multi-select/src/multi-select.ts","../../multi-select/src/multi-select-items.ts"],"mappings":"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","names":[]}