xaml-ui 1.0.12 → 1.0.13

package/fesm2022/xaml-ui.mjs

@@ -1921,6 +1921,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 args: ['xaml-dialog-presenter']
             }] } });
 
+class TextBlockComponent extends FrameworkElementComponent {
+    constructor() {
+        super(...arguments);
+        this.FontWeight = 'Normal';
+        this.TextAlignment = 'Left';
+        this.TextTrimming = 'None';
+        this.TextWrapping = 'NoWrap';
+    }
+    get width() {
+        if (this.Width !== undefined)
+            return this.Width;
+        return this.HorizontalAlignment === 'Stretch' || this.TextTrimming !== 'None' ? undefined : 'min-content';
+    }
+    get minWidth() {
+        if (this.MinWidth !== undefined)
+            return this.MinWidth;
+        return this.MaxWidth === undefined && this.HorizontalAlignment === 'Stretch' && this.TextTrimming === 'None' ? 'min-content' : undefined;
+    }
+    get fontWeight() {
+        return TextBlockComponent.ToFontWeight(this.FontWeight);
+    }
+    static ToFontWeight(value) {
+        switch (value) {
+            case 'Black':
+                return 900;
+            case 'Bold':
+                return 700;
+            case 'ExtraBlack':
+                return 950;
+            case 'ExtraBold':
+                return 800;
+            case 'ExtraLight':
+                return 200;
+            case 'Light':
+                return 300;
+            case 'Medium':
+                return 500;
+            case 'Normal':
+                return 400;
+            case 'SemiBold':
+                return 600;
+            case 'SemiLight':
+                return 350;
+            case 'Thin':
+                return 100;
+        }
+    }
+    get userSelect() {
+        return this.IsTextSelectionEnabled === 'True' ? 'text' : 'none';
+    }
+    get textDecorationLine() {
+        switch (this.TextDecorations) {
+            case 'None':
+                return 'none';
+            case 'Strikethrough':
+                return 'line-through';
+            case 'Underline':
+                return 'underline';
+            default:
+                return undefined;
+        }
+    }
+    get textOverflow() {
+        switch (this.TextTrimming) {
+            case 'None':
+            case 'Clip':
+                return 'clip';
+            case 'CharacterEllipsis':
+                return 'Ellipsis';
+            default:
+                return undefined;
+        }
+    }
+    get whiteSpace() {
+        switch (this.TextWrapping) {
+            case 'NoWrap':
+                return 'nowrap';
+            case 'Wrap':
+                return 'pre-line';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TextBlockComponent, isStandalone: true, selector: "TextBlock", inputs: { FontFamily: "FontFamily", Text: "Text", FontSize: "FontSize", FontStyle: "FontStyle", FontWeight: "FontWeight", Foreground: "Foreground", TextAlignment: "TextAlignment", IsTextSelectionEnabled: "IsTextSelectionEnabled", TextDecorations: "TextDecorations", TextTrimming: "TextTrimming", TextWrapping: "TextWrapping" }, host: { properties: { "style.font-family": "this.FontFamily", "style.font-size": "this.FontSize", "style.font-style": "this.FontStyle", "style.color": "this.Foreground", "style.text-align": "this.TextAlignment", "style.font-weight": "this.fontWeight", "style.user-select": "this.userSelect", "style.text-decoration-line": "this.textDecorationLine", "style.text-overflow": "this.textOverflow", "style.white-space": "this.whiteSpace" } }, usesInheritance: true, ngImport: i0, template: `<ng-container>
+    <ng-content *ngIf="Text === undefined"/>
+    <ng-container *ngIf="Text !== undefined">{{Text}}</ng-container>
+  </ng-container>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextBlockComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'TextBlock',
+                    imports: [CommonModule],
+                    template: `<ng-container>
+    <ng-content *ngIf="Text === undefined"/>
+    <ng-container *ngIf="Text !== undefined">{{Text}}</ng-container>
+  </ng-container>`
+                }]
+        }], propDecorators: { FontFamily: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.font-family']
+            }], Text: [{
+                type: Input
+            }], FontSize: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.font-size']
+            }], FontStyle: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.font-style']
+            }], FontWeight: [{
+                type: Input
+            }], Foreground: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.color']
+            }], TextAlignment: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.text-align']
+            }], IsTextSelectionEnabled: [{
+                type: Input
+            }], TextDecorations: [{
+                type: Input
+            }], TextTrimming: [{
+                type: Input
+            }], TextWrapping: [{
+                type: Input
+            }], fontWeight: [{
+                type: HostBinding,
+                args: ['style.font-weight']
+            }], userSelect: [{
+                type: HostBinding,
+                args: ['style.user-select']
+            }], textDecorationLine: [{
+                type: HostBinding,
+                args: ['style.text-decoration-line']
+            }], textOverflow: [{
+                type: HostBinding,
+                args: ['style.text-overflow']
+            }], whiteSpace: [{
+                type: HostBinding,
+                args: ['style.white-space']
+            }] } });
+
 var ContentDialogResult;
 (function (ContentDialogResult) {
     ContentDialogResult[ContentDialogResult["None"] = 0] = "None";
@@ -1981,7 +2132,7 @@ class ContentDialog extends Dialog {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ContentDialog, isStandalone: true, selector: "ContentDialog", inputs: { Title: "Title", PrimaryButtonText: "PrimaryButtonText", IsPrimaryButtonEnabled: "IsPrimaryButtonEnabled", SecondaryButtonText: "SecondaryButtonText", IsSecondaryButtonEnabled: "IsSecondaryButtonEnabled", CloseButtonText: "CloseButtonText", Content: "Content", DefaultButton: "DefaultButton" }, outputs: { PrimaryButtonClicked: "PrimaryButtonClicked", SecondaryButtonClicked: "SecondaryButtonClicked", CloseButtonClicked: "CloseButtonClicked" }, usesInheritance: true, ngImport: i0, template: `<ng-template #template>
     <DialogPresenter>
       <div Header>{{Title}}</div>
-      {{Content}}
+      <TextBlock TextWrapping="Wrap">{{Content}}</TextBlock>
       <ng-content/>
       <Grid RowDefinitions="auto" Orientation="Horizontal" ColumnSpacing="6px" AutoColumnDefinition="minmax(0, 1fr)" Footer>
         <Button *ngIf="PrimaryButtonText !== undefined" [IsEnabled]="IsPrimaryButtonEnabled" (Click)="onPrimaryButtonClicked()" [class.AccentButtonStyle]="isPrimaryButtonDefault">{{PrimaryButtonText}}</Button>
@@ -1989,14 +2140,14 @@ class ContentDialog extends Dialog {
         <Button *ngIf="CloseButtonText !== undefined" (Click)="onCloseButtonClicked()" [class.AccentButtonStyle]="isCloseButtonDefault">{{CloseButtonText}}</Button>
       </Grid>
     </DialogPresenter>
-  </ng-template>`, isInline: true, styles: [""], dependencies: [{ kind: "component", type: DialogPresenter, selector: "DialogPresenter", inputs: ["IsVisible"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: GridComponent, selector: "Grid", inputs: ["ColumnDefinitions", "RowDefinitions", "AutoColumnDefinition", "AutoRowDefinition", "ColumnSpacing", "RowSpacing", "Orientation"] }, { kind: "component", type: ButtonComponent, selector: "Button", inputs: ["IsEnabled", "HorizontalContentAlignment", "VerticalContentAlignment"], outputs: ["Click"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+  </ng-template>`, isInline: true, styles: [""], dependencies: [{ kind: "component", type: DialogPresenter, selector: "DialogPresenter", inputs: ["IsVisible"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: GridComponent, selector: "Grid", inputs: ["ColumnDefinitions", "RowDefinitions", "AutoColumnDefinition", "AutoRowDefinition", "ColumnSpacing", "RowSpacing", "Orientation"] }, { kind: "component", type: ButtonComponent, selector: "Button", inputs: ["IsEnabled", "HorizontalContentAlignment", "VerticalContentAlignment"], outputs: ["Click"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextBlockComponent, selector: "TextBlock", inputs: ["FontFamily", "Text", "FontSize", "FontStyle", "FontWeight", "Foreground", "TextAlignment", "IsTextSelectionEnabled", "TextDecorations", "TextTrimming", "TextWrapping"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentDialog, decorators: [{
             type: Component,
             args: [{ selector: 'ContentDialog', template: `<ng-template #template>
     <DialogPresenter>
       <div Header>{{Title}}</div>
-      {{Content}}
+      <TextBlock TextWrapping="Wrap">{{Content}}</TextBlock>
       <ng-content/>
       <Grid RowDefinitions="auto" Orientation="Horizontal" ColumnSpacing="6px" AutoColumnDefinition="minmax(0, 1fr)" Footer>
         <Button *ngIf="PrimaryButtonText !== undefined" [IsEnabled]="IsPrimaryButtonEnabled" (Click)="onPrimaryButtonClicked()" [class.AccentButtonStyle]="isPrimaryButtonDefault">{{PrimaryButtonText}}</Button>
@@ -2004,7 +2155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
         <Button *ngIf="CloseButtonText !== undefined" (Click)="onCloseButtonClicked()" [class.AccentButtonStyle]="isCloseButtonDefault">{{CloseButtonText}}</Button>
       </Grid>
     </DialogPresenter>
-  </ng-template>`, imports: [DialogPresenter, GridModule, ButtonComponent, CommonModule] }]
+  </ng-template>`, imports: [DialogPresenter, GridModule, ButtonComponent, CommonModule, TextBlockComponent] }]
         }], propDecorators: { Title: [{
                 type: Input
             }], PrimaryButtonText: [{
@@ -2127,157 +2278,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 }]
         }], ctorParameters: () => [{ type: ItemContainerComponent }, { type: i0.ViewContainerRef }] });
 
-class TextBlockComponent extends FrameworkElementComponent {
-    constructor() {
-        super(...arguments);
-        this.FontWeight = 'Normal';
-        this.TextAlignment = 'Left';
-        this.TextTrimming = 'None';
-        this.TextWrapping = 'NoWrap';
-    }
-    get width() {
-        if (this.Width !== undefined)
-            return this.Width;
-        return this.HorizontalAlignment === 'Stretch' || this.TextTrimming !== 'None' ? undefined : 'min-content';
-    }
-    get minWidth() {
-        if (this.MinWidth !== undefined)
-            return this.MinWidth;
-        return this.MaxWidth === undefined && this.HorizontalAlignment === 'Stretch' && this.TextTrimming === 'None' ? 'min-content' : undefined;
-    }
-    get fontWeight() {
-        return TextBlockComponent.ToFontWeight(this.FontWeight);
-    }
-    static ToFontWeight(value) {
-        switch (value) {
-            case 'Black':
-                return 900;
-            case 'Bold':
-                return 700;
-            case 'ExtraBlack':
-                return 950;
-            case 'ExtraBold':
-                return 800;
-            case 'ExtraLight':
-                return 200;
-            case 'Light':
-                return 300;
-            case 'Medium':
-                return 500;
-            case 'Normal':
-                return 400;
-            case 'SemiBold':
-                return 600;
-            case 'SemiLight':
-                return 350;
-            case 'Thin':
-                return 100;
-        }
-    }
-    get userSelect() {
-        return this.IsTextSelectionEnabled === 'True' ? 'text' : 'none';
-    }
-    get textDecorationLine() {
-        switch (this.TextDecorations) {
-            case 'None':
-                return 'none';
-            case 'Strikethrough':
-                return 'line-through';
-            case 'Underline':
-                return 'underline';
-            default:
-                return undefined;
-        }
-    }
-    get textOverflow() {
-        switch (this.TextTrimming) {
-            case 'None':
-            case 'Clip':
-                return 'clip';
-            case 'CharacterEllipsis':
-                return 'Ellipsis';
-            default:
-                return undefined;
-        }
-    }
-    get whiteSpace() {
-        switch (this.TextWrapping) {
-            case 'NoWrap':
-                return 'nowrap';
-            case 'Wrap':
-                return 'normal';
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TextBlockComponent, isStandalone: true, selector: "TextBlock", inputs: { FontFamily: "FontFamily", Text: "Text", FontSize: "FontSize", FontStyle: "FontStyle", FontWeight: "FontWeight", Foreground: "Foreground", TextAlignment: "TextAlignment", IsTextSelectionEnabled: "IsTextSelectionEnabled", TextDecorations: "TextDecorations", TextTrimming: "TextTrimming", TextWrapping: "TextWrapping" }, host: { properties: { "style.font-family": "this.FontFamily", "style.font-size": "this.FontSize", "style.font-style": "this.FontStyle", "style.color": "this.Foreground", "style.text-align": "this.TextAlignment", "style.font-weight": "this.fontWeight", "style.user-select": "this.userSelect", "style.text-decoration-line": "this.textDecorationLine", "style.text-overflow": "this.textOverflow", "style.white-space": "this.whiteSpace" } }, usesInheritance: true, ngImport: i0, template: `<ng-container>
-    <ng-content *ngIf="Text === undefined"/>
-    <ng-container *ngIf="Text !== undefined">{{Text}}</ng-container>
-  </ng-container>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextBlockComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'TextBlock',
-                    imports: [CommonModule],
-                    template: `<ng-container>
-    <ng-content *ngIf="Text === undefined"/>
-    <ng-container *ngIf="Text !== undefined">{{Text}}</ng-container>
-  </ng-container>`
-                }]
-        }], propDecorators: { FontFamily: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.font-family']
-            }], Text: [{
-                type: Input
-            }], FontSize: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.font-size']
-            }], FontStyle: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.font-style']
-            }], FontWeight: [{
-                type: Input
-            }], Foreground: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.color']
-            }], TextAlignment: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.text-align']
-            }], IsTextSelectionEnabled: [{
-                type: Input
-            }], TextDecorations: [{
-                type: Input
-            }], TextTrimming: [{
-                type: Input
-            }], TextWrapping: [{
-                type: Input
-            }], fontWeight: [{
-                type: HostBinding,
-                args: ['style.font-weight']
-            }], userSelect: [{
-                type: HostBinding,
-                args: ['style.user-select']
-            }], textDecorationLine: [{
-                type: HostBinding,
-                args: ['style.text-decoration-line']
-            }], textOverflow: [{
-                type: HostBinding,
-                args: ['style.text-overflow']
-            }], whiteSpace: [{
-                type: HostBinding,
-                args: ['style.white-space']
-            }] } });
-
 class FontIconComponent extends FrameworkElementComponent {
     constructor() {
         super(...arguments);