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

package/types/slotted-angular-collapsible.d.ts.map

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

package/types/slotted-angular-color-picker.d.ts

@@ -0,0 +1,181 @@
+import * as _slotted_core_i18n from '@slotted/core/i18n';
+import { PartialMessages, ColorPickerMessages } from '@slotted/core/i18n';
+import * as _slotted_angular_color_picker from '@slotted/angular/color-picker';
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ColorFormat, Hsva, ContrastLevel } from '@slotted/core/color';
+export { ColorFormat } from '@slotted/core/color';
+import { ChangeRequest, ChangeReason } from '@slotted/core/state';
+import { SlField } from '@slotted/angular/field';
+
+type ColorPickerSize = 'sm' | 'md' | 'lg';
+interface ColorPickerDefaults {
+    format: ColorFormat;
+    presets: readonly string[] | undefined;
+    size: ColorPickerSize;
+}
+declare const COLOR_PICKER_DEFAULTS: InjectionToken<ColorPickerDefaults>;
+/**
+ * An application decides once its notation, its palette and its size. The
+ * words come from the language in force (`provideSlotted`).
+ */
+declare function provideColorPickerDefaults(defaults: Partial<ColorPickerDefaults>): {
+    provide: InjectionToken<ColorPickerDefaults>;
+    useFactory: () => ColorPickerDefaults;
+};
+declare function injectColorPickerDefaults(): ColorPickerDefaults;
+
+/**
+ * A `text-field` holding a colour: the swatch in its start opens the panel in
+ * a popover, and the value can be typed in any notation and is kept in the
+ * one shown. The text is the field's control, so a `slField` label names it;
+ * the host is the consumer's element and the form control.
+ */
+declare class SlColorField implements ControlValueAccessor {
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    readonly defaultValue: _angular_core.InputSignal<string | undefined>;
+    readonly format: _angular_core.InputSignal<ColorFormat | undefined>;
+    readonly alpha: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly presets: _angular_core.InputSignal<readonly string[] | undefined>;
+    readonly contrastWith: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<ColorPickerSize | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Words laid over the catalog of the language in force, for the trigger and the panel. */
+    readonly messages: _angular_core.InputSignal<PartialMessages<ColorPickerMessages> | undefined>;
+    /** Whether the panel is open. */
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly valueChange: _angular_core.OutputEmitterRef<ChangeRequest<string>>;
+    readonly formatChange: _angular_core.OutputEmitterRef<ChangeRequest<ColorFormat>>;
+    protected readonly defaults: _slotted_angular_color_picker.ColorPickerDefaults;
+    /** The family's words in the language in force, with this field's `messages` laid over them. */
+    readonly t: _slotted_core_i18n.FamilyTranslator<ColorPickerMessages>;
+    /** The consumer's name for the field, moved onto the text it names. */
+    protected readonly label: string | null;
+    private readonly own;
+    protected readonly ownFormat: _angular_core.WritableSignal<ColorFormat | undefined>;
+    private readonly formDisabled;
+    protected readonly draft: _angular_core.WritableSignal<string | null>;
+    private onChangeFn;
+    protected onTouched: () => void;
+    readonly current: _angular_core.Signal<string>;
+    protected readonly resolvedFormat: _angular_core.Signal<ColorFormat>;
+    protected readonly resolvedDisabled: _angular_core.Signal<boolean>;
+    protected readonly css: _angular_core.Signal<string>;
+    protected readonly draftValid: _angular_core.Signal<boolean>;
+    writeValue(value: string | null | undefined): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected request(next: string, reason: ChangeReason, source: unknown): void;
+    protected commit(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlColorField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlColorField, "div[slColorField]", ["slColorField"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "contrastWith": { "alias": "contrastWith"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "valueChange": "valueChange"; "formatChange": "formatChange"; }, never, never, true, never>;
+}
+
+/**
+ * Choosing a colour: an area, a hue channel, an alpha channel, the preview of
+ * now beside before, the value as text with its notation and the eyedropper,
+ * the presets, and the contrast against `contrastWith`.
+ *
+ * The value is a string in the notation shown, and it comes back in that
+ * notation; every colour the stylesheet paints is written on the host as a
+ * runtime property from what `@slotted/core/color` parsed. It belongs in a
+ * form as it stands. React lets a consumer choose the parts by passing them as
+ * children; an attribute directive cannot see what was projected before it
+ * renders, so here the parts are chosen by inputs — `alpha`, `presets`,
+ * `contrastWith` — and the eyedropper by the platform.
+ */
+declare class SlColorPicker implements ControlValueAccessor {
+    /** Present means the consumer owns the value: a colour in any supported notation. */
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    readonly defaultValue: _angular_core.InputSignal<string | undefined>;
+    /** The notation the value is written in. */
+    readonly format: _angular_core.InputSignal<ColorFormat | undefined>;
+    readonly defaultFormat: _angular_core.InputSignal<ColorFormat | undefined>;
+    readonly alpha: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly presets: _angular_core.InputSignal<readonly string[] | undefined>;
+    /** The background the contrast is measured against; absent, no contrast is drawn. */
+    readonly contrastWith: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<ColorPickerSize | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly readOnly: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
+    /**
+     * Words laid over the catalog of the language in force, key by key: every
+     * control's name, the gamut sentence and the contrast levels.
+     */
+    readonly messages: _angular_core.InputSignal<PartialMessages<ColorPickerMessages> | undefined>;
+    /** Before the colour moves: `pointer`, `keyboard`, `select` or `programmatic` (the eyedropper). */
+    readonly valueChange: _angular_core.OutputEmitterRef<ChangeRequest<string>>;
+    readonly formatChange: _angular_core.OutputEmitterRef<ChangeRequest<ColorFormat>>;
+    protected readonly defaults: _slotted_angular_color_picker.ColorPickerDefaults;
+    /** The family's words in the language in force, with this picker's `messages` laid over them. */
+    readonly t: _slotted_core_i18n.FamilyTranslator<ColorPickerMessages>;
+    protected readonly field: SlField | null;
+    private readonly element;
+    protected readonly formatNames: readonly ColorFormat[];
+    private readonly own;
+    private readonly ownFormat;
+    private readonly formDisabled;
+    private readonly memory;
+    protected readonly dragging: _angular_core.WritableSignal<"alpha" | "area" | "hue" | null>;
+    protected readonly draft: _angular_core.WritableSignal<string | null>;
+    protected readonly eyedropper: _angular_core.WritableSignal<boolean>;
+    /** The colour the panel opened with, read once after the first render. */
+    protected readonly previous: _angular_core.WritableSignal<string | null>;
+    private onChangeFn;
+    protected onTouched: () => void;
+    readonly current: _angular_core.Signal<string>;
+    private readonly parsed;
+    readonly resolvedFormat: _angular_core.Signal<ColorFormat>;
+    protected readonly resolvedDisabled: _angular_core.Signal<boolean>;
+    protected readonly resolvedReadOnly: _angular_core.Signal<boolean>;
+    protected readonly off: _angular_core.Signal<boolean>;
+    protected readonly channels: _angular_core.Signal<("alpha" | "hue")[]>;
+    private readonly rgba;
+    protected readonly hsva: _angular_core.Signal<Hsva>;
+    protected readonly css: _angular_core.Signal<string>;
+    protected readonly opaque: _angular_core.Signal<string>;
+    protected readonly outOfGamut: _angular_core.Signal<boolean>;
+    protected readonly draftValid: _angular_core.Signal<boolean>;
+    protected readonly resolvedInvalid: _angular_core.Signal<boolean>;
+    /** The panel has no frame of its own, so a picker the form calls invalid says so on its text. */
+    protected readonly inputInvalid: _angular_core.Signal<boolean>;
+    protected readonly resolvedPresets: _angular_core.Signal<readonly string[]>;
+    protected readonly selectedPreset: _angular_core.Signal<number>;
+    protected readonly previousCss: _angular_core.Signal<string>;
+    private readonly background;
+    protected readonly contrastCss: _angular_core.Signal<string | null>;
+    protected readonly contrast: _angular_core.Signal<{
+        level: ContrastLevel;
+        ratio: string;
+        key: "contrastLevels.AAA" | "contrastLevels.AA" | "contrastLevels.AALarge" | "contrastLevels.fail";
+    } | null>;
+    constructor();
+    protected round(value: number): number;
+    protected percent(value: number): string;
+    writeValue(value: string | null | undefined): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /** Asks to move to `next`, and moves an uncontrolled value once nobody refused. */
+    request(next: string, reason: ChangeReason, source: Event | null): void;
+    private requestHsva;
+    protected requestFormat(next: ColorFormat, source: Event | null): void;
+    protected down(event: PointerEvent, target: 'area' | 'hue' | 'alpha'): void;
+    protected move(event: PointerEvent, target: 'area' | 'hue' | 'alpha'): void;
+    private place;
+    protected areaKey(event: KeyboardEvent): void;
+    protected channelKey(event: KeyboardEvent, channel: 'hue' | 'alpha'): void;
+    protected commit(event: Event): void;
+    protected choose(preset: string, event: Event): void;
+    protected presetKey(event: KeyboardEvent, index: number): void;
+    protected pick(event: Event): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlColorPicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlColorPicker, "div[slColorPicker]", ["slColorPicker"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "defaultFormat": { "alias": "defaultFormat"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "contrastWith": { "alias": "contrastWith"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "formatChange": "formatChange"; }, never, never, true, never>;
+}
+
+export { COLOR_PICKER_DEFAULTS, SlColorField, SlColorPicker, injectColorPickerDefaults, provideColorPickerDefaults };
+export type { ColorPickerDefaults, ColorPickerSize };
+//# sourceMappingURL=slotted-angular-color-picker.d.ts.map

package/types/slotted-angular-color-picker.d.ts.map

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

package/types/slotted-angular-column-manager.d.ts

@@ -0,0 +1,200 @@
+import * as _slotted_core_i18n from '@slotted/core/i18n';
+import { PartialMessages, ColumnManagerMessages } from '@slotted/core/i18n';
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { MenuSelectEvent } from '@slotted/angular/menu';
+import { GridColumnState, GridColumnStateChange, GridColumn, GridOutOfSpace, GridPinZone } from '@slotted/core/grid';
+import { ChangeReason, ChangeRequest } from '@slotted/core/state';
+
+/** Where the panel stands: a popover on the trigger, a drawer at the end, or in place. */
+type ColumnManagerPresentation = 'popover' | 'drawer' | 'inline';
+/** Whether every action asks at once, or edits a draft that Apply asks for once. */
+type ColumnManagerApply = 'live' | 'confirm';
+type ColumnManagerColumnReason = Extract<ChangeReason, 'pointer' | 'keyboard' | 'clear' | 'submit' | 'programmatic'>;
+type ColumnManagerOpenReason = Extract<ChangeReason, 'pointer' | 'keyboard' | 'escape' | 'outsidePress' | 'back' | 'programmatic'>;
+/** The column request: `data-grid`'s, with every key that moved beside the first. */
+interface ColumnManagerRequest extends ChangeRequest<GridColumnState> {
+    readonly reason: ColumnManagerColumnReason;
+    readonly change: GridColumnStateChange;
+    readonly changes: readonly GridColumnStateChange[];
+}
+type ColumnManagerOpenRequest = ChangeRequest<boolean>;
+interface ColumnManagerDefaults {
+    presentation: ColumnManagerPresentation;
+    apply: ColumnManagerApply;
+}
+declare const COLUMN_MANAGER_DEFAULTS: InjectionToken<ColumnManagerDefaults>;
+/**
+ * An application decides once where its managers stand and whether they apply
+ * at once. A manager that states either itself still wins. Its words come from
+ * the language in force (`provideSlotted`).
+ */
+declare function provideColumnManagerDefaults(defaults: Partial<ColumnManagerDefaults>): {
+    provide: InjectionToken<ColumnManagerDefaults>;
+    useFactory: () => ColumnManagerDefaults;
+};
+declare function injectColumnManagerDefaults(): ColumnManagerDefaults;
+declare class SlColumnManagerIdFactory {
+    private count;
+    next(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlColumnManagerIdFactory, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+
+type ZoneKey = 'start' | 'middle' | 'end';
+/** The three pin zones over the normalised order, every column in one of them. */
+declare function columnZones(state: GridColumnState): Record<ZoneKey, readonly string[]>;
+/** Case and accents fall away, so `Região` is found by `regiao`. */
+declare function searchKey(text: string): string;
+interface DragView {
+    dragging: string | null;
+    container: ZoneKey | null;
+    index: number | null;
+}
+interface ItemView {
+    id: string;
+    column: GridColumn<unknown>;
+    hidden: boolean;
+    locked: boolean;
+    lastVisible: boolean;
+    bySpace: boolean;
+    handleDisabled: boolean;
+    status: string | null;
+    zone: GridPinZone;
+    /** The index in the whole zone, which the drop line is placed by. */
+    index: number;
+}
+interface SectionView {
+    key: ZoneKey;
+    label: string;
+    items: ItemView[];
+    /** Drop line after the last item. */
+    dropAtEnd: boolean;
+}
+/**
+ * Writes this family's part name on a control another family's directive
+ * owns. `slButton` writes `data-part="root"` as a static host attribute and
+ * `slMenuTriggerFor` binds `[attr.data-part]` to `null` on a trigger that is
+ * neither a bar's item nor a submenu's; either erases the part the template
+ * wrote, so it is written back after the first render.
+ */
+declare class SlColumnManagerPart {
+    readonly part: _angular_core.InputSignal<string>;
+    private readonly host;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlColumnManagerPart, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlColumnManagerPart, "[slColumnManagerPart]", never, { "part": { "alias": "slColumnManagerPart"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * The panel that edits a grid's column state: which columns are shown, in
+ * which order, pinned to which edge. It does not know the grid: it is given
+ * the columns, the state and the set the grid hid for room, and asks for every
+ * change with a request carrying the reason and the keys that moved.
+ *
+ * The host renders nothing of its own (`display: contents`); the root is the
+ * popover's one child, the drawer's content, or stands in place.
+ */
+declare class SlColumnManager {
+    /** The grid's columns, as the grid is given them. */
+    readonly columns: _angular_core.InputSignal<readonly GridColumn<never>[]>;
+    /** The state; two-way, so a template may bind it directly. */
+    readonly columnState: _angular_core.ModelSignal<GridColumnState | undefined>;
+    /** The start while nothing is bound, and the target of Restore defaults. */
+    readonly defaultColumnState: _angular_core.InputSignal<Partial<GridColumnState> | undefined>;
+    /**
+     * The columns the grid took out for room — the grid's `outOfSpace()`:
+     * listed with a status, never written to the state.
+     */
+    readonly outOfSpace: _angular_core.InputSignal<GridOutOfSpace>;
+    readonly presentation: _angular_core.InputSignal<ColumnManagerPresentation | undefined>;
+    readonly apply: _angular_core.InputSignal<ColumnManagerApply | undefined>;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    /** Words laid over the catalog of the language in force, key by key. */
+    readonly messages: _angular_core.InputSignal<PartialMessages<ColumnManagerMessages> | undefined>;
+    /** Before the state moves, with the reason and every key that moved. */
+    readonly columnStateChangeRequest: _angular_core.OutputEmitterRef<ColumnManagerRequest>;
+    /** Before the layer opens or closes, with the reason. */
+    readonly openChangeRequest: _angular_core.OutputEmitterRef<ChangeRequest<boolean>>;
+    private readonly defaults;
+    private readonly base;
+    readonly rootId: string;
+    readonly titleId: string;
+    /** The family's words in the language in force, with this manager's `messages` laid over them. */
+    readonly t: _slotted_core_i18n.FamilyTranslator<ColumnManagerMessages>;
+    /** What a drag of a column says, in the language in force. */
+    private readonly dragT;
+    readonly resolvedPresentation: _angular_core.Signal<ColumnManagerPresentation>;
+    readonly resolvedApply: _angular_core.Signal<ColumnManagerApply>;
+    protected readonly confirm: _angular_core.Signal<boolean>;
+    private readonly normalizedDefault;
+    /** The committed state: the bound one, or the default. */
+    readonly state: _angular_core.Signal<GridColumnState>;
+    private readonly draft;
+    protected readonly working: _angular_core.Signal<GridColumnState>;
+    protected readonly dirty: _angular_core.Signal<boolean>;
+    protected readonly atDefault: _angular_core.Signal<boolean>;
+    /** How many columns the reader hid; the trigger's count. */
+    readonly hiddenCount: _angular_core.Signal<number>;
+    readonly query: _angular_core.WritableSignal<string>;
+    private readonly searchText;
+    protected readonly searching: _angular_core.Signal<boolean>;
+    private readonly byId;
+    private readonly zones;
+    private readonly visibleCount;
+    protected readonly summary: _angular_core.Signal<string>;
+    protected readonly drag: _angular_core.WritableSignal<DragView>;
+    protected readonly sections: _angular_core.Signal<SectionView[]>;
+    readonly triggerNode: _angular_core.WritableSignal<HTMLElement | null>;
+    private readonly popover;
+    /** Called by `slColumnManagerTrigger`. */
+    registerTrigger(node: HTMLElement | null): void;
+    private readonly root;
+    private controller;
+    private readonly draggables;
+    private pendingFocus;
+    constructor();
+    private createController;
+    /** Every item is a draggable whose press must start on its handle. */
+    private syncDraggables;
+    protected dropAt(key: ZoneKey, index: number): boolean;
+    private emit;
+    private edit;
+    private setOpen;
+    protected onLayerRequest(request: ChangeRequest<boolean>): void;
+    protected toggle(id: string, request: ChangeRequest<boolean>): void;
+    protected pin(id: string, zone: GridPinZone, event: MenuSelectEvent): void;
+    protected showAll(event: MouseEvent): void;
+    protected reset(event: MouseEvent): void;
+    protected applyDraft(event: MouseEvent): void;
+    protected cancel(event: MouseEvent): void;
+    protected onHandleKeyDown(event: KeyboardEvent, id: string, key: ZoneKey): void;
+    /** Opens the layer, with the reason `programmatic`. */
+    show(): void;
+    /** Closes the layer, with the reason `programmatic`. */
+    hide(): void;
+    /** Called by the trigger, with the reason of the press. */
+    toggleOpen(reason?: ColumnManagerOpenReason, source?: unknown): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlColumnManager, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlColumnManager, "sl-column-manager", ["slColumnManager"], { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "columnState": { "alias": "columnState"; "required": false; "isSignal": true; }; "defaultColumnState": { "alias": "defaultColumnState"; "required": false; "isSignal": true; }; "outOfSpace": { "alias": "outOfSpace"; "required": false; "isSignal": true; }; "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; "apply": { "alias": "apply"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, { "columnState": "columnStateChange"; "open": "openChange"; "columnStateChangeRequest": "columnStateChangeRequest"; "openChangeRequest": "openChangeRequest"; }, never, never, true, never>;
+}
+/**
+ * The consumer's button, wired to a manager: the popup it opens, whether it
+ * is open, what it controls, and the count of hidden columns after its words
+ * — a chip on screen and a sentence in its accessible name. A directive
+ * cannot project, so the two spans are appended to the host once and kept
+ * current from the manager's count.
+ */
+declare class SlColumnManagerTrigger {
+    readonly manager: _angular_core.InputSignal<SlColumnManager>;
+    private readonly host;
+    private readonly renderer;
+    private readonly count;
+    constructor();
+    protected onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlColumnManagerTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlColumnManagerTrigger, "[slColumnManagerTrigger]", ["slColumnManagerTrigger"], { "manager": { "alias": "slColumnManagerTriggerFor"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { COLUMN_MANAGER_DEFAULTS, SlColumnManager, SlColumnManagerIdFactory, SlColumnManagerPart, SlColumnManagerTrigger, columnZones, injectColumnManagerDefaults, provideColumnManagerDefaults, searchKey };
+export type { ColumnManagerApply, ColumnManagerColumnReason, ColumnManagerDefaults, ColumnManagerOpenReason, ColumnManagerOpenRequest, ColumnManagerPresentation, ColumnManagerRequest };
+//# sourceMappingURL=slotted-angular-column-manager.d.ts.map

package/types/slotted-angular-column-manager.d.ts.map

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