@yuuvis/client-framework 0.6.5

package/token-search/token-search.component.d.ts

@@ -0,0 +1,22 @@
+import { SearchQuery } from '@yuuvis/client-core';
+import { InputToken, TokenInputComponent } from '@yuuvis/client-framework/common';
+import { SearchToken } from './token-search.interface';
+import * as i0 from "@angular/core";
+export declare class TokenSearchComponent {
+    tokenInput: import("@angular/core").Signal<TokenInputComponent>;
+    private OPERATOR_TOKENS;
+    onEnterKey(event: KeyboardEvent): void;
+    tokens: import("@angular/core").InputSignal<SearchToken[]>;
+    innerTokens: import("@angular/core").Signal<SearchToken[]>;
+    search: import("@angular/core").OutputEmitterRef<SearchQuery | undefined>;
+    _searchTokens: SearchToken[];
+    icons: {
+        search: string;
+        clear: string;
+    };
+    clearQuery(): void;
+    generateQuery(): void;
+    onTokenInputChange(tokens: InputToken[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TokenSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TokenSearchComponent, "yuv-token-search", never, { "tokens": { "alias": "tokens"; "required": true; "isSignal": true; }; }, { "search": "search"; }, never, never, true, never>;
+}

package/token-search/token-search.interface.d.ts

@@ -0,0 +1,4 @@
+import { InputToken } from "@yuuvis/client-framework/common";
+export interface SearchToken extends InputToken {
+    type: 'field' | 'type' | 'operator';
+}

package/tree/README.md

@@ -0,0 +1,3 @@
+# @yuuvis/client-framework/tree
+
+Secondary entry point of `@yuuvis/client-framework`. It can be used by importing from `@yuuvis/client-framework/tree`.

package/tree/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/tree.component';
+export * from './lib/tree.interface';

package/tree/lib/tree-node/tree-node.component.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { TreeNode } from '../tree.interface';
+import * as i0 from "@angular/core";
+export declare class TreeNodeComponent implements OnInit, OnDestroy {
+    private treeService;
+    node: import("@angular/core").InputSignal<TreeNode>;
+    toggleIcon: import("@angular/core").InputSignal<string>;
+    focused: boolean;
+    selected: boolean;
+    expanded: boolean;
+    private _selectedNodes;
+    private _subs;
+    treeSelectEffect: import("@angular/core").EffectRef;
+    select(evt: MouseEvent | KeyboardEvent): void;
+    toggleExpanded(): void;
+    private _setSelection;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeNodeComponent, "yuv-tree-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/tree/lib/tree.component.d.ts

@@ -0,0 +1,53 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import { Tree, TreeNode } from './tree.interface';
+import * as i0 from "@angular/core";
+/**
+ * Component rendering a tree.
+ */
+export declare class TreeComponent implements AfterViewInit, OnDestroy {
+    private treeService;
+    private elRef;
+    private items?;
+    private _observer;
+    /**
+     * The tree to be rendered
+     */
+    tree: import("@angular/core").InputSignal<Tree>;
+    /**
+     * Whether or not multiple nodes should be selectable. Only works when selection is enableed by
+     * setting 'selectable' attribute:
+     *
+     * ```html
+     * <yuv-tree selectable [multiselect]="true"></yuv-tree
+     * ```
+     */
+    multiselect: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Host attribute to enable persistent selection of nodes.
+     */
+    selectable: string | null;
+    private __focusedIndex;
+    private set _focusedIndex(value);
+    get _focusedIndex(): number;
+    /**
+     * IDs of nodes that should be set 'selected'.
+     */
+    set selectedNodes(nodeIds: string[]);
+    /**
+     * Emitted when selection changes
+     */
+    selectionChange: import("@angular/core").OutputEmitterRef<TreeNode[]>;
+    readonly tabindex = "0";
+    onKeydown(event: KeyboardEvent): void;
+    setTreeEffect: import("@angular/core").EffectRef;
+    setTreeMultiselectEffect: import("@angular/core").EffectRef;
+    constructor();
+    private _toggle;
+    private _selectFocusedNode;
+    private _getFocusedNodeId;
+    private _getVisibleNodes;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "yuv-tree", never, { "tree": { "alias": "tree"; "required": true; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "selectedNodes": { "alias": "selectedNodes"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/tree/lib/tree.interface.d.ts

@@ -0,0 +1,11 @@
+export interface TreeNode {
+    id: string;
+    label: string;
+    icon?: string;
+    selectable?: boolean;
+    expanded?: boolean;
+    children?: TreeNode[];
+}
+export interface Tree {
+    nodes: TreeNode[];
+}

package/tree/lib/tree.service.d.ts

@@ -0,0 +1,35 @@
+import { Observable } from 'rxjs';
+import { Tree, TreeNode } from './tree.interface';
+import * as i0 from "@angular/core";
+export declare class TreeService {
+    private _tree?;
+    private _selection;
+    private _selectionSource;
+    selection$: Observable<TreeNode[]>;
+    private _nodeClickSource;
+    nodeClick$: Observable<TreeNode>;
+    private _nodeFocusSource;
+    nodeFocus$: Observable<string | null | undefined>;
+    multiselect: boolean;
+    setTree(tree: Tree): void;
+    focusNode(id: string | null | undefined): void;
+    toggleNode(id: string | null): void;
+    selectNodeByID(id: string, ctrlKey?: boolean): void;
+    /**
+     * Select a tree node. If the node has already been selected it'll be
+     * removed from the selection. Otherwise it will be added. By default selection
+     * will only contain a single node. If `multiselect` is set to true and CTRL is
+     * pressed the current collection will be extended.
+     * @param node The tree node to be added/removed
+     * @param ctrlKey Whether or not the CTRL key has been pressed
+     * @returns The updated list of selected tree nodes
+     */
+    selectNode(node: TreeNode, ctrlKey?: boolean): void;
+    setSelection(nodeIds: string[]): void;
+    private _getNodeById;
+    private _getChildNodeById;
+    private _resolveSelectedNodes;
+    private _resolveChildren;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TreeService>;
+}

package/upload-progress/README.md

@@ -0,0 +1,3 @@
+# @yuuvis/client-framework/upload-progress
+
+Secondary entry point of `@yuuvis/client-framework`. It can be used by importing from `@yuuvis/client-framework/upload-progress`.

package/upload-progress/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/upload-progress/upload-progress.component';

package/upload-progress/lib/upload-progress/upload-progress-overlay/upload-progress-overlay.component.d.ts

@@ -0,0 +1,17 @@
+import { ProgressStatusItem, TranslateService, UploadResult } from '@yuuvis/client-core';
+import * as i0 from "@angular/core";
+export declare class UploadProgressOverlayComponent {
+    #private;
+    translate: TranslateService;
+    items: import("@angular/core").InputSignal<ProgressStatusItem[] | undefined>;
+    _items: import("@angular/core").Signal<ProgressStatusItem[]>;
+    itemClick: import("@angular/core").OutputEmitterRef<UploadResult>;
+    icons: {
+        remove: string;
+        done: any;
+        err: any;
+    };
+    remove(id?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadProgressOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadProgressOverlayComponent, "yuv-upload-progress-overlay", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}

package/upload-progress/lib/upload-progress/upload-progress.component.d.ts

@@ -0,0 +1,16 @@
+import { UploadResult } from '@yuuvis/client-core';
+import * as i0 from "@angular/core";
+export declare class UploadProgressComponent {
+    #private;
+    progressStatus$: import("rxjs").Observable<import("@yuuvis/client-core").ProgressStatus>;
+    completedUp$: import("rxjs").Observable<boolean | null>;
+    icons: {
+        toggle: any;
+        close: string;
+    };
+    expanded: boolean;
+    resultItemClick: import("@angular/core").OutputEmitterRef<UploadResult>;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadProgressComponent, "yuv-upload-progress", never, {}, { "resultItemClick": "resultItemClick"; }, never, never, true, never>;
+}

package/user-avatar/README.md

@@ -0,0 +1,3 @@
+# @yuuvis/client-framework/user-avatar
+
+Secondary entry point of `@yuuvis/client-framework`. It can be used by importing from `@yuuvis/client-framework/user-avatar`.

package/user-avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/user-avatar.component';
+export * from './lib/user-avatar.module';

package/user-avatar/lib/user-avatar.component.d.ts

@@ -0,0 +1,44 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export interface YuvUser {
+    id: string;
+    username: string;
+    firstname: string;
+    lastname: string;
+    title: string;
+    email: string;
+    image: string;
+    tenant: string;
+    domain: string;
+    authorities: string[];
+    substituteOf: string[];
+    enabled: boolean;
+}
+/**
+ * Component rendering a users avatar. If there is no avatar image availbale, the
+ * component will render the initials of the user, but only if we can fetch a first-
+ * and lastname. Otherwise there will be a fallback image.
+ *
+ * [Screenshot](../assets/images/yuv-user-avatar.gif)
+ *
+ *
+ *
+ */
+export declare class UserAvatarComponent {
+    private sanitizer;
+    private elRef;
+    private renderer;
+    private currentUserId?;
+    private defaultUserImage;
+    /**
+     * The user to display the avatar image for.
+     */
+    set user(u: YuvUser | undefined);
+    img: SafeStyle | null;
+    constructor(sanitizer: DomSanitizer, elRef: ElementRef, renderer: Renderer2);
+    getUserImage(user: YuvUser): void;
+    private setDefaulUserImage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserAvatarComponent, "yuv-user-avatar", never, { "user": { "alias": "user"; "required": false; }; }, {}, never, never, false, never>;
+}

package/user-avatar/lib/user-avatar.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./user-avatar.component";
+import * as i2 from "@angular/common";
+export declare class YuvUserAvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<YuvUserAvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<YuvUserAvatarModule, [typeof i1.UserAvatarComponent], [typeof i2.CommonModule], [typeof i1.UserAvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<YuvUserAvatarModule>;
+}