@ship-ui/core 0.22.14 → 0.22.16

package/types/ship-ui-core-ship-blueprint.d.ts

@@ -36,6 +36,7 @@ type ValidationErrors = {
 };
 declare class ShipBlueprint implements AfterViewInit, OnDestroy {
     #private;
+    ariaKeyshortcuts: _angular_core.Signal<string | null>;
     asDots: _angular_core.Signal<boolean>;
     lightMode: _angular_core.Signal<boolean>;
     forceUnique: _angular_core.InputSignal<boolean>;
@@ -65,7 +66,7 @@ declare class ShipBlueprint implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     onMouseUp(event: MouseEvent): void;
     onClick(event: MouseEvent): void;
-    onEscape(): void;
+    onDocumentKeyDown(event: KeyboardEvent): void;
     onMouseMove(event: MouseEvent): void;
     onTouchMove(event: TouchEvent): void;
     onDocumentTouchEnd(event: TouchEvent): void;

package/types/ship-ui-core-ship-checkbox.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 
 declare class ShipCheckbox {
+    #private;
     private readonly _elementRef;
     internalInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     projectedInputs: _angular_core.Signal<HTMLInputElement[]>;
@@ -14,7 +15,7 @@ declare class ShipCheckbox {
     noInternalInput: _angular_core.InputSignal<boolean>;
     protected onInternalInputChange(event: Event): void;
     hostClasses: _angular_core.Signal<string>;
-    protected onEnter(event: Event): void;
+    protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipCheckbox, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipCheckbox, "sh-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "noInternalInput": { "alias": "noInternalInput"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
 }

package/types/ship-ui-core-ship-datepicker.d.ts

@@ -15,6 +15,8 @@ declare class ShipDatepicker {
     weekdayLabels: _angular_core.InputSignal<string[]>;
     daysRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     currentDate: _angular_core.WritableSignal<Date>;
+    prevMonthShortcut: _angular_core.Signal<string | null>;
+    nextMonthShortcut: _angular_core.Signal<string | null>;
     monthOffsets: _angular_core.Signal<number[]>;
     selectedDateStylePosition: _angular_core.WritableSignal<{
         transform: string;

package/types/ship-ui-core-ship-editor.d.ts

@@ -0,0 +1,168 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+interface ShipEditorCommand {
+    id: string;
+    label: string;
+    icon: string;
+    description?: string;
+    action: (editor: ShipEditor) => void;
+}
+interface CaretState {
+    startPath: number[];
+    startOffset: number;
+    endPath: number[];
+    endOffset: number;
+}
+interface ShipEditorMark {
+    type: 'bold' | 'italic' | 'underline' | 'strike' | 'link' | 'code';
+    attrs?: {
+        href?: string;
+        target?: string;
+    };
+}
+interface ShipEditorInlineNode {
+    type: 'text';
+    text: string;
+    marks?: ShipEditorMark[];
+}
+interface ShipEditorBlock {
+    type: 'paragraph' | 'heading' | 'bullet-list' | 'ordered-list' | 'list-item' | 'code-block' | 'quote' | 'image' | 'hr';
+    attrs?: {
+        level?: number;
+        src?: string;
+        alt?: string;
+        language?: string;
+        align?: 'left' | 'center' | 'right';
+        mode?: 'content' | 'theater' | 'float' | 'custom';
+        size?: 'auto' | 'small' | 'medium' | 'large';
+    };
+    content?: ShipEditorInlineNode[] | ShipEditorBlock[];
+}
+type ShipEditorDocument = ShipEditorBlock[];
+type ShipEditorValue = string | ShipEditorDocument | null;
+interface ShipEditorHtmlDocument {
+    execCommand(commandId: string, showUI?: boolean, value?: string): boolean;
+    queryCommandState(commandId: string): boolean;
+    queryCommandEnabled(commandId: string): boolean;
+}
+declare class ShipEditor implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {
+    #private;
+    editorRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    codeEditorRef: _angular_core.Signal<ElementRef<HTMLTextAreaElement> | undefined>;
+    uploadBtn: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    imageInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    linkInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    value: _angular_core.ModelSignal<string | ShipEditorDocument | null>;
+    format: _angular_core.InputSignal<"json" | "html" | "markdown">;
+    placeholder: _angular_core.InputSignal<string>;
+    readonly: _angular_core.InputSignal<boolean>;
+    toolbar: _angular_core.InputSignal<boolean>;
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"base" | "type-b" | null>;
+    customCommands: _angular_core.InputSignal<ShipEditorCommand[]>;
+    showSlashMenu: _angular_core.WritableSignal<boolean>;
+    slashSearchQuery: _angular_core.WritableSignal<string>;
+    slashMenuTop: _angular_core.WritableSignal<number>;
+    slashMenuLeft: _angular_core.WritableSignal<number>;
+    defaultCommands: _angular_core.Signal<ShipEditorCommand[]>;
+    slashCommands: _angular_core.InputSignal<boolean | string[]>;
+    allCommands: _angular_core.Signal<ShipEditorCommand[]>;
+    enabledCommands: _angular_core.Signal<ShipEditorCommand[]>;
+    hasSlashCommands: _angular_core.Signal<boolean>;
+    filteredCommands: _angular_core.Signal<ShipEditorCommand[]>;
+    showFormats: _angular_core.InputSignal<boolean>;
+    showBlocks: _angular_core.InputSignal<boolean>;
+    showLists: _angular_core.InputSignal<boolean>;
+    showAlignments: _angular_core.InputSignal<boolean>;
+    showInsertions: _angular_core.InputSignal<boolean>;
+    showHistory: _angular_core.InputSignal<boolean>;
+    customUpload: _angular_core.InputSignal<boolean>;
+    imageUploadEnabled: _angular_core.InputSignal<boolean>;
+    imageUpload: _angular_core.OutputEmitterRef<File>;
+    imgToolbarTop: _angular_core.WritableSignal<number>;
+    imgToolbarLeft: _angular_core.WritableSignal<number>;
+    imgMode: _angular_core.WritableSignal<"content" | "theater" | "float" | "custom">;
+    imgSize: _angular_core.WritableSignal<"auto" | "small" | "medium" | "large">;
+    viewMode: _angular_core.WritableSignal<"code" | "design">;
+    isFocused: _angular_core.WritableSignal<boolean>;
+    showLinkModal: _angular_core.WritableSignal<boolean>;
+    showImageModal: _angular_core.WritableSignal<boolean>;
+    rawCodeValue: _angular_core.WritableSignal<string>;
+    showBlockMenu: _angular_core.WritableSignal<boolean>;
+    isBold: _angular_core.WritableSignal<boolean>;
+    isItalic: _angular_core.WritableSignal<boolean>;
+    isUnderline: _angular_core.WritableSignal<boolean>;
+    isStrike: _angular_core.WritableSignal<boolean>;
+    align: _angular_core.WritableSignal<"left" | "center" | "right">;
+    activeBlock: _angular_core.WritableSignal<string>;
+    canUndo: _angular_core.WritableSignal<boolean>;
+    canRedo: _angular_core.WritableSignal<boolean>;
+    charCount: _angular_core.WritableSignal<number>;
+    wordCount: _angular_core.WritableSignal<number>;
+    onChange: (value: ShipEditorValue) => void;
+    onTouched: () => void;
+    hostClasses: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    writeValue(obj: ShipEditorValue): void;
+    registerOnChange(fn: (value: ShipEditorValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onDOMInput(): void;
+    protected onDOMBlur(): void;
+    protected onCodeInput(event: Event): void;
+    protected onCodeBlur(event: Event): void;
+    formatText(command: string, value?: string): void;
+    applyInlineStyle(tag: string): void;
+    toggleLink(url: string): void;
+    setBlockType(tag: string): void;
+    toggleList(listType: 'ul' | 'ol'): void;
+    insertHorizontalRule(): void;
+    setAlign(direction: 'left' | 'center' | 'right'): void;
+    removeFormat(): void;
+    undo(): void;
+    redo(): void;
+    protected toggleViewMode(): void;
+    protected onSelectionChange(): void;
+    openLinkModal(): void;
+    protected applyLink(url: string): void;
+    openImageModal(): void;
+    protected applyImage(url: string): void;
+    selectedImage: _angular_core.Signal<HTMLImageElement | null>;
+    onComponentFocusIn(event: FocusEvent): void;
+    onComponentClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onKeyUp(event: KeyboardEvent): void;
+    executeCommand(cmd: ShipEditorCommand): void;
+    getBlockLabel(): string;
+    toggleBlockMenu(): void;
+    selectBlockType(tag: string): void;
+    protected onToolbarKeyDown(event: KeyboardEvent): void;
+    protected onToolbarFocusIn(event: FocusEvent): void;
+    onComponentScroll(event: Event): void;
+    onWindowResize(): void;
+    updateImgToolbarPosition(): void;
+    setImageMode(mode: 'content' | 'theater' | 'float' | 'custom'): void;
+    setImageSize(size: 'auto' | 'small' | 'medium' | 'large'): void;
+    deleteImage(): void;
+    onFileSelected(event: Event): void;
+    onDrop(event: DragEvent): void;
+    onPaste(event: ClipboardEvent): void;
+    insertImage(url: string): void;
+    getHTML(): string;
+    getMarkdown(): string;
+    getJSON(): ShipEditorDocument;
+    setHTML(html: string): void;
+    setMarkdown(md: string): void;
+    setJSON(json: ShipEditorDocument): void;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipEditor, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipEditor, "sh-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "customCommands": { "alias": "customCommands"; "required": false; "isSignal": true; }; "slashCommands": { "alias": "slashCommands"; "required": false; "isSignal": true; }; "showFormats": { "alias": "showFormats"; "required": false; "isSignal": true; }; "showBlocks": { "alias": "showBlocks"; "required": false; "isSignal": true; }; "showLists": { "alias": "showLists"; "required": false; "isSignal": true; }; "showAlignments": { "alias": "showAlignments"; "required": false; "isSignal": true; }; "showInsertions": { "alias": "showInsertions"; "required": false; "isSignal": true; }; "showHistory": { "alias": "showHistory"; "required": false; "isSignal": true; }; "customUpload": { "alias": "customUpload"; "required": false; "isSignal": true; }; "imageUploadEnabled": { "alias": "imageUploadEnabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "imageUpload": "imageUpload"; }, never, ["*"], true, never>;
+}
+
+export { ShipEditor };
+export type { CaretState, ShipEditorBlock, ShipEditorCommand, ShipEditorDocument, ShipEditorHtmlDocument, ShipEditorInlineNode, ShipEditorMark, ShipEditorValue };

package/types/ship-ui-core-ship-radio.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 
 declare class ShipRadio {
+    #private;
     private readonly _elementRef;
     internalInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     projectedInputs: _angular_core.Signal<HTMLInputElement[]>;
@@ -14,7 +15,7 @@ declare class ShipRadio {
     noInternalInput: _angular_core.InputSignal<boolean>;
     protected onInternalInputChange(event: Event): void;
     hostClasses: _angular_core.Signal<string>;
-    protected onEnter(event: Event): void;
+    protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipRadio, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipRadio, "sh-radio", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "noInternalInput": { "alias": "noInternalInput"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
 }

package/types/ship-ui-core-ship-spotlight.d.ts

@@ -26,6 +26,7 @@ declare const SHIP_SPOTLIGHT_CONFIG: InjectionToken<ShipSpotlightConfig>;
 declare function provideShipSpotlight(config: ShipSpotlightConfig): Provider;
 declare class ShipSpotlight {
     #private;
+    constructor();
     inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     resultsRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     data: _angular_core.InputSignal<ShipSpotlightServiceOptions | undefined>;
@@ -47,7 +48,6 @@ declare class ShipSpotlight {
             flatIndex: number;
         }[];
     }[]>;
-    constructor();
     validateItemsEffect: _angular_core.EffectRef;
     onSearchInput(event: Event): void;
     clearSearch(): void;

package/types/ship-ui-core-ship-table.d.ts

@@ -24,7 +24,9 @@ declare class ShipResize {
     minWidth: _angular_core.InputSignal<number>;
     maxWidth: _angular_core.InputSignal<number | null>;
     resizingClass: _angular_core.WritableSignal<boolean>;
+    constructor();
     ngOnInit(): void;
+    onKeyDown(event: KeyboardEvent): void;
     onMouseMove(event: MouseEvent): void;
     onMouseUp(event: MouseEvent): void;
     onClick(event: MouseEvent): void;
@@ -35,6 +37,10 @@ declare class ShipResize {
 declare class ShipSort {
     #private;
     shSort: _angular_core.InputSignal<string | undefined>;
+    ngOnInit(): void;
+    tabIndex: _angular_core.Signal<"0" | null>;
+    ariaKeyshortcuts: _angular_core.Signal<string | null>;
+    onKeyDown(event: KeyboardEvent): void;
     sortAsc: _angular_core.Signal<boolean>;
     sortDesc: _angular_core.Signal<boolean>;
     ariaSort: _angular_core.Signal<"ascending" | "descending" | "none">;
@@ -52,6 +58,8 @@ declare class ShipStickyColumns {
 type ScrollState = -1 | 0 | 1;
 declare class ShipTable {
     #private;
+    grid: _angular_core.InputSignal<boolean>;
+    role: _angular_core.Signal<"grid" | "table">;
     loading: _angular_core.InputSignal<boolean>;
     data: _angular_core.InputSignal<any>;
     dataChange: _angular_core.OutputEmitterRef<any>;
@@ -73,6 +81,7 @@ declare class ShipTable {
     stickyHeaderHeight: _angular_core.WritableSignal<number>;
     theadEffect: _angular_core.EffectRef;
     bodyEffect: _angular_core.EffectRef;
+    gridSetupEffect: _angular_core.EffectRef;
     resizing: _angular_core.WritableSignal<boolean>;
     sizeTrigger: _angular_core.WritableSignal<boolean>;
     scrollXState: _angular_core.WritableSignal<ScrollState>;
@@ -84,16 +93,19 @@ declare class ShipTable {
     onScroll(): void;
     onResize(event: Event): void;
     ngAfterViewInit(): void;
+    onFocusIn(event: FocusEvent): void;
+    onGridKeyDown(event: KeyboardEvent): void;
     e: _angular_core.EffectRef;
     toggleSort(column: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTable, "sh-table", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortByColumn": { "alias": "sortByColumn"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, { "dataChange": "dataChange"; "sortByColumn": "sortByColumnChange"; }, ["content"], ["[actionbar]:not([align-right])", "[actionbar][align-right]", "sh-table-content", "th", "[thead]", "*", "[table-no-rows]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTable, "sh-table", never, { "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortByColumn": { "alias": "sortByColumn"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, { "dataChange": "dataChange"; "sortByColumn": "sortByColumnChange"; }, ["content"], ["[actionbar]:not([align-right])", "[actionbar][align-right]", "sh-table-content", "th", "[thead]", "*", "[table-no-rows]"], true, never>;
 }
 declare class ShipTableContent {
     #private;
     columns: _angular_core.InputSignal<ShipTableColumn<any>[]>;
     data: _angular_core.InputSignal<any[]>;
     sortByColumn: _angular_core.ModelSignal<string | null>;
+    grid: _angular_core.InputSignal<boolean>;
     thead: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
     tbody: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
     getValue(row: any, col: ShipTableColumn): any;

package/types/ship-ui-core-ship-toggle-card.d.ts

@@ -8,6 +8,7 @@ declare class ShipToggleCard {
     variant: _angular_core.InputSignal<"" | "type-a" | "type-b" | "type-c" | null>;
     hostClasses: _angular_core.Signal<string>;
     toggle(): void;
+    handleKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipToggleCard, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipToggleCard, "sh-toggle-card", never, { "disableToggle": { "alias": "disableToggle"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "isActive": "isActiveChange"; }, never, ["[title]", "*"], true, never>;
 }

package/types/ship-ui-core-ship-toggle.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 
 declare class ShipToggle {
+    #private;
     private readonly _elementRef;
     internalInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     projectedInputs: _angular_core.Signal<HTMLInputElement[]>;
@@ -13,7 +14,7 @@ declare class ShipToggle {
     noInternalInput: _angular_core.InputSignal<boolean>;
     protected onInternalInputChange(event: Event): void;
     hostClasses: _angular_core.Signal<string>;
-    protected onEnter(event: Event): void;
+    protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipToggle, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipToggle, "sh-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "noInternalInput": { "alias": "noInternalInput"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
 }

package/types/ship-ui-core.d.ts

@@ -218,11 +218,13 @@ interface ShipConfig {
 }
 
 declare abstract class ShipSelectionGroup<T = any> {
+    #private;
     protected readonly itemSelector: string;
     protected readonly activeClass: string;
     protected readonly options?: {
         hostRole?: string;
         itemRole?: string;
+        activeAttribute?: "aria-selected" | "aria-pressed" | "aria-checked";
     } | undefined;
     protected readonly hostElement: any;
     protected items: _angular_core.Signal<HTMLElement[]>;
@@ -232,6 +234,7 @@ declare abstract class ShipSelectionGroup<T = any> {
     constructor(itemSelector: string, activeClass: string, options?: {
         hostRole?: string;
         itemRole?: string;
+        activeAttribute?: "aria-selected" | "aria-pressed" | "aria-checked";
     } | undefined);
     protected onClick(target: EventTarget | null): void;
     protected onKeyDown(event: KeyboardEvent): void;