@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
65 lines • 7.92 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { ElementRef } from '@angular/core';
import { Yield } from '@microsoft/windows-admin-center-sdk/core/base/decorators/yield.decorator';
import { SmeResponsiveWindowBreakpoints, SmeResponsiveWindowManagerComponent } from '../common/sme-responsive-window-manager.component';
export class WizardResponsiveWindowManager extends SmeResponsiveWindowManagerComponent {
constructor() {
super(...arguments);
/**
* It determines whether the left panel from the wizard control is expanded based on window size.
* On phone-down, when resizing the window, isExpanded will always be false.
*/
this.isExpanded = true;
/**
* The wizard control classes on window size changed object.
*/
this.smeWizardFooterClassList = {
phoneUp: ['sme-padding-horizontal-lg'],
phoneDown: ['sme-padding-horizontal-md'],
reflow: []
};
}
/**
* Wizard component on window size changed event.
* @param wizardFooter the footer for the wizard control.
* @returns void
*/
onWindowSizeChanged(wizardFooter) {
if (!this.cssV2) {
return;
}
const size = this.prevSize;
if (!size) {
return;
}
this.updateParameters(size);
if (!wizardFooter) {
return;
}
if (!size.phoneDown && !size.reflowMode) {
if (wizardFooter.nativeElement) {
this.updateClassArrayOnWindowSize(this.smeWizardFooterClassList, 'phoneUp', wizardFooter.nativeElement);
}
}
else if (size.phoneDown) {
if (wizardFooter.nativeElement) {
this.updateClassArrayOnWindowSize(this.smeWizardFooterClassList, 'phoneDown', wizardFooter.nativeElement);
}
}
else if (size.reflowMode) {
if (wizardFooter.nativeElement) {
this.updateClassArrayOnWindowSize(this.smeWizardFooterClassList, 'reflow', wizardFooter.nativeElement);
}
}
}
updateParameters(size) {
this.isExpanded = (size && size.size === SmeResponsiveWindowBreakpoints.PhoneUp);
}
}
__decorate([
Yield(),
__metadata("design:type", Function),
__metadata("design:paramtypes", [ElementRef]),
__metadata("design:returntype", void 0)
], WizardResponsiveWindowManager.prototype, "onWindowSizeChanged", null);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l6YXJkLXJlc3BvbnNpdmUtd2luZG93LW1hbmFnZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9hbmd1bGFyL3NyYy9jb250cm9scy93aXphcmQvd2l6YXJkLXJlc3BvbnNpdmUtd2luZG93LW1hbmFnZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDBFQUEwRSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSw4QkFBOEIsRUFFbkMsbUNBQW1DLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUVuRyxNQUFNLE9BQU8sNkJBQThCLFNBQVEsbUNBQW1DO0lBQXRGOztRQUNJOzs7V0FHRztRQUNJLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFFekI7O1dBRUc7UUFDSyw2QkFBd0IsR0FBRztZQUMvQixPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztZQUN0QyxTQUFTLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztZQUN4QyxNQUFNLEVBQUUsRUFBRTtTQUNiLENBQUM7SUE4Q04sQ0FBQztJQTVDRzs7OztPQUlHO0lBRUksbUJBQW1CLENBQUMsWUFBd0I7UUFDL0MsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDYixPQUFPO1NBQ1Y7UUFFRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBRTNCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDUCxPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFNUIsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNmLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNyQyxJQUFJLFlBQVksQ0FBQyxhQUFhLEVBQUU7Z0JBQzVCLElBQUksQ0FBQyw0QkFBNEIsQ0FDN0IsSUFBSSxDQUFDLHdCQUF3QixFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7YUFDN0U7U0FDSjthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN2QixJQUFJLFlBQVksQ0FBQyxhQUFhLEVBQUU7Z0JBQzVCLElBQUksQ0FBQyw0QkFBNEIsQ0FDN0IsSUFBSSxDQUFDLHdCQUF3QixFQUFFLFdBQVcsRUFBRSxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7YUFDL0U7U0FDSjthQUFNLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN4QixJQUFJLFlBQVksQ0FBQyxhQUFhLEVBQUU7Z0JBQzVCLElBQUksQ0FBQyw0QkFBNEIsQ0FDN0IsSUFBSSxDQUFDLHdCQUF3QixFQUFFLFFBQVEsRUFBRSxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7YUFDNUU7U0FDSjtJQUNMLENBQUM7SUFFTyxnQkFBZ0IsQ0FBQyxJQUE2QjtRQUNsRCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssOEJBQThCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckYsQ0FBQztDQUNKO0FBdkNHO0lBQUMsS0FBSyxFQUFFOztxQ0FDaUMsVUFBVTs7d0VBaUNsRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWWllbGQgfSBmcm9tICdAbWljcm9zb2Z0L3dpbmRvd3MtYWRtaW4tY2VudGVyLXNkay9jb3JlL2Jhc2UvZGVjb3JhdG9ycy95aWVsZC5kZWNvcmF0b3InO1xyXG5pbXBvcnQgeyBTbWVSZXNwb25zaXZlV2luZG93QnJlYWtwb2ludHMsXHJcbiAgICBTbWVSZXNwb25zaXZlV2luZG93RGF0YSxcclxuICAgIFNtZVJlc3BvbnNpdmVXaW5kb3dNYW5hZ2VyQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL3NtZS1yZXNwb25zaXZlLXdpbmRvdy1tYW5hZ2VyLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgY2xhc3MgV2l6YXJkUmVzcG9uc2l2ZVdpbmRvd01hbmFnZXIgZXh0ZW5kcyBTbWVSZXNwb25zaXZlV2luZG93TWFuYWdlckNvbXBvbmVudCB7XHJcbiAgICAvKipcclxuICAgICAqIEl0IGRldGVybWluZXMgd2hldGhlciB0aGUgbGVmdCBwYW5lbCBmcm9tIHRoZSB3aXphcmQgY29udHJvbCBpcyBleHBhbmRlZCBiYXNlZCBvbiB3aW5kb3cgc2l6ZS5cclxuICAgICAqIE9uIHBob25lLWRvd24sIHdoZW4gcmVzaXppbmcgdGhlIHdpbmRvdywgaXNFeHBhbmRlZCB3aWxsIGFsd2F5cyBiZSBmYWxzZS5cclxuICAgICAqL1xyXG4gICAgcHVibGljIGlzRXhwYW5kZWQgPSB0cnVlO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHdpemFyZCBjb250cm9sIGNsYXNzZXMgb24gd2luZG93IHNpemUgY2hhbmdlZCBvYmplY3QuXHJcbiAgICAgKi9cclxuICAgIHByaXZhdGUgc21lV2l6YXJkRm9vdGVyQ2xhc3NMaXN0ID0ge1xyXG4gICAgICAgIHBob25lVXA6IFsnc21lLXBhZGRpbmctaG9yaXpvbnRhbC1sZyddLFxyXG4gICAgICAgIHBob25lRG93bjogWydzbWUtcGFkZGluZy1ob3Jpem9udGFsLW1kJ10sXHJcbiAgICAgICAgcmVmbG93OiBbXVxyXG4gICAgfTtcclxuXHJcbiAgICAvKipcclxuICAgICAqIFdpemFyZCBjb21wb25lbnQgb24gd2luZG93IHNpemUgY2hhbmdlZCBldmVudC5cclxuICAgICAqIEBwYXJhbSB3aXphcmRGb290ZXIgdGhlIGZvb3RlciBmb3IgdGhlIHdpemFyZCBjb250cm9sLlxyXG4gICAgICogQHJldHVybnMgdm9pZFxyXG4gICAgICovXHJcbiAgICBAWWllbGQoKVxyXG4gICAgcHVibGljIG9uV2luZG93U2l6ZUNoYW5nZWQod2l6YXJkRm9vdGVyOiBFbGVtZW50UmVmKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKCF0aGlzLmNzc1YyKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGNvbnN0IHNpemUgPSB0aGlzLnByZXZTaXplO1xyXG5cclxuICAgICAgICBpZiAoIXNpemUpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgdGhpcy51cGRhdGVQYXJhbWV0ZXJzKHNpemUpO1xyXG5cclxuICAgICAgICBpZiAoIXdpemFyZEZvb3Rlcikge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBpZiAoIXNpemUucGhvbmVEb3duICYmICFzaXplLnJlZmxvd01vZGUpIHtcclxuICAgICAgICAgICAgaWYgKHdpemFyZEZvb3Rlci5uYXRpdmVFbGVtZW50KSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnVwZGF0ZUNsYXNzQXJyYXlPbldpbmRvd1NpemUoXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zbWVXaXphcmRGb290ZXJDbGFzc0xpc3QsICdwaG9uZVVwJywgd2l6YXJkRm9vdGVyLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSBlbHNlIGlmIChzaXplLnBob25lRG93bikge1xyXG4gICAgICAgICAgICBpZiAod2l6YXJkRm9vdGVyLm5hdGl2ZUVsZW1lbnQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlQ2xhc3NBcnJheU9uV2luZG93U2l6ZShcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnNtZVdpemFyZEZvb3RlckNsYXNzTGlzdCwgJ3Bob25lRG93bicsIHdpemFyZEZvb3Rlci5uYXRpdmVFbGVtZW50KTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gZWxzZSBpZiAoc2l6ZS5yZWZsb3dNb2RlKSB7XHJcbiAgICAgICAgICAgIGlmICh3aXphcmRGb290ZXIubmF0aXZlRWxlbWVudCkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy51cGRhdGVDbGFzc0FycmF5T25XaW5kb3dTaXplKFxyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc21lV2l6YXJkRm9vdGVyQ2xhc3NMaXN0LCAncmVmbG93Jywgd2l6YXJkRm9vdGVyLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgdXBkYXRlUGFyYW1ldGVycyhzaXplOiBTbWVSZXNwb25zaXZlV2luZG93RGF0YSkge1xyXG4gICAgICAgIHRoaXMuaXNFeHBhbmRlZCA9IChzaXplICYmIHNpemUuc2l6ZSA9PT0gU21lUmVzcG9uc2l2ZVdpbmRvd0JyZWFrcG9pbnRzLlBob25lVXApO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==