@qalma/kit 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +185 -0
- package/fesm2022/qalma-kit-headless.mjs +932 -0
- package/fesm2022/qalma-kit-headless.mjs.map +1 -0
- package/fesm2022/qalma-kit.mjs +90 -1146
- package/fesm2022/qalma-kit.mjs.map +1 -1
- package/package.json +5 -1
- package/types/qalma-kit-headless.d.ts +303 -0
- package/types/qalma-kit-headless.d.ts.map +1 -0
- package/types/qalma-kit.d.ts +32 -316
- package/types/qalma-kit.d.ts.map +1 -1
package/types/qalma-kit.d.ts
CHANGED
|
@@ -1,32 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { QalmaDragHandleView, QalmaDragDropIndicator, QalmaDragBlockHighlight, QalmaSuggestionMenu, LinkPopover, QalmaContextualToolbarPlacement } from '@qalma/kit/headless';
|
|
2
|
+
export * from '@qalma/kit/headless';
|
|
2
3
|
import * as _angular_core from '@angular/core';
|
|
3
|
-
import { TemplateRef
|
|
4
|
-
import
|
|
5
|
-
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import { DragHandleMoveCommandValue, DragHandleCommandValue, QalmaEditorController, QalmaCommandValue } from '@qalma/editor';
|
|
7
|
-
import * as _qalma_kit from '@qalma/kit';
|
|
8
|
-
|
|
9
|
-
declare function cn(...inputs: ClassValue[]): string;
|
|
10
|
-
|
|
11
|
-
declare const buttonVariants: (props?: ({
|
|
12
|
-
variant?: "default" | "secondary" | "outline" | "ghost" | "accent" | "link" | null | undefined;
|
|
13
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
14
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
15
|
-
type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
|
|
16
|
-
type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;
|
|
17
|
-
/**
|
|
18
|
-
* Headless-styled button directive so it composes onto native `<button>` and
|
|
19
|
-
* `<a>` elements while reading from the host's Tailwind design tokens.
|
|
20
|
-
*/
|
|
21
|
-
declare class QalmaButton {
|
|
22
|
-
private readonly host;
|
|
23
|
-
private readonly initialClass;
|
|
24
|
-
readonly variant: _angular_core.InputSignal<ButtonVariant>;
|
|
25
|
-
readonly size: _angular_core.InputSignal<ButtonSize>;
|
|
26
|
-
protected readonly computedClass: _angular_core.Signal<string>;
|
|
27
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QalmaButton, never>;
|
|
28
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QalmaButton, "button[qalmaBtn], a[qalmaBtn]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
29
|
-
}
|
|
4
|
+
import { TemplateRef } from '@angular/core';
|
|
5
|
+
import { QalmaEditorController, QalmaCommandValue } from '@qalma/editor';
|
|
30
6
|
|
|
31
7
|
/**
|
|
32
8
|
* Default styling for a toolbar command button. Icon-only, square, and driven
|
|
@@ -145,152 +121,6 @@ declare class QalmaToolbarRegistry {
|
|
|
145
121
|
*/
|
|
146
122
|
declare function provideQalmaToolbarIcons(): _angular_core.Provider[];
|
|
147
123
|
|
|
148
|
-
interface AnchorRect {
|
|
149
|
-
readonly top: number;
|
|
150
|
-
readonly bottom: number;
|
|
151
|
-
readonly left: number;
|
|
152
|
-
readonly right: number;
|
|
153
|
-
}
|
|
154
|
-
interface AnchorSize {
|
|
155
|
-
readonly width: number;
|
|
156
|
-
readonly height: number;
|
|
157
|
-
}
|
|
158
|
-
type AnchorPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
159
|
-
type AnchorAlign = 'start' | 'center' | 'end';
|
|
160
|
-
interface AnchorToRectOptions {
|
|
161
|
-
/** Which side of the anchor rect the floating element renders on. */
|
|
162
|
-
readonly placement: AnchorPlacement;
|
|
163
|
-
/** Rect (viewport or scroll surface) the result is clamped within. */
|
|
164
|
-
readonly boundary: AnchorRect;
|
|
165
|
-
/** Size of the floating element being positioned. */
|
|
166
|
-
readonly size: AnchorSize;
|
|
167
|
-
/** Distance between the anchor rect and the floating element. Default 8. */
|
|
168
|
-
readonly gap?: number;
|
|
169
|
-
/** Minimum distance kept from the boundary edges. Default 8. */
|
|
170
|
-
readonly edgeMargin?: number;
|
|
171
|
-
/**
|
|
172
|
-
* Cross-axis alignment relative to the anchor rect. `start` | `center` |
|
|
173
|
-
* `end` align to the anchor rect itself; a number instead pins the
|
|
174
|
-
* floating element's center to that viewport coordinate (clamped within
|
|
175
|
-
* the anchor rect), e.g. to follow a pointer's Y while hovering a tall
|
|
176
|
-
* block. Defaults to `start`.
|
|
177
|
-
*/
|
|
178
|
-
readonly align?: AnchorAlign | number;
|
|
179
|
-
}
|
|
180
|
-
interface AnchorPosition {
|
|
181
|
-
readonly top: number;
|
|
182
|
-
readonly left: number;
|
|
183
|
-
}
|
|
184
|
-
declare function anchorToRect(anchor: AnchorRect, options: AnchorToRectOptions): AnchorPosition;
|
|
185
|
-
|
|
186
|
-
interface DismissibleOverlayOptions {
|
|
187
|
-
/** Returns true when the event target is part of the overlay/trigger and should not dismiss it. */
|
|
188
|
-
isInside: (target: EventTarget | null) => boolean;
|
|
189
|
-
onDismiss: () => void;
|
|
190
|
-
}
|
|
191
|
-
/**
|
|
192
|
-
* Shared outside-click / Escape dismiss behavior for floating overlays
|
|
193
|
-
* (popovers, contextual menus, autocomplete lists). Generalizes the
|
|
194
|
-
* ad-hoc click-outside/Escape handling that used to be reimplemented
|
|
195
|
-
* separately per feature.
|
|
196
|
-
*/
|
|
197
|
-
declare class DismissibleOverlay {
|
|
198
|
-
private readonly options;
|
|
199
|
-
private readonly pointerDown;
|
|
200
|
-
private readonly keydown;
|
|
201
|
-
constructor(options: DismissibleOverlayOptions);
|
|
202
|
-
connect(destroyRef: DestroyRef): void;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
interface KeyboardNavigableListOptions<T> {
|
|
206
|
-
items: () => readonly T[];
|
|
207
|
-
activeIndex: () => number;
|
|
208
|
-
setActiveIndex: (index: number) => void;
|
|
209
|
-
onSelect: (item: T, index: number) => void;
|
|
210
|
-
}
|
|
211
|
-
/**
|
|
212
|
-
* Arrow-key navigation + Enter-to-select for autocomplete-style popovers
|
|
213
|
-
* (mention menu, slash command menu). Shared so both features stop
|
|
214
|
-
* reimplementing the same wrap-around index math.
|
|
215
|
-
*
|
|
216
|
-
* Takes a plain key string rather than a `KeyboardEvent` — some callers
|
|
217
|
-
* relay keys through a `CustomEvent` (no real `KeyboardEvent` to read),
|
|
218
|
-
* so preventing the default action is left to the caller.
|
|
219
|
-
*/
|
|
220
|
-
declare class KeyboardNavigableList<T> {
|
|
221
|
-
private readonly options;
|
|
222
|
-
constructor(options: KeyboardNavigableListOptions<T>);
|
|
223
|
-
/** Returns true when the key was handled (caller should stop further propagation / preventDefault). */
|
|
224
|
-
handleKey(key: string): boolean;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
interface QalmaDragHandleView {
|
|
228
|
-
target: DragHandleCommandValue;
|
|
229
|
-
transform: string;
|
|
230
|
-
blockType: string;
|
|
231
|
-
canMoveUp: boolean;
|
|
232
|
-
canMoveDown: boolean;
|
|
233
|
-
}
|
|
234
|
-
interface QalmaDragDropIndicator {
|
|
235
|
-
target: DragHandleMoveCommandValue;
|
|
236
|
-
transform: string;
|
|
237
|
-
width: number;
|
|
238
|
-
}
|
|
239
|
-
interface QalmaDragBlockHighlight {
|
|
240
|
-
transform: string;
|
|
241
|
-
width: number;
|
|
242
|
-
height: number;
|
|
243
|
-
}
|
|
244
|
-
declare class QalmaDragHandleController {
|
|
245
|
-
private readonly editor;
|
|
246
|
-
private readonly handleState;
|
|
247
|
-
private readonly dropIndicatorState;
|
|
248
|
-
private readonly draggedBlockHighlightState;
|
|
249
|
-
readonly handle: _angular_core.Signal<QalmaDragHandleView | null>;
|
|
250
|
-
readonly dropIndicator: _angular_core.Signal<QalmaDragDropIndicator | null>;
|
|
251
|
-
readonly draggedBlockHighlight: _angular_core.Signal<QalmaDragBlockHighlight | null>;
|
|
252
|
-
private surface;
|
|
253
|
-
private currentBlock;
|
|
254
|
-
private pendingBlock;
|
|
255
|
-
private lastPointerClientY;
|
|
256
|
-
private refreshFrame;
|
|
257
|
-
private handleKey;
|
|
258
|
-
private dragSession;
|
|
259
|
-
constructor(editor: () => QalmaEditorController);
|
|
260
|
-
connect(surface: HTMLElement, destroyRef: DestroyRef): void;
|
|
261
|
-
hide(): void;
|
|
262
|
-
startDrag(event: PointerEvent, handle: QalmaDragHandleView): void;
|
|
263
|
-
private handlePointerMove;
|
|
264
|
-
private handlePointerLeave;
|
|
265
|
-
private handleDragPointerMove;
|
|
266
|
-
private handleDragPointerUp;
|
|
267
|
-
private activateDragSession;
|
|
268
|
-
private updateDropIndicator;
|
|
269
|
-
private updateDraggedBlockHighlight;
|
|
270
|
-
private finishDrag;
|
|
271
|
-
private scheduleRefresh;
|
|
272
|
-
private refresh;
|
|
273
|
-
private updateFromBlock;
|
|
274
|
-
private cancelScheduledRefresh;
|
|
275
|
-
private setHandle;
|
|
276
|
-
private setDropIndicator;
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
declare class QalmaDragHandleDirective {
|
|
280
|
-
readonly editor: _angular_core.InputSignal<QalmaEditorController>;
|
|
281
|
-
private readonly destroyRef;
|
|
282
|
-
private readonly host;
|
|
283
|
-
private readonly controller;
|
|
284
|
-
readonly handle: _angular_core.Signal<QalmaDragHandleView | null>;
|
|
285
|
-
readonly dropIndicator: _angular_core.Signal<_qalma_kit.QalmaDragDropIndicator | null>;
|
|
286
|
-
readonly draggedBlockHighlight: _angular_core.Signal<_qalma_kit.QalmaDragBlockHighlight | null>;
|
|
287
|
-
constructor();
|
|
288
|
-
hide(): void;
|
|
289
|
-
startDrag(event: PointerEvent, handle: QalmaDragHandleView): void;
|
|
290
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QalmaDragHandleDirective, never>;
|
|
291
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QalmaDragHandleDirective, "[qalmaDragHandle]", ["qalmaDragHandle"], { "editor": { "alias": "qalmaDragHandle"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
124
|
interface QalmaDragStart {
|
|
295
125
|
event: PointerEvent;
|
|
296
126
|
handle: QalmaDragHandleView;
|
|
@@ -315,74 +145,6 @@ declare class QalmaDragHandle {
|
|
|
315
145
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QalmaDragHandle, "qalma-drag-handle", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; "handle": { "alias": "handle"; "required": false; "isSignal": true; }; "dropIndicator": { "alias": "dropIndicator"; "required": false; "isSignal": true; }; "draggedBlockHighlight": { "alias": "draggedBlockHighlight"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; "dragStart": "dragStart"; }, never, never, true, never>;
|
|
316
146
|
}
|
|
317
147
|
|
|
318
|
-
/**
|
|
319
|
-
* Fixed-position coordinates for a suggestion menu anchored to a caret/range
|
|
320
|
-
* rect. Exactly one of `top`/`bottom` is a number (the other is `null`): the
|
|
321
|
-
* menu is pinned below the anchor by `top`, or above it by `bottom`.
|
|
322
|
-
*/
|
|
323
|
-
interface SuggestionMenuPlacement {
|
|
324
|
-
readonly left: number;
|
|
325
|
-
readonly top: number | null;
|
|
326
|
-
readonly bottom: number | null;
|
|
327
|
-
readonly maxHeight: number;
|
|
328
|
-
}
|
|
329
|
-
interface FlipAbovePlacementOptions {
|
|
330
|
-
/** Menu width, used to clamp `left` within the viewport. */
|
|
331
|
-
readonly width: number;
|
|
332
|
-
/** Ideal menu height for the current option count. */
|
|
333
|
-
readonly desiredHeight: number;
|
|
334
|
-
/** Floor for the computed `maxHeight` (e.g. one option / a loading row). */
|
|
335
|
-
readonly minHeight: number;
|
|
336
|
-
/** Viewport edge margin (default 12). */
|
|
337
|
-
readonly margin?: number;
|
|
338
|
-
/** Gap between the anchor and the menu (default 8). */
|
|
339
|
-
readonly gap?: number;
|
|
340
|
-
}
|
|
341
|
-
/**
|
|
342
|
-
* Positions a floating list under an anchor rect, flipping it above when there
|
|
343
|
-
* is not enough room below, and clamping its height and horizontal position to
|
|
344
|
-
* the viewport. Shared by the mention and slash-command menus, whose flip
|
|
345
|
-
* behavior `anchorToRect` does not cover (it has no flip / dynamic max-height).
|
|
346
|
-
*/
|
|
347
|
-
declare function flipAbovePlacement(rect: {
|
|
348
|
-
readonly top: number;
|
|
349
|
-
readonly bottom: number;
|
|
350
|
-
readonly left: number;
|
|
351
|
-
}, options: FlipAbovePlacementOptions): SuggestionMenuPlacement;
|
|
352
|
-
|
|
353
|
-
/** Option buttons carry this attribute so the base can focus/scroll to one by index. */
|
|
354
|
-
declare const SUGGESTION_OPTION_INDEX_ATTR = "data-suggestion-index";
|
|
355
|
-
/** The scrollable options container carries this attribute (optional). */
|
|
356
|
-
declare const SUGGESTION_OPTIONS_SCROLLER_ATTR = "data-suggestion-options";
|
|
357
|
-
/**
|
|
358
|
-
* Shared behavior for caret-anchored suggestion menus (mention, slash command):
|
|
359
|
-
* flip-above placement input, active-option highlighting, and in-menu keyboard
|
|
360
|
-
* handling (Escape dismisses, Arrow moves + focuses, Enter/Space picks) with
|
|
361
|
-
* wrap-around and optional scroll-into-view. Concrete menus only supply their
|
|
362
|
-
* own item markup and expose their option list via `optionList`.
|
|
363
|
-
*/
|
|
364
|
-
declare abstract class QalmaSuggestionMenu<TOption extends {
|
|
365
|
-
readonly id: string;
|
|
366
|
-
}> {
|
|
367
|
-
protected readonly elementRef: ElementRef<HTMLElement>;
|
|
368
|
-
readonly placement: _angular_core.InputSignal<SuggestionMenuPlacement | null>;
|
|
369
|
-
readonly activeIndex: _angular_core.InputSignal<number>;
|
|
370
|
-
readonly activate: _angular_core.OutputEmitterRef<number>;
|
|
371
|
-
readonly pick: _angular_core.OutputEmitterRef<TOption>;
|
|
372
|
-
readonly dismiss: _angular_core.OutputEmitterRef<void>;
|
|
373
|
-
/** The rendered options, bound by the concrete menu (`options`/`suggestions`). */
|
|
374
|
-
protected abstract readonly optionList: Signal<readonly TOption[]>;
|
|
375
|
-
protected preserveSelection(event: MouseEvent): void;
|
|
376
|
-
protected handleOptionKeydown(event: KeyboardEvent, option: TOption, index: number): void;
|
|
377
|
-
protected focusOption(index: number): void;
|
|
378
|
-
protected scrollOptionIntoView(index: number): void;
|
|
379
|
-
private getNextIndex;
|
|
380
|
-
private optionElement;
|
|
381
|
-
private optionsScroller;
|
|
382
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QalmaSuggestionMenu<any>, never>;
|
|
383
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QalmaSuggestionMenu<any>, never, never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activate": "activate"; "pick": "pick"; "dismiss": "dismiss"; }, never, never, true, never>;
|
|
384
|
-
}
|
|
385
|
-
|
|
386
148
|
interface QalmaMentionOption {
|
|
387
149
|
readonly id: string;
|
|
388
150
|
readonly label: string;
|
|
@@ -430,40 +192,6 @@ declare class QalmaSlashCommandMenu extends QalmaSuggestionMenu<QalmaSlashComman
|
|
|
430
192
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QalmaSlashCommandMenu, "qalma-slash-command-menu", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
431
193
|
}
|
|
432
194
|
|
|
433
|
-
interface LinkPopover extends LinkPopoverPlacement {
|
|
434
|
-
editing: boolean;
|
|
435
|
-
element: HTMLAnchorElement | null;
|
|
436
|
-
href: string;
|
|
437
|
-
rel: string | null;
|
|
438
|
-
target: '_blank' | null;
|
|
439
|
-
text: string;
|
|
440
|
-
}
|
|
441
|
-
interface LinkPopoverPlacement {
|
|
442
|
-
left: number;
|
|
443
|
-
top: number;
|
|
444
|
-
}
|
|
445
|
-
declare function createLinkPopoverPlacement(element: HTMLElement): LinkPopoverPlacement;
|
|
446
|
-
declare function findEditorLinkElement(target: EventTarget | null): HTMLAnchorElement | null;
|
|
447
|
-
|
|
448
|
-
declare class LinkPopoverController {
|
|
449
|
-
private readonly editor;
|
|
450
|
-
readonly popover: _angular_core.WritableSignal<LinkPopover | null>;
|
|
451
|
-
readonly href: _angular_core.WritableSignal<string>;
|
|
452
|
-
private hideTimeout;
|
|
453
|
-
constructor(editor: QalmaEditorController);
|
|
454
|
-
showToolbarEditor(event: MouseEvent): void;
|
|
455
|
-
showPreview(event: Event): void;
|
|
456
|
-
scheduleHideFromEvent(event: MouseEvent | FocusEvent): void;
|
|
457
|
-
edit(popover: LinkPopover): void;
|
|
458
|
-
save(popover: LinkPopover): void;
|
|
459
|
-
remove(popover: LinkPopover): void;
|
|
460
|
-
hide(): void;
|
|
461
|
-
keepOpen(): void;
|
|
462
|
-
scheduleHide(): void;
|
|
463
|
-
private selectLink;
|
|
464
|
-
private clearHideTimeout;
|
|
465
|
-
}
|
|
466
|
-
|
|
467
195
|
declare class QalmaLinkPopover {
|
|
468
196
|
readonly popover: _angular_core.InputSignal<LinkPopover | null>;
|
|
469
197
|
readonly href: _angular_core.InputSignal<string>;
|
|
@@ -479,52 +207,40 @@ declare class QalmaLinkPopover {
|
|
|
479
207
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QalmaLinkPopover, "qalma-link-popover", never, { "popover": { "alias": "popover"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": true; "isSignal": true; }; }, { "hrefChange": "hrefChange"; "edit": "edit"; "save": "save"; "remove": "remove"; "dismiss": "dismiss"; "keepOpen": "keepOpen"; "scheduleHide": "scheduleHide"; }, never, never, true, never>;
|
|
480
208
|
}
|
|
481
209
|
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
}
|
|
210
|
+
/**
|
|
211
|
+
* Floating, selection-anchored toolbar container. It owns the hard parts — the
|
|
212
|
+
* fixed-position `transform` from a {@link QalmaContextualToolbarPlacement}
|
|
213
|
+
* (see `QalmaSelectionToolbarDirective`), preserving the editor selection on
|
|
214
|
+
* pointer-down, and Escape-to-dismiss — and projects whatever controls you put
|
|
215
|
+
* inside it. Nothing about the button set is baked in: compose
|
|
216
|
+
* `<qalma-toolbar-button>` for commands and your own buttons for app actions
|
|
217
|
+
* (opening a link editor, a color picker, an AI action…).
|
|
218
|
+
*
|
|
219
|
+
* The container's `mousedown` handler preserves the selection for every
|
|
220
|
+
* projected control via event bubbling, so inner buttons don't each need to.
|
|
221
|
+
*
|
|
222
|
+
* ```html
|
|
223
|
+
* <qalma-contextual-toolbar
|
|
224
|
+
* [placement]="selection.placement()"
|
|
225
|
+
* (dismiss)="selection.hide()"
|
|
226
|
+
* >
|
|
227
|
+
* <qalma-toolbar-button command="toggleBold" icon="lucideBold" label="Bold" />
|
|
228
|
+
* <qalma-toolbar-button command="toggleItalic" icon="lucideItalic" label="Italic" />
|
|
229
|
+
* <button type="button" [class]="TOOLBAR_BUTTON_CLASS" (click)="openLinkEditor()">…</button>
|
|
230
|
+
* </qalma-contextual-toolbar>
|
|
231
|
+
* ```
|
|
232
|
+
*/
|
|
485
233
|
declare class QalmaContextualToolbar {
|
|
486
|
-
readonly editor: _angular_core.InputSignal<QalmaEditorController>;
|
|
487
234
|
readonly placement: _angular_core.InputSignal<QalmaContextualToolbarPlacement | null>;
|
|
488
|
-
|
|
235
|
+
/** Accessible name for the toolbar region. */
|
|
236
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
489
237
|
readonly dismiss: _angular_core.OutputEmitterRef<void>;
|
|
490
|
-
protected readonly canSetLink: _angular_core.Signal<boolean>;
|
|
491
|
-
protected readonly linkActive: _angular_core.Signal<boolean>;
|
|
492
238
|
protected preserveSelection(event: MouseEvent): void;
|
|
493
239
|
protected dismissFromKeyboard(event: Event): void;
|
|
494
240
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QalmaContextualToolbar, never>;
|
|
495
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QalmaContextualToolbar, "qalma-contextual-toolbar", never, { "
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
declare class QalmaSelectionToolbarController {
|
|
499
|
-
private readonly editor;
|
|
500
|
-
private readonly placementState;
|
|
501
|
-
readonly placement: _angular_core.Signal<QalmaContextualToolbarPlacement | null>;
|
|
502
|
-
private surface;
|
|
503
|
-
private refreshFrame;
|
|
504
|
-
private placementKey;
|
|
505
|
-
constructor(editor: () => QalmaEditorController);
|
|
506
|
-
connect(surface: HTMLElement, destroyRef: DestroyRef): void;
|
|
507
|
-
refresh(): void;
|
|
508
|
-
hide(): void;
|
|
509
|
-
handleKeydown(event: Event): void;
|
|
510
|
-
private scheduleRefresh;
|
|
511
|
-
private cancelScheduledRefresh;
|
|
512
|
-
private setPlacement;
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
declare class QalmaSelectionToolbarDirective {
|
|
516
|
-
readonly editor: _angular_core.InputSignal<QalmaEditorController>;
|
|
517
|
-
private readonly destroyRef;
|
|
518
|
-
private readonly host;
|
|
519
|
-
private readonly controller;
|
|
520
|
-
readonly placement: _angular_core.Signal<_qalma_kit.QalmaContextualToolbarPlacement | null>;
|
|
521
|
-
constructor();
|
|
522
|
-
refresh(): void;
|
|
523
|
-
hide(): void;
|
|
524
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<QalmaSelectionToolbarDirective, never>;
|
|
525
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QalmaSelectionToolbarDirective, "[qalmaSelectionToolbar]", ["qalmaSelectionToolbar"], { "editor": { "alias": "qalmaSelectionToolbar"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
241
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<QalmaContextualToolbar, "qalma-contextual-toolbar", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
|
|
526
242
|
}
|
|
527
243
|
|
|
528
|
-
export {
|
|
529
|
-
export type {
|
|
244
|
+
export { QALMA_TOOLBAR_ALIGN, QALMA_TOOLBAR_CLEAR_FORMATTING, QALMA_TOOLBAR_HEADINGS, QALMA_TOOLBAR_HISTORY, QALMA_TOOLBAR_INLINE_MARKS, QALMA_TOOLBAR_LISTS, QALMA_TOOLBAR_TABLE_INSERT, QALMA_TOOLBAR_TABLE_OPS, QALMA_TOOLBAR_UNSET_LINK, QalmaContextualToolbar, QalmaDragHandle, QalmaLinkPopover, QalmaMentionMenu, QalmaSlashCommandMenu, QalmaToolbarButton, QalmaToolbarRegistry, TOOLBAR_BUTTON_CLASS, TOOLBAR_SEPARATOR_CLASS, isToolbarCommandItem, provideQalmaToolbarIcons };
|
|
245
|
+
export type { QalmaDragStart, QalmaMentionOption, QalmaSlashCommandOption, ToolbarCommandItem, ToolbarGroup, ToolbarItem, ToolbarTemplateItem };
|
|
530
246
|
//# sourceMappingURL=qalma-kit.d.ts.map
|
package/types/qalma-kit.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"qalma-kit.d.ts","sources":["../../../../libs/ui-kit/src/lib/
|
|
1
|
+
{"version":3,"file":"qalma-kit.d.ts","sources":["../../../../libs/ui-kit/src/lib/toolbar-button.ts","../../../../libs/ui-kit/src/lib/toolbar-commands.ts","../../../../libs/ui-kit/src/lib/toolbar-registry.ts","../../../../libs/ui-kit/src/lib/toolbar-icons.ts","../../../../libs/ui-kit/src/lib/drag-handle.ts","../../../../libs/ui-kit/src/lib/mention-menu.ts","../../../../libs/ui-kit/src/lib/slash-command-menu.ts","../../../../libs/ui-kit/src/lib/link-popover.ts","../../../../libs/ui-kit/src/lib/contextual-toolbar.ts"],"mappings":"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","names":[]}
|