xaml-ui 1.0.29 → 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 +21 -17
- package/fesm2022/xaml-ui.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/xaml-ui.mjs
CHANGED
|
@@ -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{position:relative}:host{display:grid;padding:
|
|
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{position:relative}:host{display:grid;padding:
|
|
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 {
|
|
@@ -1167,11 +1167,13 @@ class XamlRootComponent {
|
|
|
1167
1167
|
event.preventDefault();
|
|
1168
1168
|
}
|
|
1169
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)" } }, 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)
|
|
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
1171
|
}
|
|
1172
1172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: XamlRootComponent, decorators: [{
|
|
1173
1173
|
type: Component,
|
|
1174
|
-
args: [{ selector: 'XamlRoot', template: `<ng-content/>`, encapsulation: ViewEncapsulation.None,
|
|
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"] }]
|
|
1175
1177
|
}], propDecorators: { onContextMenu: [{
|
|
1176
1178
|
type: HostListener,
|
|
1177
1179
|
args: ['contextmenu', ['$event']]
|
|
@@ -1569,14 +1571,14 @@ class RadioToggleButtonComponent extends RadioButtonComponent {
|
|
|
1569
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>
|
|
1570
1572
|
<input type="radio" [name]="Group" [value]="Value" [checked]="IsChecked" (change)="onChange($event)" [disabled]="!IsEnabled">
|
|
1571
1573
|
<ng-content/>
|
|
1572
|
-
</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"] }); }
|
|
1573
1575
|
}
|
|
1574
1576
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RadioToggleButtonComponent, decorators: [{
|
|
1575
1577
|
type: Component,
|
|
1576
1578
|
args: [{ selector: 'RadioToggleButton', template: `<label>
|
|
1577
1579
|
<input type="radio" [name]="Group" [value]="Value" [checked]="IsChecked" (change)="onChange($event)" [disabled]="!IsEnabled">
|
|
1578
1580
|
<ng-content/>
|
|
1579
|
-
</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"] }]
|
|
1580
1582
|
}], propDecorators: { checked: [{
|
|
1581
1583
|
type: HostBinding,
|
|
1582
1584
|
args: ['class.checked']
|
|
@@ -1616,11 +1618,11 @@ class RepeatButtonComponent extends ButtonComponent {
|
|
|
1616
1618
|
this.clearTimers();
|
|
1617
1619
|
}
|
|
1618
1620
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1619
|
-
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"] }] }); }
|
|
1620
1622
|
}
|
|
1621
1623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatButtonComponent, decorators: [{
|
|
1622
1624
|
type: Component,
|
|
1623
|
-
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"] }]
|
|
1624
1626
|
}], propDecorators: { Delay: [{
|
|
1625
1627
|
type: Input
|
|
1626
1628
|
}], Interval: [{
|
|
@@ -2004,11 +2006,11 @@ class ToggleButtonComponent extends ButtonComponent {
|
|
|
2004
2006
|
this.IsCheckedChange.emit(this.IsChecked);
|
|
2005
2007
|
}
|
|
2006
2008
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2007
|
-
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"] }] }); }
|
|
2008
2010
|
}
|
|
2009
2011
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleButtonComponent, decorators: [{
|
|
2010
2012
|
type: Component,
|
|
2011
|
-
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"] }]
|
|
2012
2014
|
}], propDecorators: { IsChecked: [{
|
|
2013
2015
|
type: Input
|
|
2014
2016
|
}, {
|
|
@@ -2178,7 +2180,7 @@ class Dialog {
|
|
|
2178
2180
|
hasBackdrop: true,
|
|
2179
2181
|
panelClass: 'xaml-overlay-pane',
|
|
2180
2182
|
positionStrategy: positionStrategy,
|
|
2181
|
-
backdropClass: 'xaml-dialog-overlay-backdrop'
|
|
2183
|
+
backdropClass: ['xaml-dialog-overlay-backdrop', 'xaml-themed']
|
|
2182
2184
|
});
|
|
2183
2185
|
let overlayRef = this._overlay.create(config);
|
|
2184
2186
|
//Attach template
|
|
@@ -2530,17 +2532,19 @@ class OpenFilePicker {
|
|
|
2530
2532
|
class FontIconComponent extends FrameworkElementComponent {
|
|
2531
2533
|
constructor() {
|
|
2532
2534
|
super(...arguments);
|
|
2535
|
+
this.FontFamily = 'var(--SymbolFontFamily)';
|
|
2536
|
+
this.FontSize = 'var(--SymbolFontSize)';
|
|
2533
2537
|
this.FontWeight = 'Normal';
|
|
2534
2538
|
}
|
|
2535
2539
|
get fontWeight() {
|
|
2536
2540
|
return TextBlockComponent.ToFontWeight(this.FontWeight);
|
|
2537
2541
|
}
|
|
2538
2542
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FontIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2539
|
-
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"] }); }
|
|
2540
2544
|
}
|
|
2541
2545
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FontIconComponent, decorators: [{
|
|
2542
2546
|
type: Component,
|
|
2543
|
-
args: [{ selector: 'FontIcon', template: `{{Glyph}}`, styles: [":host{
|
|
2547
|
+
args: [{ selector: 'FontIcon', template: `{{Glyph}}`, styles: [":host{align-content:center}\n"] }]
|
|
2544
2548
|
}], propDecorators: { FontFamily: [{
|
|
2545
2549
|
type: Input
|
|
2546
2550
|
}, {
|