@unipin/angular-applet 18.9.7 → 21.0.1

package/types/unipin-angular-applet-markdown.d.ts

@@ -0,0 +1,119 @@
+import * as i0 from '@angular/core';
+import { InputSignal, OnDestroy, ElementRef, Renderer2, WritableSignal } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Observable, Subscription } from 'rxjs';
+import { ClassValue } from 'clsx';
+import { UpFieldControlComponent } from '@unipin/angular-applet/forms';
+import { HttpClient } from '@angular/common/http';
+import { UniPinGqlConfig } from '@unipin/angular-gql';
+
+type SelectionType = {
+    end: number;
+    word: string;
+    start: number;
+};
+
+declare class MarkdownService {
+    readonly config: UniPinGqlConfig;
+    protected readonly http: HttpClient;
+    constructor(config: UniPinGqlConfig, http: HttpClient);
+    uploadImage(file: File): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MarkdownService>;
+}
+
+declare class UpMarkdownInputComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    protected readonly markdownService: MarkdownService;
+    readonly value: i0.ModelSignal<string>;
+    readonly placeholder: InputSignal<string>;
+    readonly mode: i0.ModelSignal<"write" | "preview">;
+    readonly inlineClass: InputSignal<ClassValue>;
+    readonly textarea: i0.Signal<{
+        nativeElement: HTMLTextAreaElement;
+    } | undefined>;
+    readonly buttons: {
+        icon: string;
+        action: string;
+    }[];
+    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly contextGuid: InputSignal<string>;
+    readonly contextType: InputSignal<string>;
+    isTouched: boolean;
+    protected readonly _computedClass: i0.Signal<string>;
+    protected imageData?: any;
+    protected selection?: SelectionType;
+    protected sub: Subscription | null;
+    /**
+     * Callback function to handle value changes in the markdown input component.
+     * @type {(_val: any) => void}
+     */
+    protected _onChange: (_val: any) => void;
+    /**
+     * Callback function to handle touch events in the markdown input component.
+     * @type {() => void}
+     */
+    protected _onTouched: () => void;
+    constructor(markdownService: MarkdownService);
+    /**
+     * Handles keyboard events and button actions for the markdown input.
+     *
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    protected handleStyleWithKeyboard(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    /**
+     * Registers a callback function to be called when the password input value changes.
+     * @param {(_val: any) => void} fn - Callback function for value changes.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Registers a callback function to be called when the password input is touched.
+     * @param {() => void} fn - Callback function for touch events.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Writes a new value to the markdown input.
+     * @param {*} val - The new value to be set.
+     */
+    writeValue(val: any): void;
+    /**
+     * Event handler to handle touch status.
+     *
+     * @returns {void}
+     */
+    touch(): void;
+    change(event: Event): void;
+    /**
+     * Handles button actions for the markdown input.
+     *
+     * @param {string} action - The action to perform.
+     * @returns {void}
+     */
+    applyStyle(action: string): void;
+    changeSelection(event: Event): void;
+    pasteImage(event: ClipboardEvent): Promise<void>;
+    protected replaceAndSetCursor(textarea: HTMLTextAreaElement, textReplace: {
+        searchValue: string;
+        replaceValue: string;
+    }, cursorPosition: {
+        start: number;
+        end: number;
+    }): void;
+    protected setStyle(action: string, textarea: HTMLTextAreaElement): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpMarkdownInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpMarkdownInputComponent, "up-markdown-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "contextGuid": { "alias": "contextGuid"; "required": false; "isSignal": true; }; "contextType": { "alias": "contextType"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mode": "modeChange"; }, never, never, true, never>;
+}
+
+declare class UpMarkdownDirective implements OnDestroy {
+    protected readonly el: ElementRef;
+    protected readonly renderer: Renderer2;
+    protected readonly markdown: WritableSignal<string>;
+    protected readonly class: string;
+    protected observer: MutationObserver;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpMarkdownDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpMarkdownDirective, "[upMarkdown]", ["upMarkdown"], {}, {}, never, never, true, never>;
+}
+
+export { UpMarkdownDirective, UpMarkdownInputComponent };

package/types/unipin-angular-applet-micro-frontend.d.ts

@@ -0,0 +1,11 @@
+import { Type, ApplicationConfig } from '@angular/core';
+
+type AppType = 'shell' | 'microfrontend';
+type Options = {
+    production: boolean;
+    appType: AppType;
+    elementName?: string;
+};
+declare function bootstrap<M>(component: Type<M>, options: Options, config: ApplicationConfig): void;
+
+export { bootstrap };

package/types/unipin-angular-applet-popover.d.ts

@@ -0,0 +1,58 @@
+import * as _unipin_angular_applet_dialog from '@unipin/angular-applet/dialog';
+import { UpDialogCloseDirective, UpDialogTriggerDirective, UpDialogContentRefDirective, UpDialog } from '@unipin/angular-applet/dialog';
+import * as i0 from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { ClassValue } from 'clsx';
+
+type UpPopoverAlignment = 'start' | 'center' | 'end';
+type UpPopoverPlacement = 'top' | 'right' | 'bottom' | 'left';
+interface AttachPosition {
+    offsetX?: number;
+    offsetY?: number;
+    originX: 'start' | 'center' | 'end';
+    originY: 'top' | 'center' | 'bottom';
+    overlayX: 'start' | 'center' | 'end';
+    overlayY: 'top' | 'center' | 'bottom';
+}
+
+declare class UpPopoverCloseDirective extends UpDialogCloseDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpPopoverCloseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpPopoverCloseDirective, "[upPopoverClose]", ["upPopoverClose"], {}, {}, never, never, true, never>;
+}
+
+declare class UpPopoverTriggerDirective extends UpDialogTriggerDirective {
+    protected readonly host: ElementRef<any>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpPopoverTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpPopoverTriggerDirective, "[upPopoverTrigger]", ["upPopoverTrigger"], {}, {}, never, never, true, never>;
+}
+
+declare class UpPopoverContentDirective {
+    readonly stateProvider: _unipin_angular_applet_dialog.ExposesState;
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpPopoverContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpPopoverContentDirective, "[upPopoverContent]", ["upPopoverContent"], { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpPopoverContentRefDirective<T> extends UpDialogContentRefDirective<T> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpPopoverContentRefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpPopoverContentRefDirective<any>, "[upPopoverContentRef]", ["upPopoverContentRef"], {}, {}, never, never, true, never>;
+}
+
+declare class UpPopoverComponent extends UpDialog {
+    readonly placement: i0.InputSignal<UpPopoverPlacement>;
+    readonly alignment: i0.InputSignal<UpPopoverAlignment>;
+    readonly placementOffset: i0.InputSignalWithTransform<number, unknown>;
+    readonly alignmentOffset: i0.InputSignalWithTransform<number, unknown>;
+    constructor();
+    protected updatePositions(placement: UpPopoverPlacement, alignment: UpPopoverAlignment): void;
+    protected generatePositions(placement: UpPopoverPlacement, alignment: UpPopoverAlignment): AttachPosition[];
+    protected applyPlacementOffset(placementOffset: number): void;
+    protected applyAlignOffset(alignOffset: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpPopoverComponent, "up-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "placementOffset": { "alias": "placementOffset"; "required": false; "isSignal": true; }; "alignmentOffset": { "alias": "alignmentOffset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { UpPopoverCloseDirective, UpPopoverComponent, UpPopoverContentDirective, UpPopoverContentRefDirective, UpPopoverTriggerDirective };
+export type { AttachPosition, UpPopoverAlignment, UpPopoverPlacement };

package/types/unipin-angular-applet-progress-bar.d.ts

@@ -0,0 +1,14 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+
+declare class UpProgressBarDirective {
+    readonly max: _angular_core.InputSignal<number>;
+    readonly progress: _angular_core.InputSignal<number>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    protected readonly _progressWidth: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpProgressBarDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpProgressBarDirective, "[upProgressBar]", ["upProgressBar"], { "max": { "alias": "max"; "required": true; "isSignal": true; }; "progress": { "alias": "progress"; "required": true; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { UpProgressBarDirective };

package/types/unipin-angular-applet-skeleton.d.ts

@@ -0,0 +1,11 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+
+declare class UpSkeletonDirective {
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSkeletonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpSkeletonDirective, "[upSkeleton]", ["upSkeleton"], { "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { UpSkeletonDirective };

package/types/unipin-angular-applet-spinner.d.ts

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+
+declare class UpSpinnerComponent {
+    readonly stokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpSpinnerComponent, "up-spinner", never, { "stokeWidth": { "alias": "stokeWidth"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "inlineClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { UpSpinnerComponent };

package/types/unipin-angular-applet-swipeable.d.ts

@@ -0,0 +1,66 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+import { UpButtonDirective } from '@unipin/angular-applet/buttons';
+
+declare class UpSwipeableContentDirective {
+    readonly element: any;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    translateX(x: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSwipeableContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpSwipeableContentDirective, "[upSwipeableContent]", ["upSwipeableContent"], { "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpSwipeableButtonsDirective {
+    readonly side: _angular_core.InputSignal<"left" | "right">;
+    readonly element: any;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSwipeableButtonsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpSwipeableButtonsDirective, "[upSwipeableButtons]", ["upSwipeableButtons"], { "side": { "alias": "side"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpSwipeableDirective {
+    readonly threshold: _angular_core.InputSignal<number>;
+    readonly overSwipeThreshold: _angular_core.InputSignal<number>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly clicked: _angular_core.OutputEmitterRef<void>;
+    readonly leftSwiped: _angular_core.OutputEmitterRef<void>;
+    readonly rightSwiped: _angular_core.OutputEmitterRef<void>;
+    readonly content: _angular_core.Signal<UpSwipeableContentDirective | undefined>;
+    readonly buttonContainers: _angular_core.Signal<readonly UpSwipeableButtonsDirective[]>;
+    protected readonly containerWidth: _angular_core.WritableSignal<number>;
+    protected readonly buttonWidth: _angular_core.WritableSignal<{
+        left: number;
+        right: number;
+    }>;
+    protected readonly openSide: _angular_core.WritableSignal<"left" | "right" | null>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    protected startX: number;
+    protected currentX: number;
+    protected isTouch: boolean;
+    protected isDragging: boolean;
+    protected hasOverswiped: boolean;
+    constructor();
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchMove(event: TouchEvent): void;
+    onTouchEnd(event: TouchEvent): void;
+    protected startDrag(x: number): void;
+    protected handleDrag(x: number): void;
+    protected dragEnd(event?: MouseEvent | TouchEvent): void;
+    protected openContent(side: 'left' | 'right'): void;
+    protected closeContent(): void;
+    protected triggerOverswipe(side: 'left' | 'right'): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSwipeableDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpSwipeableDirective, "[upSwipeable]", ["upSwipeable"], { "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "overSwipeThreshold": { "alias": "overSwipeThreshold"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "leftSwiped": "leftSwiped"; "rightSwiped": "rightSwiped"; }, ["content", "buttonContainers"], never, true, never>;
+}
+
+declare class UpSwipeableButtonDirective extends UpButtonDirective {
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSwipeableButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpSwipeableButtonDirective, "[upSwipeableBtn]", ["upSwipeableBtn"], {}, {}, never, never, true, never>;
+}
+
+export { UpSwipeableButtonDirective, UpSwipeableButtonsDirective, UpSwipeableContentDirective, UpSwipeableDirective };

package/types/unipin-angular-applet-tabs.d.ts

@@ -0,0 +1,40 @@
+import * as i0 from '@angular/core';
+import { InputSignal, WritableSignal } from '@angular/core';
+import { ClassValue } from 'clsx';
+
+declare class UpTabsComponent {
+    readonly size: InputSignal<'sm' | 'md' | 'lg'>;
+    readonly variant: InputSignal<'underline' | 'default'>;
+    readonly inlineStyle: InputSignal<ClassValue>;
+    readonly defaultActiveTab: InputSignal<string | null>;
+    readonly activeTab: WritableSignal<string | null>;
+    readonly tabsClass: i0.Signal<string>;
+    constructor();
+    setActive(tab: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpTabsComponent, "up-tabs", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "inlineStyle": { "alias": "class"; "required": false; "isSignal": true; }; "defaultActiveTab": { "alias": "default"; "required": false; "isSignal": true; }; }, {}, never, ["[upTabsTrigger]", "[upTabsContent]"], true, never>;
+}
+
+declare class UpTabsContentDirective {
+    protected readonly parent: UpTabsComponent;
+    readonly value: InputSignal<string>;
+    readonly inlineStyle: InputSignal<ClassValue>;
+    readonly isActive: WritableSignal<boolean>;
+    readonly tabsContentClass: i0.Signal<string>;
+    constructor(parent: UpTabsComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpTabsContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpTabsContentDirective, "[upTabsContent]", ["upTabsContent"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "inlineStyle": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpTabsTriggerDirective {
+    protected readonly parent: UpTabsComponent;
+    readonly value: i0.InputSignal<string>;
+    readonly isActive: i0.WritableSignal<boolean>;
+    readonly tabsTriggerClass: i0.Signal<string>;
+    constructor(parent: UpTabsComponent);
+    activate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpTabsTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpTabsTriggerDirective, "[upTabsTrigger]", ["upTabsTrigger"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { UpTabsComponent, UpTabsContentDirective, UpTabsTriggerDirective };

package/types/unipin-angular-applet-tooltip.d.ts

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, Renderer2, ElementRef } from '@angular/core';
+
+declare class UpTooltipDirective implements OnInit, OnDestroy {
+    protected readonly doc: Document;
+    protected readonly renderer: Renderer2;
+    protected readonly el: ElementRef<HTMLElement>;
+    /**
+     * Input variable specifying the text displayed in the tooltip helper, which provides a hint to the user about the purpose of the element.
+     * @type {InputSignal<string>}
+     * @default ''
+     */
+    readonly toolTipText: _angular_core.InputSignal<string>;
+    /**
+     * Input variable specifying the position of the tooltip relative to the host element.
+     * @type {InputSignal<string>}
+     * @default 'top'
+     */
+    readonly position: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
+    protected _winListener: Array<() => void>;
+    protected _hostListener: Array<() => void>;
+    protected _tooltipElement: HTMLElement | null;
+    constructor(doc: Document, renderer: Renderer2, el: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected hideTooltip(): void;
+    protected positionTooltip(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpTooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpTooltipDirective, "[upTooltip]", ["upTooltip"], { "toolTipText": { "alias": "toolTipText"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { UpTooltipDirective };

package/types/unipin-angular-applet.d.ts

@@ -0,0 +1,3 @@
+declare const UNIPIN_ANGULAR_APPLET_KIT = "@unipin/angular-applet";
+
+export { UNIPIN_ANGULAR_APPLET_KIT };