xaml-ui 1.0.4 → 1.0.6

package/lib/Color.d.ts

@@ -0,0 +1,17 @@
+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;

package/lib/Common.d.ts

@@ -9,7 +9,7 @@ export type XamlBoolean = 'False' | 'True';
 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';
+export type FlyoutPlacementMode = 'Top' | 'Bottom' | 'Left' | 'Right' | 'TopEdgeAlignedLeft' | 'TopEdgeAlignedRight' | 'BottomEdgeAlignedLeft' | 'BottomEdgeAlignedRight' | 'LeftEdgeAlignedTop' | 'LeftEdgeAlignedBottom' | 'RightEdgeAlignedTop' | 'RightEdgeAlignedBottom' | 'Cover';
 export type Stretch = 'None' | 'Fill' | 'Uniform' | 'UniformToFill';
 export declare function toJustification(value: HorizontalAlignment): string;
 export declare function toAlignment(value: VerticalAlignment): "flex-start" | "center" | "flex-end" | "stretch";

package/lib/FrameworkElement.d.ts

@@ -11,6 +11,9 @@ export declare abstract class FrameworkElementComponent {
     VerticalAlignment: VerticalAlignment;
     Margin?: string;
     Padding?: string;
+    private get overflow();
+    private get minWidth();
+    private get minHeight();
     private get width();
     private get height();
     private get justifySelf();

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

@@ -12,8 +12,8 @@ export declare class ButtonComponent extends BorderComponent {
     private readonly type;
     private get disabled();
     private get flyoutOpen();
-    private _popup?;
+    private _flyout?;
     protected onHostPointerEvent(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "Button", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "HorizontalContentAlignment": { "alias": "HorizontalContentAlignment"; "required": false; }; "VerticalContentAlignment": { "alias": "VerticalContentAlignment"; "required": false; }; }, { "Click": "Click"; }, ["_popup"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "Button", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "HorizontalContentAlignment": { "alias": "HorizontalContentAlignment"; "required": false; }; "VerticalContentAlignment": { "alias": "VerticalContentAlignment"; "required": false; }; }, { "Click": "Click"; }, ["_flyout"], ["*"], true, never>;
 }

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

@@ -0,0 +1,20 @@
+import { AfterViewInit, 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;
+    get Color(): Color;
+    set Color(value: Color);
+    private setColor;
+    ColorChange: EventEmitter<number>;
+    private _canvas;
+    private _selector;
+    private _context;
+    ngAfterViewInit(): void;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    private updateSelectorPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "ColorPicker", never, { "Color": { "alias": "Color"; "required": false; }; }, { "ColorChange": "ColorChange"; }, never, never, true, never>;
+}

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

@@ -1,16 +1,18 @@
-import { AfterViewInit, ChangeDetectorRef } from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, ElementRef } from "@angular/core";
 import { SelectorComponent } from "../primitives/Selector";
+import { FlexibleConnectedPositionStrategyOrigin } from "@angular/cdk/overlay";
 import * as i0 from "@angular/core";
 export declare class ComboBoxComponent extends SelectorComponent implements AfterViewInit {
     private _changeDetector;
+    private _host;
     get item(): any;
     get index(): number;
     private _selector?;
     private _popup?;
-    constructor(_changeDetector: ChangeDetectorRef);
+    constructor(_changeDetector: ChangeDetectorRef, _host: ElementRef<HTMLElement>);
+    protected target: FlexibleConnectedPositionStrategyOrigin | null;
+    protected onIsOpenChanged(value: boolean): void;
     ngAfterViewInit(): void;
-    private _popupOffset;
-    protected get popupOffset(): number;
     private onSelectionChanged;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "ComboBox", never, {}, {}, never, never, true, never>;

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

@@ -0,0 +1,16 @@
+import { OnDestroy } from "@angular/core";
+import { ButtonComponent } from "./Button";
+import * as i0 from "@angular/core";
+export declare class RepeatButtonComponent extends ButtonComponent implements OnDestroy {
+    Delay: number;
+    Interval: number;
+    private _delayTimer;
+    private _intervalTimer;
+    private onPointerDown;
+    private onPointerUp;
+    private clearTimers;
+    protected onHostPointerEvent(event: Event): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RepeatButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RepeatButtonComponent, "RepeatButton", never, { "Delay": { "alias": "Delay"; "required": false; }; "Interval": { "alias": "Interval"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -10,7 +10,7 @@ export declare class SliderComponent extends FrameworkElementComponent {
     ValueChange: EventEmitter<number>;
     IsEnabled: boolean;
     Orientation: Orientation;
-    protected onChange(event: Event): void;
+    protected onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "Slider", never, { "Minimum": { "alias": "Minimum"; "required": false; }; "Maximum": { "alias": "Maximum"; "required": false; }; "StepFrequency": { "alias": "StepFrequency"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "Orientation": { "alias": "Orientation"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { FrameworkElementComponent } from "../FrameworkElement";
+import * as i0 from "@angular/core";
+export declare class SplitButtonComponent extends FrameworkElementComponent {
+    IsEnabled: boolean;
+    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>;
+}

package/lib/dialogs-and-flyouts/ContextFlyout.d.ts

@@ -0,0 +1,12 @@
+import { AfterViewInit, ElementRef, ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class ContextFlyoutDirective implements AfterViewInit {
+    private _hostComponent;
+    private _viewContainer;
+    private _flyout?;
+    constructor(_hostComponent: ElementRef, _viewContainer: ViewContainerRef);
+    ngAfterViewInit(): void;
+    private onContextMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContextFlyoutDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContextFlyoutDirective, "[ContextFlyout]", never, {}, {}, never, never, true, never>;
+}

package/lib/dialogs-and-flyouts/Flyout.d.ts

@@ -1,21 +1,8 @@
-import { FlyoutPlacementMode } from "../Common";
-import { PopupComponent } from "../primitives/Popup";
+import { FlyoutBaseComponent } from "../primitives/FlyoutBase";
+import { FlyoutPresenterAnimation } from "../primitives/FlyoutPresenter";
 import * as i0 from "@angular/core";
-export declare class FlyoutComponent extends PopupComponent {
-    Placement: FlyoutPlacementMode;
-    protected get contentStyle(): {
-        'align-self': string | undefined;
-        'justify-self': string | undefined;
-    };
-    protected get containerStyle(): {
-        top: string | undefined;
-        left: string | undefined;
-        right: string | undefined;
-        bottom: string | undefined;
-        transform: string;
-        margin: string;
-        transition: string;
-    };
+export declare class FlyoutComponent extends FlyoutBaseComponent {
+    protected get transitionAnimation(): FlyoutPresenterAnimation;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlyoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlyoutComponent, "Flyout", never, { "Placement": { "alias": "Placement"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlyoutComponent, "Flyout", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/layout/StackPanel.d.ts

@@ -3,8 +3,10 @@ import { PanelComponent } from "./Panel";
 import * as i0 from "@angular/core";
 export declare class StackPanelComponent extends PanelComponent {
     Orientation: Orientation;
-    Spacing: number | string;
-    private get flexDirection();
+    Spacing: number | string | undefined;
+    private get gridAutoFlow();
+    private get gridAutoRows();
+    private get gridAutoColumns();
     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/media/Image.d.ts

@@ -0,0 +1,13 @@
+import { Stretch } from "../Common";
+import { FrameworkElementComponent } from "../FrameworkElement";
+import * as i0 from "@angular/core";
+export declare class ImageComponent extends FrameworkElementComponent {
+    Source?: string;
+    Stretch: Stretch;
+    protected get imageStyle(): {
+        width: string | undefined;
+        height: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageComponent, "Image", never, { "Source": { "alias": "Source"; "required": false; }; "Stretch": { "alias": "Stretch"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/menus-and-toolbars/AppBarButton.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from "@angular/core";
+import { FrameworkElementComponent } from "../FrameworkElement";
+import * as i0 from "@angular/core";
+export declare class AppBarButtonComponent extends FrameworkElementComponent {
+    IsEnabled: boolean;
+    Text?: string;
+    Icon?: string;
+    Click: EventEmitter<any>;
+    private get disabled();
+    private _flyout?;
+    protected onHostPointerEvent(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarButtonComponent, "AppBarButton", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "Text": { "alias": "Text"; "required": false; }; "Icon": { "alias": "Icon"; "required": false; }; }, { "Click": "Click"; }, ["_flyout"], ["*"], true, never>;
+}

package/lib/menus-and-toolbars/CommandBar.d.ts

@@ -0,0 +1,6 @@
+import { FrameworkElementComponent } from "../FrameworkElement";
+import * as i0 from "@angular/core";
+export declare class CommandBarComponent extends FrameworkElementComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommandBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommandBarComponent, "CommandBar", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/menus-and-toolbars/MenuFlyout.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit } from "@angular/core";
+import { FlyoutComponent } from "../dialogs-and-flyouts/Flyout";
+import { FlyoutPresenterAnimation } from "../primitives/FlyoutPresenter";
+import { OverlayRef } from "@angular/cdk/overlay-module.d-CSrPj90C";
+import * as i0 from "@angular/core";
+export declare class MenuFlyoutComponent extends FlyoutComponent implements AfterViewInit {
+    private _menuClickSubscription?;
+    protected get transitionAnimation(): FlyoutPresenterAnimation;
+    protected OnOverlay(overlay: OverlayRef): void;
+    private onMenuClick;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuFlyoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuFlyoutComponent, "MenuFlyout", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/menus-and-toolbars/MenuFlyoutItem.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { MenuFlyoutItemBase } from "./MenuFlyoutItemBase";
+import * as i0 from "@angular/core";
+export declare class MenuFlyoutItemComponent extends MenuFlyoutItemBase {
+    IsEnabled: boolean;
+    Text: string;
+    Icon?: string;
+    Click: EventEmitter<any>;
+    private get disabled();
+    private onClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuFlyoutItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuFlyoutItemComponent, "MenuFlyoutItem", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "Text": { "alias": "Text"; "required": false; }; "Icon": { "alias": "Icon"; "required": false; }; }, { "Click": "Click"; }, never, never, true, never>;
+}

package/lib/menus-and-toolbars/MenuFlyoutItemBase.d.ts

@@ -0,0 +1,2 @@
+export declare class MenuFlyoutItemBase {
+}

package/lib/menus-and-toolbars/MenuFlyoutSeparator.d.ts

@@ -0,0 +1,6 @@
+import { MenuFlyoutItemBase } from "./MenuFlyoutItemBase";
+import * as i0 from "@angular/core";
+export declare class MenuFlyoutSeparator extends MenuFlyoutItemBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuFlyoutSeparator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuFlyoutSeparator, "MenuFlyoutSeparator", never, {}, {}, never, never, true, never>;
+}

package/lib/primitives/FlyoutBase.d.ts

@@ -0,0 +1,39 @@
+import { FlexibleConnectedPositionStrategyOrigin, Overlay, OverlayRef } from "@angular/cdk/overlay";
+import { AfterViewInit, 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><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></ng-template>";
+export declare abstract class FlyoutBaseComponent implements AfterViewInit, OnDestroy {
+    private _viewContainerRef;
+    private _overlay;
+    private _hostElement;
+    protected _renderer: Renderer2;
+    Placement: FlyoutPlacementMode;
+    Padding?: string;
+    HasBackdrop: boolean;
+    private _backdropContextMenuSubscription?;
+    private _isOpen;
+    get IsOpen(): boolean;
+    set IsOpen(value: boolean);
+    private updatePlacement;
+    protected isVisible: boolean;
+    IsOpenChange: EventEmitter<boolean>;
+    private _target;
+    get Target(): FlexibleConnectedPositionStrategyOrigin | null;
+    set Target(value: FlexibleConnectedPositionStrategyOrigin | null);
+    private _template;
+    private get style();
+    protected get transitionAnimation(): FlyoutPresenterAnimation;
+    private get positioning();
+    private _overlayRef;
+    private _templatePortal;
+    constructor(_viewContainerRef: ViewContainerRef, _overlay: Overlay, _hostElement: ElementRef, _renderer: Renderer2);
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    protected OnOverlay(overlay: OverlayRef): void;
+    Show(): void;
+    Hide(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlyoutBaseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlyoutBaseComponent, "FlyoutBase", never, { "Placement": { "alias": "Placement"; "required": false; }; "Padding": { "alias": "Padding"; "required": false; }; "HasBackdrop": { "alias": "HasBackdrop"; "required": false; }; "IsOpen": { "alias": "IsOpen"; "required": false; }; "Target": { "alias": "Target"; "required": false; }; }, { "IsOpenChange": "IsOpenChange"; }, never, ["*"], true, never>;
+}

package/lib/primitives/FlyoutPresenter.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export type FlyoutPresenterAnimation = 'Default' | 'SlideLeft' | 'SlideRight' | 'SlideUp' | 'SlideDown';
+export declare class FlyoutPresenter {
+    static TransitionDuration: number;
+    TransitionAnimation: FlyoutPresenterAnimation;
+    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

@@ -26,9 +26,10 @@ export declare abstract class SelectorComponent extends FrameworkElementComponen
     SelectedItemChange: EventEmitter<any>;
     DisplayMemberPath?: string;
     SelectedValuePath?: string;
-    protected getValue(index: number, item: any): any;
+    protected getValue: (index: number, item: any) => any;
     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>;
 }

package/lib/scrolling/ScrollBar.d.ts

@@ -9,8 +9,8 @@ export declare class ScrollBarComponent extends FrameworkElementComponent {
     StepSize: number;
     private _value;
     get Value(): number;
-    ValueChange: EventEmitter<number>;
     set Value(value: number);
+    ValueChange: EventEmitter<number>;
     IsEnabled: boolean;
     private _track;
     private _thumb;

package/lib/text/NumberBox.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from "@angular/core";
+import { FrameworkElementComponent } from "../FrameworkElement";
+import { TextAlignment } from "../Common";
+import * as i0 from "@angular/core";
+export type NumberInputMode = 'Float' | 'Integer';
+export type NumberFormatter = (value: number) => string;
+export declare class NumberBoxComponent extends FrameworkElementComponent {
+    IsEnabled: boolean;
+    PlaceholderText: string;
+    IsPlaceholderEditable: boolean;
+    TextAlignment?: TextAlignment;
+    InputMode: NumberInputMode;
+    Minimum: number;
+    Maximum: number;
+    SmallChange: number;
+    LargeChange: number;
+    NumberFormatter: NumberFormatter;
+    Unit?: string;
+    ValueChange: EventEmitter<number>;
+    private _input;
+    private _flyout;
+    private _text;
+    get Text(): string;
+    private _value;
+    get Value(): number;
+    set Value(value: number);
+    private setValue;
+    constructor();
+    protected onChange(): void;
+    private clampValue;
+    protected onIncreaseClick(): void;
+    protected onDecreaseClick(): void;
+    protected onButtonPress(): void;
+    private _blurTimeout;
+    private cancelFlyoutDismiss;
+    private scheduleFlyoutDismiss;
+    protected onBlur(): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    private onClick;
+    private onFocusIn;
+    private updateText;
+    private onContextMenu;
+    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; }; "NumberFormatter": { "alias": "NumberFormatter"; "required": false; }; "Unit": { "alias": "Unit"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, never, true, never>;
+}

package/lib/text/TextBlock.d.ts

@@ -14,7 +14,7 @@ export declare class TextBlockComponent extends FrameworkElementComponent {
     TextTrimming?: TextTrimming;
     TextWrapping: TextWrapping;
     private get fontWeight();
-    static ToFontWeight(value: FontWeights): 900 | 700 | 950 | 800 | 200 | 300 | 500 | 400 | 600 | 350 | 100;
+    static ToFontWeight(value: FontWeights): 100 | 900 | 700 | 950 | 800 | 200 | 300 | 500 | 400 | 600 | 350;
     private get userSelect();
     private get textDecorationLine();
     private get textOverflow();

package/lib/text/TextBox.d.ts

@@ -5,14 +5,18 @@ import * as i0 from "@angular/core";
 export declare class TextBoxComponent extends FrameworkElementComponent {
     IsEnabled: boolean;
     PlaceholderText: string;
-    TextChange: EventEmitter<string>;
     TextAlignment?: TextAlignment;
     TextWrapping: TextWrapping;
+    private _input;
     private _text;
     get Text(): string;
     set Text(value: string);
-    protected onChange(event: Event): void;
+    TextChange: EventEmitter<string>;
+    protected onInput(event: Event): void;
+    private get disabled();
+    private onClick;
     private onContextMenu;
+    Focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "TextBox", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "PlaceholderText": { "alias": "PlaceholderText"; "required": false; }; "TextAlignment": { "alias": "TextAlignment"; "required": false; }; "TextWrapping": { "alias": "TextWrapping"; "required": false; }; "Text": { "alias": "Text"; "required": false; }; }, { "TextChange": "TextChange"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xaml-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "license": "MPL-2.0",
   "description": "XAML UI is angular version of Microsoft's WinUI component library.",
   "peerDependencies": {

package/public-api.d.ts

@@ -1,26 +1,40 @@
 export * from './lib/basic-input/Button';
 export * from './lib/basic-input/CheckBox';
+export * from './lib/basic-input/ColorPicker';
 export * from './lib/basic-input/ComboBox';
 export * from './lib/basic-input/DropDownButton';
 export * from './lib/basic-input/RadioButton';
+export * from './lib/basic-input/RepeatButton';
 export * from './lib/basic-input/Slider';
+export * from './lib/basic-input/SplitButton';
 export * from './lib/basic-input/ToggleButton';
 export * from './lib/basic-input/ToggleSwitch';
 export * from './lib/collections/ListBox';
 export * from './lib/collections/ListView';
+export * from './lib/dialogs-and-flyouts/ContextFlyout';
 export * from './lib/dialogs-and-flyouts/Flyout';
 export * from './lib/icons/FontIcon';
 export * from './lib/layout/Border';
 export * from './lib/layout/Grid';
 export * from './lib/layout/Panel';
 export * from './lib/layout/StackPanel';
-export * from './lib/primitives/Popup';
+export * from './lib/media/Image';
+export * from './lib/menus-and-toolbars/AppBarButton';
+export * from './lib/menus-and-toolbars/CommandBar';
+export * from './lib/menus-and-toolbars/MenuFlyout';
+export * from './lib/menus-and-toolbars/MenuFlyoutItem';
+export * from './lib/menus-and-toolbars/MenuFlyoutItemBase';
+export * from './lib/menus-and-toolbars/MenuFlyoutSeparator';
+export * from './lib/primitives/FlyoutBase';
+export * from './lib/primitives/FlyoutPresenter';
 export * from './lib/primitives/Selector';
 export * from './lib/scrolling/ScrollBar';
 export * from './lib/scrolling/ScrollViewer';
 export * from './lib/status-and-info/ToolTipService';
+export * from './lib/text/NumberBox';
 export * from './lib/text/TextBlock';
 export * from './lib/text/TextBox';
+export * from './lib/Color';
 export * from './lib/Common';
 export * from './lib/FrameworkElement';
 export * from './lib/XamlRoot';

package/styles/XamlGlobals.css

@@ -121,4 +121,18 @@
 
     --DividerStrokeColorDefault: #0000000F;
   }
+}
+
+.cdk-overlay-dark-backdrop {
+  background: transparent !important;
+}
+
+.cdk-overlay-pane {
+  display: grid !important;
+}
+
+body {
+  font-family: 'Segoe UI', Arial, sans-serif;
+  font-size: 10pt;
+  color: var(--TextFillColorPrimary);
 }

package/lib/primitives/Popup.d.ts

@@ -1,19 +0,0 @@
-import { EventEmitter } from "@angular/core";
-import * as i0 from "@angular/core";
-export declare class PopupComponent {
-    isRendered: boolean;
-    private _isRenderedTimeout;
-    private _isOpen;
-    get IsOpen(): boolean;
-    set IsOpen(value: boolean);
-    IsOpenChange: EventEmitter<boolean>;
-    VerticalOffset: number;
-    HorizontalOffset: number;
-    private _container?;
-    Show(): void;
-    Hide(): void;
-    protected get containerClass(): "popup-open" | undefined;
-    protected onBackdropClick(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PopupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopupComponent, "Popup", never, { "IsOpen": { "alias": "IsOpen"; "required": false; }; "VerticalOffset": { "alias": "VerticalOffset"; "required": false; }; "HorizontalOffset": { "alias": "HorizontalOffset"; "required": false; }; }, { "IsOpenChange": "IsOpenChange"; }, never, ["*"], true, never>;
-}