@latitude-ui/widgets 0.0.30 → 0.0.32

package/fesm2022/latitude-ui-widgets-tree.mjs

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, linkedSignal, computed, untracked } from '@angular/core';
+import { rxResource } from '@angular/core/rxjs-interop';
+
+class TreeComponent {
+    store = input(...(ngDevMode ? [undefined, { debugName: "store" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: TreeComponent, isStandalone: true, selector: "lat-tree", inputs: { store: { classPropertyName: "store", publicName: "store", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["latTree"], ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TreeComponent, decorators: [{
+            type: Component,
+            args: [{ exportAs: 'latTree', selector: 'lat-tree', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
+        }], propDecorators: { store: [{ type: i0.Input, args: [{ isSignal: true, alias: "store", required: false }] }] } });
+
+class TreeNode {
+    id;
+    pid;
+    value;
+    children;
+    downlevel;
+    constructor(value, options) {
+        const { id, pid, children, downlevel } = options;
+        this.value = signal(value, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.id = linkedSignal({ ...(ngDevMode ? { debugName: "id" } : {}), source: () => this.value(),
+            computation: (value) => id(value) });
+        this.pid = linkedSignal({ ...(ngDevMode ? { debugName: "pid" } : {}), source: () => this.value(),
+            computation: (value) => pid(value) });
+        this.children = linkedSignal({ ...(ngDevMode ? { debugName: "children" } : {}), source: () => this.value(),
+            computation: (value) => children(value) });
+        this.downlevel = linkedSignal({ ...(ngDevMode ? { debugName: "downlevel" } : {}), source: () => this.value(),
+            computation: (value) => downlevel(value) });
+    }
+}
+function tree({ queryFn, queryChildrenFn, params, ...options }) {
+    const stream = rxResource({
+        params,
+        ...options,
+        stream: (params) => queryFn(params)
+    });
+    const values = computed(() => stream.hasValue() ? stream.value() : [], ...(ngDevMode ? [{ debugName: "values" }] : []));
+    const status = computed(() => {
+        switch (stream.status()) {
+            case 'idle':
+                return 'idle';
+            case 'error':
+                return 'rejected';
+            case 'local':
+            case 'resolved':
+                return 'fulfilled';
+            case 'loading':
+            case 'reloading':
+                return 'pending';
+        }
+    }, ...(ngDevMode ? [{ debugName: "status" }] : []));
+    return {
+        values,
+        status,
+        set(nodes) {
+            return stream.set(nodes);
+        },
+        update(updateFn) {
+            return stream.update((nodes) => updateFn(nodes ?? []));
+        },
+        children(node) {
+            return untracked(() => queryChildrenFn ? queryChildrenFn(node, {}) : node.children());
+        }
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TreeComponent, TreeNode, tree };
+//# sourceMappingURL=latitude-ui-widgets-tree.mjs.map

package/fesm2022/latitude-ui-widgets-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"latitude-ui-widgets-tree.mjs","sources":["../../../../packages/widgets/tree/lib/tree.component.ts","../../../../packages/widgets/tree/lib/tree.component.html","../../../../packages/widgets/tree/lib/tree.api.ts","../../../../packages/widgets/tree/latitude-ui-widgets-tree.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\r\nimport { TreeStore } from './tree.api';\r\n\r\n\r\n@Component({\r\n  exportAs: 'latTree',\r\n  selector: 'lat-tree',\r\n  templateUrl: './tree.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TreeComponent<T = unknown> {\r\n  readonly store = input<TreeStore<T>>();\r\n}\r\n","","import { Observable } from 'rxjs';\r\nimport {\r\n  computed,\r\n  Injector,\r\n  linkedSignal,\r\n  ResourceLoaderParams,\r\n  Signal,\r\n  signal,\r\n  untracked,\r\n  WritableSignal\r\n} from '@angular/core';\r\nimport { rxResource } from '@angular/core/rxjs-interop';\r\n\r\n\r\nexport class TreeNode<T = unknown> {\r\n  readonly id: WritableSignal<string>;\r\n\r\n  readonly pid: WritableSignal<string | undefined>;\r\n\r\n  readonly value: WritableSignal<T>;\r\n\r\n  readonly children: WritableSignal<TreeNode<T>[]>;\r\n\r\n  readonly downlevel: WritableSignal<boolean>;\r\n\r\n  constructor(\r\n    value: T,\r\n    options: {\r\n      id: (value: T) => string;\r\n      pid: (value: T) => string | undefined;\r\n      children: (value: T) => TreeNode<T>[];\r\n      downlevel: (value: T) => boolean;\r\n    }\r\n  ) {\r\n    const { id, pid, children, downlevel } = options;\r\n\r\n    this.value = signal(value);\r\n\r\n    this.id = linkedSignal({\r\n      source: () => this.value(),\r\n      computation: (value) => id(value)\r\n    });\r\n\r\n    this.pid = linkedSignal({\r\n      source: () => this.value(),\r\n      computation: (value) => pid(value)\r\n    });\r\n\r\n    this.children = linkedSignal({\r\n      source: () => this.value(),\r\n      computation: (value) => children(value)\r\n    });\r\n\r\n    this.downlevel = linkedSignal({\r\n      source: () => this.value(),\r\n      computation: (value) => downlevel(value)\r\n    });\r\n  }\r\n}\r\n\r\nexport interface TreeStore<T = unknown> {\r\n\r\n  readonly values: Signal<TreeNode<T>[]>;\r\n\r\n  readonly status: Signal<'idle' | 'pending' | 'fulfilled' | 'rejected'>;\r\n\r\n  set(nodes: TreeNode<T>[]): void;\r\n\r\n  update(updateFn: (nodes: TreeNode<T>[]) => TreeNode<T>[]): void;\r\n\r\n  children(node: TreeNode<T>): TreeNode<T>[] | Observable<TreeNode<T>[]>;\r\n}\r\n\r\n\r\nexport type TreeResourceQueryFn<T, R> = (params: ResourceLoaderParams<R>) => Observable<TreeNode<T>[]>;\r\nexport type TreeResourceQueryChildrenFn<T, R> = (node: TreeNode<T>, params: ResourceLoaderParams<R>) => Observable<TreeNode<T>[]>;\r\n\r\nexport type TreeResourceOptions<T, R> = {\r\n  params?: () => R;\r\n  queryFn: TreeResourceQueryFn<T, R>;\r\n  queryChildrenFn?: TreeResourceQueryChildrenFn<T, R>;\r\n  injector?: Injector;\r\n}\r\n\r\n\r\nexport function tree<T, R>({ queryFn, queryChildrenFn, params, ...options }: TreeResourceOptions<T, R>): TreeStore<T> {\r\n  const stream = rxResource({\r\n    params,\r\n    ...options,\r\n    stream: (params) => queryFn(params)\r\n  });\r\n\r\n  const values = computed(() => stream.hasValue() ? stream.value() : []);\r\n\r\n  const status = computed(() => {\r\n    switch (stream.status()) {\r\n      case 'idle':\r\n        return 'idle';\r\n      case 'error':\r\n        return 'rejected';\r\n      case 'local':\r\n      case 'resolved':\r\n        return 'fulfilled';\r\n      case 'loading':\r\n      case 'reloading':\r\n        return 'pending';\r\n    }\r\n  });\r\n\r\n  return {\r\n    values,\r\n    status,\r\n\r\n    set(nodes: TreeNode<T>[]) {\r\n      return stream.set(nodes);\r\n    },\r\n    update(updateFn: (nodes: TreeNode<T>[]) => TreeNode<T>[]) {\r\n      return stream.update((nodes) => updateFn(nodes ?? []));\r\n    },\r\n    children(node: TreeNode<T>) {\r\n      return untracked(() => queryChildrenFn ? queryChildrenFn(node, {} as never) : node.children());\r\n    }\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/menu/README.md

@@ -0,0 +1,3 @@
+# @latitude-ui/widgets/menu
+
+Secondary entry point of `@latitude-ui/widgets`. It can be used by importing from `@latitude-ui/widgets/menu`.

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@latitude-ui/widgets",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "peerDependencies": {
     "@angular/common": "^21.1.0",
     "@angular/core": "^21.1.0",
+    "@angular/aria": "^21.1.0",
     "@angular/cdk": "^21.1.0",
     "@maskito/core": "5.1.0",
     "@maskito/kit": "5.1.0"
@@ -47,6 +48,10 @@
       "types": "./types/latitude-ui-widgets-lookup.d.ts",
       "default": "./fesm2022/latitude-ui-widgets-lookup.mjs"
     },
+    "./menu": {
+      "types": "./types/latitude-ui-widgets-menu.d.ts",
+      "default": "./fesm2022/latitude-ui-widgets-menu.mjs"
+    },
     "./scrollable": {
       "types": "./types/latitude-ui-widgets-scrollable.d.ts",
       "default": "./fesm2022/latitude-ui-widgets-scrollable.mjs"
@@ -70,6 +75,10 @@
     "./toolbar": {
       "types": "./types/latitude-ui-widgets-toolbar.d.ts",
       "default": "./fesm2022/latitude-ui-widgets-toolbar.mjs"
+    },
+    "./tree": {
+      "types": "./types/latitude-ui-widgets-tree.d.ts",
+      "default": "./fesm2022/latitude-ui-widgets-tree.mjs"
     }
   },
   "dependencies": {

package/tree/README.md

@@ -0,0 +1,3 @@
+# @latitude-ui/widgets/tree
+
+Secondary entry point of `@latitude-ui/widgets`. It can be used by importing from `@latitude-ui/widgets/tree`.

package/types/latitude-ui-widgets-button.d.ts

@@ -1,7 +1,7 @@
 import * as _latitude_ui_widgets_core from '@latitude-ui/widgets/core';
 import { BoxSize } from '@latitude-ui/widgets/core';
 import * as _angular_core from '@angular/core';
-import { ElementRef, InjectionToken, Signal } from '@angular/core';
+import { ElementRef } from '@angular/core';
 
 type ButtonSize = BoxSize;
 type ButtonVariant = 'default' | 'action' | 'secondary' | 'text' | 'link' | 'inherit' | ({} & string);
@@ -9,8 +9,8 @@ type ButtonVariant = 'default' | 'action' | 'secondary' | 'text' | 'link' | 'inh
 declare class ButtonComponent {
     readonly button: ElementRef<any>;
     readonly role: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<_latitude_ui_widgets_core.BoxSize | undefined>;
-    readonly variant: _angular_core.InputSignal<ButtonVariant | undefined>;
+    readonly size: _angular_core.InputSignal<_latitude_ui_widgets_core.BoxSize>;
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     readonly icononly: _angular_core.WritableSignal<boolean>;
@@ -21,11 +21,5 @@ declare class ButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "lat-button", ["latButton"], { "role": { "alias": "role"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-interface ButtonPattern {
-    readonly size: Signal<ButtonSize>;
-    readonly variant: Signal<ButtonVariant>;
-}
-declare const BUTTON_PATTERN: InjectionToken<ButtonPattern>;
-
-export { BUTTON_PATTERN, ButtonComponent };
-export type { ButtonPattern, ButtonSize, ButtonVariant };
+export { ButtonComponent };
+export type { ButtonSize, ButtonVariant };

package/types/latitude-ui-widgets-core.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { InjectionToken, Signal } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
 import { NgControl, FormControlStatus, AbstractControl } from '@angular/forms';
+import { Observable } from 'rxjs';
 
 type BoxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'inherit';
 
@@ -95,7 +96,12 @@ declare class HTMLFormControlContainer<T> {
 
 declare function noop(): void;
 
+type Task<T = unknown> = T | Promise<T> | Observable<T>;
+declare function isPromise<T = unknown>(input: unknown): input is Promise<T>;
+declare function isObservable<T = unknown>(input: any): input is Observable<T>;
+declare function taskToObservable<T>(task: Task<T>): Observable<T>;
+
 declare function uid(): string;
 
-export { ARIA_ERRORMESSAGE, ARIA_LABELLEDBY, HTMLFormControl, HTMLFormControlContainer, LAT_ASSETS_PATH, noop, uid };
-export type { BoxSize, HTMLFormControlSize, HTMLFormControlVariant };
+export { ARIA_ERRORMESSAGE, ARIA_LABELLEDBY, HTMLFormControl, HTMLFormControlContainer, LAT_ASSETS_PATH, isObservable, isPromise, noop, taskToObservable, uid };
+export type { BoxSize, HTMLFormControlSize, HTMLFormControlVariant, Task };

package/types/latitude-ui-widgets-menu.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/aria/menu';
+
+declare class MenuComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "lat-menu", ["latMenu"], {}, {}, never, ["lat-menuitem,lat-menugroup,lat-menulabel"], true, [{ directive: typeof i1.Menu; inputs: { "id": "id"; "disabled": "disabled"; "typeaheadDelay": "typeaheadDelay"; }; outputs: {}; }]>;
+}
+
+declare class MenuGroupComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuGroupComponent, "lat-menugroup", ["latMenuGroup"], {}, {}, never, ["lat-menuitem,lat-menugroup"], true, never>;
+}
+
+declare class MenuItemComponent {
+    readonly role: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "lat-menuitem", ["latMenuItem"], { "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.MenuItem; inputs: { "id": "id"; "disabled": "disabled"; "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class MenuLabelComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuLabelComponent, "lat-menulabel", ["latMenuLabel"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class MenuTriggerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTriggerDirective, "[latMenuTrigger]", ["latMenuTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.MenuTrigger; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
+}
+
+export { MenuComponent, MenuGroupComponent, MenuItemComponent, MenuLabelComponent, MenuTriggerDirective };

package/types/latitude-ui-widgets-tree.d.ts

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { Signal, WritableSignal, ResourceLoaderParams, Injector } from '@angular/core';
+import { Observable } from 'rxjs';
+
+declare class TreeNode<T = unknown> {
+    readonly id: WritableSignal<string>;
+    readonly pid: WritableSignal<string | undefined>;
+    readonly value: WritableSignal<T>;
+    readonly children: WritableSignal<TreeNode<T>[]>;
+    readonly downlevel: WritableSignal<boolean>;
+    constructor(value: T, options: {
+        id: (value: T) => string;
+        pid: (value: T) => string | undefined;
+        children: (value: T) => TreeNode<T>[];
+        downlevel: (value: T) => boolean;
+    });
+}
+interface TreeStore<T = unknown> {
+    readonly values: Signal<TreeNode<T>[]>;
+    readonly status: Signal<'idle' | 'pending' | 'fulfilled' | 'rejected'>;
+    set(nodes: TreeNode<T>[]): void;
+    update(updateFn: (nodes: TreeNode<T>[]) => TreeNode<T>[]): void;
+    children(node: TreeNode<T>): TreeNode<T>[] | Observable<TreeNode<T>[]>;
+}
+type TreeResourceQueryFn<T, R> = (params: ResourceLoaderParams<R>) => Observable<TreeNode<T>[]>;
+type TreeResourceQueryChildrenFn<T, R> = (node: TreeNode<T>, params: ResourceLoaderParams<R>) => Observable<TreeNode<T>[]>;
+type TreeResourceOptions<T, R> = {
+    params?: () => R;
+    queryFn: TreeResourceQueryFn<T, R>;
+    queryChildrenFn?: TreeResourceQueryChildrenFn<T, R>;
+    injector?: Injector;
+};
+declare function tree<T, R>({ queryFn, queryChildrenFn, params, ...options }: TreeResourceOptions<T, R>): TreeStore<T>;
+
+declare class TreeComponent<T = unknown> {
+    readonly store: i0.InputSignal<TreeStore<T> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent<any>, "lat-tree", ["latTree"], { "store": { "alias": "store"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TreeComponent, TreeNode, tree };
+export type { TreeResourceOptions, TreeResourceQueryChildrenFn, TreeResourceQueryFn, TreeStore };