xaml-ui 1.0.9 → 1.0.11

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

@@ -1,12 +1,27 @@
 import { AfterViewInit, ElementRef, ViewContainerRef } from "@angular/core";
+import { ItemContainerComponent } from "../primitives/ItemContainer";
 import * as i0 from "@angular/core";
-export declare class ContextFlyoutDirective implements AfterViewInit {
-    private _hostComponent;
+export declare abstract class FlyoutDirective implements AfterViewInit {
     private _viewContainer;
     private _flyout?;
-    constructor(_hostComponent: ElementRef, _viewContainer: ViewContainerRef);
+    constructor(_viewContainer: ViewContainerRef);
+    protected abstract get HostElement(): HTMLElement | null;
     ngAfterViewInit(): void;
     private onContextMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlyoutDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FlyoutDirective, never, never, {}, {}, never, never, true, never>;
+}
+export declare class ContextFlyoutDirective extends FlyoutDirective {
+    private _hostComponent;
+    constructor(_hostComponent: ElementRef, viewContainer: ViewContainerRef);
+    protected get HostElement(): HTMLElement | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextFlyoutDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ContextFlyoutDirective, "[ContextFlyout]", never, {}, {}, never, never, true, never>;
 }
+export declare class ItemFlyoutDirective extends FlyoutDirective {
+    private _hostComponent;
+    constructor(_hostComponent: ItemContainerComponent, viewContainer: ViewContainerRef);
+    protected get HostElement(): HTMLElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemFlyoutDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemFlyoutDirective, "[ItemFlyout]", never, {}, {}, never, never, true, never>;
+}

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

@@ -5,6 +5,8 @@ export declare abstract class Dialog {
     private _template;
     private _overlay;
     private _viewContainerRef;
+    private _dialogPresenter?;
+    IsBackdropDismissEnabled: boolean;
     static Create<T extends Dialog>(type: {
         new (...args: any[]): T;
     }, container: ViewContainerRef): T;

package/lib/primitives/DialogPresenter.d.ts

@@ -1,10 +1,13 @@
 import { XamlRootComponent } from "../XamlRoot";
 import * as i0 from "@angular/core";
 export declare class DialogPresenter extends XamlRootComponent {
+    static TransitionDuration: number;
     private _header?;
     private _footer?;
+    IsVisible: boolean;
+    private get visible();
     protected get isHeaderVisible(): number | boolean;
     protected get isFooterVisible(): number | boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogPresenter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogPresenter, "DialogPresenter", never, {}, {}, never, ["[Header]", "*", "[Footer]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogPresenter, "DialogPresenter", never, { "IsVisible": { "alias": "IsVisible"; "required": false; }; }, {}, never, ["[Header]", "*", "[Footer]"], true, never>;
 }

package/lib/primitives/ItemContainer.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class ItemContainerComponent {
+    Element: ElementRef;
+    Injector: Injector;
+    constructor(Element: ElementRef, Injector: Injector);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemContainerComponent, "ItemContainer", 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; context: { $implicit: item }\"/>\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[DisplayMemberPath] : item }}</ng-container>";
 export declare abstract class SelectorComponent extends FrameworkElementComponent {
     ItemTemplate: TemplateRef<any>;
     IsEnabled: boolean;

package/package.json

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

package/styles/XamlGlobals.css

@@ -16,7 +16,9 @@
   --SystemFontSize: 10pt;
   --SystemFontFamily: 'Segoe UI', Arial, sans-serif;
   --SymbolFontFamily: 'Segoe Fluent Icons', 'Segoe MDL2 Assets';
-  --SystemAccentColor: #0078d4;
+
+  --SystemAccentColor: #0078d4;      
+  --SmokeFillColorDefault: #0000004D;
 
   --ControlNormalAnimationDuration: 0.25s;
   --ControlFastAnimationDuration: 0.167s;
@@ -129,8 +131,12 @@
   }
 }
 
-.cdk-overlay-dark-backdrop {
-  background: transparent !important;
+.xaml-flyout-overlay-backdrop {
+  background: transparent;
+}
+
+.xaml-dialog-overlay-backdrop {
+  background: var(--SmokeFillColorDefault);
 }
 
 .cdk-overlay-pane {