xaml-ui 1.0.18 → 1.0.21

package/lib/FrameworkElement.d.ts

@@ -21,6 +21,7 @@ export declare abstract class FrameworkElementComponent {
     protected get alignSelf(): "flex-start" | "center" | "flex-end" | "stretch";
     private static _nextId;
     protected readonly _id: number;
+    static readonly DefaultStyles = ":host {\n    display: grid;\n    position: relative;\n  }";
     static ɵfac: i0.ɵɵFactoryDeclaration<FrameworkElementComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FrameworkElementComponent, "FrameworkElement", never, { "Width": { "alias": "Width"; "required": false; }; "MinWidth": { "alias": "MinWidth"; "required": false; }; "MaxWidth": { "alias": "MaxWidth"; "required": false; }; "Height": { "alias": "Height"; "required": false; }; "MinHeight": { "alias": "MinHeight"; "required": false; }; "MaxHeight": { "alias": "MaxHeight"; "required": false; }; "HorizontalAlignment": { "alias": "HorizontalAlignment"; "required": false; }; "VerticalAlignment": { "alias": "VerticalAlignment"; "required": false; }; "Margin": { "alias": "Margin"; "required": false; }; "Padding": { "alias": "Padding"; "required": false; }; "Opacity": { "alias": "Opacity"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from "@angular/core";
+import { DialogPresenter } from "../primitives/DialogPresenter";
 import { Dialog } from "./Dialog";
 import * as i0 from "@angular/core";
 export declare enum ContentDialogResult {
@@ -12,6 +13,18 @@ export declare enum ContentDialogButton {
     Secondary = 2,
     Close = 3
 }
+export declare class ContentDialogPresenter extends DialogPresenter {
+    protected _dialog: ContentDialog;
+    constructor(dialog: ContentDialog);
+    protected onPrimaryButtonClicked(): void;
+    protected onSecondaryButtonClicked(): void;
+    protected onCloseButtonClicked(): void;
+    protected get isPrimaryButtonDefault(): boolean;
+    protected get isSecondaryButtonDefault(): boolean;
+    protected get isCloseButtonDefault(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContentDialogPresenter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContentDialogPresenter, "ContentDialogPresenter", never, {}, {}, never, ["*"], true, never>;
+}
 export declare class ContentDialog extends Dialog {
     Title?: string;
     PrimaryButtonText?: string;
@@ -27,13 +40,7 @@ export declare class ContentDialog extends Dialog {
     private _result;
     get Result(): ContentDialogResult;
     set Result(value: ContentDialogResult);
-    protected onPrimaryButtonClicked(): void;
-    protected onSecondaryButtonClicked(): void;
-    protected onCloseButtonClicked(): void;
-    protected get isPrimaryButtonDefault(): boolean;
-    protected get isSecondaryButtonDefault(): boolean;
-    protected get isCloseButtonDefault(): boolean;
     ShowAsync(): Promise<ContentDialogResult>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContentDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContentDialog, "ContentDialog", never, { "Title": { "alias": "Title"; "required": false; }; "PrimaryButtonText": { "alias": "PrimaryButtonText"; "required": false; }; "IsPrimaryButtonEnabled": { "alias": "IsPrimaryButtonEnabled"; "required": false; }; "SecondaryButtonText": { "alias": "SecondaryButtonText"; "required": false; }; "IsSecondaryButtonEnabled": { "alias": "IsSecondaryButtonEnabled"; "required": false; }; "CloseButtonText": { "alias": "CloseButtonText"; "required": false; }; "Content": { "alias": "Content"; "required": false; }; "DefaultButton": { "alias": "DefaultButton"; "required": false; }; }, { "PrimaryButtonClicked": "PrimaryButtonClicked"; "SecondaryButtonClicked": "SecondaryButtonClicked"; "CloseButtonClicked": "CloseButtonClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContentDialog, "ContentDialog", never, { "Title": { "alias": "Title"; "required": false; }; "PrimaryButtonText": { "alias": "PrimaryButtonText"; "required": false; }; "IsPrimaryButtonEnabled": { "alias": "IsPrimaryButtonEnabled"; "required": false; }; "SecondaryButtonText": { "alias": "SecondaryButtonText"; "required": false; }; "IsSecondaryButtonEnabled": { "alias": "IsSecondaryButtonEnabled"; "required": false; }; "CloseButtonText": { "alias": "CloseButtonText"; "required": false; }; "Content": { "alias": "Content"; "required": false; }; "DefaultButton": { "alias": "DefaultButton"; "required": false; }; }, { "PrimaryButtonClicked": "PrimaryButtonClicked"; "SecondaryButtonClicked": "SecondaryButtonClicked"; "CloseButtonClicked": "CloseButtonClicked"; }, never, never, true, never>;
 }

package/lib/primitives/Selector.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, TemplateRef } from "@angular/core";
 import { FrameworkElementComponent } from "../FrameworkElement";
 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[DisplayMemberPath] : item }}</ng-container>";
+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>;
     IsEnabled: boolean;

package/lib/text/NumberBox.d.ts

@@ -14,9 +14,11 @@ export declare class NumberBoxComponent extends FrameworkElementComponent {
     Maximum: number;
     SmallChange: number;
     LargeChange: number;
-    NumberFormatter: NumberFormatter;
     Unit?: string;
     ValueChange: EventEmitter<number>;
+    private _numberFormatter;
+    get NumberFormatter(): NumberFormatter;
+    set NumberFormatter(value: NumberFormatter);
     protected get flyoutTarget(): HTMLInputElement;
     private _input;
     private _flyout;
@@ -41,6 +43,7 @@ export declare class NumberBoxComponent extends FrameworkElementComponent {
     private onFocusIn;
     private updateText;
     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; }; "NumberFormatter": { "alias": "NumberFormatter"; "required": false; }; "Unit": { "alias": "Unit"; "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; }; "NumberFormatter": { "alias": "NumberFormatter"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, never, true, never>;
 }

package/lib/text/TextBox.d.ts

@@ -5,21 +5,25 @@ import * as i0 from "@angular/core";
 export declare class TextBoxComponent extends FrameworkElementComponent {
     IsEnabled: boolean;
     PlaceholderText: string;
+    IsPlaceholderEditable: boolean;
     TextAlignment?: TextAlignment;
     TextWrapping: TextWrapping;
     UpdateTrigger: UpdateTrigger;
+    Pattern?: string;
     private _input;
     private _text;
     get Text(): string;
     set Text(value: string);
     TextChange: EventEmitter<string>;
-    protected onInput(event: Event): void;
-    protected onBlur(event: FocusEvent): void;
-    protected update(event: Event): void;
+    private _validatedValue;
+    protected onInput(): void;
+    protected onBlur(): void;
+    protected update(): void;
     private get disabled();
     private onClick;
     private onContextMenu;
     Focus(): void;
+    private onFocusIn;
     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; }; "UpdateTrigger": { "alias": "UpdateTrigger"; "required": false; }; "Text": { "alias": "Text"; "required": false; }; }, { "TextChange": "TextChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "TextBox", never, { "IsEnabled": { "alias": "IsEnabled"; "required": false; }; "PlaceholderText": { "alias": "PlaceholderText"; "required": false; }; "IsPlaceholderEditable": { "alias": "IsPlaceholderEditable"; "required": false; }; "TextAlignment": { "alias": "TextAlignment"; "required": false; }; "TextWrapping": { "alias": "TextWrapping"; "required": false; }; "UpdateTrigger": { "alias": "UpdateTrigger"; "required": false; }; "Pattern": { "alias": "Pattern"; "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.18",
+  "version": "1.0.21",
   "license": "MPL-2.0",
   "description": "XAML UI is angular version of Microsoft's WinUI component library.",
   "peerDependencies": {

package/styles/XamlGlobals.css

@@ -64,6 +64,7 @@
   --TextFillColorSecondary: #FFFFFFC5;
   --TextFillColorDisabled: #FFFFFF5D;
 
+  --TextOnAccentFillColorSelected: #FFFFFFFF;
   --TextOnAccentFillColorPrimary: #000000;
   --TextOnAccentFillColorSecondary: #00000080;
   --TextOnAccentFillColorDisabled: #FFFFFF87;
@@ -117,6 +118,7 @@
     --TextFillColorSecondary: #0000009E;
     --TextFillColorDisabled: #0000005C;
 
+    --TextOnAccentFillColorSelected: #FFFFFFFF;
     --TextOnAccentFillColorPrimary: #FFFFFF;
     --TextOnAccentFillColorSecondary: #FFFFFFB3;
     --TextOnAccentFillColorDisabled: #FFFFFF;