xaml-ui 1.0.27 → 1.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/xaml-ui.mjs +90 -68
- package/fesm2022/xaml-ui.mjs.map +1 -1
- package/lib/primitives/FlyoutBase.d.ts +1 -1
- package/package.json +1 -1
- package/styles/XamlGlobals.css +0 -146
package/fesm2022/xaml-ui.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { HostBinding, Input, Component, EventEmitter, HostListener, ContentChild, Output, ViewChild, TemplateRef, Optional, Directive, NgModule, ViewContainerRef, Renderer2 } from '@angular/core';
|
|
2
|
+
import { HostBinding, Input, Component, EventEmitter, HostListener, ContentChild, Output, ViewChild, TemplateRef, ViewEncapsulation, Optional, Directive, NgModule, ViewContainerRef, Renderer2 } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import { CdkScrollable } from '@angular/cdk/scrolling';
|
|
@@ -364,11 +364,11 @@ class ButtonComponent extends BorderComponent {
|
|
|
364
364
|
this._flyout?.Show();
|
|
365
365
|
}
|
|
366
366
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
367
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "Button", inputs: { IsEnabled: "IsEnabled", Content: "Content", HorizontalContentAlignment: "HorizontalContentAlignment", VerticalContentAlignment: "VerticalContentAlignment" }, outputs: { Click: "Click" }, host: { listeners: { "click": "onClick($event)" }, properties: { "style.align-content": "this.alignContent", "style.justify-content": "this.justifyContent", "attr.type": "this.type", "attr.disabled": "this.disabled", "class.disabled": "this.disabled", "class.flyout-open": "this.flyoutOpen" } }, queries: [{ propertyName: "_flyout", first: true, predicate: ["xaml-flyout"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{
|
|
367
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "Button", inputs: { IsEnabled: "IsEnabled", Content: "Content", HorizontalContentAlignment: "HorizontalContentAlignment", VerticalContentAlignment: "VerticalContentAlignment" }, outputs: { Click: "Click" }, host: { listeners: { "click": "onClick($event)" }, properties: { "style.align-content": "this.alignContent", "style.justify-content": "this.justifyContent", "attr.type": "this.type", "attr.disabled": "this.disabled", "class.disabled": "this.disabled", "class.flyout-open": "this.flyoutOpen" } }, queries: [{ propertyName: "_flyout", first: true, predicate: ["xaml-flyout"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"], dependencies: [{ 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"] }] }); }
|
|
368
368
|
}
|
|
369
369
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
370
370
|
type: Component,
|
|
371
|
-
args: [{ selector: 'Button', imports: [CommonModule, TextBlockComponent], template: ButtonTemplate, styles: [":host{
|
|
371
|
+
args: [{ selector: 'Button', imports: [CommonModule, TextBlockComponent], template: ButtonTemplate, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"] }]
|
|
372
372
|
}], propDecorators: { IsEnabled: [{
|
|
373
373
|
type: Input
|
|
374
374
|
}], Content: [{
|
|
@@ -413,13 +413,13 @@ class HyperlinkButtonComponent extends ButtonComponent {
|
|
|
413
413
|
}
|
|
414
414
|
}
|
|
415
415
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HyperlinkButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
416
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HyperlinkButtonComponent, isStandalone: true, selector: "HyperlinkButton", inputs: { NavigateUri: "NavigateUri" }, host: { classAttribute: "HyperlinkButtonStyle" }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{position:relative}:host{display:grid;padding:
|
|
416
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HyperlinkButtonComponent, isStandalone: true, selector: "HyperlinkButton", inputs: { NavigateUri: "NavigateUri" }, host: { classAttribute: "HyperlinkButtonStyle" }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"], dependencies: [{ 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"] }] }); }
|
|
417
417
|
}
|
|
418
418
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HyperlinkButtonComponent, decorators: [{
|
|
419
419
|
type: Component,
|
|
420
420
|
args: [{ selector: 'HyperlinkButton', standalone: true, imports: [CommonModule, TextBlockComponent], template: ButtonTemplate, host: {
|
|
421
421
|
'class': 'HyperlinkButtonStyle'
|
|
422
|
-
}, styles: [":host{position:relative}:host{display:grid;padding:
|
|
422
|
+
}, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"] }]
|
|
423
423
|
}], propDecorators: { NavigateUri: [{
|
|
424
424
|
type: Input
|
|
425
425
|
}] } });
|
|
@@ -1114,11 +1114,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1114
1114
|
|
|
1115
1115
|
class DropDownButtonComponent extends ButtonComponent {
|
|
1116
1116
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropDownButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropDownButtonComponent, isStandalone: true, selector: "DropDownButton", usesInheritance: true, ngImport: i0, template: `<div class="drop-down-glyph"></div><ng-content/>`, isInline: true, styles: [":host{position:relative}:host{display:grid;padding:
|
|
1117
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropDownButtonComponent, isStandalone: true, selector: "DropDownButton", usesInheritance: true, ngImport: i0, template: `<div class="drop-down-glyph"></div><ng-content/>`, isInline: true, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n", ".drop-down-glyph{display:grid;font-family:var(--SymbolFontFamily);font-size:8pt;position:absolute;right:12px;top:0;bottom:0;align-content:center;transition:transform var(--ControlNormalAnimationDuration)}:host:active:not(.flyout-open):not(.disabled) .drop-down-glyph{transform:translateY(3px)}\n"] }); }
|
|
1118
1118
|
}
|
|
1119
1119
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropDownButtonComponent, decorators: [{
|
|
1120
1120
|
type: Component,
|
|
1121
|
-
args: [{ selector: 'DropDownButton', template: `<div class="drop-down-glyph"></div><ng-content/>`, styles: [":host{position:relative}:host{display:grid;padding:
|
|
1121
|
+
args: [{ selector: 'DropDownButton', template: `<div class="drop-down-glyph"></div><ng-content/>`, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n", ".drop-down-glyph{display:grid;font-family:var(--SymbolFontFamily);font-size:8pt;position:absolute;right:12px;top:0;bottom:0;align-content:center;transition:transform var(--ControlNormalAnimationDuration)}:host:active:not(.flyout-open):not(.disabled) .drop-down-glyph{transform:translateY(3px)}\n"] }]
|
|
1122
1122
|
}] });
|
|
1123
1123
|
|
|
1124
1124
|
class FlyoutPresenter {
|
|
@@ -1137,11 +1137,11 @@ class FlyoutPresenter {
|
|
|
1137
1137
|
event.preventDefault();
|
|
1138
1138
|
}
|
|
1139
1139
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlyoutPresenter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1140
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlyoutPresenter, isStandalone: true, selector: "FlyoutPresenter", inputs: { TransitionAnimation: "TransitionAnimation", Padding: "Padding", IsVisible: "IsVisible" }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "style.padding": "this.Padding", "class": "this.transitionClass", "class.visible": "this.visible" } }, ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;
|
|
1140
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlyoutPresenter, isStandalone: true, selector: "FlyoutPresenter", inputs: { TransitionAnimation: "TransitionAnimation", Padding: "Padding", IsVisible: "IsVisible" }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "style.padding": "this.Padding", "class": "this.transitionClass", "class.visible": "this.visible" } }, ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;border-width:1px;border-style:solid;border-radius:var(--OverlayCornerRadius);-webkit-backdrop-filter:var(--AcrylicBlur);backdrop-filter:var(--AcrylicBlur);box-shadow:0 0 15px #00000080;border-color:var(--SurfaceStrokeColorFlyout);background-color:var(--AcrylicInAppFillColorDefault);transition:opacity var(--ControlNormalAnimationDuration),transform var(--ControlNormalAnimationDuration);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}:host.transition-slideup{transform:translateY(10px)}:host.transition-slidedown{transform:translateY(-10px)}:host.transition-slideleft{transform:translate(10px)}:host.transition-slideright{transform:translate(-10px)}:host.visible{opacity:1;transform:translate(0)}\n"] }); }
|
|
1141
1141
|
}
|
|
1142
1142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlyoutPresenter, decorators: [{
|
|
1143
1143
|
type: Component,
|
|
1144
|
-
args: [{ selector: 'FlyoutPresenter', template: `<ng-content/>`, styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;
|
|
1144
|
+
args: [{ selector: 'FlyoutPresenter', template: `<ng-content/>`, styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;border-width:1px;border-style:solid;border-radius:var(--OverlayCornerRadius);-webkit-backdrop-filter:var(--AcrylicBlur);backdrop-filter:var(--AcrylicBlur);box-shadow:0 0 15px #00000080;border-color:var(--SurfaceStrokeColorFlyout);background-color:var(--AcrylicInAppFillColorDefault);transition:opacity var(--ControlNormalAnimationDuration),transform var(--ControlNormalAnimationDuration);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}:host.transition-slideup{transform:translateY(10px)}:host.transition-slidedown{transform:translateY(-10px)}:host.transition-slideleft{transform:translate(10px)}:host.transition-slideright{transform:translate(-10px)}:host.visible{opacity:1;transform:translate(0)}\n"] }]
|
|
1145
1145
|
}], propDecorators: { TransitionAnimation: [{
|
|
1146
1146
|
type: Input
|
|
1147
1147
|
}], Padding: [{
|
|
@@ -1162,7 +1162,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1162
1162
|
args: ['contextmenu', ['$event']]
|
|
1163
1163
|
}] } });
|
|
1164
1164
|
|
|
1165
|
-
|
|
1165
|
+
class XamlRootComponent {
|
|
1166
|
+
onContextMenu(event) {
|
|
1167
|
+
event.preventDefault();
|
|
1168
|
+
}
|
|
1169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: XamlRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: XamlRootComponent, isStandalone: true, selector: "XamlRoot", host: { listeners: { "contextmenu": "onContextMenu($event)" }, classAttribute: "xaml-themed" }, ngImport: i0, template: `<ng-content/>`, isInline: true, styles: ["XamlRoot{all:initial;display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;font-family:var(--SystemFontFamily);font-size:var(--SystemFontSize);color:var(--TextFillColorPrimary);background:var(--WindowFillColorDefault)}.xaml-themed{--AcrylicBlur: var(--XamlUiOverrideAcrylicBlur, blur(12px));--ControlBorderThickness: var(--XamlUiOverrideControlBorderThickness, 1px);--ControlCornerRadius: var(--XamlUiOverrideControlCornerRadius, 4px);--OverlayCornerRadius: var(--XamlUiOverrideOverlayCornerRadius, 8px);--ButtonPadding: var(--XamlUiOverrideButtonPadding, 5px 11px);--SystemFontSize: var(--XamlUiOverrideSystemFontSize, 10pt);--SystemFontFamily: var(--XamlUiOverrideSystemFontFamily, \"Segoe UI\", Arial, sans-serif);--SymbolFontSize: var(--XamlUiOverrideSymbolFontSize, 10pt);--SymbolFontFamily: var(--XamlUiOverrideSymbolFontFamily, \"Segoe Fluent Icons\", \"Segoe MDL2 Assets\");--SystemAccentColor: var(--XamlUiOverrideSystemAccentColor, #0078d4);--SmokeFillColorDefault: var(--XamlUiOverrideSmokeFillColorDefault, #0000004D);--ControlNormalAnimationDuration: var(--XamlUiOverrideControlNormalAnimationDuration, .25s);--ControlFastAnimationDuration: var(--XamlUiOverrideControlFastAnimationDuration, .167s);--ControlFasterAnimationDuration: var(--XamlUiOverrideControlFasterAnimationDuration, 83ms);--WindowFillColorDefault: var(--XamlUiOverrideWindowFillColorDefault, #202020FF);--ControlFillColorDefault: var(--XamlUiOverrideControlFillColorDefault, #FFFFFF0F);--ControlFillColorSecondary: var(--XamlUiOverrideControlFillColorSecondary, #FFFFFF15);--ControlFillColorTertiary: var(--XamlUiOverrideControlFillColorTertiary, #FFFFFF08);--ControlFillColorDisabled: var(--XamlUiOverrideControlFillColorDisabled, #FFFFFF0B);--ControlFillColorInputActive: var(--XamlUiOverrideControlFillColorInputActive, #1E1E1EB3);--ControlSolidFillColorDefault: var(--XamlUiOverrideControlSolidFillColorDefault, #454545FF);--ControlAltFillColorSecondary: var(--XamlUiOverrideControlAltFillColorSecondary, #00000019);--ControlAltFillColorTertiary: var(--XamlUiOverrideControlAltFillColorTertiary, #FFFFFF0B);--ControlAltFillColorQuarternary: var(--XamlUiOverrideControlAltFillColorQuarternary, #FFFFFF12);--ControlAltFillColorDisabled: var(--XamlUiOverrideControlAltFillColorDisabled, #FFFFFF00);--ControlStrongFillColorDefault: var(--XamlUiOverrideControlStrongFillColorDefault, #FFFFFF8B);--ControlStrongFillColorDisabled: var(--XamlUiOverrideControlStrongFillColorDisabled, #FFFFFF3F);--ControlFillColorTransparent: var(--XamlUiOverrideControlFillColorTransparent, #FFFFFF00);--SubtleFillColorTransparent: var(--XamlUiOverrideSubtleFillColorTransparent, #FFFFFF00);--SubtleFillColorSecondary: var(--XamlUiOverrideSubtleFillColorSecondary, #FFFFFF0F);--SubtleFillColorTertiary: var(--XamlUiOverrideSubtleFillColorTertiary, #FFFFFF0A);--AccentFillColorDefault: var(--XamlUiOverrideAccentFillColorDefault, #4CC2FFFF);--AccentFillColorSecondary: var(--XamlUiOverrideAccentFillColorSecondary, #4CC2FFE6);--AccentFillColorTertiary: var(--XamlUiOverrideAccentFillColorTertiary, #4CC2FFCC);--AccentFillColorDisabled: var(--XamlUiOverrideAccentFillColorDisabled, #FFFFFF28);--SystemControlHighlightListAccentLow: var(--XamlUiOverrideSystemControlHighlightListAccentLow, #0078D499);--SystemControlHighlightListAccentMedium: var(--XamlUiOverrideSystemControlHighlightListAccentMedium, #0078D4CC);--SystemControlHighlightListAccentHigh: var(--XamlUiOverrideSystemControlHighlightListAccentHigh, #0078D4E6);--ControlStrokeColorDefault: var(--XamlUiOverrideControlStrokeColorDefault, #FFFFFF12);--ControlStrongStrokeColorDefault: var(--XamlUiOverrideControlStrongStrokeColorDefault, #FFFFFF8B);--ControlStrongStrokeColorDisabled: var(--XamlUiOverrideControlStrongStrokeColorDisabled, #FFFFFF28);--ControlStrokeColorOnAccentDefault: var(--XamlUiOverrideControlStrokeColorOnAccentDefault, #FFFFFF14);--TextFillColorPrimary: var(--XamlUiOverrideTextFillColorPrimary, #FFFFFFFF);--TextFillColorSecondary: var(--XamlUiOverrideTextFillColorSecondary, #FFFFFFC5);--TextFillColorDisabled: var(--XamlUiOverrideTextFillColorDisabled, #FFFFFF5D);--TextOnAccentFillColorSelected: var(--XamlUiOverrideTextOnAccentFillColorSelected, #FFFFFFFF);--TextOnAccentFillColorPrimary: var(--XamlUiOverrideTextOnAccentFillColorPrimary, #000000);--TextOnAccentFillColorSecondary: var(--XamlUiOverrideTextOnAccentFillColorSecondary, #00000080);--TextOnAccentFillColorDisabled: var(--XamlUiOverrideTextOnAccentFillColorDisabled, #FFFFFF87);--SurfaceStrokeColorFlyout: var(--XamlUiOverrideSurfaceStrokeColorFlyout, #00000033);--AcrylicInAppFillColorDefault: var(--XamlUiOverrideAcrylicInAppFillColorDefault, #2C2C2C26);--SystemChromeMediumLowColor: var(--XamlUiOverrideSystemChromeMediumLowColor, #2B2B2BFF);--DividerStrokeColorDefault: var(--XamlUiOverrideDividerStrokeColorDefault, #FFFFFF15);--LayerFillColorAlt: var(--XamlUiOverrideLayerFillColorAlt, #FFFFFF0D);--SurfaceStrokeColorDefault: var(--XamlUiOverrideSurfaceStrokeColorDefault, #75757566)}@media (prefers-color-scheme: light){.xaml-themed{--WindowFillColorDefault: var(--XamlUiOverrideWindowFillColorDefault, #F3F3F3FF);--ControlFillColorDefault: var(--XamlUiOverrideControlFillColorDefault, #FFFFFFB3);--ControlFillColorSecondary: var(--XamlUiOverrideControlFillColorSecondary, #F9F9F980);--ControlFillColorTertiary: var(--XamlUiOverrideControlFillColorTertiary, #F9F9F94D);--ControlFillColorDisabled: var(--XamlUiOverrideControlFillColorDisabled, #F9F9F94D);--ControlFillColorInputActive: var(--XamlUiOverrideControlFillColorInputActive, #FFFFFF);--ControlSolidFillColorDefault: var(--XamlUiOverrideControlSolidFillColorDefault, #FFFFFFFF);--ControlAltFillColorSecondary: var(--XamlUiOverrideControlAltFillColorSecondary, #00000006);--ControlAltFillColorTertiary: var(--XamlUiOverrideControlAltFillColorTertiary, #0000000F);--ControlAltFillColorQuarternary: var(--XamlUiOverrideControlAltFillColorQuarternary, #00000018);--ControlAltFillColorDisabled: var(--XamlUiOverrideControlAltFillColorDisabled, #FFFFFF00);--ControlStrongFillColorDefault: var(--XamlUiOverrideControlStrongFillColorDefault, #00000072);--ControlStrongFillColorDisabled: var(--XamlUiOverrideControlStrongFillColorDisabled, #00000051);--ControlFillColorTransparent: var(--XamlUiOverrideControlFillColorTransparent, #FFFFFF00);--SubtleFillColorTransparent: var(--XamlUiOverrideSubtleFillColorTransparent, #FFFFFF00);--SubtleFillColorSecondary: var(--XamlUiOverrideSubtleFillColorSecondary, #00000009);--SubtleFillColorTertiary: var(--XamlUiOverrideSubtleFillColorTertiary, #00000006);--AccentFillColorDefault: var(--XamlUiOverrideAccentFillColorDefault, #0067C0FF);--AccentFillColorSecondary: var(--XamlUiOverrideAccentFillColorSecondary, #0067C0E6);--AccentFillColorTertiary: var(--XamlUiOverrideAccentFillColorTertiary, #0067C0CC);--AccentFillColorDisabled: var(--XamlUiOverrideAccentFillColorDisabled, #FFFFFF37);--SystemControlHighlightListAccentLow: var(--XamlUiOverrideSystemControlHighlightListAccentLow, #0078D466);--SystemControlHighlightListAccentMedium: var(--XamlUiOverrideSystemControlHighlightListAccentMedium, #0078D499);--SystemControlHighlightListAccentHigh: var(--XamlUiOverrideSystemControlHighlightListAccentHigh, #0078D4B3);--ControlStrokeColorDefault: var(--XamlUiOverrideControlStrokeColorDefault, #0000000F);--ControlStrongStrokeColorDefault: var(--XamlUiOverrideControlStrongStrokeColorDefault, #00000072);--ControlStrongStrokeColorDisabled: var(--XamlUiOverrideControlStrongStrokeColorDisabled, #00000037);--ControlStrokeColorOnAccentDefault: var(--XamlUiOverrideControlStrokeColorOnAccentDefault, #FFFFFF14);--TextFillColorPrimary: var(--XamlUiOverrideTextFillColorPrimary, #000000E4);--TextFillColorSecondary: var(--XamlUiOverrideTextFillColorSecondary, #0000009E);--TextFillColorDisabled: var(--XamlUiOverrideTextFillColorDisabled, #0000005C);--TextOnAccentFillColorSelected: var(--XamlUiOverrideTextOnAccentFillColorSelected, #FFFFFFFF);--TextOnAccentFillColorPrimary: var(--XamlUiOverrideTextOnAccentFillColorPrimary, #FFFFFF);--TextOnAccentFillColorSecondary: var(--XamlUiOverrideTextOnAccentFillColorSecondary, #FFFFFFB3);--TextOnAccentFillColorDisabled: var(--XamlUiOverrideTextOnAccentFillColorDisabled, #FFFFFF);--SurfaceStrokeColorFlyout: var(--XamlUiOverrideSurfaceStrokeColorFlyout, #0000000F);--AcrylicInAppFillColorDefault: var(--XamlUiOverrideAcrylicInAppFillColorDefault, #FCFCFC26);--SystemChromeMediumLowColor: var(--XamlUiOverrideSystemChromeMediumLowColor, #F2F2F2FF);--DividerStrokeColorDefault: var(--XamlUiOverrideDividerStrokeColorDefault, #0000000F);--LayerFillColorAlt: var(--XamlUiOverrideLayerFillColorAlt, #FFFFFF);--SurfaceStrokeColorDefault: var(--XamlUiOverrideSurfaceStrokeColorDefault, #75757566)}}.xaml-flyout-overlay-backdrop{background:transparent}.xaml-dialog-overlay-backdrop{background:var(--SmokeFillColorDefault)}.cdk-overlay-pane.xaml-overlay-pane{display:grid!important}.cdk-overlay-pane.xaml-overlay-pane XamlRoot{overflow:visible;background:transparent}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1171
|
+
}
|
|
1172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: XamlRootComponent, decorators: [{
|
|
1173
|
+
type: Component,
|
|
1174
|
+
args: [{ selector: 'XamlRoot', template: `<ng-content/>`, encapsulation: ViewEncapsulation.None, host: {
|
|
1175
|
+
'class': 'xaml-themed'
|
|
1176
|
+
}, styles: ["XamlRoot{all:initial;display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;font-family:var(--SystemFontFamily);font-size:var(--SystemFontSize);color:var(--TextFillColorPrimary);background:var(--WindowFillColorDefault)}.xaml-themed{--AcrylicBlur: var(--XamlUiOverrideAcrylicBlur, blur(12px));--ControlBorderThickness: var(--XamlUiOverrideControlBorderThickness, 1px);--ControlCornerRadius: var(--XamlUiOverrideControlCornerRadius, 4px);--OverlayCornerRadius: var(--XamlUiOverrideOverlayCornerRadius, 8px);--ButtonPadding: var(--XamlUiOverrideButtonPadding, 5px 11px);--SystemFontSize: var(--XamlUiOverrideSystemFontSize, 10pt);--SystemFontFamily: var(--XamlUiOverrideSystemFontFamily, \"Segoe UI\", Arial, sans-serif);--SymbolFontSize: var(--XamlUiOverrideSymbolFontSize, 10pt);--SymbolFontFamily: var(--XamlUiOverrideSymbolFontFamily, \"Segoe Fluent Icons\", \"Segoe MDL2 Assets\");--SystemAccentColor: var(--XamlUiOverrideSystemAccentColor, #0078d4);--SmokeFillColorDefault: var(--XamlUiOverrideSmokeFillColorDefault, #0000004D);--ControlNormalAnimationDuration: var(--XamlUiOverrideControlNormalAnimationDuration, .25s);--ControlFastAnimationDuration: var(--XamlUiOverrideControlFastAnimationDuration, .167s);--ControlFasterAnimationDuration: var(--XamlUiOverrideControlFasterAnimationDuration, 83ms);--WindowFillColorDefault: var(--XamlUiOverrideWindowFillColorDefault, #202020FF);--ControlFillColorDefault: var(--XamlUiOverrideControlFillColorDefault, #FFFFFF0F);--ControlFillColorSecondary: var(--XamlUiOverrideControlFillColorSecondary, #FFFFFF15);--ControlFillColorTertiary: var(--XamlUiOverrideControlFillColorTertiary, #FFFFFF08);--ControlFillColorDisabled: var(--XamlUiOverrideControlFillColorDisabled, #FFFFFF0B);--ControlFillColorInputActive: var(--XamlUiOverrideControlFillColorInputActive, #1E1E1EB3);--ControlSolidFillColorDefault: var(--XamlUiOverrideControlSolidFillColorDefault, #454545FF);--ControlAltFillColorSecondary: var(--XamlUiOverrideControlAltFillColorSecondary, #00000019);--ControlAltFillColorTertiary: var(--XamlUiOverrideControlAltFillColorTertiary, #FFFFFF0B);--ControlAltFillColorQuarternary: var(--XamlUiOverrideControlAltFillColorQuarternary, #FFFFFF12);--ControlAltFillColorDisabled: var(--XamlUiOverrideControlAltFillColorDisabled, #FFFFFF00);--ControlStrongFillColorDefault: var(--XamlUiOverrideControlStrongFillColorDefault, #FFFFFF8B);--ControlStrongFillColorDisabled: var(--XamlUiOverrideControlStrongFillColorDisabled, #FFFFFF3F);--ControlFillColorTransparent: var(--XamlUiOverrideControlFillColorTransparent, #FFFFFF00);--SubtleFillColorTransparent: var(--XamlUiOverrideSubtleFillColorTransparent, #FFFFFF00);--SubtleFillColorSecondary: var(--XamlUiOverrideSubtleFillColorSecondary, #FFFFFF0F);--SubtleFillColorTertiary: var(--XamlUiOverrideSubtleFillColorTertiary, #FFFFFF0A);--AccentFillColorDefault: var(--XamlUiOverrideAccentFillColorDefault, #4CC2FFFF);--AccentFillColorSecondary: var(--XamlUiOverrideAccentFillColorSecondary, #4CC2FFE6);--AccentFillColorTertiary: var(--XamlUiOverrideAccentFillColorTertiary, #4CC2FFCC);--AccentFillColorDisabled: var(--XamlUiOverrideAccentFillColorDisabled, #FFFFFF28);--SystemControlHighlightListAccentLow: var(--XamlUiOverrideSystemControlHighlightListAccentLow, #0078D499);--SystemControlHighlightListAccentMedium: var(--XamlUiOverrideSystemControlHighlightListAccentMedium, #0078D4CC);--SystemControlHighlightListAccentHigh: var(--XamlUiOverrideSystemControlHighlightListAccentHigh, #0078D4E6);--ControlStrokeColorDefault: var(--XamlUiOverrideControlStrokeColorDefault, #FFFFFF12);--ControlStrongStrokeColorDefault: var(--XamlUiOverrideControlStrongStrokeColorDefault, #FFFFFF8B);--ControlStrongStrokeColorDisabled: var(--XamlUiOverrideControlStrongStrokeColorDisabled, #FFFFFF28);--ControlStrokeColorOnAccentDefault: var(--XamlUiOverrideControlStrokeColorOnAccentDefault, #FFFFFF14);--TextFillColorPrimary: var(--XamlUiOverrideTextFillColorPrimary, #FFFFFFFF);--TextFillColorSecondary: var(--XamlUiOverrideTextFillColorSecondary, #FFFFFFC5);--TextFillColorDisabled: var(--XamlUiOverrideTextFillColorDisabled, #FFFFFF5D);--TextOnAccentFillColorSelected: var(--XamlUiOverrideTextOnAccentFillColorSelected, #FFFFFFFF);--TextOnAccentFillColorPrimary: var(--XamlUiOverrideTextOnAccentFillColorPrimary, #000000);--TextOnAccentFillColorSecondary: var(--XamlUiOverrideTextOnAccentFillColorSecondary, #00000080);--TextOnAccentFillColorDisabled: var(--XamlUiOverrideTextOnAccentFillColorDisabled, #FFFFFF87);--SurfaceStrokeColorFlyout: var(--XamlUiOverrideSurfaceStrokeColorFlyout, #00000033);--AcrylicInAppFillColorDefault: var(--XamlUiOverrideAcrylicInAppFillColorDefault, #2C2C2C26);--SystemChromeMediumLowColor: var(--XamlUiOverrideSystemChromeMediumLowColor, #2B2B2BFF);--DividerStrokeColorDefault: var(--XamlUiOverrideDividerStrokeColorDefault, #FFFFFF15);--LayerFillColorAlt: var(--XamlUiOverrideLayerFillColorAlt, #FFFFFF0D);--SurfaceStrokeColorDefault: var(--XamlUiOverrideSurfaceStrokeColorDefault, #75757566)}@media (prefers-color-scheme: light){.xaml-themed{--WindowFillColorDefault: var(--XamlUiOverrideWindowFillColorDefault, #F3F3F3FF);--ControlFillColorDefault: var(--XamlUiOverrideControlFillColorDefault, #FFFFFFB3);--ControlFillColorSecondary: var(--XamlUiOverrideControlFillColorSecondary, #F9F9F980);--ControlFillColorTertiary: var(--XamlUiOverrideControlFillColorTertiary, #F9F9F94D);--ControlFillColorDisabled: var(--XamlUiOverrideControlFillColorDisabled, #F9F9F94D);--ControlFillColorInputActive: var(--XamlUiOverrideControlFillColorInputActive, #FFFFFF);--ControlSolidFillColorDefault: var(--XamlUiOverrideControlSolidFillColorDefault, #FFFFFFFF);--ControlAltFillColorSecondary: var(--XamlUiOverrideControlAltFillColorSecondary, #00000006);--ControlAltFillColorTertiary: var(--XamlUiOverrideControlAltFillColorTertiary, #0000000F);--ControlAltFillColorQuarternary: var(--XamlUiOverrideControlAltFillColorQuarternary, #00000018);--ControlAltFillColorDisabled: var(--XamlUiOverrideControlAltFillColorDisabled, #FFFFFF00);--ControlStrongFillColorDefault: var(--XamlUiOverrideControlStrongFillColorDefault, #00000072);--ControlStrongFillColorDisabled: var(--XamlUiOverrideControlStrongFillColorDisabled, #00000051);--ControlFillColorTransparent: var(--XamlUiOverrideControlFillColorTransparent, #FFFFFF00);--SubtleFillColorTransparent: var(--XamlUiOverrideSubtleFillColorTransparent, #FFFFFF00);--SubtleFillColorSecondary: var(--XamlUiOverrideSubtleFillColorSecondary, #00000009);--SubtleFillColorTertiary: var(--XamlUiOverrideSubtleFillColorTertiary, #00000006);--AccentFillColorDefault: var(--XamlUiOverrideAccentFillColorDefault, #0067C0FF);--AccentFillColorSecondary: var(--XamlUiOverrideAccentFillColorSecondary, #0067C0E6);--AccentFillColorTertiary: var(--XamlUiOverrideAccentFillColorTertiary, #0067C0CC);--AccentFillColorDisabled: var(--XamlUiOverrideAccentFillColorDisabled, #FFFFFF37);--SystemControlHighlightListAccentLow: var(--XamlUiOverrideSystemControlHighlightListAccentLow, #0078D466);--SystemControlHighlightListAccentMedium: var(--XamlUiOverrideSystemControlHighlightListAccentMedium, #0078D499);--SystemControlHighlightListAccentHigh: var(--XamlUiOverrideSystemControlHighlightListAccentHigh, #0078D4B3);--ControlStrokeColorDefault: var(--XamlUiOverrideControlStrokeColorDefault, #0000000F);--ControlStrongStrokeColorDefault: var(--XamlUiOverrideControlStrongStrokeColorDefault, #00000072);--ControlStrongStrokeColorDisabled: var(--XamlUiOverrideControlStrongStrokeColorDisabled, #00000037);--ControlStrokeColorOnAccentDefault: var(--XamlUiOverrideControlStrokeColorOnAccentDefault, #FFFFFF14);--TextFillColorPrimary: var(--XamlUiOverrideTextFillColorPrimary, #000000E4);--TextFillColorSecondary: var(--XamlUiOverrideTextFillColorSecondary, #0000009E);--TextFillColorDisabled: var(--XamlUiOverrideTextFillColorDisabled, #0000005C);--TextOnAccentFillColorSelected: var(--XamlUiOverrideTextOnAccentFillColorSelected, #FFFFFFFF);--TextOnAccentFillColorPrimary: var(--XamlUiOverrideTextOnAccentFillColorPrimary, #FFFFFF);--TextOnAccentFillColorSecondary: var(--XamlUiOverrideTextOnAccentFillColorSecondary, #FFFFFFB3);--TextOnAccentFillColorDisabled: var(--XamlUiOverrideTextOnAccentFillColorDisabled, #FFFFFF);--SurfaceStrokeColorFlyout: var(--XamlUiOverrideSurfaceStrokeColorFlyout, #0000000F);--AcrylicInAppFillColorDefault: var(--XamlUiOverrideAcrylicInAppFillColorDefault, #FCFCFC26);--SystemChromeMediumLowColor: var(--XamlUiOverrideSystemChromeMediumLowColor, #F2F2F2FF);--DividerStrokeColorDefault: var(--XamlUiOverrideDividerStrokeColorDefault, #0000000F);--LayerFillColorAlt: var(--XamlUiOverrideLayerFillColorAlt, #FFFFFF);--SurfaceStrokeColorDefault: var(--XamlUiOverrideSurfaceStrokeColorDefault, #75757566)}}.xaml-flyout-overlay-backdrop{background:transparent}.xaml-dialog-overlay-backdrop{background:var(--SmokeFillColorDefault)}.cdk-overlay-pane.xaml-overlay-pane{display:grid!important}.cdk-overlay-pane.xaml-overlay-pane XamlRoot{overflow:visible;background:transparent}\n"] }]
|
|
1177
|
+
}], propDecorators: { onContextMenu: [{
|
|
1178
|
+
type: HostListener,
|
|
1179
|
+
args: ['contextmenu', ['$event']]
|
|
1180
|
+
}] } });
|
|
1181
|
+
|
|
1182
|
+
const PopupTemplate = `<ng-template #template><XamlRoot><FlyoutPresenter #presenter [IsVisible]="isVisible" [TransitionAnimation]="transitionAnimation" [Padding]="Padding"><ng-content/></FlyoutPresenter></XamlRoot></ng-template>`;
|
|
1166
1183
|
class FlyoutBaseComponent {
|
|
1167
1184
|
get IsOpen() {
|
|
1168
1185
|
return this._isOpen;
|
|
@@ -1199,6 +1216,7 @@ class FlyoutBaseComponent {
|
|
|
1199
1216
|
//Create overlay
|
|
1200
1217
|
let config = new OverlayConfig({
|
|
1201
1218
|
hasBackdrop: this.HasBackdrop,
|
|
1219
|
+
panelClass: 'xaml-overlay-pane',
|
|
1202
1220
|
scrollStrategy: this._overlay.scrollStrategies.reposition(),
|
|
1203
1221
|
backdropClass: 'xaml-flyout-overlay-backdrop'
|
|
1204
1222
|
});
|
|
@@ -1342,12 +1360,12 @@ class FlyoutBaseComponent {
|
|
|
1342
1360
|
this.IsOpen = false;
|
|
1343
1361
|
}
|
|
1344
1362
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlyoutBaseComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1345
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlyoutBaseComponent, isStandalone: true, selector: "FlyoutBase", inputs: { Placement: "Placement", Padding: "Padding", HasBackdrop: "HasBackdrop", IsOpen: "IsOpen", Target: "Target" }, outputs: { IsOpenChange: "IsOpenChange" }, host: { properties: { "style": "this.style" } }, providers: [{ provide: 'xaml-flyout', useExisting: FlyoutBaseComponent }], viewQueries: [{ propertyName: "_template", first: true, predicate: ["template"], descendants: true }], ngImport: i0, template: "<ng-template #template><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></ng-template>", isInline: true, dependencies: [{ kind: "component", type: FlyoutPresenter, selector: "FlyoutPresenter", inputs: ["TransitionAnimation", "Padding", "IsVisible"] }] }); }
|
|
1363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlyoutBaseComponent, isStandalone: true, selector: "FlyoutBase", inputs: { Placement: "Placement", Padding: "Padding", HasBackdrop: "HasBackdrop", IsOpen: "IsOpen", Target: "Target" }, outputs: { IsOpenChange: "IsOpenChange" }, host: { properties: { "style": "this.style" } }, providers: [{ provide: 'xaml-flyout', useExisting: FlyoutBaseComponent }], viewQueries: [{ propertyName: "_template", first: true, predicate: ["template"], descendants: true }], ngImport: i0, template: "<ng-template #template><XamlRoot><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></XamlRoot></ng-template>", isInline: true, dependencies: [{ kind: "component", type: FlyoutPresenter, selector: "FlyoutPresenter", inputs: ["TransitionAnimation", "Padding", "IsVisible"] }, { kind: "component", type: XamlRootComponent, selector: "XamlRoot" }] }); }
|
|
1346
1364
|
}
|
|
1347
1365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlyoutBaseComponent, decorators: [{
|
|
1348
1366
|
type: Component,
|
|
1349
1367
|
args: [{
|
|
1350
|
-
imports: [FlyoutPresenter],
|
|
1368
|
+
imports: [FlyoutPresenter, XamlRootComponent],
|
|
1351
1369
|
selector: 'FlyoutBase',
|
|
1352
1370
|
template: PopupTemplate,
|
|
1353
1371
|
providers: [{ provide: 'xaml-flyout', useExisting: FlyoutBaseComponent }]
|
|
@@ -1396,11 +1414,11 @@ class FlyoutComponent extends FlyoutBaseComponent {
|
|
|
1396
1414
|
}
|
|
1397
1415
|
}
|
|
1398
1416
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlyoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1399
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlyoutComponent, isStandalone: true, selector: "Flyout", providers: [{ provide: 'xaml-flyout', useExisting: FlyoutComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #template><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></ng-template>", isInline: true, styles: ["FlyoutPresenter{padding:16px}\n"], dependencies: [{ kind: "component", type: FlyoutPresenter, selector: "FlyoutPresenter", inputs: ["TransitionAnimation", "Padding", "IsVisible"] }] }); }
|
|
1417
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlyoutComponent, isStandalone: true, selector: "Flyout", providers: [{ provide: 'xaml-flyout', useExisting: FlyoutComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #template><XamlRoot><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></XamlRoot></ng-template>", isInline: true, styles: ["FlyoutPresenter{padding:16px}\n"], dependencies: [{ kind: "component", type: FlyoutPresenter, selector: "FlyoutPresenter", inputs: ["TransitionAnimation", "Padding", "IsVisible"] }, { kind: "component", type: XamlRootComponent, selector: "XamlRoot" }] }); }
|
|
1400
1418
|
}
|
|
1401
1419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlyoutComponent, decorators: [{
|
|
1402
1420
|
type: Component,
|
|
1403
|
-
args: [{ selector: 'Flyout', imports: [FlyoutPresenter], template: PopupTemplate, providers: [{ provide: 'xaml-flyout', useExisting: FlyoutComponent }], styles: ["FlyoutPresenter{padding:16px}\n"] }]
|
|
1421
|
+
args: [{ selector: 'Flyout', imports: [FlyoutPresenter, XamlRootComponent], template: PopupTemplate, providers: [{ provide: 'xaml-flyout', useExisting: FlyoutComponent }], styles: ["FlyoutPresenter{padding:16px}\n"] }]
|
|
1404
1422
|
}] });
|
|
1405
1423
|
|
|
1406
1424
|
class ComboBoxComponent extends SelectorComponent {
|
|
@@ -1553,14 +1571,14 @@ class RadioToggleButtonComponent extends RadioButtonComponent {
|
|
|
1553
1571
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: RadioToggleButtonComponent, isStandalone: true, selector: "RadioToggleButton", host: { properties: { "class.checked": "this.checked" } }, usesInheritance: true, ngImport: i0, template: `<label>
|
|
1554
1572
|
<input type="radio" [name]="Group" [value]="Value" [checked]="IsChecked" (change)="onChange($event)" [disabled]="!IsEnabled">
|
|
1555
1573
|
<ng-content/>
|
|
1556
|
-
</label>`, isInline: true, styles: [":host{position:relative}:host{display:grid;padding:
|
|
1574
|
+
</label>`, isInline: true, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n", ":host{padding:0}input{display:none}label{padding:var(--ButtonPadding)}\n"] }); }
|
|
1557
1575
|
}
|
|
1558
1576
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RadioToggleButtonComponent, decorators: [{
|
|
1559
1577
|
type: Component,
|
|
1560
1578
|
args: [{ selector: 'RadioToggleButton', template: `<label>
|
|
1561
1579
|
<input type="radio" [name]="Group" [value]="Value" [checked]="IsChecked" (change)="onChange($event)" [disabled]="!IsEnabled">
|
|
1562
1580
|
<ng-content/>
|
|
1563
|
-
</label>`, styles: [":host{position:relative}:host{display:grid;padding:
|
|
1581
|
+
</label>`, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n", ":host{padding:0}input{display:none}label{padding:var(--ButtonPadding)}\n"] }]
|
|
1564
1582
|
}], propDecorators: { checked: [{
|
|
1565
1583
|
type: HostBinding,
|
|
1566
1584
|
args: ['class.checked']
|
|
@@ -1600,11 +1618,11 @@ class RepeatButtonComponent extends ButtonComponent {
|
|
|
1600
1618
|
this.clearTimers();
|
|
1601
1619
|
}
|
|
1602
1620
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1603
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: RepeatButtonComponent, isStandalone: true, selector: "RepeatButton", inputs: { Delay: "Delay", Interval: "Interval" }, host: { listeners: { "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp($event)" } }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{position:relative}:host{display:grid;padding:
|
|
1621
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: RepeatButtonComponent, isStandalone: true, selector: "RepeatButton", inputs: { Delay: "Delay", Interval: "Interval" }, host: { listeners: { "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp($event)" } }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"], dependencies: [{ 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"] }] }); }
|
|
1604
1622
|
}
|
|
1605
1623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatButtonComponent, decorators: [{
|
|
1606
1624
|
type: Component,
|
|
1607
|
-
args: [{ selector: 'RepeatButton', imports: [CommonModule, TextBlockComponent], template: ButtonTemplate, styles: [":host{position:relative}:host{display:grid;padding:
|
|
1625
|
+
args: [{ selector: 'RepeatButton', imports: [CommonModule, TextBlockComponent], template: ButtonTemplate, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"] }]
|
|
1608
1626
|
}], propDecorators: { Delay: [{
|
|
1609
1627
|
type: Input
|
|
1610
1628
|
}], Interval: [{
|
|
@@ -1988,11 +2006,11 @@ class ToggleButtonComponent extends ButtonComponent {
|
|
|
1988
2006
|
this.IsCheckedChange.emit(this.IsChecked);
|
|
1989
2007
|
}
|
|
1990
2008
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToggleButtonComponent, isStandalone: true, selector: "ToggleButton", inputs: { IsChecked: "IsChecked" }, outputs: { IsCheckedChange: "IsCheckedChange" }, host: { properties: { "class.checked": "this.IsChecked" } }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{position:relative}:host{display:grid;padding:
|
|
2009
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToggleButtonComponent, isStandalone: true, selector: "ToggleButton", inputs: { IsChecked: "IsChecked" }, outputs: { IsCheckedChange: "IsCheckedChange" }, host: { properties: { "class.checked": "this.IsChecked" } }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"Content === undefined\"/>\n <TextBlock *ngIf=\"Content !== undefined\">{{Content}}</TextBlock>", isInline: true, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"], dependencies: [{ 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"] }] }); }
|
|
1992
2010
|
}
|
|
1993
2011
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleButtonComponent, decorators: [{
|
|
1994
2012
|
type: Component,
|
|
1995
|
-
args: [{ selector: 'ToggleButton', imports: [CommonModule, TextBlockComponent], template: ButtonTemplate, styles: [":host{position:relative}:host{display:grid;padding:
|
|
2013
|
+
args: [{ selector: 'ToggleButton', imports: [CommonModule, TextBlockComponent], template: ButtonTemplate, styles: [":host{position:relative}:host{display:grid;padding:var(--ButtonPadding);border-width:var(--ControlBorderThickness);border-style:solid;border-radius:var(--ControlCornerRadius);position:relative;box-sizing:border-box;font-size:var(--SystemFontSize);font-family:var(--SystemFontFamily);background:var(--ControlFillColorDefault);border-color:var(--ControlStrokeColorDefault);color:var(--TextFillColorPrimary);transition:all var(--ControlFastAnimationDuration)}:host::ng-deep *{color:var(--TextFillColorPrimary)}:host:not(.checked):hover:not(.flyout-open):not(.disabled){background:var(--ControlFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled){background:var(--ControlFillColorTertiary);color:var(--TextFillColorSecondary)}:host:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host:not(.checked).disabled{background:var(--ControlFillColorDisabled);color:var(--TextFillColorDisabled);pointer-events:none}:host:not(.checked).disabled::ng-deep *{color:var(--TextFillColorDisabled)}:host.checked:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.checked:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.checked:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.checked:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.checked:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.checked.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.checked.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}:host.InlineButtonStyle{border-style:none;border-width:0;background-color:transparent}:host.InlineButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.InlineButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.InlineButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.InlineButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle{border-style:none;border-width:0;background-color:transparent;color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:hover:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled){background:var(--SubtleFillColorTertiary);color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle:active:not(.checked):not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextFillColorSecondary)}:host.HyperlinkButtonStyle.disabled:not(.checked){background:var(--SubtleFillColorDisabled);color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle.disabled:not(.checked)::ng-deep *{color:var(--TextFillColorDisabled)}:host.HyperlinkButtonStyle:not(.disabled){cursor:pointer}:host.HyperlinkButtonStyle::ng-deep *{color:var(--AccentFillColorDefault)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled){color:var(--AccentFillColorSecondary)}:host.HyperlinkButtonStyle:not(.checked):active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--AccentFillColorSecondary)}:host.AccentButtonStyle:not(.disabled){background:var(--AccentFillColorDefault);border-color:var(--AccentFillColorDefault);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled){background:var(--AccentFillColorSecondary);border-color:var(--AccentFillColorSecondary);color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:hover:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorPrimary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled){background:var(--AccentFillColorTertiary);border-color:var(--ControlFillColorTransparent);color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle:active:not(.flyout-open):not(.disabled)::ng-deep *{color:var(--TextOnAccentFillColorSecondary)}:host.AccentButtonStyle.disabled{background:var(--AccentFillColorDisabled);border-color:var(--AccentFillColorDisabled);color:var(--TextOnAccentFillColorDisabled)}:host.AccentButtonStyle.disabled::ng-deep *{color:var(--TextOnAccentFillColorDisabled)}\n"] }]
|
|
1996
2014
|
}], propDecorators: { IsChecked: [{
|
|
1997
2015
|
type: Input
|
|
1998
2016
|
}, {
|
|
@@ -2091,21 +2109,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
2091
2109
|
type: Input
|
|
2092
2110
|
}] } });
|
|
2093
2111
|
|
|
2094
|
-
class XamlRootComponent {
|
|
2095
|
-
onContextMenu(event) {
|
|
2096
|
-
event.preventDefault();
|
|
2097
|
-
}
|
|
2098
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: XamlRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2099
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: XamlRootComponent, isStandalone: true, selector: "XamlRoot", host: { listeners: { "contextmenu": "onContextMenu($event)" } }, ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#f3f3f3;touch-action:none}:host,:host::ng-deep :host{font-family:var(--SystemFontFamily);font-size:var(--SystemFontSize);color:var(--TextFillColorPrimary);-webkit-user-select:none;user-select:none;touch-action:none}@media (prefers-color-scheme: dark){:host{background-color:#202020}}\n"] }); }
|
|
2100
|
-
}
|
|
2101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: XamlRootComponent, decorators: [{
|
|
2102
|
-
type: Component,
|
|
2103
|
-
args: [{ selector: 'XamlRoot', template: `<ng-content/>`, styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#f3f3f3;touch-action:none}:host,:host::ng-deep :host{font-family:var(--SystemFontFamily);font-size:var(--SystemFontSize);color:var(--TextFillColorPrimary);-webkit-user-select:none;user-select:none;touch-action:none}@media (prefers-color-scheme: dark){:host{background-color:#202020}}\n"] }]
|
|
2104
|
-
}], propDecorators: { onContextMenu: [{
|
|
2105
|
-
type: HostListener,
|
|
2106
|
-
args: ['contextmenu', ['$event']]
|
|
2107
|
-
}] } });
|
|
2108
|
-
|
|
2109
2112
|
class DialogPresenter extends XamlRootComponent {
|
|
2110
2113
|
constructor() {
|
|
2111
2114
|
super(...arguments);
|
|
@@ -2122,15 +2125,23 @@ class DialogPresenter extends XamlRootComponent {
|
|
|
2122
2125
|
return this._footer?.nativeElement.children.length ?? 0 > 0;
|
|
2123
2126
|
}
|
|
2124
2127
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DialogPresenter, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2125
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DialogPresenter, isStandalone: true, selector: "DialogPresenter", inputs: { IsVisible: "IsVisible" }, host: { properties: { "class.visible": "this.visible" } }, providers: [{ provide: 'xaml-dialog-presenter', useExisting: DialogPresenter }], viewQueries: [{ propertyName: "_header", first: true, predicate: ["header"], descendants: true }, { propertyName: "_footer", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DialogPresenter, isStandalone: true, selector: "DialogPresenter", inputs: { IsVisible: "IsVisible" }, host: { properties: { "class.visible": "this.visible" } }, providers: [{ provide: 'xaml-dialog-presenter', useExisting: DialogPresenter }], viewQueries: [{ propertyName: "_header", first: true, predicate: ["header"], descendants: true }, { propertyName: "_footer", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<XamlRoot>
|
|
2129
|
+
<div class="frame">
|
|
2130
|
+
<div #header class="header" [ngStyle]="{'display': isHeaderVisible ? 'grid' : 'none'}"><ng-content select="[Header]"/></div>
|
|
2131
|
+
<div class="body"><ng-content/></div>
|
|
2132
|
+
<div #footer class="footer" [ngStyle]="{'display': isFooterVisible ? 'grid' : 'none'}"><ng-content select="[Footer]"/></div>
|
|
2133
|
+
</div>
|
|
2134
|
+
</XamlRoot>`, isInline: true, styles: [".frame{border-radius:var(--OverlayCornerRadius);border-color:var(--SurfaceStrokeColorDefault);border-style:solid;border-width:1px;box-shadow:0 0 15px #00000080;background:var(--WindowFillColorDefault);opacity:0;transform:scale(1.1);transition:transform var(--ControlNormalAnimationDuration),opacity var(--ControlNormalAnimationDuration)}:host.visible .frame{opacity:1;transform:scale(1)}.header{font-size:20pt;padding:24px 24px 0}.body,.footer{padding:24px}.header,.body{background:var(--LayerFillColorAlt)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: XamlRootComponent, selector: "XamlRoot" }] }); }
|
|
2128
2135
|
}
|
|
2129
2136
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DialogPresenter, decorators: [{
|
|
2130
2137
|
type: Component,
|
|
2131
|
-
args: [{ selector: 'DialogPresenter', template: `<
|
|
2132
|
-
|
|
2133
|
-
|
|
2138
|
+
args: [{ selector: 'DialogPresenter', template: `<XamlRoot>
|
|
2139
|
+
<div class="frame">
|
|
2140
|
+
<div #header class="header" [ngStyle]="{'display': isHeaderVisible ? 'grid' : 'none'}"><ng-content select="[Header]"/></div>
|
|
2141
|
+
<div class="body"><ng-content/></div>
|
|
2142
|
+
<div #footer class="footer" [ngStyle]="{'display': isFooterVisible ? 'grid' : 'none'}"><ng-content select="[Footer]"/></div>
|
|
2143
|
+
</div>
|
|
2144
|
+
</XamlRoot>`, imports: [CommonModule, XamlRootComponent], providers: [{ provide: 'xaml-dialog-presenter', useExisting: DialogPresenter }], styles: [".frame{border-radius:var(--OverlayCornerRadius);border-color:var(--SurfaceStrokeColorDefault);border-style:solid;border-width:1px;box-shadow:0 0 15px #00000080;background:var(--WindowFillColorDefault);opacity:0;transform:scale(1.1);transition:transform var(--ControlNormalAnimationDuration),opacity var(--ControlNormalAnimationDuration)}:host.visible .frame{opacity:1;transform:scale(1)}.header{font-size:20pt;padding:24px 24px 0}.body,.footer{padding:24px}.header,.body{background:var(--LayerFillColorAlt)}\n"] }]
|
|
2134
2145
|
}], propDecorators: { _header: [{
|
|
2135
2146
|
type: ViewChild,
|
|
2136
2147
|
args: ['header']
|
|
@@ -2167,8 +2178,9 @@ class Dialog {
|
|
|
2167
2178
|
.centerVertically();
|
|
2168
2179
|
let config = new OverlayConfig({
|
|
2169
2180
|
hasBackdrop: true,
|
|
2181
|
+
panelClass: 'xaml-overlay-pane',
|
|
2170
2182
|
positionStrategy: positionStrategy,
|
|
2171
|
-
backdropClass: 'xaml-dialog-overlay-backdrop'
|
|
2183
|
+
backdropClass: ['xaml-dialog-overlay-backdrop', 'xaml-themed']
|
|
2172
2184
|
});
|
|
2173
2185
|
let overlayRef = this._overlay.create(config);
|
|
2174
2186
|
//Attach template
|
|
@@ -2257,33 +2269,41 @@ class ContentDialogPresenter extends DialogPresenter {
|
|
|
2257
2269
|
return this._dialog.DefaultButton === ContentDialogButton.Close;
|
|
2258
2270
|
}
|
|
2259
2271
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentDialogPresenter, deps: [{ token: ContentDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ContentDialogPresenter, isStandalone: true, selector: "ContentDialogPresenter", providers: [{ provide: 'xaml-dialog-presenter', useExisting: ContentDialogPresenter }], usesInheritance: true, ngImport: i0, template: `<
|
|
2261
|
-
<div class="
|
|
2262
|
-
<
|
|
2263
|
-
<
|
|
2272
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ContentDialogPresenter, isStandalone: true, selector: "ContentDialogPresenter", providers: [{ provide: 'xaml-dialog-presenter', useExisting: ContentDialogPresenter }], usesInheritance: true, ngImport: i0, template: `<XamlRoot>
|
|
2273
|
+
<div class="frame">
|
|
2274
|
+
<div #header class="header">{{_dialog.Title}}</div>
|
|
2275
|
+
<div class="body">
|
|
2276
|
+
<TextBlock TextWrapping="Wrap">{{_dialog.Content}}</TextBlock>
|
|
2277
|
+
<ng-content/>
|
|
2278
|
+
</div>
|
|
2279
|
+
<div #footer class="footer" [ngStyle]="{'display': isFooterVisible ? 'grid' : 'none'}">
|
|
2280
|
+
<Grid Orientation="Horizontal" ColumnSpacing="6px" AutoColumnDefinition="minmax(0, 1fr)" Footer>
|
|
2281
|
+
<Button *ngIf="_dialog.PrimaryButtonText !== undefined" [IsEnabled]="_dialog.IsPrimaryButtonEnabled" (Click)="onPrimaryButtonClicked()" [class.AccentButtonStyle]="isPrimaryButtonDefault">{{_dialog.PrimaryButtonText}}</Button>
|
|
2282
|
+
<Button *ngIf="_dialog.SecondaryButtonText !== undefined" [IsEnabled]="_dialog.IsSecondaryButtonEnabled" (Click)="onSecondaryButtonClicked()" [class.AccentButtonStyle]="isSecondaryButtonDefault">{{_dialog.SecondaryButtonText}}</Button>
|
|
2283
|
+
<Button *ngIf="_dialog.CloseButtonText !== undefined" (Click)="onCloseButtonClicked()" [class.AccentButtonStyle]="isCloseButtonDefault">{{_dialog.CloseButtonText}}</Button>
|
|
2284
|
+
</Grid>
|
|
2285
|
+
</div>
|
|
2264
2286
|
</div>
|
|
2265
|
-
|
|
2266
|
-
<Grid Orientation="Horizontal" ColumnSpacing="6px" AutoColumnDefinition="minmax(0, 1fr)" Footer>
|
|
2267
|
-
<Button *ngIf="_dialog.PrimaryButtonText !== undefined" [IsEnabled]="_dialog.IsPrimaryButtonEnabled" (Click)="onPrimaryButtonClicked()" [class.AccentButtonStyle]="isPrimaryButtonDefault">{{_dialog.PrimaryButtonText}}</Button>
|
|
2268
|
-
<Button *ngIf="_dialog.SecondaryButtonText !== undefined" [IsEnabled]="_dialog.IsSecondaryButtonEnabled" (Click)="onSecondaryButtonClicked()" [class.AccentButtonStyle]="isSecondaryButtonDefault">{{_dialog.SecondaryButtonText}}</Button>
|
|
2269
|
-
<Button *ngIf="_dialog.CloseButtonText !== undefined" (Click)="onCloseButtonClicked()" [class.AccentButtonStyle]="isCloseButtonDefault">{{_dialog.CloseButtonText}}</Button>
|
|
2270
|
-
</Grid>
|
|
2271
|
-
</div>`, isInline: true, styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#f3f3f3;touch-action:none}:host,:host::ng-deep :host{font-family:var(--SystemFontFamily);font-size:var(--SystemFontSize);color:var(--TextFillColorPrimary);-webkit-user-select:none;user-select:none;touch-action:none}@media (prefers-color-scheme: dark){:host{background-color:#202020}}\n", ":host{border-radius:var(--OverlayCornerRadius);border-color:var(--SurfaceStrokeColorDefault);border-style:solid;border-width:1px;box-shadow:0 0 15px #00000080;opacity:0;transform:scale(1.1);transition:transform var(--ControlNormalAnimationDuration),opacity var(--ControlNormalAnimationDuration)}:host.visible{opacity:1;transform:scale(1)}.header{font-size:20pt;padding:24px 24px 0}.body,.footer{padding:24px}.header,.body{background:var(--LayerFillColorAlt)}\n", ""], dependencies: [{ 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", "Content", "HorizontalContentAlignment", "VerticalContentAlignment"], outputs: ["Click"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TextBlockComponent, selector: "TextBlock", inputs: ["FontFamily", "Text", "FontSize", "FontStyle", "FontWeight", "Foreground", "TextAlignment", "IsTextSelectionEnabled", "TextDecorations", "TextTrimming", "TextWrapping"] }] }); }
|
|
2287
|
+
</XamlRoot>`, isInline: true, styles: [".frame{border-radius:var(--OverlayCornerRadius);border-color:var(--SurfaceStrokeColorDefault);border-style:solid;border-width:1px;box-shadow:0 0 15px #00000080;background:var(--WindowFillColorDefault);opacity:0;transform:scale(1.1);transition:transform var(--ControlNormalAnimationDuration),opacity var(--ControlNormalAnimationDuration)}:host.visible .frame{opacity:1;transform:scale(1)}.header{font-size:20pt;padding:24px 24px 0}.body,.footer{padding:24px}.header,.body{background:var(--LayerFillColorAlt)}\n", ""], dependencies: [{ 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", "Content", "HorizontalContentAlignment", "VerticalContentAlignment"], outputs: ["Click"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TextBlockComponent, selector: "TextBlock", inputs: ["FontFamily", "Text", "FontSize", "FontStyle", "FontWeight", "Foreground", "TextAlignment", "IsTextSelectionEnabled", "TextDecorations", "TextTrimming", "TextWrapping"] }, { kind: "component", type: XamlRootComponent, selector: "XamlRoot" }] }); }
|
|
2272
2288
|
}
|
|
2273
2289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentDialogPresenter, decorators: [{
|
|
2274
2290
|
type: Component,
|
|
2275
|
-
args: [{ selector: 'ContentDialogPresenter', template: `<
|
|
2276
|
-
<div class="
|
|
2277
|
-
<
|
|
2278
|
-
<
|
|
2291
|
+
args: [{ selector: 'ContentDialogPresenter', template: `<XamlRoot>
|
|
2292
|
+
<div class="frame">
|
|
2293
|
+
<div #header class="header">{{_dialog.Title}}</div>
|
|
2294
|
+
<div class="body">
|
|
2295
|
+
<TextBlock TextWrapping="Wrap">{{_dialog.Content}}</TextBlock>
|
|
2296
|
+
<ng-content/>
|
|
2297
|
+
</div>
|
|
2298
|
+
<div #footer class="footer" [ngStyle]="{'display': isFooterVisible ? 'grid' : 'none'}">
|
|
2299
|
+
<Grid Orientation="Horizontal" ColumnSpacing="6px" AutoColumnDefinition="minmax(0, 1fr)" Footer>
|
|
2300
|
+
<Button *ngIf="_dialog.PrimaryButtonText !== undefined" [IsEnabled]="_dialog.IsPrimaryButtonEnabled" (Click)="onPrimaryButtonClicked()" [class.AccentButtonStyle]="isPrimaryButtonDefault">{{_dialog.PrimaryButtonText}}</Button>
|
|
2301
|
+
<Button *ngIf="_dialog.SecondaryButtonText !== undefined" [IsEnabled]="_dialog.IsSecondaryButtonEnabled" (Click)="onSecondaryButtonClicked()" [class.AccentButtonStyle]="isSecondaryButtonDefault">{{_dialog.SecondaryButtonText}}</Button>
|
|
2302
|
+
<Button *ngIf="_dialog.CloseButtonText !== undefined" (Click)="onCloseButtonClicked()" [class.AccentButtonStyle]="isCloseButtonDefault">{{_dialog.CloseButtonText}}</Button>
|
|
2303
|
+
</Grid>
|
|
2304
|
+
</div>
|
|
2279
2305
|
</div>
|
|
2280
|
-
|
|
2281
|
-
<Grid Orientation="Horizontal" ColumnSpacing="6px" AutoColumnDefinition="minmax(0, 1fr)" Footer>
|
|
2282
|
-
<Button *ngIf="_dialog.PrimaryButtonText !== undefined" [IsEnabled]="_dialog.IsPrimaryButtonEnabled" (Click)="onPrimaryButtonClicked()" [class.AccentButtonStyle]="isPrimaryButtonDefault">{{_dialog.PrimaryButtonText}}</Button>
|
|
2283
|
-
<Button *ngIf="_dialog.SecondaryButtonText !== undefined" [IsEnabled]="_dialog.IsSecondaryButtonEnabled" (Click)="onSecondaryButtonClicked()" [class.AccentButtonStyle]="isSecondaryButtonDefault">{{_dialog.SecondaryButtonText}}</Button>
|
|
2284
|
-
<Button *ngIf="_dialog.CloseButtonText !== undefined" (Click)="onCloseButtonClicked()" [class.AccentButtonStyle]="isCloseButtonDefault">{{_dialog.CloseButtonText}}</Button>
|
|
2285
|
-
</Grid>
|
|
2286
|
-
</div>`, imports: [GridModule, ButtonComponent, CommonModule, TextBlockComponent], providers: [{ provide: 'xaml-dialog-presenter', useExisting: ContentDialogPresenter }], styles: [":host{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#f3f3f3;touch-action:none}:host,:host::ng-deep :host{font-family:var(--SystemFontFamily);font-size:var(--SystemFontSize);color:var(--TextFillColorPrimary);-webkit-user-select:none;user-select:none;touch-action:none}@media (prefers-color-scheme: dark){:host{background-color:#202020}}\n", ":host{border-radius:var(--OverlayCornerRadius);border-color:var(--SurfaceStrokeColorDefault);border-style:solid;border-width:1px;box-shadow:0 0 15px #00000080;opacity:0;transform:scale(1.1);transition:transform var(--ControlNormalAnimationDuration),opacity var(--ControlNormalAnimationDuration)}:host.visible{opacity:1;transform:scale(1)}.header{font-size:20pt;padding:24px 24px 0}.body,.footer{padding:24px}.header,.body{background:var(--LayerFillColorAlt)}\n"] }]
|
|
2306
|
+
</XamlRoot>`, imports: [GridModule, ButtonComponent, CommonModule, TextBlockComponent, XamlRootComponent], providers: [{ provide: 'xaml-dialog-presenter', useExisting: ContentDialogPresenter }], styles: [".frame{border-radius:var(--OverlayCornerRadius);border-color:var(--SurfaceStrokeColorDefault);border-style:solid;border-width:1px;box-shadow:0 0 15px #00000080;background:var(--WindowFillColorDefault);opacity:0;transform:scale(1.1);transition:transform var(--ControlNormalAnimationDuration),opacity var(--ControlNormalAnimationDuration)}:host.visible .frame{opacity:1;transform:scale(1)}.header{font-size:20pt;padding:24px 24px 0}.body,.footer{padding:24px}.header,.body{background:var(--LayerFillColorAlt)}\n"] }]
|
|
2287
2307
|
}], ctorParameters: () => [{ type: ContentDialog }] });
|
|
2288
2308
|
class ContentDialog extends Dialog {
|
|
2289
2309
|
constructor() {
|
|
@@ -2360,11 +2380,11 @@ class MenuFlyoutComponent extends FlyoutComponent {
|
|
|
2360
2380
|
this._menuClickSubscription();
|
|
2361
2381
|
}
|
|
2362
2382
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MenuFlyoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MenuFlyoutComponent, isStandalone: true, selector: "MenuFlyout", providers: [{ provide: 'xaml-flyout', useExisting: MenuFlyoutComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #template><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></ng-template>", isInline: true, styles: [".popup-container{left:0;right:0;top:0}.popup-container>.popup-content{padding:2px}.popup-container>.popup-content>.menu-container{margin:-3px 0;display:table;border-spacing:0 3px}FlyoutPresenter{padding:0 2px;display:table;border-spacing:0 3px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FlyoutPresenter, selector: "FlyoutPresenter", inputs: ["TransitionAnimation", "Padding", "IsVisible"] }] }); }
|
|
2383
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MenuFlyoutComponent, isStandalone: true, selector: "MenuFlyout", providers: [{ provide: 'xaml-flyout', useExisting: MenuFlyoutComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #template><XamlRoot><FlyoutPresenter #presenter [IsVisible]=\"isVisible\" [TransitionAnimation]=\"transitionAnimation\" [Padding]=\"Padding\"><ng-content/></FlyoutPresenter></XamlRoot></ng-template>", isInline: true, styles: [".popup-container{left:0;right:0;top:0}.popup-container>.popup-content{padding:2px}.popup-container>.popup-content>.menu-container{margin:-3px 0;display:table;border-spacing:0 3px}FlyoutPresenter{padding:0 2px;display:table;border-spacing:0 3px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FlyoutPresenter, selector: "FlyoutPresenter", inputs: ["TransitionAnimation", "Padding", "IsVisible"] }, { kind: "component", type: XamlRootComponent, selector: "XamlRoot" }] }); }
|
|
2364
2384
|
}
|
|
2365
2385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MenuFlyoutComponent, decorators: [{
|
|
2366
2386
|
type: Component,
|
|
2367
|
-
args: [{ selector: 'MenuFlyout', imports: [CommonModule, FlyoutPresenter], template: PopupTemplate, providers: [{ provide: 'xaml-flyout', useExisting: MenuFlyoutComponent }], styles: [".popup-container{left:0;right:0;top:0}.popup-container>.popup-content{padding:2px}.popup-container>.popup-content>.menu-container{margin:-3px 0;display:table;border-spacing:0 3px}FlyoutPresenter{padding:0 2px;display:table;border-spacing:0 3px}\n"] }]
|
|
2387
|
+
args: [{ selector: 'MenuFlyout', imports: [CommonModule, FlyoutPresenter, XamlRootComponent], template: PopupTemplate, providers: [{ provide: 'xaml-flyout', useExisting: MenuFlyoutComponent }], styles: [".popup-container{left:0;right:0;top:0}.popup-container>.popup-content{padding:2px}.popup-container>.popup-content>.menu-container{margin:-3px 0;display:table;border-spacing:0 3px}FlyoutPresenter{padding:0 2px;display:table;border-spacing:0 3px}\n"] }]
|
|
2368
2388
|
}] });
|
|
2369
2389
|
|
|
2370
2390
|
class FlyoutDirective {
|
|
@@ -2512,17 +2532,19 @@ class OpenFilePicker {
|
|
|
2512
2532
|
class FontIconComponent extends FrameworkElementComponent {
|
|
2513
2533
|
constructor() {
|
|
2514
2534
|
super(...arguments);
|
|
2535
|
+
this.FontFamily = 'var(--SymbolFontFamily)';
|
|
2536
|
+
this.FontSize = 'var(--SymbolFontSize)';
|
|
2515
2537
|
this.FontWeight = 'Normal';
|
|
2516
2538
|
}
|
|
2517
2539
|
get fontWeight() {
|
|
2518
2540
|
return TextBlockComponent.ToFontWeight(this.FontWeight);
|
|
2519
2541
|
}
|
|
2520
2542
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FontIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2521
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FontIconComponent, isStandalone: true, selector: "FontIcon", inputs: { FontFamily: "FontFamily", FontSize: "FontSize", FontStyle: "FontStyle", Foreground: "Foreground", FontWeight: "FontWeight", Glyph: "Glyph" }, host: { properties: { "style.font-family": "this.FontFamily", "style.font-size": "this.FontSize", "style.font-style": "this.FontStyle", "style.color": "this.Foreground", "style.font-weight": "this.fontWeight" } }, usesInheritance: true, ngImport: i0, template: `{{Glyph}}`, isInline: true, styles: [":host{
|
|
2543
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FontIconComponent, isStandalone: true, selector: "FontIcon", inputs: { FontFamily: "FontFamily", FontSize: "FontSize", FontStyle: "FontStyle", Foreground: "Foreground", FontWeight: "FontWeight", Glyph: "Glyph" }, host: { properties: { "style.font-family": "this.FontFamily", "style.font-size": "this.FontSize", "style.font-style": "this.FontStyle", "style.color": "this.Foreground", "style.font-weight": "this.fontWeight" } }, usesInheritance: true, ngImport: i0, template: `{{Glyph}}`, isInline: true, styles: [":host{align-content:center}\n"] }); }
|
|
2522
2544
|
}
|
|
2523
2545
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FontIconComponent, decorators: [{
|
|
2524
2546
|
type: Component,
|
|
2525
|
-
args: [{ selector: 'FontIcon', template: `{{Glyph}}`, styles: [":host{
|
|
2547
|
+
args: [{ selector: 'FontIcon', template: `{{Glyph}}`, styles: [":host{align-content:center}\n"] }]
|
|
2526
2548
|
}], propDecorators: { FontFamily: [{
|
|
2527
2549
|
type: Input
|
|
2528
2550
|
}, {
|