xaml-ui 1.0.4 → 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/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/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/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,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/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,7 +13,7 @@ export declare class PopupComponent {
     private _container?;
     Show(): void;
     Hide(): void;
-    protected get containerClass(): "popup-open" | undefined;
+    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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xaml-ui",
-  "version": "1.0.4",
+  "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';