@ship-ui/core 0.19.5 → 0.22.0

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

@@ -0,0 +1,15 @@
+import * as _angular_core from '@angular/core';
+
+declare class ShipChip {
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
+    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
+    sharp: _angular_core.InputSignal<boolean | undefined>;
+    dynamic: _angular_core.InputSignal<boolean | undefined>;
+    readonly: _angular_core.InputSignal<boolean>;
+    hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipChip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipChip, "sh-chip", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "sharp": { "alias": "sharp"; "required": false; "isSignal": true; }; "dynamic": { "alias": "dynamic"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ShipChip };

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

@@ -0,0 +1,105 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+type R = number;
+type G = number;
+type B = number;
+type A = number;
+declare class ShipColorPicker {
+    #private;
+    readonly canvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
+    showDarkColors: _angular_core.InputSignal<boolean>;
+    renderingType: _angular_core.InputSignal<"hsl" | "grid" | "hue" | "rgb" | "saturation" | "alpha">;
+    gridSize: _angular_core.InputSignal<number>;
+    hue: _angular_core.ModelSignal<number>;
+    direction: _angular_core.InputSignal<"horizontal" | "vertical">;
+    selectedColor: _angular_core.ModelSignal<[number, number, number, (number | undefined)?]>;
+    alpha: _angular_core.ModelSignal<number>;
+    currentColor: _angular_core.OutputEmitterRef<{
+        rgb: string;
+        rgba: string;
+        hex: string;
+        hex8: string;
+        hsl: string;
+        hsla: string;
+        hue: number;
+        saturation: number;
+        alpha: number;
+    }>;
+    centerLightness: _angular_core.Signal<200 | 100>;
+    isDragging: _angular_core.WritableSignal<boolean>;
+    markerPosition: _angular_core.WritableSignal<{
+        x: string;
+        y: string;
+    }>;
+    _pos: {
+        x: string;
+        y: string;
+    };
+    _markerPosition: _angular_core.EffectRef;
+    selectedColorRgb: _angular_core.Signal<string>;
+    selectedColorHex: _angular_core.Signal<string>;
+    selectedColorHsl: _angular_core.Signal<string>;
+    alphaEffect: _angular_core.EffectRef;
+    _prevColorStr: string;
+    selectedColorEffect: _angular_core.EffectRef;
+    private alphaColorRedrawEffect;
+    onResize(): void;
+    private previousLayoutHash;
+    private previousHue;
+    private getLayoutHash;
+    private renderingTypeEffect;
+    initColor: [R, G, B, A?] | null;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private updateMarkerFromColor;
+    private findPositionByColor;
+    private adjustMarkerPosition;
+    private initCanvasEvents;
+    private setCanvasSize;
+    private getColorAtPosition;
+    private updateColorAndMarker;
+    private drawColorPicker;
+    private drawAlpha;
+    private drawRgb;
+    private drawSaturation;
+    private drawHue;
+    private drawColorWheel;
+    private drawGrid;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipColorPicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipColorPicker, "sh-color-picker", never, { "showDarkColors": { "alias": "showDarkColors"; "required": false; "isSignal": true; }; "renderingType": { "alias": "renderingType"; "required": false; "isSignal": true; }; "gridSize": { "alias": "gridSize"; "required": false; "isSignal": true; }; "hue": { "alias": "hue"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "selectedColor": { "alias": "selectedColor"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; }, { "hue": "hueChange"; "selectedColor": "selectedColorChange"; "alpha": "alphaChange"; "currentColor": "currentColor"; }, never, never, true, never>;
+}
+
+declare class ShipColorPickerInput {
+    #private;
+    renderingType: _angular_core.InputSignal<"hsl" | "grid" | "hue" | "rgb" | "saturation" | "alpha">;
+    format: _angular_core.InputSignal<"hsl" | "rgb" | "rgba" | "hex" | "hex8" | "hsla">;
+    color: _angular_core.InputSignal<"" | "error" | "primary" | "accent" | "warn" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | "horizontal" | "base" | "auto-width" | "autosize" | null>;
+    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
+    readonly: _angular_core.InputSignal<boolean>;
+    closed: _angular_core.OutputEmitterRef<string>;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    currentClass: _angular_core.Signal<string>;
+    isEyeDropperSupported: boolean;
+    showEyeDropper: _angular_core.InputSignal<boolean>;
+    internalHue: _angular_core.WritableSignal<number>;
+    internalAlpha: _angular_core.WritableSignal<number>;
+    internalColorTuple: _angular_core.WritableSignal<[number, number, number, (number | undefined)?]>;
+    hasAlpha: _angular_core.Signal<boolean>;
+    formattedColorString: _angular_core.Signal<string>;
+    pureHueColor: _angular_core.Signal<[number, number, number]>;
+    onMainColorChange(colorObj: any): void;
+    onHuePickerChange(colorObj: any): void;
+    openEyeDropper(event: MouseEvent): Promise<void>;
+    close(): void;
+    private parseAndSetColor;
+    private hslToRgbExact;
+    private rgbToHex;
+    private rgbaToHex8;
+    private rgbToHsl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipColorPickerInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipColorPickerInput, "sh-color-picker-input", never, { "renderingType": { "alias": "renderingType"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "showEyeDropper": { "alias": "showEyeDropper"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "isOpen": "isOpenChange"; }, never, ["label", "[prefix]", "[textPrefix]", "input", "[textSuffix]", "[suffix]"], true, never>;
+}
+
+export { ShipColorPicker, ShipColorPickerInput };

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

@@ -0,0 +1,96 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+
+declare class ShipDatepicker {
+    #private;
+    date: _angular_core.ModelSignal<Date | null>;
+    endDate: _angular_core.ModelSignal<Date | null>;
+    asRange: _angular_core.InputSignal<boolean>;
+    activeRangeSelection: _angular_core.InputSignal<"start" | "end" | null>;
+    monthsToShow: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignal<boolean>;
+    tabbedOut: _angular_core.OutputEmitterRef<void>;
+    startOfWeek: _angular_core.InputSignal<number>;
+    weekdayLabels: _angular_core.InputSignal<string[]>;
+    daysRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    currentDate: _angular_core.WritableSignal<Date>;
+    monthOffsets: _angular_core.Signal<number[]>;
+    selectedDateStylePosition: _angular_core.WritableSignal<{
+        transform: string;
+        opacity: string;
+    } | null>;
+    weekdays: _angular_core.Signal<string[]>;
+    currentClasses: _angular_core.Signal<string>;
+    someEffect: _angular_core.EffectRef;
+    getLastVisibleMonth(): Date;
+    getOffsetDate(monthOffset: number): Date;
+    getMonthDates(monthOffset: number): Date[];
+    ngOnInit(): void;
+    nextMonth(): void;
+    previousMonth(): void;
+    setDate(newDate: Date, selectedElement: HTMLElement): void;
+    isDateSelected(date: Date): string | null;
+    setSelectedDateStylePosition(selectedElement: HTMLElement): void;
+    getMonthName(date: Date): string;
+    getFullYear(date: Date): number;
+    isCurrentMonth(date: Date, monthOffset: number): boolean;
+    focusedDate: _angular_core.WritableSignal<Date | null>;
+    isSameDay(d1: Date | null | undefined, d2: Date | null | undefined): boolean;
+    getAriaLabel(date: Date): string;
+    getTabIndex(date: Date): number;
+    isDateSelectedBool(date: Date): boolean;
+    onKeydown(event: KeyboardEvent, date: Date): void;
+    ensureDateVisible(date: Date): void;
+    focusActiveDate(): void;
+    onFocusOut(event: FocusEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDatepicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDatepicker, "sh-datepicker", never, { "date": { "alias": "date"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "asRange": { "alias": "asRange"; "required": false; "isSignal": true; }; "activeRangeSelection": { "alias": "activeRangeSelection"; "required": false; "isSignal": true; }; "monthsToShow": { "alias": "monthsToShow"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "startOfWeek": { "alias": "startOfWeek"; "required": false; "isSignal": true; }; "weekdayLabels": { "alias": "weekdayLabels"; "required": false; "isSignal": true; }; }, { "date": "dateChange"; "endDate": "endDateChange"; "tabbedOut": "tabbedOut"; }, never, never, true, never>;
+}
+
+declare class ShipDatepickerInput {
+    #private;
+    ngControl: _angular_core.Signal<NgControl | undefined>;
+    masking: _angular_core.InputSignal<string>;
+    closed: _angular_core.OutputEmitterRef<Date | null>;
+    _maskedDate: _angular_core.Signal<string | Date | null>;
+    internalDate: _angular_core.WritableSignal<Date | null>;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    currentClass: _angular_core.Signal<string>;
+    datepicker: _angular_core.Signal<ShipDatepicker | undefined>;
+    onFocusOut(event: FocusEvent): void;
+    onDateChange(date: Date | null): void;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDatepickerInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDatepickerInput, "sh-datepicker-input", never, { "masking": { "alias": "masking"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "isOpen": "isOpenChange"; }, ["ngControl"], ["label", "[prefix]", "[textPrefix]", "input", "[textSuffix]", "[suffix]"], true, never>;
+}
+
+declare class ShipDaterangeInput {
+    #private;
+    monthsToShow: _angular_core.InputSignal<number>;
+    masking: _angular_core.InputSignal<string>;
+    closed: _angular_core.OutputEmitterRef<{
+        start: Date | null;
+        end: Date | null;
+    }>;
+    startDate: _angular_core.WritableSignal<Date | null>;
+    endDate: _angular_core.WritableSignal<Date | null>;
+    activeInput: _angular_core.WritableSignal<"start" | "end">;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    datepicker: _angular_core.Signal<ShipDatepicker | undefined>;
+    get classes(): string;
+    _maskedStartDate: _angular_core.Signal<string | null>;
+    _maskedEndDate: _angular_core.Signal<string | null>;
+    constructor();
+    private setupInput;
+    onFocusOut(event: FocusEvent): void;
+    onStartDateChange(date: Date | null): void;
+    onEndDateChange(date: Date | null): void;
+    private updateInputValue;
+    private dispatchInputEvent;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDaterangeInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDaterangeInput, "sh-daterange-input", never, { "monthsToShow": { "alias": "monthsToShow"; "required": false; "isSignal": true; }; "masking": { "alias": "masking"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "isOpen": "isOpenChange"; }, never, ["label", "[prefix]", "[textPrefix]", "input", "[textSuffix]", "[suffix]"], true, never>;
+}
+
+export { ShipDatepicker, ShipDatepickerInput, ShipDaterangeInput };

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

@@ -0,0 +1,76 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef, OutputEmitterRef, InputSignal, ComponentRef, EmbeddedViewRef, OutputRefSubscription, Type } from '@angular/core';
+
+type ShipDialogOptions = {
+    class?: 'default' | 'type-b' | string;
+    width?: string;
+    maxWidth?: string;
+    height?: string;
+    maxHeight?: string;
+    closeOnButton?: boolean;
+    closeOnEsc?: boolean;
+    closeOnOutsideClick?: boolean;
+};
+declare class ShipDialog {
+    #private;
+    dialogRef: _angular_core.Signal<ElementRef<HTMLDialogElement> | undefined>;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    options: _angular_core.InputSignal<Partial<ShipDialogOptions> | undefined>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    defaultOptionMerge: _angular_core.Signal<{
+        class: "default" | "type-b" | string;
+        width?: string;
+        maxWidth?: string;
+        height?: string;
+        maxHeight?: string;
+        closeOnButton?: boolean;
+        closeOnEsc?: boolean;
+        closeOnOutsideClick?: boolean;
+    }>;
+    abortController: AbortController | null;
+    isOpenEffect: _angular_core.EffectRef;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipDialog, "sh-dialog", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+type Exact<T, U> = U extends T ? (keyof U extends keyof T ? U : never) : never;
+type ComponentDataType<T> = T extends TemplateRef<infer C> ? (C extends {
+    $implicit: infer K;
+} ? K : unknown) & Partial<Omit<C, 'close' | '$implicit'>> extends infer R ? keyof R extends never ? void : R : void : T extends {
+    data: InputSignal<infer K>;
+} ? K : void;
+type ComponentClosedType<T> = T extends TemplateRef<infer C> ? C extends {
+    close: (res?: infer U) => void;
+} ? U : undefined : T extends {
+    closed: OutputEmitterRef<infer U>;
+} ? U : undefined;
+interface ShipDialogServiceOptions<TData = any, TResult = undefined> extends ShipDialogOptions {
+    data?: TData extends void ? void : TData & Exact<TData, TData>;
+    closed?: (res: TResult) => void;
+}
+type ShipDialogInstance<T> = {
+    component: T;
+    close: (res?: ComponentClosedType<T>) => void;
+    closed: OutputEmitterRef<ComponentClosedType<T>>;
+};
+type ShipDialogTemplateInstance<T> = {
+    component: undefined;
+    close: (res?: ComponentClosedType<T>) => void;
+    closed: OutputEmitterRef<ComponentClosedType<T>>;
+};
+declare class ShipDialogService {
+    #private;
+    compRef: ComponentRef<ShipDialog> | null;
+    insertedCompRef: ComponentRef<unknown> | null;
+    insertedTemplateRef: EmbeddedViewRef<unknown> | null;
+    closedFieldSub: OutputRefSubscription | null;
+    compClosedSub: OutputRefSubscription | null;
+    open<I, K = ComponentDataType<I>, U = ComponentClosedType<I>, _Options extends ShipDialogServiceOptions<K, U> = ShipDialogServiceOptions<K, U>>(componentOrTemplate: Type<I> | (I extends TemplateRef<any> ? I : never), options?: _Options): I extends TemplateRef<any> ? ShipDialogTemplateInstance<I> : ShipDialogInstance<I>;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipDialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ShipDialogService>;
+}
+
+export { ShipDialog, ShipDialogService };
+export type { ComponentClosedType, ComponentDataType, Exact, ShipDialogInstance, ShipDialogOptions, ShipDialogServiceOptions, ShipDialogTemplateInstance };

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

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class ShipDivider {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShipDivider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShipDivider, "sh-divider", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { ShipDivider };

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

@@ -0,0 +1,11 @@
+import * as _angular_core from '@angular/core';
+
+declare class ShipEventCard {
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
+    hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipEventCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipEventCard, "sh-event-card", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[actions]", "button"], true, never>;
+}
+
+export { ShipEventCard };

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

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+declare class ShipFileUpload {
+    _el: ElementRef<any>;
+    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    filesOver: _angular_core.WritableSignal<boolean>;
+    multiple: _angular_core.InputSignal<boolean | null | undefined>;
+    accept: _angular_core.InputSignal<string | null>;
+    placeholder: _angular_core.ModelSignal<string>;
+    overlayText: _angular_core.InputSignal<string>;
+    files: _angular_core.ModelSignal<File[]>;
+    fileUploadClasses: _angular_core.Signal<any>;
+    handleFileUpload(newFiles: File[]): void;
+    inputEffect: _angular_core.EffectRef;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipFileUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFileUpload, "sh-file-upload", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "overlayText": { "alias": "overlayText"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; }, { "placeholder": "placeholderChange"; "files": "filesChange"; }, never, ["label"], true, never>;
+}
+
+export { ShipFileUpload };

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

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+
+declare class ShipFormField {
+    #private;
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | "base" | "horizontal" | "auto-width" | "autosize" | null>;
+    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
+    readonly: _angular_core.InputSignal<boolean>;
+    hostClasses: _angular_core.Signal<string>;
+    onClick(): void;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipFormField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFormField, "sh-form-field", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, ["label", "[boxPrefix]", "[prefix]", "[textPrefix]", "input", "textarea", "[textSuffix]", "[suffix]", "[boxSuffix]", "[error]", "[hint]"], true, never>;
+}
+
+declare class ShipFormFieldPopover {
+    #private;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | "base" | "horizontal" | "auto-width" | "autosize" | null>;
+    size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
+    readonly: _angular_core.InputSignal<boolean>;
+    hostClasses: _angular_core.Signal<string>;
+    onClick(event: MouseEvent): void;
+    close(): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipFormFieldPopover, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFormFieldPopover, "sh-form-field-popover", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["label", "[prefix]", "[textPrefix]", "input", "textarea", "[textSuffix]", "[suffix]", "[popoverContent]", "[error]", "[hint]"], true, never>;
+}
+
+export { ShipFormField, ShipFormFieldPopover };

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

@@ -0,0 +1,18 @@
+import * as _angular_core from '@angular/core';
+import { AfterContentInit } from '@angular/core';
+
+declare class ShipIcon implements AfterContentInit {
+    #private;
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    size: _angular_core.InputSignal<"" | "small" | "large" | null>;
+    isUnfocused: _angular_core.WritableSignal<boolean>;
+    hostClasses: _angular_core.Signal<string>;
+    customHostClasses: _angular_core.Signal<string>;
+    onWindowBlur(): void;
+    onWindowFocus(): void;
+    ngAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipIcon, "sh-icon", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ShipIcon };

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

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class ShipList {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShipList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShipList, "sh-list", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { ShipList };

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

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+declare class ShipMenu {
+    #private;
+    parentMenu: ShipMenu | null;
+    isSubmenu: _angular_core.Signal<boolean>;
+    asMultiLayer: _angular_core.InputSignal<boolean>;
+    openIndicator: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    customOptionElementSelectors: _angular_core.InputSignal<string[]>;
+    keepClickedOptionActive: _angular_core.InputSignal<boolean>;
+    closeOnClick: _angular_core.InputSignal<boolean>;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    closed: _angular_core.OutputEmitterRef<boolean>;
+    searchable: _angular_core.InputSignal<boolean>;
+    activeOptionIndex: _angular_core.WritableSignal<number>;
+    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    optionsRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    private static openMenus;
+    openMenusEffect: _angular_core.EffectRef;
+    options: {
+        signal: _angular_core.Signal<HTMLButtonElement[]>;
+        destroy: () => void;
+    };
+    optionsEl: _angular_core.Signal<HTMLButtonElement[]>;
+    inputValue: _angular_core.WritableSignal<string | undefined>;
+    readonly optionsId: string;
+    activeOptionId: _angular_core.WritableSignal<string | undefined>;
+    abortController: AbortController | null;
+    optionsEffect: _angular_core.EffectRef;
+    keyDownEventListener: (e: KeyboardEvent) => void;
+    _lastElementList: HTMLButtonElement[];
+    activeElements: _angular_core.WritableSignal<HTMLButtonElement[]>;
+    lastInputValue: string;
+    inputValueEffect: _angular_core.EffectRef;
+    toggleIsOpen(event: MouseEvent): void;
+    open(): void;
+    onShipMenuOpen(event: Event): void;
+    activeOptionIndexEffect: _angular_core.EffectRef;
+    nextActiveIndex(activeIndex: number): number;
+    prevActiveIndex(activeIndex: number): number;
+    close(action?: 'fromPopover' | 'closed' | 'active', event?: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipMenu, "sh-menu", never, { "asMultiLayer": { "alias": "asMultiLayer"; "required": false; "isSignal": true; }; "openIndicator": { "alias": "openIndicator"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "customOptionElementSelectors": { "alias": "customOptionElementSelectors"; "required": false; "isSignal": true; }; "keepClickedOptionActive": { "alias": "keepClickedOptionActive"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["*", "[menu]"], true, never>;
+}
+
+export { ShipMenu };

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

@@ -0,0 +1,40 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+type ShipPopoverOptions = {
+    width?: string;
+    height?: string;
+    closeOnButton?: boolean;
+    closeOnEsc?: boolean;
+};
+declare class ShipPopover {
+    #private;
+    SUPPORTS_ANCHOR: boolean;
+    asMultiLayer: _angular_core.InputSignal<boolean>;
+    asSheetOnMobile: _angular_core.InputSignal<boolean>;
+    disableOpenByClick: _angular_core.InputSignal<boolean>;
+    isOpen: _angular_core.ModelSignal<boolean>;
+    options: _angular_core.InputSignal<Partial<ShipPopoverOptions> | undefined>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    defaultOptionMerge: _angular_core.Signal<{
+        width?: string;
+        height?: string;
+        closeOnButton?: boolean;
+        closeOnEsc?: boolean;
+    }>;
+    triggerRef: _angular_core.Signal<ElementRef<HTMLElement>>;
+    popoverRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    popoverContentRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    id: _angular_core.WritableSignal<string>;
+    menuStyle: _angular_core.WritableSignal<any>;
+    openAbort: AbortController | null;
+    openEffect: _angular_core.EffectRef;
+    toggleIsOpen(event: MouseEvent): void;
+    eventClose($event: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipPopover, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipPopover, "sh-popover", never, { "asMultiLayer": { "alias": "asMultiLayer"; "required": false; "isSignal": true; }; "asSheetOnMobile": { "alias": "asSheetOnMobile"; "required": false; "isSignal": true; }; "disableOpenByClick": { "alias": "disableOpenByClick"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; }, never, ["[trigger]", "button", "[shButton]", "*"], true, never>;
+}
+
+export { ShipPopover };
+export type { ShipPopoverOptions };

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

@@ -0,0 +1,14 @@
+import * as _angular_core from '@angular/core';
+
+type ShipProgressBarMode = 'determinate' | 'indeterminate';
+declare class ShipProgressBar {
+    value: _angular_core.InputSignal<number | undefined>;
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
+    hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipProgressBar, "sh-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ShipProgressBar };
+export type { ShipProgressBarMode };

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

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+declare class ShipRadio {
+    private readonly _elementRef;
+    internalInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    projectedInputs: _angular_core.Signal<HTMLInputElement[]>;
+    checked: _angular_core.ModelSignal<boolean>;
+    currentClassList: _angular_core.Signal<string>;
+    color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    variant: _angular_core.InputSignal<"" | "simple" | "outlined" | "flat" | "raised" | null>;
+    readonly: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    noInternalInput: _angular_core.InputSignal<boolean>;
+    protected onInternalInputChange(event: Event): void;
+    hostClasses: _angular_core.Signal<string>;
+    protected onEnter(event: Event): 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>;
+}
+
+export { ShipRadio };

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

@@ -0,0 +1,31 @@
+import * as _angular_core from '@angular/core';
+
+declare class ShipRangeSlider {
+    #private;
+    unit: _angular_core.InputSignal<string>;
+    value: _angular_core.ModelSignal<number>;
+    inputState: _angular_core.WritableSignal<{
+        min: number;
+        max: number;
+        step: number;
+    }>;
+    readonly color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
+    readonly variant: _angular_core.InputSignal<"" | "simple" | "base" | "thick" | "outlined" | "flat" | "raised" | null>;
+    readonly size: _angular_core.InputSignal<"" | "small" | "xsmall" | null>;
+    readonly sharp: _angular_core.InputSignal<boolean | undefined>;
+    readonly alwaysShow: _angular_core.InputSignal<boolean | undefined>;
+    hostClasses: _angular_core.Signal<string>;
+    valuePercentage: _angular_core.Signal<number>;
+    trackFilledPercentage: _angular_core.Signal<number>;
+    thumbPositionPercentage: _angular_core.Signal<number>;
+    syncModelToInputEffect: _angular_core.EffectRef;
+    get hasInputElement(): boolean;
+    ngAfterViewInit(): void;
+    setNewInputValue(value: string): void;
+    trackEvent(e: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipRangeSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipRangeSlider, "sh-range-slider", never, { "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "sharp": { "alias": "sharp"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["label", "input[type=range]"], true, never>;
+}
+
+export { ShipRangeSlider };