@yuuvis/client-framework 2.20.1 → 3.0.0-beta.20.1

package/sequence-list/index.d.ts

@@ -1,2 +1,60 @@
-export * from './lib/sequence-list.component';
-export * from './lib/sequence-list.interface';
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor, Validator, FormGroup, FormArray, FormControl, ValidationErrors } from '@angular/forms';
+import { OrganizationComponent } from '@yuuvis/client-framework/forms';
+
+interface SequenceItem {
+    title: string;
+    expiryDatetime?: Date;
+    nextAssignee: SequenceListAssignee[];
+}
+interface SequenceListTemplate {
+    id: string;
+    name: string;
+    sequence: SequenceItem[];
+}
+interface SequenceListTemplateSaveResponse {
+    templateName: string;
+}
+interface SequenceListAssignee {
+    id: string;
+    title: string;
+}
+
+type SequenceFormItem = FormGroup<{
+    title: FormControl<string>;
+    nextAssignee: FormControl<SequenceListAssignee[]>;
+    expiryDatetime: FormControl<any>;
+}>;
+type SequenceForm = FormGroup<{
+    items: FormArray<SequenceFormItem>;
+}>;
+/**
+ * Task sequence list.
+ */
+declare class SequenceListComponent implements ControlValueAccessor, Validator {
+    #private;
+    readonly orgComponent: _angular_core.Signal<OrganizationComponent>;
+    /**
+     * Maximum number of sequence items (defaults to 100).
+     */
+    maxLength: _angular_core.InputSignal<number>;
+    maxLengthExceeded: _angular_core.WritableSignal<boolean>;
+    readonly controlCount: _angular_core.WritableSignal<number>;
+    sequenceForm: SequenceForm;
+    entries: SequenceItem[];
+    get formItemArray(): FormArray<SequenceFormItem>;
+    constructor();
+    addItem(): void;
+    addItemAt(idx: number): void;
+    removeItem(idx: number): void;
+    propagateChange: (_: any) => void;
+    registerOnTouched(): void;
+    writeValue(value: SequenceItem[]): void;
+    registerOnChange(fn: any): void;
+    validate(): ValidationErrors | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SequenceListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SequenceListComponent, "yuv-sequence-list", never, { "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SequenceListComponent };
+export type { SequenceItem, SequenceListAssignee, SequenceListTemplate, SequenceListTemplateSaveResponse };

package/simple-search/index.d.ts

@@ -1 +1,57 @@
-export * from './lib/simple-search/simple-search.component';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { TranslateService, SearchQuery } from '@yuuvis/client-core';
+
+interface ObjectTypeAggregation {
+    /**
+     * id of a found object type
+     */
+    objectTypeId: string;
+    /**
+     * label of an object
+     */
+    label: string;
+    /**
+     * number of objects found
+     */
+    count: number;
+}
+
+declare class SimpleSearchComponent implements AfterViewInit {
+    #private;
+    readonly translate: TranslateService;
+    /**
+     * The search query
+     */
+    set query(q: SearchQuery | null);
+    get query(): SearchQuery | null;
+    /**
+     * Emitted once the user submits the search
+     */
+    readonly querySubmit: _angular_core.OutputEmitterRef<SearchQuery>;
+    /**
+     * Emitted once the user hits clear input button
+     */
+    readonly clearInput: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emitted once selected targets change
+     */
+    readonly targetSelectionChanged: _angular_core.OutputEmitterRef<(string | number)[]>;
+    readonly queryChange: _angular_core.OutputEmitterRef<SearchQuery>;
+    readonly typeAggregation: _angular_core.OutputEmitterRef<ObjectTypeAggregation[]>;
+    readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    form: FormGroup;
+    private _query;
+    ngAfterViewInit(): void;
+    private subscribeToTargetsChanges;
+    private subscribeToSearchFormChanges;
+    private aggregate;
+    onSearch(): void;
+    onClear($event: Event): void;
+    private handleAggregateResult;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SimpleSearchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SimpleSearchComponent, "yuv-simple-search", never, { "query": { "alias": "query"; "required": false; }; }, { "querySubmit": "querySubmit"; "clearInput": "clearInput"; "targetSelectionChanged": "targetSelectionChanged"; "queryChange": "queryChange"; "typeAggregation": "typeAggregation"; }, never, never, true, never>;
+}
+
+export { SimpleSearchComponent };

package/sort/index.d.ts

@@ -1,2 +1,36 @@
-export * from './lib/sort/models';
-export * from './lib/sort/sort.component';
+import * as _angular_core from '@angular/core';
+import { TranslateService } from '@yuuvis/client-core';
+
+interface SortMenuOption {
+    label: string;
+    value: string;
+    type: 'sort' | 'order';
+    selected: boolean;
+}
+type SortType = 'asc' | 'desc';
+
+declare class SortComponent {
+    #private;
+    readonly translate: TranslateService;
+    tooltip: _angular_core.WritableSignal<string>;
+    sortOptions: _angular_core.InputSignal<string[]>;
+    selectedSortOption: _angular_core.InputSignal<{
+        field: string;
+        order: SortType;
+    } | undefined>;
+    storageKey: _angular_core.InputSignal<string | undefined>;
+    small: _angular_core.InputSignal<boolean>;
+    sortChanged: _angular_core.OutputEmitterRef<{
+        field: string;
+        order: SortType;
+    }>;
+    orderOptions: _angular_core.WritableSignal<SortMenuOption[]>;
+    sortFields: _angular_core.WritableSignal<SortMenuOption[]>;
+    constructor();
+    selectSort(option: SortMenuOption): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortComponent, "yuv-sort", never, { "sortOptions": { "alias": "sortOptions"; "required": false; "isSignal": true; }; "selectedSortOption": { "alias": "selectedSortOption"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; }, { "sortChanged": "sortChanged"; }, never, never, true, never>;
+}
+
+export { SortComponent };
+export type { SortMenuOption, SortType };

package/split-view/index.d.ts

@@ -1,4 +1,197 @@
-export * from './lib/split-view.module';
-export * from './lib/split-view.component';
-export * from './lib/split-area.directive';
-export * from './lib/split-view.interface';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit } from '@angular/core';
+import * as angular_split from 'angular-split';
+import { SplitAreaSize, SplitGutterInteractionEvent, SplitComponent, SplitDirection } from 'angular-split';
+
+interface SplitViewLayoutSettings {
+    disabled?: boolean;
+    areas: Array<SplitAreaLayoutSettings>;
+}
+interface SplitAreaLayoutSettings {
+    visible?: boolean;
+    lockSize?: boolean;
+    size?: SplitAreaSize;
+}
+type SplitViewOutputData = SplitGutterInteractionEvent;
+
+declare class SplitAreaDirective {
+    template: TemplateRef<any>;
+    size: _angular_core.InputSignal<SplitAreaSize | undefined>;
+    minSize: _angular_core.InputSignal<number | undefined>;
+    maxSize: _angular_core.InputSignal<number | undefined>;
+    panelClass: _angular_core.InputSignal<string | undefined>;
+    visible: _angular_core.InputSignal<boolean>;
+    lockSize: _angular_core.InputSignal<boolean>;
+    areaProperties: _angular_core.WritableSignal<{
+        size: SplitAreaSize | undefined;
+        visible: boolean;
+        lockSize: boolean;
+    }>;
+    updateSettings(s: SplitAreaLayoutSettings): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitAreaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitAreaDirective, "[yuvSplitArea]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "lockSize": { "alias": "lockSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Component for creating a split view with resizable areas.
+ *
+ * Each area is defined using the `yuvSplitArea` directive on an `ng-template`.
+ * Areas can be resized by dragging the gutter between them.
+ *
+ * ### Basic usage
+ * ```html
+ * <yuv-split-view>
+ *   <ng-template yuvSplitArea [size]="20">Aside</ng-template>
+ *   <ng-template yuvSplitArea [size]="80">Main</ng-template>
+ * </yuv-split-view>
+ * ```
+ *
+ * ### Collapsible areas
+ * Areas can be shown, hidden, or toggled programmatically. Use a template
+ * reference variable to call the visibility methods from the template:
+ *
+ * ```html
+ * <yuv-split-view #sv>
+ *   <ng-template yuvSplitArea [size]="25">
+ *     <button (click)="sv.hideArea(0)">Collapse</button>
+ *     Left pane
+ *   </ng-template>
+ *   <ng-template yuvSplitArea [size]="75">
+ *     <button (click)="sv.showArea(0)">Expand left</button>
+ *     Main pane
+ *   </ng-template>
+ * </yuv-split-view>
+ * ```
+ *
+ * ### Persisting layout state
+ * Set `layoutSettingsID` to persist area sizes and visibility to
+ * localStorage. The saved state is automatically restored on init.
+ *
+ * ```html
+ * <yuv-split-view [layoutSettingsID]="'my-layout'">
+ *   ...
+ * </yuv-split-view>
+ * ```
+ */
+declare class SplitViewComponent implements AfterViewInit {
+    #private;
+    splitAreas: _angular_core.Signal<readonly SplitAreaDirective[]>;
+    asSplitComponent: _angular_core.Signal<SplitComponent>;
+    splitAreaSizes: SplitAreaSize[];
+    /**
+     * The split views direction. Could be 'horizontal' or 'vertical'. Defaults to 'horizontal'.
+     */
+    direction: _angular_core.InputSignal<SplitDirection>;
+    isVertical: _angular_core.Signal<boolean>;
+    isHorizontal: _angular_core.Signal<boolean>;
+    /**
+     * Size of the gutter in Pixel (defaults to 16).
+     */
+    gutterSize: _angular_core.InputSignal<number>;
+    /**
+     * If true, the gutter can only be moved in steps of 1%.
+     */
+    restrictMove: _angular_core.InputSignal<boolean>;
+    /**
+     * Disable the dragging feature (remove cursor/image on gutters).
+     */
+    disabledInput: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    /**
+     * Layout settings are the state of the split view that could be persisted.
+     * Setting a `layoutSettingsID` will save the current state (split area sizes etc.)
+     * to the local storage. If the component is created, it will load those settings and
+     * re-apply them.
+     */
+    layoutSettingsID: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Emitted when the state (split area sizes etc.) of the split view changed.
+     */
+    layoutSettingsChange: _angular_core.OutputEmitterRef<SplitViewLayoutSettings>;
+    /**
+     * Emitted when dragging the split gutter starts
+     */
+    dragStart: _angular_core.OutputEmitterRef<angular_split.SplitGutterInteractionEvent>;
+    /**
+     * Emitted when dragging the split gutter ends
+     */
+    dragEnd: _angular_core.OutputEmitterRef<angular_split.SplitGutterInteractionEvent>;
+    /**
+     * Emitted when the split gutter is clicked.
+     */
+    gutterClick: _angular_core.OutputEmitterRef<angular_split.SplitGutterInteractionEvent>;
+    /**
+     * Emitted when the split gutter is double clicked (you may also want to
+     * set a different click duration indicating a double click). This could be
+     * set using the `gutterDblClickDuration` to a value in milliseconds (default is 400ms)
+     */
+    gutterDblClick: _angular_core.OutputEmitterRef<angular_split.SplitGutterInteractionEvent>;
+    dragging: _angular_core.WritableSignal<boolean>;
+    onDragStart(e: SplitViewOutputData): void;
+    onDragEnd(e: SplitViewOutputData): void;
+    /**
+     * Show a previously hidden split area, restoring it to its last known size.
+     *
+     * ```html
+     * <button (click)="sv.showArea(0)">Show left pane</button>
+     * ```
+     * @param index Zero-based index of the split area to show
+     */
+    showArea(index: number): void;
+    /**
+     * Hide a split area by collapsing it to zero width/height. The adjacent
+     * areas will expand to fill the freed space.
+     *
+     * ```html
+     * <button (click)="sv.hideArea(0)">Hide left pane</button>
+     * ```
+     * @param index Zero-based index of the split area to hide
+     */
+    hideArea(index: number): void;
+    /**
+     * Toggle the visibility of a split area. If the area is currently visible
+     * it will be collapsed; if it is hidden it will be restored.
+     *
+     * ```html
+     * <button (click)="sv.toggleArea(0)">Toggle left pane</button>
+     * ```
+     * @param index Zero-based index of the split area to toggle
+     */
+    toggleArea(index: number): void;
+    /**
+     * Returns whether a split area is currently visible. Useful for
+     * conditionally rendering expand/collapse buttons in the template.
+     *
+     * ```html
+     * @if (!sv.isAreaVisible(0)) {
+     *   <button (click)="sv.showArea(0)">Expand left</button>
+     * }
+     * ```
+     * @param index Zero-based index of the split area to check
+     * @returns `true` if the area is visible, `false` if hidden
+     */
+    isAreaVisible(index: number): boolean;
+    /** @deprecated Use `showArea()` / `hideArea()` instead */
+    splitAreaSetVisibility(index: number, visible: boolean): void;
+    /** @deprecated Use `toggleArea()` instead */
+    splitAreaToggleVisibility(index: number): void;
+    /**
+     * Programmatically apply layout settings (area sizes, visibility, disabled state).
+     * This is called automatically on init when `layoutSettingsID` is set, but can
+     * also be used to restore a specific layout configuration at any time.
+     * @param settings The layout settings to apply
+     */
+    applyLayoutSettings(settings: SplitViewLayoutSettings): void;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitViewComponent, "yuv-split-view", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "restrictMove": { "alias": "restrictMove"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "layoutSettingsID": { "alias": "layoutSettingsID"; "required": false; "isSignal": true; }; }, { "layoutSettingsChange": "layoutSettingsChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; }, ["splitAreas"], never, true, never>;
+}
+
+declare class YuvSplitViewModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuvSplitViewModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<YuvSplitViewModule, never, [typeof SplitAreaDirective, typeof SplitViewComponent], [typeof SplitAreaDirective, typeof SplitViewComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<YuvSplitViewModule>;
+}
+
+export { SplitAreaDirective, SplitViewComponent, YuvSplitViewModule };
+export type { SplitAreaLayoutSettings, SplitViewLayoutSettings, SplitViewOutputData };