@haloduck/ui 2.1.0 → 2.1.1

package/index.d.ts

@@ -0,0 +1,1464 @@
+import * as rxjs from 'rxjs';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from '@angular/core';
+import { InjectionToken, OnInit, EventEmitter, AfterViewInit, OnChanges, ElementRef, SimpleChanges, OnDestroy, Type, Renderer2, ChangeDetectorRef, Injector, TemplateRef } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { FormGroup, FormBuilder, ControlValueAccessor } from '@angular/forms';
+import { LngLat, MenuItemEx, SearchParams, TableRowProperty } from '@haloduck/core';
+import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
+import * as THREE from 'three';
+import { STLLoader, OrbitControls } from 'three-stdlib';
+import * as _haloduck_ui from '@haloduck/ui';
+import { OverlayRef, Overlay } from '@angular/cdk/overlay';
+import * as _jsverse_transloco from '@jsverse/transloco';
+
+interface SocialLoginProvider {
+    name: 'google' | 'apple' | 'kakao';
+    enabled: boolean;
+    clientId?: string;
+    redirectUrl?: string;
+    state?: {
+        [key: string]: string;
+    };
+}
+interface MetaData {
+    userType: string;
+    groupId: string;
+}
+interface AuthenticateConfig {
+    socialLoginProviders?: SocialLoginProvider[];
+    metaData?: MetaData;
+    useSignUp?: boolean;
+}
+declare const AUTHENTICATE_CONFIG: InjectionToken<AuthenticateConfig>;
+declare function provideAuthenticateConfig(config: AuthenticateConfig): {
+    provide: InjectionToken<AuthenticateConfig>;
+    useValue: AuthenticateConfig;
+};
+declare function provideSocialLoginProviders(providers: SocialLoginProvider[]): {
+    provide: InjectionToken<AuthenticateConfig>;
+    useValue: AuthenticateConfig;
+};
+declare function provideAuthenticateMetadata(metadata: MetaData): {
+    provide: InjectionToken<AuthenticateConfig>;
+    useValue: AuthenticateConfig;
+};
+declare class AuthenticateComponent implements OnInit {
+    private fb;
+    private http;
+    private notificationService;
+    private injectedConfig;
+    private translateService;
+    metaData?: any;
+    socialLoginProviders?: SocialLoginProvider[];
+    useSignUp?: boolean;
+    get effectiveMetaData(): any;
+    get effectiveSocialProviders(): SocialLoginProvider[];
+    get effectiveUseSignUp(): boolean;
+    showSocialLogin: boolean;
+    showDivider: boolean;
+    loginForm: FormGroup;
+    signupForm: FormGroup;
+    confirmSignupForm: FormGroup;
+    resetForm: FormGroup;
+    newPasswordForm: FormGroup;
+    otpForm: FormGroup;
+    stage: 'login' | 'signup' | 'confirmSignup' | 'reset' | 'newPassword' | 'otpVerify';
+    emailForReset: string;
+    emailForConfirm: string;
+    isCurrentlySignedIn: boolean;
+    currentUserEmail: string;
+    constructor(fb: FormBuilder, http: HttpClient);
+    ngOnInit(): void;
+    checkCurrentUserStatus(): void;
+    switchStage(stage: 'login' | 'signup' | 'confirmSignup' | 'reset' | 'newPassword' | 'otpVerify'): void;
+    login(): void;
+    confirmNewPassword(): void;
+    signup(): void;
+    confirmSignup(): void;
+    resendConfirmationCode(): void;
+    handleAlreadyAuthenticatedUser(): void;
+    signOutCurrentUser(): void;
+    reset(): void;
+    verifyOtp(): void;
+    get passwordValue(): string;
+    get isMinLength(): boolean;
+    get hasUppercase(): boolean;
+    get hasLowercase(): boolean;
+    get hasNumber(): boolean;
+    get hasSpecialChar(): boolean;
+    get isPasswordValid(): boolean;
+    get passwordRules(): {
+        label: string;
+        valid: boolean;
+    }[];
+    get signupPasswordValue(): string;
+    get signupIsMinLength(): boolean;
+    get signupHasUppercase(): boolean;
+    get signupHasLowercase(): boolean;
+    get signupHasNumber(): boolean;
+    get signupHasSpecialChar(): boolean;
+    get isSignupPasswordValid(): boolean;
+    get signupPasswordRules(): {
+        label: string;
+        valid: boolean;
+    }[];
+    get enabledSocialProviders(): SocialLoginProvider[];
+    isProviderEnabled(providerName: 'google' | 'apple' | 'kakao'): boolean;
+    loginWithGoogle(): void;
+    loginWithApple(): void;
+    loginWithKakao(): void;
+    getSocialLoginIcon(provider: string): string;
+    getSocialLoginLabel(provider: string): rxjs.Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthenticateComponent, "haloduck-authenticate", never, { "metaData": { "alias": "metaData"; "required": false; }; "socialLoginProviders": { "alias": "socialLoginProviders"; "required": false; }; "useSignUp": { "alias": "useSignUp"; "required": false; }; "showSocialLogin": { "alias": "showSocialLogin"; "required": false; }; "showDivider": { "alias": "showDivider"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface ProcessCognitoUserResponse {
+    email: string;
+    authResult: {
+        AccessToken: string;
+        ExpiresIn: number;
+        IdToken: string;
+        RefreshToken: string;
+        TokenType: string;
+    };
+}
+declare class AuthenticateCallbackComponent implements OnInit {
+    private route;
+    private router;
+    private notificationService;
+    isProcessing: boolean;
+    error: string | null;
+    success: boolean;
+    ngOnInit(): void;
+    private handleSocialCallback;
+    private decodeBase64;
+    private processAmplifyLogin;
+    private getClientId;
+    redirectToLogin(): void;
+    private redirectAfterLogin;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticateCallbackComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthenticateCallbackComponent, "haloduck-authenticate-callback", never, {}, {}, never, never, true, never>;
+}
+
+type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'none';
+declare class ButtonComponent {
+    disabled: boolean | null;
+    variant: ButtonVariant;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "haloduck-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+interface Option {
+    id?: string;
+    value: string;
+    isSticky?: boolean;
+    isExclusive?: boolean;
+    shouldManualInput?: boolean;
+    manualPrefix?: string;
+}
+declare class SelectDropdownComponent {
+    protected _filteredOptions: i0.WritableSignal<Option[]>;
+    protected _options: Option[];
+    protected _selectedOptionIds: string[];
+    protected manualInputValues: Record<string, string>;
+    protected activeManualKey: string | null;
+    protected isComposing: boolean;
+    selectedChange: EventEmitter<string[]>;
+    closeDropdown: EventEmitter<void>;
+    useFilter: boolean;
+    multiselect: boolean;
+    atLeastOne: boolean;
+    asButton: boolean;
+    set options(value: Option[] | null);
+    get options(): Option[] | null;
+    set selectedOptionIds(value: string[] | null);
+    get selectedOptions(): string[] | null;
+    onFilterInput(event: Event): void;
+    onToggleOption(option: Option): void;
+    onEditManualInput(option: Option): void;
+    getManualInputDisplayValue(option: Option): string;
+    isOptionSelected(option: Option): boolean;
+    private isIdExclusive;
+    private getManualKey;
+    private seedManualInputs;
+    onManualInputChange(option: Option, value: string): void;
+    onCompositionStart(): void;
+    onCompositionEnd(option: Option, event: Event): void;
+    onManualInputKeydown(option: Option, event: KeyboardEvent): void;
+    onManualInputConfirm(option: Option): void;
+    onManualInputBlur(option: Option): void;
+    private emitSelectedChange;
+    private setSelected;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectDropdownComponent, "haloduck-select-dropdown", never, { "useFilter": { "alias": "useFilter"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "atLeastOne": { "alias": "atLeastOne"; "required": false; }; "asButton": { "alias": "asButton"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedOptionIds": { "alias": "selectedOptionIds"; "required": false; }; }, { "selectedChange": "selectedChange"; "closeDropdown": "closeDropdown"; }, never, never, true, never>;
+}
+
+declare class SelectComponent implements ControlValueAccessor, AfterViewInit, OnChanges {
+    private readonly translateService;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly cdr;
+    private overlayRef;
+    private static instanceCounter;
+    readonly radioGroupName: string;
+    selectedChange: EventEmitter<string | string[]>;
+    disabled: boolean | null;
+    loading: boolean;
+    variant: 'primary' | 'secondary' | 'danger' | 'none';
+    asButton: boolean;
+    useIcon: boolean;
+    useFilter: boolean;
+    multiselect: boolean;
+    placeholder: string;
+    atLeastOne: boolean;
+    showAll: boolean;
+    showAllItems: boolean;
+    options: Option[] | null;
+    layout: 'horizontal' | 'vertical';
+    labelWidth: string;
+    set value(value: string[] | string);
+    get value(): string | string[] | null;
+    origin: ElementRef;
+    label: ElementRef;
+    isDropdownOpen: i0.WritableSignal<boolean>;
+    selectedOptionIds: string[];
+    displayedSelectedOptions: Option[];
+    private selectedIdToDisplayOption;
+    manualInputValues: Record<string, string>;
+    activeManualKey: string | null;
+    isComposing: boolean;
+    onClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onDeselectOption(event: Event, option: Option): void;
+    onToggleOption(option: Option): void;
+    isOptionSelected(option: Option): boolean;
+    private isIdExclusive;
+    getSelectedValue(): string | string[] | null;
+    onChange: (_value: any) => void;
+    onTouched: () => void;
+    writeValue(value: string[] | string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngAfterViewInit(): void;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    private recomputeSelectedOptions;
+    private isManualSelection;
+    getManualKey(option: Option): string;
+    seedManualInputs(): void;
+    onManualInputChange(option: Option, value: string): void;
+    onCompositionStart(): void;
+    onCompositionEnd(option: Option, event: Event): void;
+    onManualInputKeydown(option: Option, event: KeyboardEvent): void;
+    onManualInputBlur(option: Option): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "haloduck-select", never, { "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "asButton": { "alias": "asButton"; "required": false; }; "useIcon": { "alias": "useIcon"; "required": false; }; "useFilter": { "alias": "useFilter"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "atLeastOne": { "alias": "atLeastOne"; "required": false; }; "showAll": { "alias": "showAll"; "required": false; }; "showAllItems": { "alias": "showAllItems"; "required": false; }; "options": { "alias": "options"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "labelWidth": { "alias": "labelWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, ["*", "buttonIcon"], true, never>;
+}
+
+interface DateRange {
+    from: string;
+    to: string;
+}
+interface DateRangeDropdown {
+    currentYear: number;
+    currentMonth: number;
+    from?: string;
+    listCalendarDate: CalendarDate[];
+}
+interface CalendarDate {
+    datetime: string;
+    date: string;
+    isToday: boolean;
+    isTheDate: boolean;
+    isCurrentMonth: boolean;
+}
+declare class CalendarComponent implements OnInit {
+    private readonly translateService;
+    monthSelect: SelectComponent;
+    singleDate: boolean;
+    firstDayOfWeek: number;
+    selectedDate?: string;
+    selectedDateRange?: DateRange;
+    dateChange: EventEmitter<CalendarDate>;
+    dateRangeChange: EventEmitter<DateRange>;
+    currentYear: number;
+    currentMonth: number;
+    listCalendarDate: CalendarDate[];
+    isFromSelected: boolean;
+    yearList: Option[];
+    monthList: Option[];
+    onAdjustYear(amount: number): void;
+    onAdjustMonth(amount: number): void;
+    onSelectCalendarDate(date: CalendarDate): void;
+    onCalenderOpen(value: string | DateRange): void;
+    calculateDateRangeDropdown(): void;
+    onSelectYear(year: string | string[]): void;
+    onSelectMonth(month: string | string[]): void;
+    ngOnInit(): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "haloduck-calendar", never, { "singleDate": { "alias": "singleDate"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedDateRange": { "alias": "selectedDateRange"; "required": false; }; }, { "dateChange": "dateChange"; "dateRangeChange": "dateRangeChange"; }, never, never, true, never>;
+}
+declare function dateToString(date: Date): string;
+
+interface Button {
+    id: string;
+    label: string;
+    variant: ButtonVariant;
+}
+
+declare class ConfirmDialogService {
+    private readonly dialogService;
+    private clickedButton$;
+    confirm(title: string, message: string, buttons: Button[]): Observable<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmDialogService>;
+}
+
+declare class CopyButtonComponent {
+    text: string;
+    isAnimating: boolean;
+    copyToClipboard($event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopyButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopyButtonComponent, "haloduck-copy-button", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DatePickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    destroy$: Subject<void>;
+    private readonly translateService;
+    private readonly overlay;
+    disabled: boolean;
+    placeholder: string;
+    firstDayOfWeek: number;
+    origin: ElementRef;
+    selectedDate?: string;
+    private overlayRef?;
+    onClick(): void;
+    onDateChange(date: CalendarDate): void;
+    openCalendar(): void;
+    closeCalendar(): void;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "haloduck-date-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DateRangeComponent implements ControlValueAccessor, OnDestroy {
+    destroy$: Subject<void>;
+    private readonly translateService;
+    private readonly overlay;
+    dateRangeOptions: Option[];
+    disabled: boolean;
+    placeholder: string;
+    firstDayOfWeek: number;
+    origin: ElementRef;
+    selectedDateRangeOptionId?: string;
+    dateRange?: DateRange;
+    private overlayRef?;
+    getSelectedDateRangeString(): any;
+    onClick(): void;
+    onDateRangeOptionChange(selectedOptionId: string): void;
+    onDateRangeChange(dateRange: DateRange): void;
+    calculateDateRange(): void;
+    getDateRangeOptionId(dateRange: DateRange): string;
+    openCalendar(): void;
+    closeCalendar(): void;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    writeValue(value: DateRange): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnDestroy(): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "haloduck-date-range", never, { "dateRangeOptions": { "alias": "dateRangeOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class DrawCanvasComponent implements AfterViewInit, ControlValueAccessor {
+    imagePath: string;
+    lineColor: string;
+    canvasRef: ElementRef<HTMLCanvasElement>;
+    private ctx;
+    private isDrawing;
+    private onChange;
+    private onTouched;
+    ngAfterViewInit(): void;
+    private loadImage;
+    private setupCanvas;
+    private startMouseDrawing;
+    private mouseDraw;
+    private startTouchDrawing;
+    private touchDraw;
+    private stopDrawing;
+    saveDrawing(): void;
+    private dataURLToBlob;
+    writeValue(file: File | null): void;
+    registerOnChange(fn: (file: File | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onReset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawCanvasComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawCanvasComponent, "haloduck-draw-canvas", never, { "imagePath": { "alias": "imagePath"; "required": false; }; "lineColor": { "alias": "lineColor"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare const ERROR_NOT_ACCEPTABLE_FILE_TYPE = "NOT_ACCEPTABLE_FILE_TYPE";
+declare const ERROR_OVER_SIZE = "OVER_SIZE";
+declare const ERROR_OVER_COUNT = "OVER_COUNT";
+declare const ERROR_UPLOAD = "UPLOAD";
+interface FileEx extends File {
+    isUploading: boolean;
+    isUploaded: boolean;
+    key: string;
+    name: string;
+    size: number;
+    type: string;
+    tag: string[];
+    previewUrl?: string;
+}
+declare class FileUploaderComponent implements ControlValueAccessor {
+    disabled: boolean;
+    urlPrefix: string;
+    keyPrefix: string;
+    uploadApi: (file: File, keyPrefix: string) => Observable<string>;
+    multiple: boolean;
+    maxCount: number;
+    maxSize: number;
+    accept: string[];
+    filesAdded: EventEmitter<FileEx[]>;
+    fileRemoved: EventEmitter<FileEx>;
+    error: EventEmitter<{
+        error: string;
+        file: FileEx;
+    }[]>;
+    private readonly cdr;
+    private readonly zone;
+    files: FileEx[];
+    isUploading: boolean;
+    isDragOver: boolean;
+    private onChange;
+    private onTouched;
+    writeValue(files: FileEx[]): void;
+    registerOnChange(fn: (files: FileEx[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onFileSelected(event: Event): void;
+    removeFile(index: number): void;
+    onFileTagChanged(index: number, tags: string[]): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    getFilePreview(file: FileEx): string;
+    addFiles(addedFiles: FileEx[]): void;
+    isAcceptableFileType(file: File): boolean;
+    startUpload(): Observable<FileEx[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploaderComponent, "haloduck-file-uploader", never, { "disabled": { "alias": "disabled"; "required": false; }; "urlPrefix": { "alias": "urlPrefix"; "required": false; }; "keyPrefix": { "alias": "keyPrefix"; "required": false; }; "uploadApi": { "alias": "uploadApi"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxCount": { "alias": "maxCount"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; }, { "filesAdded": "filesAdded"; "fileRemoved": "fileRemoved"; "error": "error"; }, never, never, true, never>;
+}
+
+declare class FlipComponent {
+    title: string;
+    set isOpen(value: boolean);
+    _isOpen: i0.WritableSignal<boolean>;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlipComponent, "haloduck-flip", never, { "title": { "alias": "title"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class ImageUploaderComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+    label: ElementRef;
+    disabled: boolean;
+    id: string;
+    alt: string;
+    urlPrefix: string;
+    keyPrefix: string;
+    uploadApi: (file: File, keyPrefix: string) => Observable<string>;
+    backgroundImage: string;
+    shouldPassToSibling: boolean;
+    passToSibling: EventEmitter<FileEx[]>;
+    fileAdded: EventEmitter<FileEx>;
+    fileRemoved: EventEmitter<FileEx>;
+    error: EventEmitter<{
+        error: string;
+        file: FileEx;
+    }[]>;
+    imageUrl: string | null;
+    file: FileEx | null;
+    isDragOver: boolean;
+    isUploading: boolean;
+    private readonly dialogService;
+    private onChange;
+    private onTouched;
+    writeValue(key: string | null): void;
+    registerOnChange(fn: (url: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    startUpload(): Observable<FileEx>;
+    onFileSelected(event: Event): void;
+    onDrop(event: DragEvent): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDragStart(event: DragEvent): void;
+    onDragEnd(event: DragEvent): void;
+    removeImage(): void;
+    setFiles(listFile: FileEx[]): void;
+    previewImage(imageUrl: string): void;
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageUploaderComponent, "haloduck-image-uploader", never, { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "urlPrefix": { "alias": "urlPrefix"; "required": false; }; "keyPrefix": { "alias": "keyPrefix"; "required": false; }; "uploadApi": { "alias": "uploadApi"; "required": false; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; }; "shouldPassToSibling": { "alias": "shouldPassToSibling"; "required": false; }; }, { "passToSibling": "passToSibling"; "fileAdded": "fileAdded"; "fileRemoved": "fileRemoved"; "error": "error"; }, never, ["*"], true, never>;
+}
+
+declare class ImageViewerComponent {
+    context: any;
+    imageUrl: string;
+    imageAlt: string;
+    private readonly dialogService;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageViewerComponent, "haloduck-image-viewer", never, { "context": { "alias": "context"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class InputComponent implements ControlValueAccessor, AfterViewInit {
+    private readonly cdr;
+    label: ElementRef;
+    private inputElement;
+    placeholder: string;
+    type: string;
+    disabled: boolean;
+    rows: number;
+    autofocus: boolean;
+    value: string;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    focus(): void;
+    onInput(event: Event): void;
+    onKeydown($event: KeyboardEvent): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "haloduck-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LanguageSelectorComponent implements OnInit {
+    origin: ElementRef;
+    private readonly destroy$;
+    private readonly translateService;
+    private readonly overlay;
+    language: i0.WritableSignal<string>;
+    private overlayRef?;
+    showLanguageOptions(): void;
+    hideLanguageOptions(): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LanguageSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LanguageSelectorComponent, "haloduck-language-selector", never, {}, {}, never, never, true, never>;
+}
+
+declare const google: any;
+interface Location {
+    plusCode: string;
+    postalCode: string;
+    countryCode: string;
+    country: string;
+    area1: string;
+    area2: string;
+    area3: string;
+    formatted: string;
+    lat: number;
+    lng: number;
+}
+declare class MapToAddressComponent implements OnInit, ControlValueAccessor {
+    private readonly coreService;
+    mapId: string;
+    defaultLngLat: LngLat;
+    disabled: boolean;
+    language: string;
+    currentLngLat?: LngLat;
+    private _currentAddress?;
+    private _isGoogleLoaded;
+    private _loadError?;
+    get isGoogleLoaded(): boolean;
+    get loadError(): string | undefined;
+    set currentAddress(value: string);
+    locationChanged: EventEmitter<Location>;
+    map: any;
+    marker: any;
+    location: Location;
+    private onChange;
+    private onTouched;
+    ngOnInit(): Promise<void>;
+    initScript(): Promise<void>;
+    initMap(): void;
+    initializeMap(lngLat: LngLat): void;
+    onClick(event: any): void;
+    setMapToAddress(): void;
+    getAddress(): void;
+    parseAddress(results: any): Location;
+    getComponentLongName(results: any[], type: string): string;
+    getComponentShortName(results: any[], type: string): string;
+    writeValue(value: Location): void;
+    registerOnChange(fn: (value: Location) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapToAddressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapToAddressComponent, "haloduck-map-to-address", never, { "disabled": { "alias": "disabled"; "required": false; }; "language": { "alias": "language"; "required": false; }; "currentLngLat": { "alias": "currentLngLat"; "required": false; }; "currentAddress": { "alias": "currentAddress"; "required": false; }; }, { "locationChanged": "locationChanged"; }, never, never, true, never>;
+}
+
+declare class SideMenuComponent {
+    menuItems: Array<MenuItemEx>;
+    depth: number;
+    menuItemSelected: EventEmitter<MenuItemEx>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideMenuComponent, "haloduck-side-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; }, { "menuItemSelected": "menuItemSelected"; }, never, never, true, never>;
+}
+
+declare class SideMenuItemComponent implements OnInit {
+    private sanitizer;
+    private readonly router;
+    menuItem: MenuItemEx;
+    depth: number;
+    menuItemSelectHandler?: EventEmitter<MenuItemEx>;
+    iconSvg: SafeHtml;
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
+    onMenuItemSelected(menuItem: MenuItemEx): void;
+    navigateTo(link: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideMenuItemComponent, "haloduck-side-menu-item", never, { "menuItem": { "alias": "menuItem"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "menuItemSelectHandler": { "alias": "menuItemSelectHandler"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class StlViewerComponent implements OnInit, AfterViewInit, OnDestroy {
+    fileUrl: string;
+    filename: string;
+    context: any;
+    containerRef: ElementRef;
+    private readonly dialogService;
+    isPopup: boolean;
+    scene: THREE.Scene;
+    camera: THREE.PerspectiveCamera;
+    renderer: THREE.WebGLRenderer;
+    loader: STLLoader;
+    controls: OrbitControls;
+    loadingPercentage: number;
+    showStl(): void;
+    download(): void;
+    closeDialog(): void;
+    animate: () => void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StlViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StlViewerComponent, "haloduck-stl-viewer", never, { "fileUrl": { "alias": "fileUrl"; "required": false; }; "filename": { "alias": "filename"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface TableColumn {
+    key: string | string[];
+    label: string;
+    width?: string;
+    align?: 'text-left' | 'text-center' | 'text-right';
+    sortable?: boolean;
+    sort?: SearchParams.Sort;
+    type?: 'number' | 'date' | 'datetime' | 'time' | 'custom';
+    breakpoint?: string;
+    hidden?: Observable<boolean>;
+    customRenderFn?: (data: any) => Observable<string>;
+    customRenderTemplate?: string;
+    fix?: 'left' | 'right' | 'none';
+    copyable?: boolean;
+}
+interface TableRow extends TableRowProperty {
+    [key: string]: any;
+}
+declare class TableComponent implements OnInit, AfterViewInit {
+    private readonly coreService;
+    private readonly tableSettingService;
+    loadMoreRowRef?: ElementRef;
+    tableLayout: 'fixed' | 'auto';
+    tableName: string;
+    useLoadMore: boolean;
+    private defaultAutoLoad;
+    private defaultShowHeader;
+    columns: TableColumn[];
+    rows: Observable<TableRow[]>;
+    isLoading: Observable<boolean>;
+    isPaging: Observable<boolean>;
+    sort: Observable<SearchParams.Sort[]>;
+    expandedTemplate?: any;
+    customTemplates: {
+        [key: string]: any;
+    };
+    onSortChange: EventEmitter<SearchParams.Sort>;
+    lastEvaluatedKey: Observable<any>;
+    onLoadMore: EventEmitter<any>;
+    onRowClick: EventEmitter<TableRow>;
+    onRowDblClick: EventEmitter<TableRow>;
+    settings$: Observable<_haloduck_ui.TableSettings>;
+    showHeader$: Observable<boolean>;
+    autoLoad$: Observable<boolean>;
+    getColumnValue(row: TableRow, column: TableColumn): Observable<string>;
+    getColumnValueRaw(row: TableRow, column: TableColumn): any;
+    getColumnValueRawWithArrayKey(row: TableRow, column: TableColumn): any;
+    getNumber(data: any): Observable<string>;
+    getDate(data: any): Observable<string>;
+    getDateTime(data: any): Observable<string>;
+    getTime(data: any): Observable<string>;
+    onUpdateSort(field: string | string[], direction: SearchParams.SortDirection): void;
+    getSortDirection(field: string | string[]): Observable<string | undefined>;
+    onLoadMoreClicked(): void;
+    onAutoLoadTriggered(): void;
+    onRowClicked(row: TableRow): void;
+    onRowDblClicked(row: TableRow): void;
+    getFixedPosition(column: TableColumn, side: 'left' | 'right'): string | null;
+    getFixedZIndex(column: TableColumn): number;
+    copyToClipboard(event: Event, row: TableRow, column: TableColumn): Promise<void>;
+    ngOnInit(): void;
+    openSettings(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "haloduck-table", never, { "tableLayout": { "alias": "tableLayout"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; "useLoadMore": { "alias": "useLoadMore"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isPaging": { "alias": "isPaging"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; "customTemplates": { "alias": "customTemplates"; "required": false; }; "lastEvaluatedKey": { "alias": "lastEvaluatedKey"; "required": false; }; }, { "onSortChange": "onSortChange"; "onLoadMore": "onLoadMore"; "onRowClick": "onRowClick"; "onRowDblClick": "onRowDblClick"; }, never, never, true, never>;
+}
+
+interface TableSettings {
+    showHeader: boolean;
+    autoLoad: boolean;
+}
+declare class TableSettingService {
+    private dialogService;
+    private currentOverlayRef?;
+    private currentTableNameSubject;
+    private settingsSubjects;
+    private defaultSettings;
+    get currentTableName$(): Observable<string>;
+    show(tableName: string): void;
+    hide(): void;
+    getSettings(tableName: string): Observable<TableSettings>;
+    setCurrentTableName(tableName: string): void;
+    updateSettings(tableName: string, settings: TableSettings): void;
+    private loadSettingsFromStorage;
+    private saveSettingsToStorage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableSettingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TableSettingService>;
+}
+
+declare class TableSettingComponent implements OnInit {
+    private readonly tableSettingService;
+    context?: {
+        tableName: string;
+        overlayRef: OverlayRef;
+    };
+    get currentSettings$(): rxjs.Observable<TableSettings>;
+    ngOnInit(): void;
+    close(): void;
+    onSettingChange(settings: TableSettings): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableSettingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableSettingComponent, "haloduck-table-setting", never, { "context": { "alias": "context"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ToggleComponent implements ControlValueAccessor, AfterViewInit {
+    layout: 'horizontal' | 'vertical';
+    value: boolean | null;
+    disabled: boolean;
+    nullable: boolean;
+    toggled: EventEmitter<boolean | null>;
+    label: ElementRef;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onToggle(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "haloduck-toggle", never, { "layout": { "alias": "layout"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "nullable": { "alias": "nullable"; "required": false; }; }, { "toggled": "toggled"; }, never, ["*"], true, never>;
+}
+
+interface TabItem {
+    id?: string;
+    label: string;
+    component: Type<any>;
+    inputs?: Record<string, any>;
+}
+declare class TabsComponent implements OnChanges, AfterViewInit {
+    tabs: TabItem[];
+    selectedIndex: number;
+    layout: 'horizontal' | 'vertical';
+    labelWidth: string;
+    selectedIndexChange: EventEmitter<number>;
+    label: ElementRef;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    get current(): TabItem | null;
+    select(index: number): void;
+    private ensureSelectedInRange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "haloduck-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "labelWidth": { "alias": "labelWidth"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, ["[slot=label]"], true, never>;
+}
+
+declare class TagInputComponent implements ControlValueAccessor, AfterViewInit {
+    label: ElementRef;
+    inputEl: ElementRef<HTMLInputElement>;
+    placeholder: string;
+    disabled: boolean;
+    allowDuplicates: boolean;
+    set value(tags: string[] | null);
+    valueChange: EventEmitter<string[]>;
+    tags: string[];
+    inputValue: string;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    writeValue(value: string[] | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngAfterViewInit(): void;
+    focus(): void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    onKeydown(event: KeyboardEvent): void;
+    removeTag(index: number): void;
+    private commitCurrentInput;
+    private addTag;
+    private emitChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagInputComponent, "haloduck-tag-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+}
+
+declare class TagViewerComponent implements AfterViewInit {
+    label: ElementRef;
+    tags: string[];
+    shouldWrap: boolean;
+    set value(tags: string[] | null);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagViewerComponent, "haloduck-tag-viewer", never, { "shouldWrap": { "alias": "shouldWrap"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+interface GroupedConfig {
+    layoutClasses?: string;
+    bgClasses?: string;
+    borderClasses?: string;
+    labelText?: string;
+    labelClasses?: string;
+    labelOffset?: string;
+}
+declare class GroupedDirective implements OnInit {
+    private elementRef;
+    private renderer;
+    haloduckGrouped: GroupedConfig | string;
+    layoutClasses: string;
+    bgClasses: string;
+    borderClasses: string;
+    labelText: string;
+    labelClasses: string;
+    labelOffset: string;
+    hostClasses: string;
+    private labelElement;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    private applyConfig;
+    private createLayout;
+    private createBorder;
+    private createLabel;
+    private addClasses;
+    private removeBorderClasses;
+    updateLabel(text: string): void;
+    toggleLabel(show: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GroupedDirective, "[haloduckGrouped]", never, { "haloduckGrouped": { "alias": "haloduckGrouped"; "required": false; }; "layoutClasses": { "alias": "layoutClasses"; "required": false; }; "bgClasses": { "alias": "bgClasses"; "required": false; }; "borderClasses": { "alias": "borderClasses"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "labelOffset": { "alias": "labelOffset"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare const WYSIWYG_ICONS: {
+    readonly undo: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>";
+    readonly redo: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7\"/></svg>";
+    readonly bold: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8\"/></svg>";
+    readonly italic: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" x2=\"10\" y1=\"4\" y2=\"4\"/><line x1=\"14\" x2=\"5\" y1=\"20\" y2=\"20\"/><line x1=\"15\" x2=\"9\" y1=\"4\" y2=\"20\"/></svg>";
+    readonly underline: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 4v6a6 6 0 0 0 12 0V4\"/><line x1=\"4\" x2=\"20\" y1=\"20\" y2=\"20\"/></svg>";
+    readonly strikethrough: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"/></svg>";
+    readonly superscript: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 19 8-8\"/><path d=\"m12 19-8-8\"/><path d=\"M20 12h-4c0-1.5.44-2 1.5-2.5S20 8.33 20 7c0-1.11-.9-2-2-2h-2\"/></svg>";
+    readonly subscript: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 5 8 8\"/><path d=\"m12 5-8 8\"/><path d=\"M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-1.11-.9-2-2-2h-2\"/></svg>";
+    readonly alignLeft: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"21\" x2=\"3\" y1=\"6\" y2=\"6\"/><line x1=\"15\" x2=\"3\" y1=\"12\" y2=\"12\"/><line x1=\"17\" x2=\"3\" y1=\"18\" y2=\"18\"/></svg>";
+    readonly alignCenter: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"21\" x2=\"3\" y1=\"6\" y2=\"6\"/><line x1=\"17\" x2=\"7\" y1=\"12\" y2=\"12\"/><line x1=\"19\" x2=\"5\" y1=\"18\" y2=\"18\"/></svg>";
+    readonly alignRight: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"21\" x2=\"3\" y1=\"6\" y2=\"6\"/><line x1=\"21\" x2=\"9\" y1=\"12\" y2=\"12\"/><line x1=\"21\" x2=\"7\" y1=\"18\" y2=\"18\"/></svg>";
+    readonly alignJustify: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" x2=\"21\" y1=\"6\" y2=\"6\"/><line x1=\"3\" x2=\"21\" y1=\"12\" y2=\"12\"/><line x1=\"3\" x2=\"21\" y1=\"18\" y2=\"18\"/></svg>";
+    readonly listBullet: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" x2=\"21\" y1=\"6\" y2=\"6\"/><line x1=\"8\" x2=\"21\" y1=\"12\" y2=\"12\"/><line x1=\"8\" x2=\"21\" y1=\"18\" y2=\"18\"/><line x1=\"3\" x2=\"3.01\" y1=\"6\" y2=\"6\"/><line x1=\"3\" x2=\"3.01\" y1=\"12\" y2=\"12\"/><line x1=\"3\" x2=\"3.01\" y1=\"18\" y2=\"18\"/></svg>";
+    readonly listOrdered: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"10\" x2=\"21\" y1=\"6\" y2=\"6\"/><line x1=\"10\" x2=\"21\" y1=\"12\" y2=\"12\"/><line x1=\"10\" x2=\"21\" y1=\"18\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\"/></svg>";
+    readonly indentIncrease: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 8 7 12 3 16\"/><line x1=\"21\" x2=\"11\" y1=\"12\" y2=\"12\"/><line x1=\"21\" x2=\"11\" y1=\"6\" y2=\"6\"/><line x1=\"21\" x2=\"11\" y1=\"18\" y2=\"18\"/></svg>";
+    readonly indentDecrease: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"7 8 3 12 7 16\"/><line x1=\"21\" x2=\"11\" y1=\"12\" y2=\"12\"/><line x1=\"21\" x2=\"11\" y1=\"6\" y2=\"6\"/><line x1=\"21\" x2=\"11\" y1=\"18\" y2=\"18\"/></svg>";
+    readonly link: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>";
+    readonly image: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"/><circle cx=\"9\" cy=\"9\" r=\"2\"/><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"/></svg>";
+    readonly imagePlus: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7\"/><line x1=\"16\" x2=\"22\" y1=\"5\" y2=\"5\"/><line x1=\"19\" x2=\"19\" y1=\"2\" y2=\"8\"/><circle cx=\"9\" cy=\"9\" r=\"2\"/><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"/></svg>";
+    readonly minus: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"/></svg>";
+    readonly heading1: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h8\"/><path d=\"M4 18V6\"/><path d=\"M12 18V6\"/><path d=\"m17 12 3-2v8\"/></svg>";
+    readonly heading2: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h8\"/><path d=\"M4 18V6\"/><path d=\"M12 18V6\"/><path d=\"M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1\"/></svg>";
+    readonly heading3: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h8\"/><path d=\"M4 18V6\"/><path d=\"M12 18V6\"/><path d=\"M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2\"/><path d=\"M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2\"/></svg>";
+    readonly paragraph: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 4v16\"/><path d=\"M17 4v16\"/><path d=\"M19 4H9.5a4.5 4.5 0 0 0 0 9H13\"/></svg>";
+    readonly quote: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z\"/></svg>";
+    readonly eraser: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21\"/><path d=\"M22 21H7\"/><path d=\"m5 11 9 9\"/></svg>";
+    readonly trash: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18\"/><path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\"/><path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\"/></svg>";
+    readonly textColor: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20h16\"/><path d=\"m6 16 6-12 6 12\"/><path d=\"M8 12h8\"/></svg>";
+    readonly highlighter: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 11-6 6v3h9l3-3\"/><path d=\"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4\"/></svg>";
+    readonly typeInline: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 7 4 4 20 4 20 7\"/><line x1=\"9\" x2=\"15\" y1=\"20\" y2=\"20\"/><line x1=\"12\" x2=\"12\" y1=\"4\" y2=\"20\"/></svg>";
+    readonly wrapLeft: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"6\" height=\"6\" x=\"3\" y=\"3\" rx=\"1\"/><path d=\"M3 13h18\"/><path d=\"M3 17h18\"/><path d=\"M13 7h8\"/></svg>";
+    readonly wrapRight: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"6\" height=\"6\" x=\"15\" y=\"3\" rx=\"1\"/><path d=\"M3 13h18\"/><path d=\"M3 17h18\"/><path d=\"M3 7h8\"/></svg>";
+    readonly breakLeft: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"6\" x=\"3\" y=\"9\" rx=\"1\"/><path d=\"M3 5h18\"/><path d=\"M3 19h18\"/></svg>";
+    readonly breakCenter: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"6\" x=\"8\" y=\"9\" rx=\"1\"/><path d=\"M3 5h18\"/><path d=\"M3 19h18\"/></svg>";
+    readonly breakRight: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"6\" x=\"13\" y=\"9\" rx=\"1\"/><path d=\"M3 5h18\"/><path d=\"M3 19h18\"/></svg>";
+    readonly chevronDown: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg>";
+    readonly layoutGrid: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"/></svg>";
+    readonly trash2: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18\"/><path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\"/><path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\"/><line x1=\"10\" x2=\"10\" y1=\"11\" y2=\"17\"/><line x1=\"14\" x2=\"14\" y1=\"11\" y2=\"17\"/></svg>";
+    readonly cornerDownLeft: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 10 4 15 9 20\"/><path d=\"M20 4v7a4 4 0 0 1-4 4H4\"/></svg>";
+    readonly move: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\"/><line x1=\"12\" x2=\"12\" y1=\"2\" y2=\"22\"/></svg>";
+    readonly plus: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" x2=\"12\" y1=\"5\" y2=\"19\"/><line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"/></svg>";
+};
+type WysiwygIconName = keyof typeof WYSIWYG_ICONS;
+
+type BlockElementType = 'image' | 'video' | 'iframe' | 'table' | 'blockquote' | 'code-block' | 'og-card';
+type AlignmentType = 'inline' | 'wrap-left' | 'wrap-right' | 'break-left' | 'break-center' | 'break-right';
+interface BlockElementConfig {
+    type: BlockElementType;
+    element: HTMLElement;
+    wrapper: HTMLElement;
+    resizable: boolean;
+    draggable: boolean;
+    aspectRatioLocked: boolean;
+}
+declare class WysiwygEditorComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private cdr;
+    private http;
+    private sanitizer;
+    apiUrl: string;
+    editorContent: ElementRef<HTMLElement>;
+    label: ElementRef;
+    imageInput: ElementRef<HTMLInputElement>;
+    placeholder: string;
+    disabled: boolean;
+    height: string;
+    readonly: boolean;
+    uploadApi?: (file: File, keyPrefix: string) => Observable<string>;
+    keyPrefix: string;
+    urlPrefix?: string;
+    contentChange: EventEmitter<string>;
+    textChange: EventEmitter<string>;
+    uploadStart: EventEmitter<File>;
+    uploadComplete: EventEmitter<{
+        file: File;
+        key: string;
+    }>;
+    uploadError: EventEmitter<{
+        file: File;
+        error: any;
+    }>;
+    private value;
+    private resizing;
+    private selectedElement;
+    private savedSelection;
+    showImageToolbar: boolean;
+    selectedImage: HTMLImageElement | null;
+    imageToolbarPosition: {
+        x: number;
+        y: number;
+    };
+    currentImageAlign: 'inline' | 'wrap-left' | 'wrap-right' | 'break-left' | 'break-center' | 'break-right';
+    showBlockToolbar: boolean;
+    selectedBlock: BlockElementConfig | null;
+    blockToolbarPosition: {
+        x: number;
+        y: number;
+    };
+    currentBlockAlign: AlignmentType;
+    icons: Record<WysiwygIconName, SafeHtml>;
+    showTextColorPalette: boolean;
+    showBackgroundColorPalette: boolean;
+    showLayoutOutlines: boolean;
+    showPropertyEditor: boolean;
+    selectedLayoutElement: HTMLElement | null;
+    propertyEditorPosition: {
+        x: number;
+        y: number;
+    };
+    elementActionButtonsPosition: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    showDeleteButton: boolean;
+    showInsertLineButton: boolean;
+    showMoveButton: boolean;
+    activePropertyTab: 'layout' | 'color' | 'typography';
+    currentStyles: {
+        paddingTop: string;
+        paddingRight: string;
+        paddingBottom: string;
+        paddingLeft: string;
+        marginTop: string;
+        marginRight: string;
+        marginBottom: string;
+        marginLeft: string;
+        width: string;
+        height: string;
+        color: string;
+        backgroundColor: string;
+        borderTopWidth: string;
+        borderRightWidth: string;
+        borderBottomWidth: string;
+        borderLeftWidth: string;
+        borderStyle: string;
+        borderColor: string;
+        borderTopLeftRadius: string;
+        borderTopRightRadius: string;
+        borderBottomRightRadius: string;
+        borderBottomLeftRadius: string;
+        fontSize: string;
+        fontWeight: string;
+        textAlign: string;
+        lineHeight: string;
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        imageAlign: 'inline' | 'wrap-left' | 'wrap-right' | 'break-left' | 'break-center' | 'break-right' | null;
+    } | null;
+    private isDragging;
+    private draggedWrapper;
+    private dragGhost;
+    private dragOriginalParent;
+    private dragOriginalNextSibling;
+    private lastDropIndicator;
+    private boundMouseMove;
+    private boundMouseUp;
+    private boundScrollHandler;
+    private boundSelectionChangeHandler;
+    private uploadingImages;
+    isUploading: boolean;
+    insertIndicator: {
+        show: boolean;
+        top: number;
+        insertBefore: HTMLElement | null;
+    };
+    colors: string[];
+    fontSizes: string[];
+    fontFamilies: string[];
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    constructor(cdr: ChangeDetectorRef, http: HttpClient, sanitizer: DomSanitizer);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private cleanup;
+    /**
+     * Set up scroll handler to update action button positions during scroll
+     */
+    private setupScrollHandler;
+    /**
+     * Clean up scroll handler
+     */
+    private cleanupScrollHandler;
+    /**
+     * Set up selection change handler to track cursor position
+     * This fixes mobile issue where focus is lost before mousedown saves selection
+     */
+    private setupSelectionChangeHandler;
+    /**
+     * Save selection when it changes within the editor
+     * Uses ShadowDOM-aware selection retrieval
+     */
+    private saveSelectionOnChange;
+    /**
+     * Clean up selection change handler
+     */
+    private cleanupSelectionChangeHandler;
+    private setupPasteHandler;
+    private createUrlPreviewCard;
+    /**
+     * Sanitize HTML content to prevent XSS and properly extract body content.
+     * Uses regex pre-processing and DOMParser to handle complete HTML documents.
+     */
+    private sanitizeHtml;
+    private insertHtml;
+    onInput(): void;
+    /**
+     * Save selection when user clicks/selects with mouse inside the editor.
+     * Also ensures empty editor has a <p> tag for proper text input.
+     */
+    onEditorMouseUp(): void;
+    /**
+     * Ensure empty editor has a <p> tag for proper text input structure
+     */
+    private ensureInitialParagraph;
+    /**
+     * Handle keydown events directly on the editor content.
+     * This ensures proper handling within Shadow DOM.
+     */
+    onEditorKeyDown(event: KeyboardEvent): void;
+    /**
+     * Save selection when user navigates with keyboard (arrow keys, etc.)
+     */
+    onEditorKeyUp(event: KeyboardEvent): void;
+    /**
+     * Immediately save the current selection with ShadowDOM support
+     * Called during input when we KNOW the cursor is in the editor
+     */
+    private saveSelectionImmediate;
+    onContentChange(): void;
+    /**
+     * Remove empty resizable wrappers that no longer contain their content element.
+     * This happens when users delete an image/video using keyboard or other means.
+     */
+    private cleanupEmptyWrappers;
+    saveSelection(): void;
+    /**
+     * Handle mousedown on toolbar to preserve editor selection
+     * This is called BEFORE focus changes, so we can save the selection
+     */
+    onToolbarMouseDown(event: MouseEvent): void;
+    execCommand(command: string, value?: string | null): void;
+    setFontSize(size: string): void;
+    setFontFamily(font: string): void;
+    toggleTextColorPalette(): void;
+    toggleBackgroundColorPalette(): void;
+    toggleLayoutMode(): void;
+    /**
+     * Handle element click in layout mode to show property editor
+     */
+    onLayoutElementClick(event: MouseEvent): void;
+    /**
+     * Position element action buttons relative to the selected element
+     * Button centers should be at the element's corners:
+     * - Move button: top-left
+     * - Delete button: top-right
+     * - Insert line button: bottom-right
+     */
+    private positionElementActionButtons;
+    /**
+     * Extract computed styles from the selected element
+     */
+    private extractElementStyles;
+    /**
+     * Detect image alignment from element styles
+     */
+    private detectImageAlignment;
+    /**
+     * Convert RGB color to hex format
+     */
+    private rgbToHex;
+    /**
+     * Position the property editor panel near the clicked element
+     */
+    private positionPropertyEditor;
+    /**
+     * Update a style property on the selected element
+     */
+    updateElementStyle(property: string, value: string): void;
+    /**
+     * Convert camelCase property name to CSS property name
+     */
+    private toCssProperty;
+    /**
+     * Close the property editor
+     */
+    closePropertyEditor(): void;
+    /**
+     * Handle mouse move over editor content to show insert indicator between elements
+     */
+    onEditorMouseMove(event: MouseEvent): void;
+    /**
+     * Hide insert indicator when mouse leaves editor
+     */
+    onEditorMouseLeave(): void;
+    /**
+     * Insert a new paragraph block at the indicator position
+     */
+    insertBlockAtIndicator(): void;
+    /**
+     * Move cursor to the beginning of an element
+     */
+    private moveCursorToElement;
+    /**
+     * Update image alignment from property sidebar
+     */
+    updateLayoutImageAlignment(alignment: 'inline' | 'wrap-left' | 'wrap-right' | 'break-left' | 'break-center' | 'break-right'): void;
+    /**
+     * Delete the selected layout element
+     */
+    deleteLayoutElement(): void;
+    /**
+     * Start dragging the selected layout element
+     * Called when the move button is pressed
+     */
+    startLayoutElementDrag(event: MouseEvent): void;
+    /**
+     * Start mouse-based drag operation for layout element
+     */
+    private startLayoutDrag;
+    /**
+     * Insert a new line (br or p) after the selected layout element
+     */
+    insertLineAfterLayoutElement(): void;
+    setTextColor(color: string): void;
+    setBackgroundColor(color: string): void;
+    insertLink(): void;
+    editLink(): void;
+    private findParentAnchor;
+    insertImageUrl(): void;
+    /**
+     * Upload image from external URL to S3
+     */
+    private uploadImageFromUrl;
+    insertImageFromInput(event: Event): void;
+    private insertImageFromFile;
+    private insertImageAsBase64;
+    private uploadImageToServer;
+    private generateUploadId;
+    private createUploadPlaceholder;
+    private insertPlaceholderAtCursor;
+    private replacePlaceholderWithImage;
+    private showPlaceholderError;
+    private updateUploadingState;
+    private cancelPendingUploads;
+    /**
+     * Process external images in pasted HTML
+     * Downloads external images, uploads to S3, and replaces src with CDN URL
+     */
+    private processExternalImagesInHtml;
+    /**
+     * Create an inline placeholder for images being uploaded within pasted HTML
+     */
+    private createInlineUploadPlaceholder;
+    /**
+     * Fetch external image and upload to S3
+     */
+    private fetchAndUploadImage;
+    private insertImage;
+    /**
+     * Handle external file drops (e.g., dropping image files from desktop)
+     */
+    onDrop(event: DragEvent): void;
+    /**
+     * Handle dragover for external file drops
+     */
+    onDragOver(event: DragEvent): void;
+    private makeExistingImagesResizable;
+    private makeResizable;
+    /**
+     * Add resize handles and dragging to an already-inserted wrapper.
+     * This is called for newly inserted images where the wrapper is already in the DOM.
+     */
+    private addResizeHandlesToWrapper;
+    /**
+     * Make an element draggable using mouse events (not HTML5 DnD API)
+     * This gives us full control and works properly with Shadow DOM
+     */
+    private makeImageDraggable;
+    /**
+     * Prepare for potential drag - actual drag starts only after mouse moves
+     */
+    private prepareDrag;
+    /**
+     * Start mouse-based drag operation
+     */
+    private startMouseDrag;
+    /**
+     * Clean up mouse drag listeners
+     */
+    private cleanupMouseDrag;
+    private getRangeFromPoint;
+    private getNodeRect;
+    /**
+     * Determine the block element type from an HTML element
+     */
+    private getBlockElementType;
+    /**
+     * Get alignment options based on block element type
+     */
+    private getAlignmentOptions;
+    /**
+     * Check if an element type supports resizing
+     */
+    private isResizable;
+    /**
+     * Make a block element draggable using mouse events (same as makeImageDraggable)
+     */
+    private makeBlockElementDraggable;
+    /**
+     * Select a block element in the DOM so that keyboard actions (backspace/delete) will affect it
+     */
+    private selectBlockElement;
+    /**
+     * Show popup toolbar for any block element
+     */
+    private showBlockPopupToolbar;
+    /**
+     * Set alignment for the selected block element
+     */
+    setBlockAlignment(alignment: AlignmentType): void;
+    /**
+     * Delete the selected block element
+     * Uses selection and execCommand to support undo/redo
+     */
+    deleteSelectedBlock(): void;
+    /**
+     * Delete an element while supporting undo/redo
+     * by selecting it first and using execCommand
+     */
+    private deleteElementWithUndo;
+    private showImagePopupToolbar;
+    setImageAlignment(alignment: 'inline' | 'wrap-left' | 'wrap-right' | 'break-left' | 'break-center' | 'break-right'): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    getContent(): string;
+    getText(): string;
+    /**
+     * Set content in the editor.
+     * Automatically extracts body content if a full HTML document is provided.
+     */
+    setContent(content: string): void;
+    /**
+     * Extract body content from a string that might be a full HTML document.
+     */
+    private extractBodyContent;
+    /**
+     * Get raw body content without the full HTML document wrapper.
+     * Useful for internal operations or when you only need the content.
+     */
+    getRawContent(): string;
+    clear(): void;
+    exportToPDFViaApi(filename?: string): Promise<void>;
+    exportToPDF(filename?: string): Promise<void>;
+    private waitForImagesToLoad;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WysiwygEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WysiwygEditorComponent, "haloduck-wysiwyg-editor", never, { "apiUrl": { "alias": "apiUrl"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "height": { "alias": "height"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "uploadApi": { "alias": "uploadApi"; "required": false; }; "keyPrefix": { "alias": "keyPrefix"; "required": false; }; "urlPrefix": { "alias": "urlPrefix"; "required": false; }; }, { "contentChange": "contentChange"; "textChange": "textChange"; "uploadStart": "uploadStart"; "uploadComplete": "uploadComplete"; "uploadError": "uploadError"; }, never, ["*"], true, never>;
+}
+
+declare class WysiwygViewerComponent implements OnChanges {
+    private readonly sanitizer;
+    content: string;
+    showButtons: boolean;
+    sanitizedContent: SafeHtml;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateContent;
+    exportToPDF(filename?: string): Promise<void>;
+    private waitForImagesToLoad;
+    print(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WysiwygViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WysiwygViewerComponent, "haloduck-wysiwyg-viewer", never, { "content": { "alias": "content"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AutoLoadDirective implements OnInit, OnDestroy, OnChanges {
+    private readonly elementRef;
+    private readonly ngZone;
+    private observer?;
+    private isLoading;
+    autoLoadEnabled: boolean;
+    autoLoadThreshold: number;
+    autoLoadRootMargin: string;
+    autoLoadTrigger: EventEmitter<void>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private setupObserver;
+    private initializeObserver;
+    private triggerLoad;
+    private temporarilyDisableObserver;
+    private disconnect;
+    setLoadingState(loading: boolean): void;
+    resetAutoLoad(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoLoadDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoLoadDirective, "[haloduckAutoLoad]", never, { "autoLoadEnabled": { "alias": "autoLoadEnabled"; "required": false; }; "autoLoadThreshold": { "alias": "autoLoadThreshold"; "required": false; }; "autoLoadRootMargin": { "alias": "autoLoadRootMargin"; "required": false; }; }, { "autoLoadTrigger": "autoLoadTrigger"; }, never, never, true, never>;
+}
+
+declare class BreadcrumbComponent implements OnInit {
+    private readonly breadcrumbService;
+    listBreadcrumb: {
+        label: string;
+        url: string;
+    }[];
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "haloduck-breadcrumb", never, {}, {}, never, never, true, never>;
+}
+
+declare class DialogService {
+    private overlay;
+    private injector;
+    private dialogStack;
+    constructor(overlay: Overlay, injector: Injector);
+    open<T>(component: Type<T> | TemplateRef<any>, data?: any, classList?: string[]): OverlayRef;
+    close(overlayRef?: OverlayRef): void;
+    closeAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
+}
+
+declare class NotificationComponent {
+    private readonly notificationService;
+    listNotification$: rxjs.Observable<_haloduck_ui.Notification[]>;
+    removeNotification(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "haloduck-notification", never, {}, {}, never, never, true, never>;
+}
+
+declare global {
+    interface Window {
+        FlutterApp?: {
+            postMessage: (message: string) => void;
+        };
+    }
+}
+type NotificationType = 'success' | 'error' | 'warning' | 'info';
+interface Notification {
+    id: string;
+    type: NotificationType;
+    message: string;
+    timeout?: number;
+    timeoutRef?: number;
+}
+declare class NotificationService {
+    private listNotification$;
+    private listNotification;
+    showNotification(title: string, body: string, timeout?: number, payload?: any): void;
+    _showNotification(type: NotificationType, message: string, timeout?: number): string;
+    getListNotification(): Observable<Notification[]>;
+    removeNotificationById(id: string): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
+}
+
+declare class PictureNameComponent {
+    name?: string;
+    pictureKey?: string;
+    cdnUrl?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PictureNameComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PictureNameComponent, "haloduck-picture-name", never, { "name": { "alias": "name"; "required": false; }; "pictureKey": { "alias": "pictureKey"; "required": false; }; "cdnUrl": { "alias": "cdnUrl"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare const provideHaloduckTransloco: () => {
+    provide: i0.InjectionToken<_jsverse_transloco.TranslocoScope>;
+    useValue: _jsverse_transloco.TranslocoScope;
+    multi: boolean;
+}[];
+
+export { AUTHENTICATE_CONFIG, AuthenticateCallbackComponent, AuthenticateComponent, AutoLoadDirective, BreadcrumbComponent, ButtonComponent, CalendarComponent, ConfirmDialogService, CopyButtonComponent, DatePickerComponent, DateRangeComponent, DialogService, DrawCanvasComponent, ERROR_NOT_ACCEPTABLE_FILE_TYPE, ERROR_OVER_COUNT, ERROR_OVER_SIZE, ERROR_UPLOAD, FileUploaderComponent, FlipComponent, GroupedDirective, ImageUploaderComponent, ImageViewerComponent, InputComponent, LanguageSelectorComponent, MapToAddressComponent, NotificationComponent, NotificationService, PictureNameComponent, SelectComponent, SelectDropdownComponent, SideMenuComponent, SideMenuItemComponent, StlViewerComponent, TableComponent, TableSettingComponent, TableSettingService, TabsComponent, TagInputComponent, TagViewerComponent, ToggleComponent, WysiwygEditorComponent, WysiwygViewerComponent, dateToString, google, provideAuthenticateConfig, provideAuthenticateMetadata, provideHaloduckTransloco, provideSocialLoginProviders };
+export type { AuthenticateConfig, ButtonVariant, CalendarDate, DateRange, DateRangeDropdown, FileEx, GroupedConfig, Location, MetaData, Notification, NotificationType, Option, ProcessCognitoUserResponse, SocialLoginProvider, TabItem, TableColumn, TableRow, TableSettings };