xaml-ui 1.0.3 → 1.0.5

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/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/CheckBox.d.ts

@@ -5,7 +5,7 @@ export declare class CheckBoxComponent extends BorderComponent {
     IsEnabled: boolean;
     IsChecked: boolean;
     IsCheckedChange: EventEmitter<boolean>;
-    onIsCheckedChange(event: Event): void;
+    protected onChange(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "CheckBox", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "IsChecked": { "alias": "IsChecked"; "required": false; }; }, { "IsCheckedChange": "IsCheckedChange"; }, never, ["*"], 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

@@ -10,8 +10,8 @@ export declare class ComboBoxComponent extends SelectorComponent implements Afte
     constructor(_changeDetector: ChangeDetectorRef);
     ngAfterViewInit(): void;
     private _popupOffset;
-    get popupOffset(): number;
-    onSelectionChanged(): void;
+    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/RadioButton.d.ts

@@ -1,24 +1,26 @@
-import { AfterContentInit, EventEmitter } from "@angular/core";
+import { EventEmitter } from "@angular/core";
 import { BorderComponent } from "../layout/Border";
 import { StackPanelComponent } from "../layout/StackPanel";
 import * as i0 from "@angular/core";
 export declare class RadioButtonComponent extends BorderComponent {
+    private _group;
     IsEnabled: boolean;
     IsChecked: boolean;
     IsCheckedChange: EventEmitter<boolean>;
     Group: string;
     Value: any;
-    onIsCheckedChange(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    protected onChange(event: Event): void;
+    constructor(_group: RadioButtonGroup);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "RadioButton", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "IsChecked": { "alias": "IsChecked"; "required": false; }; "Group": { "alias": "Group"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; }, { "IsCheckedChange": "IsCheckedChange"; }, never, ["*"], true, never>;
 }
-export declare class RadioButtonGroup extends StackPanelComponent implements AfterContentInit {
+export declare class RadioButtonGroup extends StackPanelComponent {
     private _value;
     set Value(value: any);
     get Value(): any;
-    ValueChange: EventEmitter<boolean>;
+    ValueChange: EventEmitter<any>;
     private _children;
-    ngAfterContentInit(): void;
+    registerOption(child: RadioButtonComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonGroup, "RadioButtonGroup", never, { "Value": { "alias": "Value"; "required": false; }; }, { "ValueChange": "ValueChange"; }, ["_children"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonGroup, "RadioButtonGroup", never, { "Value": { "alias": "Value"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,13 @@
+import { ButtonComponent } from "./Button";
+import * as i0 from "@angular/core";
+export declare class RepeatButtonComponent extends ButtonComponent {
+    Delay: number;
+    Interval: number;
+    private _delayTimer;
+    private _intervalTimer;
+    private onPointerDown;
+    private onPointerUp;
+    protected onHostPointerEvent(event: Event): 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;
-    onValueChange(event: Event): void;
+    protected onChange(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/basic-input/ToggleButton.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare class ToggleButtonComponent extends ButtonComponent {
     IsChecked: boolean;
     IsCheckedChange: EventEmitter<boolean>;
-    onPointerUp(event: PointerEvent): void;
+    private onPointerUp;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonComponent, "ToggleButton", never, { "IsChecked": { "alias": "IsChecked"; "required": false; }; }, { "IsCheckedChange": "IsCheckedChange"; }, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,15 @@
+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);
+    private _positionX;
+    private _positionY;
+    private get style();
+    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

@@ -3,11 +3,11 @@ import { PopupComponent } from "../primitives/Popup";
 import * as i0 from "@angular/core";
 export declare class FlyoutComponent extends PopupComponent {
     Placement: FlyoutPlacementMode;
-    get contentStyle(): {
+    protected get contentStyle(): {
         'align-self': string | undefined;
         'justify-self': string | undefined;
     };
-    get containerStyle(): {
+    protected get containerStyle(): {
         top: string | undefined;
         left: string | undefined;
         right: string | undefined;

package/lib/layout/StackPanel.d.ts

@@ -3,8 +3,8 @@ 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 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,12 @@
+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();
+    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"; }, never, never, 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,7 @@
+import { FlyoutComponent } from "../dialogs-and-flyouts/Flyout";
+import * as i0 from "@angular/core";
+export declare class MenuFlyoutComponent extends FlyoutComponent {
+    protected onMenuClick(event: Event): 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/Popup.d.ts

@@ -1,7 +1,8 @@
 import { EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class PopupComponent {
-    isRendered: boolean;
+    private readonly _title;
+    protected isRendered: boolean;
     private _isRenderedTimeout;
     private _isOpen;
     get IsOpen(): boolean;
@@ -12,8 +13,8 @@ export declare class PopupComponent {
     private _container?;
     Show(): void;
     Hide(): void;
-    get containerClass(): "popup-open" | undefined;
-    onBackdropClick(event: Event): void;
+    protected get containerClass(): "flyout-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>;
 }

package/lib/primitives/Selector.d.ts

@@ -8,8 +8,8 @@ export declare abstract class SelectorComponent extends FrameworkElementComponen
     IsEnabled: boolean;
     HorizontalContentAlignment: HorizontalAlignment;
     VerticalContentAlignment: VerticalAlignment;
-    get alignContent(): "flex-start" | "center" | "flex-end" | "stretch";
-    get justifyContent(): string;
+    protected get alignContent(): "flex-start" | "center" | "flex-end" | "stretch";
+    protected get justifyContent(): string;
     private get disabled();
     private _itemSource;
     get ItemSource(): any[];
@@ -26,8 +26,8 @@ export declare abstract class SelectorComponent extends FrameworkElementComponen
     SelectedItemChange: EventEmitter<any>;
     DisplayMemberPath?: string;
     SelectedValuePath?: string;
-    getValue(index: number, item: any): any;
-    onItemClick(event: Event, index: number, item: any): void;
+    protected getValue(index: number, item: any): any;
+    protected onItemClick(event: Event, index: number, item: any): void;
     GetElement(index: number): HTMLElement | null;
     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

@@ -17,12 +17,12 @@ export declare class ScrollBarComponent extends FrameworkElementComponent {
     private _isScrolling;
     private _startPointerPosition;
     private _startScrollPosition;
-    get decreaseGlyph(): "" | "";
-    get increaseGlyph(): "" | "";
-    get class(): string;
-    getElementSize(element: HTMLElement): number;
-    getPointerPosition(event: PointerEvent): number;
-    get thumbStyle(): {
+    protected get decreaseGlyph(): "" | "";
+    protected get increaseGlyph(): "" | "";
+    private get class();
+    private getElementSize;
+    private getPointerPosition;
+    protected get thumbStyle(): {
         height?: undefined;
         top?: undefined;
         width?: undefined;
@@ -39,13 +39,13 @@ export declare class ScrollBarComponent extends FrameworkElementComponent {
         top?: undefined;
     };
     private _interval?;
-    onButtonDown(event: PointerEvent, direction: boolean): void;
-    onButtonUp(event: PointerEvent): void;
-    onTrackDown(event: PointerEvent): void;
-    onTrackUp(event: PointerEvent): void;
-    onPointerDown(event: PointerEvent): void;
-    onPointerMove(event: PointerEvent): void;
-    onPointerUp(event: PointerEvent): void;
+    protected onButtonDown(event: PointerEvent, direction: boolean): void;
+    protected onButtonUp(event: PointerEvent): void;
+    protected onTrackDown(event: PointerEvent): void;
+    protected onTrackUp(event: PointerEvent): void;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollBarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScrollBarComponent, "ScrollBar", never, { "Orientation": { "alias": "Orientation"; "required": false; }; "ViewportSize": { "alias": "ViewportSize"; "required": false; }; "ScrollSize": { "alias": "ScrollSize"; "required": false; }; "StepSize": { "alias": "StepSize"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; "IsEnabled": { "alias": "IsEnabled"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, never, true, never>;
 }

package/lib/scrolling/ScrollViewer.d.ts

@@ -18,12 +18,12 @@ export declare class ScrollViewerComponent extends FrameworkElementComponent imp
     get VerticalOffset(): number;
     set VerticalOffset(value: number);
     private static toOverflow;
-    get contentStyle(): {
+    protected get contentStyle(): {
         'overflow-x': string;
         'overflow-y': string;
     };
     constructor(_changeDetector: ChangeDetectorRef);
-    onScroll(): void;
+    protected onScroll(): void;
     ngAfterViewInit(): void;
     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/text/NumberBox.d.ts

@@ -0,0 +1,36 @@
+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;
+    TextAlignment?: TextAlignment;
+    InputMode: NumberInputMode;
+    Minimum: number;
+    Maximum: number;
+    SmallChange: number;
+    LargeChange: number;
+    NumberFormatter: NumberFormatter;
+    ValueChange: EventEmitter<number>;
+    private _input;
+    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 onBlur(): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    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; }; "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; }; "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

@@ -11,8 +11,8 @@ export declare class TextBoxComponent extends FrameworkElementComponent {
     private _text;
     get Text(): string;
     set Text(value: string);
-    onChange(event: Event): void;
-    onContextMenu(event: Event): void;
+    protected onChange(event: Event): void;
+    private onContextMenu;
     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.3",
+  "version": "1.0.5",
   "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,39 @@
 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/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/Popup';
 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

@@ -0,0 +1,124 @@
+/*accent +3: #FF99EBFF
+  accent +2: #FF4CC2FF
+  accent +1: #FF0091F8
+  accent: #FF0078D4
+  accent -1: #FF0067C0
+  accent -2: #FF003E92
+  accent -3: #FF001A68*/
+
+:root {
+  /*Invariant variables*/
+  --ControlBorderThickness: 1px;
+  --ControlCornerRadius: 4px;
+  --OverlayCornerRadius: 8px;
+  --AcrylicBlur: blur(12px);
+
+  --SymbolFontFamily: 'Segoe Fluent Icons', 'Segoe MDL2 Assets';
+  --SystemAccentColor: #0078d4;
+  
+  --ControlNormalAnimationDuration: 0.25s;
+  --ControlFastAnimationDuration: 0.167s;
+  --ControlFasterAnimationDuration: 0.083s;
+
+  /*Dark mode*/
+  --ControlFillColorDefault: #FFFFFF0F;
+  --ControlFillColorSecondary: #FFFFFF15;
+  --ControlFillColorTertiary: #FFFFFF08;
+  --ControlFillColorDisabled: #FFFFFF0B;
+  --ControlFillColorInputActive: #1E1E1EB3;
+
+  --ControlSolidFillColorDefault: #454545FF;
+
+  --ControlAltFillColorSecondary: #00000019;
+  --ControlAltFillColorTertiary: #FFFFFF0B;
+  --ControlAltFillColorQuarternary: #FFFFFF12;
+  --ControlAltFillColorDisabled: #FFFFFF00;
+
+  --ControlStrongFillColorDefault: #FFFFFF8B;
+  --ControlStrongFillColorDisabled: #FFFFFF3F;
+
+  --ControlFillColorTransparent: #FFFFFF00;
+  --SubtleFillColorTransparent: #FFFFFF00;
+  --SubtleFillColorSecondary: #FFFFFF0F;
+  --SubtleFillColorTertiary: #FFFFFF0A;
+  
+  --AccentFillColorDefault: #4CC2FFFF; /*+2*/
+  --AccentFillColorSecondary: #4CC2FFE6; /*+2 90%*/
+  --AccentFillColorTertiary: #4CC2FFCC; /*+2 80%*/
+  --AccentFillColorDisabled: #FFFFFF28;
+
+  --SystemControlHighlightListAccentLow: #0078D499; /*accent 60%*/
+  --SystemControlHighlightListAccentMedium: #0078D4CC; /*accent 80%*/
+  --SystemControlHighlightListAccentHigh: #0078D4E6; /*accent 90%*/
+
+  --ControlStrokeColorDefault: #FFFFFF12;
+  --ControlStrongStrokeColorDefault: #FFFFFF8B;
+  --ControlStrongStrokeColorDisabled: #FFFFFF28;
+  --ControlStrokeColorOnAccentDefault: #FFFFFF14;
+
+  --TextFillColorPrimary: #FFFFFFFF;
+  --TextFillColorSecondary: #FFFFFFC5;
+  --TextFillColorDisabled: #FFFFFF5D;
+
+  --TextOnAccentFillColorPrimary: #000000;
+  --TextOnAccentFillColorSecondary: #00000080;
+  --TextOnAccentFillColorDisabled: #FFFFFF87;
+
+  --SurfaceStrokeColorFlyout: #00000033;
+  --AcrylicInAppFillColorDefault: #2C2C2C26; /*15%*/
+  --SystemChromeMediumLowColor: #2B2B2BFF;
+
+  --DividerStrokeColorDefault: #FFFFFF15;
+
+  @media (prefers-color-scheme: light) {
+
+    --ControlFillColorDefault: #FFFFFFB3;
+    --ControlFillColorSecondary: #F9F9F980;
+    --ControlFillColorTertiary: #F9F9F94D;
+    --ControlFillColorDisabled: #F9F9F94D;
+    --ControlFillColorInputActive: #FFFFFF;
+
+    --ControlSolidFillColorDefault: #FFFFFFFF;
+
+    --ControlAltFillColorSecondary: #00000006;
+    --ControlAltFillColorTertiary: #0000000F;
+    --ControlAltFillColorQuarternary: #00000018;
+    --ControlAltFillColorDisabled: #FFFFFF00;
+
+    --ControlStrongFillColorDefault: #00000072;
+    --ControlStrongFillColorDisabled: #00000051;
+
+    --ControlFillColorTransparent: #FFFFFF00;
+    --SubtleFillColorTransparent: #FFFFFF00;
+    --SubtleFillColorSecondary: #00000009;
+    --SubtleFillColorTertiary: #00000006;
+
+    --AccentFillColorDefault: #0067C0FF; /*-1*/
+    --AccentFillColorSecondary: #0067C0E6; /*-1 90%*/
+    --AccentFillColorTertiary: #0067C0CC; /*-1 80%*/
+    --AccentFillColorDisabled: #FFFFFF37;
+
+    --SystemControlHighlightListAccentLow: #0078D466; /*accent 40%*/
+    --SystemControlHighlightListAccentMedium: #0078D499; /*accent 60%*/
+    --SystemControlHighlightListAccentHigh: #0078D4B3; /*accent 70%*/
+
+    --ControlStrokeColorDefault: #0000000F;
+    --ControlStrongStrokeColorDefault: #00000072;
+    --ControlStrongStrokeColorDisabled: #00000037;
+    --ControlStrokeColorOnAccentDefault: #FFFFFF14;
+
+    --TextFillColorPrimary: #000000E4;
+    --TextFillColorSecondary: #0000009E;
+    --TextFillColorDisabled: #0000005C;
+
+    --TextOnAccentFillColorPrimary: #FFFFFF;
+    --TextOnAccentFillColorSecondary: #FFFFFFB3;
+    --TextOnAccentFillColorDisabled: #FFFFFF;
+
+    --SurfaceStrokeColorFlyout: #0000000F;
+    --AcrylicInAppFillColorDefault: #FCFCFC26; /*15%*/
+    --SystemChromeMediumLowColor: #F2F2F2FF;
+
+    --DividerStrokeColorDefault: #0000000F;
+  }
+}