@basis-ng/primitives 0.0.1-alpha.12 → 0.0.1-alpha.13

package/core/components/combobox/combobox.component.d.ts

@@ -0,0 +1,122 @@
+import { CdkConnectedOverlay } from '@angular/cdk/overlay';
+import { OnInit } from '@angular/core';
+import { Button } from '../button/button.component';
+import { ControlValueAccessor } from '@angular/forms';
+import { CommandComponent } from '../command/command.component';
+import * as i0 from "@angular/core";
+/**
+ * Component representing a combobox dropdown.
+ * This component provides a button to toggle the dropdown and displays the selected option(s) with an input field.
+ */
+export declare class ComboboxComponent implements OnInit, ControlValueAccessor {
+    /**
+     * Placeholder text displayed when no option is selected.
+     * Defaults to 'Select an option'.
+     */
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    /**
+     * Signal indicating whether the dropdown is currently open.
+     */
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Reference to the button element used to toggle the dropdown.
+     * This is used for managing focus and interactions.
+     */
+    readonly button: import("@angular/core").Signal<Button | undefined>;
+    /**
+     * Reference to the content component of the dropdown.
+     * This contains the list of selectable options.
+     */
+    readonly command: import("@angular/core").Signal<CommandComponent | undefined>;
+    /**
+     * Computed signal representing the selected values from the dropdown.
+     * This is linked to the value of the `CommandComponent`.
+     */
+    readonly value: import("@angular/core").WritableSignal<string[] | undefined>;
+    /**
+     * Input for setting the maximum width of the dropdown.
+     * Defaults to '100%'.
+     */
+    readonly maxWidth: import("@angular/core").InputSignal<string>;
+    /**
+     * Computed signal for the width of the button element.
+     * This is used to set the width of the dropdown overlay.
+     */
+    readonly buttonWidth: import("@angular/core").Signal<any>;
+    /**
+     * Model indicating whether the combobox component is disabled.
+     * When disabled, the dropdown cannot be opened or interacted with.
+     */
+    readonly disabled: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Computed signal representing the options available in the dropdown.
+     * This retrieves the options from the `CommandComponent`.
+     */
+    readonly options: import("@angular/core").Signal<readonly import("@angular/cdk/listbox").CdkOption<any>[] | undefined>;
+    /**
+     * Computed signal representing the content of the selected option(s).
+     * If no option is selected, it returns the placeholder text.
+     */
+    readonly content: import("@angular/core").Signal<string | undefined>;
+    /**
+     * Signal representing the delay before closing the dropdown.
+     * This is used to provide a smooth transition when closing the dropdown.
+     */
+    readonly closeDelay: import("@angular/core").WritableSignal<number>;
+    /**
+     * Reference to the CdkConnectedOverlay directive.
+     * This is used to manage the positioning and visibility of the dropdown overlay.
+     */
+    readonly cdkConnectedOverlay: import("@angular/core").Signal<CdkConnectedOverlay | undefined>;
+    /**
+     * Lifecycle hook that is called after the component is initialized.
+     * It sets up the necessary subscriptions for handling value changes.
+     */
+    ngOnInit(): void;
+    /**
+     * Subscribes to the `closeEmitter` of the `CommandComponent` to handle
+     * changes to the selected value. This ensures the dropdown closes and the
+     * value is propagated to Angular Forms.
+     */
+    handleSelectedValueChange(): void;
+    /**
+     * Closes the dropdown with a transition effect and refocuses the button.
+     * This method sets the `isOpen` signal to `false` after a delay and removes
+     * the transition class from the overlay panel.
+     */
+    close(): void;
+    /**
+     * Callback function to propagate changes to the model.
+     * This is called whenever the value changes.
+     */
+    private onChange;
+    /**
+     * Callback function to mark the component as touched.
+     * This is called when the component loses focus.
+     */
+    private onTouched;
+    /**
+     * Writes a new value to the component.
+     * This method is called by Angular Forms to update the value of the combobox component.
+     * @param value - The new value to set.
+     */
+    writeValue(value: string[]): void;
+    /**
+     * Registers a callback function to be called when the value changes.
+     * @param fn - The callback function.
+     */
+    registerOnChange(fn: (value: string[]) => void): void;
+    /**
+     * Registers a callback function to be called when the component is touched.
+     * @param fn - The callback function.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Sets the disabled state of the component.
+     * This method is called by Angular Forms to enable or disable the component.
+     * @param isDisabled - A boolean indicating whether the component should be disabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "b-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, ["command"], ["*"], true, never>;
+}

package/core/components/command/command-options.component.d.ts

@@ -28,6 +28,10 @@ export declare class CommandOptionsComponent implements OnInit {
      * Reference to the injected CDK Listbox instance.
      */
     cdkListbox: CdkListbox<any>;
+    /**
+     * Emitter for closing the command options.
+     */
+    closeEmitter: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Lifecycle hook that initializes the component.
      * Enables the use of active descendant for the listbox.
@@ -50,5 +54,5 @@ export declare class CommandOptionsComponent implements OnInit {
      */
     updateHighlightedOption(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommandOptionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CommandOptionsComponent, "ul[b-command-options]", never, {}, {}, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommandOptionsComponent, "ul[b-command-options]", never, {}, { "closeEmitter": "closeEmitter"; }, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: {}; outputs: {}; }]>;
 }

package/core/components/command/command.component.d.ts

@@ -20,6 +20,16 @@ export declare class CommandComponent {
      * This can be used to control the visual appearance of the command component.
      */
     readonly maxHeight: import("@angular/core").InputSignal<string>;
+    /**
+     * Computed signal representing the selected value from the command options.
+     * This is linked to the value of the `CommandOptionsComponent`.
+     */
+    readonly value: import("@angular/core").Signal<string[] | undefined>;
+    /**
+     * Computed signal representing the options available in the command options.
+     * This is linked to the options of the `CommandOptionsComponent`.
+     */
+    readonly options: import("@angular/core").Signal<readonly import("@angular/cdk/listbox").CdkOption<any>[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommandComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CommandComponent, "b-command", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, {}, ["commandOptions"], ["*"], true, never>;
 }

package/fesm2022/basis-ng-primitives.mjs

@@ -2504,6 +2504,10 @@ class CommandOptionsComponent {
      * Reference to the injected CDK Listbox instance.
      */
     cdkListbox = inject(CdkListbox);
+    /**
+     * Emitter for closing the command options.
+     */
+    closeEmitter = output();
     /**
      * Lifecycle hook that initializes the component.
      * Enables the use of active descendant for the listbox.
@@ -2517,6 +2521,7 @@ class CommandOptionsComponent {
     selectOption() {
         this.value.set(this.listKeyManager().activeItem?.value ?? []);
         this.cdkListbox.value = this.value();
+        this.closeEmitter.emit();
     }
     /**
      * Moves the active item to the next option and updates the highlighted option.
@@ -2548,7 +2553,7 @@ class CommandOptionsComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: CommandOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: CommandOptionsComponent, isStandalone: true, selector: "ul[b-command-options]", queries: [{ propertyName: "options", predicate: CdkOption, isSignal: true }], hostDirectives: [{ directive: i1.CdkListbox }], ngImport: i0, template: `<ng-content />`, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: CommandOptionsComponent, isStandalone: true, selector: "ul[b-command-options]", outputs: { closeEmitter: "closeEmitter" }, queries: [{ propertyName: "options", predicate: CdkOption, isSignal: true }], hostDirectives: [{ directive: i1.CdkListbox }], ngImport: i0, template: `<ng-content />`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: CommandOptionsComponent, decorators: [{
             type: Component,
@@ -2580,6 +2585,16 @@ class CommandComponent {
      * This can be used to control the visual appearance of the command component.
      */
     maxHeight = input('300px');
+    /**
+     * Computed signal representing the selected value from the command options.
+     * This is linked to the value of the `CommandOptionsComponent`.
+     */
+    value = computed(() => this.commandOptions()?.value());
+    /**
+     * Computed signal representing the options available in the command options.
+     * This is linked to the options of the `CommandOptionsComponent`.
+     */
+    options = computed(() => this.commandOptions()?.options());
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: CommandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: CommandComponent, isStandalone: true, selector: "b-command", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.maxWidth": "maxWidth()", "style.maxHeight": "maxHeight()" } }, queries: [{ propertyName: "commandOptions", first: true, predicate: CommandOptionsComponent, descendants: true, isSignal: true }], ngImport: i0, template: `<input
       type="text"
@@ -2616,6 +2631,268 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 }]
         }] });
 
+/**
+ * Component representing a combobox dropdown.
+ * This component provides a button to toggle the dropdown and displays the selected option(s) with an input field.
+ */
+class ComboboxComponent {
+    /**
+     * Placeholder text displayed when no option is selected.
+     * Defaults to 'Select an option'.
+     */
+    placeholder = input('Select an option');
+    /**
+     * Signal indicating whether the dropdown is currently open.
+     */
+    isOpen = signal(false);
+    /**
+     * Reference to the button element used to toggle the dropdown.
+     * This is used for managing focus and interactions.
+     */
+    button = viewChild(Button);
+    /**
+     * Reference to the content component of the dropdown.
+     * This contains the list of selectable options.
+     */
+    command = contentChild(CommandComponent);
+    /**
+     * Computed signal representing the selected values from the dropdown.
+     * This is linked to the value of the `CommandComponent`.
+     */
+    value = linkedSignal(() => this.command()?.value());
+    /**
+     * Input for setting the maximum width of the dropdown.
+     * Defaults to '100%'.
+     */
+    maxWidth = input('100%');
+    /**
+     * Computed signal for the width of the button element.
+     * This is used to set the width of the dropdown overlay.
+     */
+    buttonWidth = computed(() => this.button()?.el.nativeElement.offsetWidth);
+    /**
+     * Model indicating whether the combobox component is disabled.
+     * When disabled, the dropdown cannot be opened or interacted with.
+     */
+    disabled = model(false);
+    /**
+     * Computed signal representing the options available in the dropdown.
+     * This retrieves the options from the `CommandComponent`.
+     */
+    options = computed(() => this.command()?.options());
+    /**
+     * Computed signal representing the content of the selected option(s).
+     * If no option is selected, it returns the placeholder text.
+     */
+    content = computed(() => {
+        const selected = this.value();
+        if (selected && selected.length > 0) {
+            return this.options()?.reduce((acc, option) => {
+                if (selected.includes(option.value)) {
+                    return acc ? acc + ', ' + option.getLabel() : option.getLabel();
+                }
+                return acc;
+            }, '');
+        }
+        else {
+            return this.placeholder();
+        }
+    });
+    /**
+     * Signal representing the delay before closing the dropdown.
+     * This is used to provide a smooth transition when closing the dropdown.
+     */
+    closeDelay = signal(150);
+    /**
+     * Reference to the CdkConnectedOverlay directive.
+     * This is used to manage the positioning and visibility of the dropdown overlay.
+     */
+    cdkConnectedOverlay = viewChild(CdkConnectedOverlay);
+    /**
+     * Lifecycle hook that is called after the component is initialized.
+     * It sets up the necessary subscriptions for handling value changes.
+     */
+    ngOnInit() {
+        this.handleSelectedValueChange();
+    }
+    /**
+     * Subscribes to the `closeEmitter` of the `CommandComponent` to handle
+     * changes to the selected value. This ensures the dropdown closes and the
+     * value is propagated to Angular Forms.
+     */
+    handleSelectedValueChange() {
+        this.command()
+            ?.commandOptions()
+            ?.closeEmitter.subscribe(() => {
+            this.onChange(this.value()); // Notify Angular Forms about the change
+            this.onTouched(); // Mark the component as touched
+            this.close(); // Close the dropdown
+        });
+    }
+    /**
+     * Closes the dropdown with a transition effect and refocuses the button.
+     * This method sets the `isOpen` signal to `false` after a delay and removes
+     * the transition class from the overlay panel.
+     */
+    close() {
+        this.cdkConnectedOverlay()?.overlayRef.addPanelClass('cdk-overlay-pane-closing');
+        setTimeout(() => {
+            this.isOpen.set(false);
+            this.cdkConnectedOverlay()?.overlayRef.removePanelClass('cdk-overlay-pane-closing');
+            this.button()?.el.nativeElement.focus();
+        }, this.closeDelay());
+    }
+    // Control Value Accessor methods
+    /**
+     * Callback function to propagate changes to the model.
+     * This is called whenever the value changes.
+     */
+    onChange = () => undefined;
+    /**
+     * Callback function to mark the component as touched.
+     * This is called when the component loses focus.
+     */
+    onTouched = () => undefined;
+    /**
+     * Writes a new value to the component.
+     * This method is called by Angular Forms to update the value of the combobox component.
+     * @param value - The new value to set.
+     */
+    writeValue(value) {
+        if (value) {
+            value.forEach(value => {
+                this.command()?.commandOptions()?.cdkListbox?.selectValue(value);
+            });
+            this.value.set(value);
+        }
+    }
+    /**
+     * Registers a callback function to be called when the value changes.
+     * @param fn - The callback function.
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * Registers a callback function to be called when the component is touched.
+     * @param fn - The callback function.
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Sets the disabled state of the component.
+     * This method is called by Angular Forms to enable or disable the component.
+     * @param isDisabled - A boolean indicating whether the component should be disabled.
+     */
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.7", type: ComboboxComponent, isStandalone: true, selector: "b-combobox", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange" }, host: { properties: { "style.max-width": "maxWidth()", "class.disabled": "disabled()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ComboboxComponent),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "command", first: true, predicate: CommandComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "button", first: true, predicate: Button, descendants: true, isSignal: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], ngImport: i0, template: ` <button
+      b-button
+      variant="outlined"
+      (click)="isOpen() ? close() : this.isOpen.set(true)"
+      (keydown.arrowUp)="!isOpen() && this.isOpen.set(true)"
+      (keydown.arrowDown)="!isOpen() && this.isOpen.set(true)"
+      cdkOverlayOrigin
+      [activeEnabled]="false"
+      #trigger="cdkOverlayOrigin">
+      {{ content() }}
+      <i b-icon icon="ChevronDown" [size]="20"></i>
+    </button>
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="trigger"
+      [cdkConnectedOverlayOpen]="isOpen()"
+      [cdkConnectedOverlayWidth]="buttonWidth()"
+      [cdkConnectedOverlayHasBackdrop]="true"
+      cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
+      [cdkConnectedOverlayPositions]="[
+        {
+          originX: 'start',
+          originY: 'bottom',
+          overlayX: 'start',
+          overlayY: 'top',
+          offsetY: 5,
+        },
+        {
+          originX: 'start',
+          originY: 'top',
+          overlayX: 'start',
+          overlayY: 'bottom',
+          offsetY: -5,
+        },
+      ]"
+      (backdropClick)="close()"
+      (detach)="close()">
+      <ng-content />
+    </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[b-button]", inputs: ["variant", "size", "loading", "equalPadding", "toggle", "isToggled", "activeEnabled"] }, { kind: "component", type: Icon, selector: "i[b-icon]", inputs: ["icon", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ComboboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'b-combobox',
+                    imports: [Button, Icon, CdkConnectedOverlay, CdkOverlayOrigin],
+                    template: ` <button
+      b-button
+      variant="outlined"
+      (click)="isOpen() ? close() : this.isOpen.set(true)"
+      (keydown.arrowUp)="!isOpen() && this.isOpen.set(true)"
+      (keydown.arrowDown)="!isOpen() && this.isOpen.set(true)"
+      cdkOverlayOrigin
+      [activeEnabled]="false"
+      #trigger="cdkOverlayOrigin">
+      {{ content() }}
+      <i b-icon icon="ChevronDown" [size]="20"></i>
+    </button>
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="trigger"
+      [cdkConnectedOverlayOpen]="isOpen()"
+      [cdkConnectedOverlayWidth]="buttonWidth()"
+      [cdkConnectedOverlayHasBackdrop]="true"
+      cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
+      [cdkConnectedOverlayPositions]="[
+        {
+          originX: 'start',
+          originY: 'bottom',
+          overlayX: 'start',
+          overlayY: 'top',
+          offsetY: 5,
+        },
+        {
+          originX: 'start',
+          originY: 'top',
+          overlayX: 'start',
+          overlayY: 'bottom',
+          offsetY: -5,
+        },
+      ]"
+      (backdropClick)="close()"
+      (detach)="close()">
+      <ng-content />
+    </ng-template>`,
+                    host: {
+                        '[style.max-width]': 'maxWidth()',
+                        '[class.disabled]': 'disabled()',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ComboboxComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
 /*
  * Public API Surface of basis-ng
  */
@@ -2625,5 +2902,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Alert, AttachedBox, Badge, BottomSheet, Button, ButtonGroup, Checkbox, ColorPicker, CommandComponent, CommandOptionsComponent, Icon, InViewportDirective, InViewportService, Input, InputGroup, Label, LazyContentDirective, Menu, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabel, MenuTrigger, OptionComponent, Range, ResponsiveService, Row, RowItem, SelectComponent, SelectOptionsComponent, SideSheet, Spinner, Switch, Tab, Table, Tabs, Textarea, ThemeService, TooltipComponent, Tree, TreeNode };
+export { Alert, AttachedBox, Badge, BottomSheet, Button, ButtonGroup, Checkbox, ColorPicker, ComboboxComponent, CommandComponent, CommandOptionsComponent, Icon, InViewportDirective, InViewportService, Input, InputGroup, Label, LazyContentDirective, Menu, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabel, MenuTrigger, OptionComponent, Range, ResponsiveService, Row, RowItem, SelectComponent, SelectOptionsComponent, SideSheet, Spinner, Switch, Tab, Table, Tabs, Textarea, ThemeService, TooltipComponent, Tree, TreeNode };
 //# sourceMappingURL=basis-ng-primitives.mjs.map