xaml-ui 1.0.30 → 1.0.34

package/lib/Color.d.ts

@@ -1,17 +1,41 @@
 export type Color = number;
-export declare function colorToString(value: Color): string;
-export declare function stringToColor(value: string): Color;
-export type ColorRGBA = {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export type ColorHSLA = {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare function colorToRgb(value: Color): ColorRGBA;
-export declare function rgbToHsl(rgb: ColorRGBA): ColorHSLA;
+export declare function FormatColor(value: Color): string;
+export declare function ParseColor(value: string): Color;
+export declare class ColorRgba {
+    R: number;
+    G: number;
+    B: number;
+    A: number;
+    constructor(R: number, G: number, B: number, A: number);
+    ToNumber(): Color;
+    static FromNumber(value: Color): ColorRgba;
+    Clone(): ColorRgba;
+    static AreNearEqual(a: ColorRgba, b: ColorRgba): boolean;
+    ToHsla(): ColorHsla;
+    ToHsva(): ColorHsva;
+    ToString(): string;
+}
+export declare class ColorHsla {
+    H: number;
+    S: number;
+    L: number;
+    A: number;
+    constructor(H: number, S: number, L: number, A: number);
+    static FromRgba(rgba: ColorRgba): ColorHsla;
+    ToRgba(): ColorRgba;
+    Clone(): ColorHsla;
+    static AreNearEqual(a: ColorHsla, b: ColorHsla): boolean;
+    ToString(): string;
+}
+export declare class ColorHsva {
+    H: number;
+    S: number;
+    V: number;
+    A: number;
+    constructor(H: number, S: number, V: number, A: number);
+    static FromRgba(rgba: ColorRgba): ColorHsva;
+    ToRgba(): ColorRgba;
+    Clone(): ColorHsva;
+    static AreNearEqual(a: ColorHsva, b: ColorHsva): boolean;
+    ToString(): string;
+}

package/lib/Common.d.ts

@@ -11,9 +11,10 @@ export type TextDecorations = 'None' | 'Underline' | 'Strikethrough';
 export type TextTrimming = 'None' | 'CharacterEllipsis' | 'Clip';
 export type TextWrapping = 'NoWrap' | 'Wrap';
 export type FlyoutPlacementMode = 'Top' | 'Bottom' | 'Left' | 'Right' | 'TopEdgeAlignedLeft' | 'TopEdgeAlignedRight' | 'BottomEdgeAlignedLeft' | 'BottomEdgeAlignedRight' | 'LeftEdgeAlignedTop' | 'LeftEdgeAlignedBottom' | 'RightEdgeAlignedTop' | 'RightEdgeAlignedBottom' | 'Cover';
+export type PlacementMode = 'Top' | 'Bottom' | 'Left' | 'Right' | 'Mouse';
 export type Stretch = 'None' | 'Fill' | 'Uniform' | 'UniformToFill';
 export type UpdateTrigger = 'PropertyChanged' | 'LostFocus';
-export declare function toJustification(value: HorizontalAlignment): string;
-export declare function toAlignment(value: VerticalAlignment): "flex-start" | "center" | "flex-end" | "stretch";
+export declare function ToJustification(value: HorizontalAlignment): string;
+export declare function ToAlignment(value: VerticalAlignment): "flex-start" | "center" | "flex-end" | "stretch";
 export declare function resume_after(timeout: number): Promise<void>;
 export declare function resume_on_event<T>(event: EventEmitter<T>): Promise<void>;

package/lib/FrameworkElement.d.ts

@@ -12,13 +12,15 @@ export declare abstract class FrameworkElementComponent {
     Margin?: string;
     Padding?: string;
     Opacity?: string | number;
-    protected get overflow(): string;
+    protected get overflow(): string | undefined;
     protected get minWidth(): string | undefined;
     protected get minHeight(): string | undefined;
     protected get width(): string | undefined;
     protected get height(): string | undefined;
     protected get justifySelf(): string;
     protected get alignSelf(): "flex-start" | "center" | "flex-end" | "stretch";
+    private static _isSafari?;
+    static get IsSafari(): boolean;
     private static _nextId;
     protected readonly _id: number;
     static readonly DefaultStyles = ":host {\n    display: grid;\n    position: relative;\n  }";

package/lib/Math.d.ts

@@ -0,0 +1 @@
+export declare function AreNearEqual(a: number, b: number, tolerance: number): boolean;

package/lib/basic-input/Button.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from "@angular/core";
 import { BorderComponent } from "../layout/Border";
 import { HorizontalAlignment, VerticalAlignment } from "../Common";
 import * as i0 from "@angular/core";
-export declare const ButtonTemplate = "<ng-content *ngIf=\"Content === undefined\"/>\n  <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>";
+export declare const ButtonTemplate = "<TextBlock *ngIf=\"Content !== undefined\" [Text]=\"Content\"/>\n  <ng-content/>";
 export declare class ButtonComponent extends BorderComponent {
     IsEnabled: boolean;
     Content?: string;
@@ -12,6 +12,9 @@ export declare class ButtonComponent extends BorderComponent {
     private get alignContent();
     private get justifyContent();
     private readonly type;
+    protected isPressed: boolean;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
     private get disabled();
     private get flyoutOpen();
     private _flyout?;

package/lib/basic-input/ColorPicker.d.ts

@@ -1,20 +1,18 @@
-import { AfterViewInit, EventEmitter } from "@angular/core";
+import { AfterViewInit, ElementRef, EventEmitter } from "@angular/core";
 import { FrameworkElementComponent } from "../FrameworkElement";
 import { Color } from "../Color";
 import * as i0 from "@angular/core";
 export declare class ColorPickerComponent extends FrameworkElementComponent implements AfterViewInit {
-    private _color;
+    private _host;
+    IsAlphaEnabled: boolean;
+    IsBrightnessEnabled: boolean;
+    protected _color: Color;
     get Color(): Color;
     set Color(value: Color);
-    private setColor;
     ColorChange: EventEmitter<number>;
-    private _canvas;
-    private _selector;
-    private _context;
+    constructor(_host: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
-    protected onPointerDown(event: PointerEvent): void;
-    protected onPointerMove(event: PointerEvent): void;
-    private updateSelectorPosition;
+    private updateChannelColors;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ColorPicker", never, { "Color": { "alias": "Color"; "required": false; }; }, { "ColorChange": "ColorChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ColorPicker", never, { "IsAlphaEnabled": { "alias": "IsAlphaEnabled"; "required": false; }; "IsBrightnessEnabled": { "alias": "IsBrightnessEnabled"; "required": false; }; "Color": { "alias": "Color"; "required": false; }; }, { "ColorChange": "ColorChange"; }, never, never, true, never>;
 }

package/lib/basic-input/ComboBox.d.ts

@@ -5,6 +5,13 @@ import * as i0 from "@angular/core";
 export declare class ComboBoxComponent extends SelectorComponent implements AfterViewInit {
     private _changeDetector;
     private _host;
+    IsTextSearchEnabled: boolean;
+    protected get tabIndex(): "0" | null;
+    private readonly _textSearchTimeout;
+    private _searchText;
+    private _lastSearchTime;
+    protected onKeyDown(event: KeyboardEvent): void;
+    private getDisplayText;
     get item(): any;
     get index(): number;
     private _selector?;
@@ -13,7 +20,7 @@ export declare class ComboBoxComponent extends SelectorComponent implements Afte
     protected target: FlexibleConnectedPositionStrategyOrigin | null;
     protected onIsOpenChanged(value: boolean): void;
     ngAfterViewInit(): void;
-    private onSelectionChanged;
+    protected onItemClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "ComboBox", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "ComboBox", never, { "IsTextSearchEnabled": { "alias": "IsTextSearchEnabled"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/basic-input/DropDownButton.d.ts

@@ -2,5 +2,5 @@ import { ButtonComponent } from "./Button";
 import * as i0 from "@angular/core";
 export declare class DropDownButtonComponent extends ButtonComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropDownButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "DropDownButton", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropDownButtonComponent, "DropDownButton", never, {}, {}, never, [":not(Flyout):not(MenuFlyout)", "Flyout, MenuFlyout"], true, never>;
 }

package/lib/basic-input/RepeatButton.d.ts

@@ -6,8 +6,8 @@ export declare class RepeatButtonComponent extends ButtonComponent implements On
     Interval: number;
     private _delayTimer;
     private _intervalTimer;
-    private onPointerDown;
-    private onPointerUp;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
     private clearTimers;
     protected onClick(event: Event): void;
     ngOnDestroy(): void;

package/lib/basic-input/SplitButton.d.ts

@@ -1,13 +1,16 @@
 import { EventEmitter } from "@angular/core";
 import { FrameworkElementComponent } from "../FrameworkElement";
+import { VerticalAlignment, HorizontalAlignment } from "../Common";
 import * as i0 from "@angular/core";
 export declare class SplitButtonComponent extends FrameworkElementComponent {
     IsEnabled: boolean;
+    HorizontalContentAlignment: HorizontalAlignment;
+    VerticalContentAlignment: VerticalAlignment;
     Click: EventEmitter<any>;
     private _popup?;
     protected get buttonClass(): "flyout-open" | undefined;
     protected onButtonClick(): void;
     protected onDropDownClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "SplitButton", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; }, { "Click": "Click"; }, ["_popup"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "SplitButton", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "HorizontalContentAlignment": { "alias": "HorizontalContentAlignment"; "required": false; }; "VerticalContentAlignment": { "alias": "VerticalContentAlignment"; "required": false; }; }, { "Click": "Click"; }, ["_popup"], ["*"], true, never>;
 }

package/lib/layout/StackPanel.d.ts

@@ -7,6 +7,8 @@ export declare class StackPanelComponent extends PanelComponent {
     private get gridAutoFlow();
     private get gridAutoRows();
     private get gridAutoColumns();
+    private get alignContent();
+    private get justifyContent();
     static ɵfac: i0.ɵɵFactoryDeclaration<StackPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StackPanelComponent, "StackPanel", never, { "Orientation": { "alias": "Orientation"; "required": false; }; "Spacing": { "alias": "Spacing"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/primitives/ColorSpectrum.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { FrameworkElementComponent } from "../FrameworkElement";
+import { Color, ColorHsva } from "../Color";
+import * as i0 from "@angular/core";
+export declare class ColorSpectrumComponent extends FrameworkElementComponent implements AfterViewInit {
+    private _color;
+    get HsvColor(): ColorHsva;
+    set HsvColor(value: ColorHsva);
+    HsvColorChange: EventEmitter<ColorHsva>;
+    get Color(): Color;
+    set Color(value: Color);
+    ColorChange: EventEmitter<number>;
+    get Brightness(): number;
+    set Brightness(value: number);
+    get Alpha(): number;
+    set Alpha(value: number);
+    private _ring;
+    private _selector;
+    static _selectorInset: number;
+    protected get selectorInset(): number;
+    protected get ringSize(): string;
+    private get center();
+    private get radius();
+    ngAfterViewInit(): void;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    private updateSelectorPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSpectrumComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorSpectrumComponent, "ColorSpectrum", never, { "Color": { "alias": "Color"; "required": false; }; "Brightness": { "alias": "Brightness"; "required": false; }; "Alpha": { "alias": "Alpha"; "required": false; }; }, { "HsvColorChange": "HsvColorChange"; "ColorChange": "ColorChange"; }, never, never, true, never>;
+}

package/lib/primitives/FlyoutBase.d.ts

@@ -1,14 +1,15 @@
 import { FlexibleConnectedPositionStrategyOrigin, Overlay, OverlayRef } from "@angular/cdk/overlay";
-import { ElementRef, EventEmitter, OnDestroy, Renderer2, ViewContainerRef } from "@angular/core";
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2, ViewContainerRef } from "@angular/core";
 import { FlyoutPresenterAnimation } from "./FlyoutPresenter";
 import { FlyoutPlacementMode } from "../Common";
 import * as i0 from "@angular/core";
 export declare const PopupTemplate = "<ng-template #template><XamlRoot><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></XamlRoot></ng-template>";
 export declare abstract class FlyoutBaseComponent implements OnDestroy {
-    private _viewContainerRef;
-    private _overlay;
-    private _hostElement;
-    protected _renderer: Renderer2;
+    private readonly _viewContainerRef;
+    private readonly _overlay;
+    private readonly _hostElement;
+    private readonly _changeDetector;
+    protected readonly _renderer: Renderer2;
     Placement: FlyoutPlacementMode;
     Padding?: string;
     HasBackdrop: boolean;
@@ -29,7 +30,7 @@ export declare abstract class FlyoutBaseComponent implements OnDestroy {
     private get style();
     protected get transitionAnimation(): FlyoutPresenterAnimation;
     private get positioning();
-    constructor(_viewContainerRef: ViewContainerRef, _overlay: Overlay, _hostElement: ElementRef, _renderer: Renderer2);
+    constructor(_viewContainerRef: ViewContainerRef, _overlay: Overlay, _hostElement: ElementRef, _changeDetector: ChangeDetectorRef, _renderer: Renderer2);
     ngOnDestroy(): void;
     protected OnOverlay(overlay: OverlayRef): void;
     Show(): void;

package/lib/primitives/FlyoutPresenter.d.ts

@@ -6,7 +6,6 @@ export declare class FlyoutPresenter {
     Padding?: string;
     IsVisible: boolean;
     private get transitionClass();
-    private get visible();
     private onContextMenu;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlyoutPresenter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FlyoutPresenter, "FlyoutPresenter", never, { "TransitionAnimation": { "alias": "TransitionAnimation"; "required": false; }; "Padding": { "alias": "Padding"; "required": false; }; "IsVisible": { "alias": "IsVisible"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/primitives/Selector.d.ts

@@ -4,7 +4,10 @@ import { HorizontalAlignment, VerticalAlignment } from "../Common";
 import * as i0 from "@angular/core";
 export declare const SelectorItemTemplate = "<ng-container *ngIf=\"ItemTemplate\">\n    <ng-container [ngTemplateOutlet]=\"ItemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\" [ngTemplateOutletInjector]=\"container.Injector\" />\n    </ng-container>\n  <ng-container *ngIf=\"!ItemTemplate\">{{ DisplayMemberPath && item !== null ? item[DisplayMemberPath] : item }}</ng-container>";
 export declare abstract class SelectorComponent extends FrameworkElementComponent {
-    ItemTemplate: TemplateRef<any>;
+    private _contentItemTemplate?;
+    private _inputItemTemplate?;
+    set ItemTemplate(value: TemplateRef<any> | undefined);
+    get ItemTemplate(): TemplateRef<any> | undefined;
     IsEnabled: boolean;
     HorizontalContentAlignment: HorizontalAlignment;
     VerticalContentAlignment: VerticalAlignment;
@@ -27,9 +30,10 @@ export declare abstract class SelectorComponent extends FrameworkElementComponen
     DisplayMemberPath?: string;
     SelectedValuePath?: string;
     protected getValue: (index: number, item: any) => any;
+    ItemClick: EventEmitter<number>;
     protected onItemClick(event: Event, index: number, item: any): void;
     GetElement(index: number): HTMLElement | null;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectorComponent, "Selector", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "HorizontalContentAlignment": { "alias": "HorizontalContentAlignment"; "required": false; }; "VerticalContentAlignment": { "alias": "VerticalContentAlignment"; "required": false; }; "ItemSource": { "alias": "ItemSource"; "required": false; }; "SelectedIndex": { "alias": "SelectedIndex"; "required": false; }; "SelectedValue": { "alias": "SelectedValue"; "required": false; }; "SelectedItem": { "alias": "SelectedItem"; "required": false; }; "DisplayMemberPath": { "alias": "DisplayMemberPath"; "required": false; }; "SelectedValuePath": { "alias": "SelectedValuePath"; "required": false; }; }, { "SelectedIndexChange": "SelectedIndexChange"; "SelectedValueChange": "SelectedValueChange"; "SelectedItemChange": "SelectedItemChange"; }, ["ItemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectorComponent, "Selector", never, { "ItemTemplate": { "alias": "ItemTemplate"; "required": false; }; "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "HorizontalContentAlignment": { "alias": "HorizontalContentAlignment"; "required": false; }; "VerticalContentAlignment": { "alias": "VerticalContentAlignment"; "required": false; }; "ItemSource": { "alias": "ItemSource"; "required": false; }; "SelectedIndex": { "alias": "SelectedIndex"; "required": false; }; "SelectedValue": { "alias": "SelectedValue"; "required": false; }; "SelectedItem": { "alias": "SelectedItem"; "required": false; }; "DisplayMemberPath": { "alias": "DisplayMemberPath"; "required": false; }; "SelectedValuePath": { "alias": "SelectedValuePath"; "required": false; }; }, { "SelectedIndexChange": "SelectedIndexChange"; "SelectedValueChange": "SelectedValueChange"; "SelectedItemChange": "SelectedItemChange"; "ItemClick": "ItemClick"; }, ["_contentItemTemplate"], never, true, never>;
 }

package/lib/scrolling/ScrollViewer.d.ts

@@ -1,12 +1,19 @@
 import { FrameworkElementComponent } from "../FrameworkElement";
-import { AfterViewInit, ChangeDetectorRef } from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, NgZone, OnDestroy } from "@angular/core";
 import { ScrollMode } from "../Common";
 import * as i0 from "@angular/core";
-export declare class ScrollViewerComponent extends FrameworkElementComponent implements AfterViewInit {
+export declare class ScrollViewerComponent extends FrameworkElementComponent implements AfterViewInit, OnDestroy {
     private _changeDetector;
+    private _zone;
     HorizontalScrollMode: ScrollMode;
     VerticalScrollMode: ScrollMode;
     private _content;
+    private _extentWidth;
+    private _extentHeight;
+    private _viewportWidth;
+    private _viewportHeight;
+    private _horizontalOffset;
+    private _verticalOffset;
     get IsHorizontalScrollBarVisible(): boolean;
     get IsVerticalScrollBarVisible(): boolean;
     get ExtentWidth(): number;
@@ -17,14 +24,29 @@ export declare class ScrollViewerComponent extends FrameworkElementComponent imp
     set HorizontalOffset(value: number);
     get VerticalOffset(): number;
     set VerticalOffset(value: number);
+    protected get overflow(): string;
     private static toOverflow;
     protected get contentStyle(): {
         'overflow-x': string;
         'overflow-y': string;
     };
-    constructor(_changeDetector: ChangeDetectorRef);
+    private _resizeObserver?;
+    private _mutationObserver?;
+    private _isDestroyed;
+    constructor(_changeDetector: ChangeDetectorRef, _zone: NgZone);
+    /** Scrolls to an absolute offset, leaving omitted axes where they are. */
+    ScrollTo(horizontalOffset?: number, verticalOffset?: number): void;
+    /** Scrolls by an offset relative to the current position. */
+    ScrollBy(horizontalDelta: number, verticalDelta: number): void;
+    /** Scrolls an element of the content into view. */
+    ScrollToElement(element: Element, options?: ScrollIntoViewOptions): void;
     protected onScroll(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private measure;
+    private observe;
+    private observeContent;
+    private refresh;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewerComponent, "ScrollViewer", never, { "HorizontalScrollMode": { "alias": "HorizontalScrollMode"; "required": false; }; "VerticalScrollMode": { "alias": "VerticalScrollMode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/status-and-info/ToolTip.d.ts

@@ -0,0 +1,18 @@
+import { TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * Presenter for {@link ToolTipDirective}. Rendered inside a CDK overlay at body level, so it carries
+ * the `xaml-themed` class itself to pull in the theme tokens, and wraps its content in its own
+ * `XamlRoot` — like a flyout does — so the host app's cascade cannot reach the tip.
+ * Shows either plain {@link Content} text or, for rich tips, a projected {@link ContentTemplate}
+ * (mirrors `ToolTip.Content` accepting arbitrary content). The directive drives {@link IsVisible} for the
+ * fade reveal.
+ */
+export declare class ToolTipComponent {
+    static TransitionDuration: number;
+    Content?: string;
+    ContentTemplate?: TemplateRef<unknown>;
+    IsVisible: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolTipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolTipComponent, "ToolTip", never, { "Content": { "alias": "Content"; "required": false; }; "ContentTemplate": { "alias": "ContentTemplate"; "required": false; }; "IsVisible": { "alias": "IsVisible"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/status-and-info/ToolTipService.d.ts

@@ -1,8 +1,38 @@
+import { Overlay } from "@angular/cdk/overlay";
+import { ChangeDetectorRef, ElementRef, OnDestroy, TemplateRef } from "@angular/core";
+import { PlacementMode } from "../Common";
 import * as i0 from "@angular/core";
-export declare class ToolTipDirective {
+export declare class ToolTipDirective implements OnDestroy {
+    private readonly _hostElement;
+    private readonly _overlay;
+    private readonly _changeDetector;
+    private static _nextToolTipId;
+    private readonly _id;
+    private static _revealDelay;
+    private static readonly _targetElementSpacing;
+    private static readonly _cursorSpacing;
     ToolTip?: string;
+    ToolTipTemplate?: TemplateRef<unknown>;
+    Placement: PlacementMode;
+    private _overlayRef?;
+    private _toolTip?;
+    private _revealTimer?;
+    private _pointerPosition?;
+    constructor(_hostElement: ElementRef<HTMLElement>, _overlay: Overlay, _changeDetector: ChangeDetectorRef);
+    protected get marker(): string | null;
+    protected onFocusIn(event: FocusEvent): void;
+    protected onPointerOver(event: PointerEvent): void;
+    private updatePointerPosition;
+    private scheduleShow;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerDown(): void;
+    protected onPointerOut(event: PointerEvent | FocusEvent): void;
+    private showOverlay;
+    private hideOverlay;
+    private static getPositionCandidates;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolTipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolTipDirective, "[ToolTipService-ToolTip]", never, { "ToolTip": { "alias": "ToolTipService-ToolTip"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolTipDirective, "[ToolTipService-ToolTip], [ToolTipService-ToolTipTemplate]", never, { "ToolTip": { "alias": "ToolTipService-ToolTip"; "required": false; }; "ToolTipTemplate": { "alias": "ToolTipService-ToolTipTemplate"; "required": false; }; "Placement": { "alias": "ToolTipService-Placement"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class ToolTipServiceModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolTipServiceModule, never>;

package/lib/text/NumberBox.d.ts

@@ -4,6 +4,7 @@ import { TextAlignment } from "../Common";
 import * as i0 from "@angular/core";
 export type NumberInputMode = 'Float' | 'Integer';
 export type NumberFormatter = (value: number) => string;
+export type SpinButtonPlacementMode = 'None' | 'Compact';
 export declare class NumberBoxComponent extends FrameworkElementComponent {
     IsEnabled: boolean;
     PlaceholderText: string;
@@ -15,13 +16,14 @@ export declare class NumberBoxComponent extends FrameworkElementComponent {
     SmallChange: number;
     LargeChange: number;
     Unit?: string;
+    SpinButtonPlacementMode: SpinButtonPlacementMode;
     ValueChange: EventEmitter<number>;
     private _numberFormatter;
     get NumberFormatter(): NumberFormatter;
     set NumberFormatter(value: NumberFormatter);
     protected get flyoutTarget(): HTMLInputElement;
     private _input;
-    private _flyout;
+    private _flyout?;
     private _text;
     get Text(): string;
     private _value;
@@ -45,5 +47,5 @@ export declare class NumberBoxComponent extends FrameworkElementComponent {
     private onContextMenu;
     private get disabled();
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberBoxComponent, "NumberBox", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "PlaceholderText": { "alias": "PlaceholderText"; "required": false; }; "IsPlaceholderEditable": { "alias": "IsPlaceholderEditable"; "required": false; }; "TextAlignment": { "alias": "TextAlignment"; "required": false; }; "InputMode": { "alias": "InputMode"; "required": false; }; "Minimum": { "alias": "Minimum"; "required": false; }; "Maximum": { "alias": "Maximum"; "required": false; }; "SmallChange": { "alias": "SmallChange"; "required": false; }; "LargeChange": { "alias": "LargeChange"; "required": false; }; "Unit": { "alias": "Unit"; "required": false; }; "NumberFormatter": { "alias": "NumberFormatter"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberBoxComponent, "NumberBox", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "PlaceholderText": { "alias": "PlaceholderText"; "required": false; }; "IsPlaceholderEditable": { "alias": "IsPlaceholderEditable"; "required": false; }; "TextAlignment": { "alias": "TextAlignment"; "required": false; }; "InputMode": { "alias": "InputMode"; "required": false; }; "Minimum": { "alias": "Minimum"; "required": false; }; "Maximum": { "alias": "Maximum"; "required": false; }; "SmallChange": { "alias": "SmallChange"; "required": false; }; "LargeChange": { "alias": "LargeChange"; "required": false; }; "Unit": { "alias": "Unit"; "required": false; }; "SpinButtonPlacementMode": { "alias": "SpinButtonPlacementMode"; "required": false; }; "NumberFormatter": { "alias": "NumberFormatter"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, never, true, never>;
 }

package/lib/text/TextBox.d.ts

@@ -18,6 +18,7 @@ export declare class TextBoxComponent extends FrameworkElementComponent {
     private _validatedValue;
     protected onInput(): void;
     protected onBlur(): void;
+    protected onReturn(): void;
     protected update(): void;
     private get disabled();
     private onClick;

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "xaml-ui",
-  "version": "1.0.30",
+  "version": "1.0.34",
   "license": "MPL-2.0",
   "description": "XAML UI is angular version of Microsoft's WinUI component library.",
   "peerDependencies": {
+    "@angular/cdk": "^19.2.11",
     "@angular/common": "^19.2.6",
     "@angular/core": "^19.2.6"
   },

package/public-api.d.ts

@@ -34,6 +34,7 @@ export * from './lib/menus-and-toolbars/MenuFlyoutItem';
 export * from './lib/menus-and-toolbars/ToggleMenuFlyoutItem';
 export * from './lib/menus-and-toolbars/MenuFlyoutItemBase';
 export * from './lib/menus-and-toolbars/MenuFlyoutSeparator';
+export * from './lib/primitives/ColorSpectrum';
 export * from './lib/primitives/DialogPresenter';
 export * from './lib/primitives/FlyoutBase';
 export * from './lib/primitives/FlyoutPresenter';
@@ -41,6 +42,7 @@ export * from './lib/primitives/Selector';
 export * from './lib/shapes/Ellipse';
 export * from './lib/scrolling/ScrollBar';
 export * from './lib/scrolling/ScrollViewer';
+export * from './lib/status-and-info/ToolTip';
 export * from './lib/status-and-info/ToolTipService';
 export * from './lib/status-and-info/ProgressBar';
 export * from './lib/status-and-info/ProgressRing';