@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
84 lines • 11.7 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { QueryList } from '@angular/core';
import { Yield } from '@microsoft/windows-admin-center-sdk/core/base/decorators/yield.decorator';
import { SmeResponsiveWindowManagerComponent } from '../common/sme-responsive-window-manager.component';
export class PivotResponsiveWindowManager extends SmeResponsiveWindowManagerComponent {
constructor() {
super(...arguments);
this.name = 'sme-pivot';
this.pivotSectionContentClassList = {
phoneUp: ['sme-arrange-overflow-auto-y'],
phoneDown: ['sme-arrange-overflow-hide-y'],
reflow: ['sme-arrange-overflow-hide-y']
};
this.pivotComponentClassList = {
phoneUp: [],
phoneDown: ['sme-layout-relative'],
reflow: ['sme-layout-relative']
};
}
onWindowSizeChanged(pivotContents, id) {
if (!this.cssV2) {
return;
}
const pivotSectionContent = this.getPivotSectionContent(pivotContents, id);
const pivotComponent = this.getParentElementByTag(pivotSectionContent, ['sme-pivot']);
if (!pivotSectionContent || !pivotComponent) {
return;
}
const size = this.prevSize;
if (size.phoneDown) {
if (pivotComponent) {
this.updateClassArrayOnWindowSize(this.pivotComponentClassList, 'phoneDown', pivotComponent);
}
if (pivotSectionContent) {
this.updateClassArrayOnWindowSize(this.pivotSectionContentClassList, 'phoneDown', pivotSectionContent);
}
}
else if (size.phoneUp) {
if (pivotComponent) {
this.updateClassArrayOnWindowSize(this.pivotComponentClassList, 'phoneUp', pivotComponent);
}
if (pivotSectionContent) {
this.updateClassArrayOnWindowSize(this.pivotSectionContentClassList, 'phoneUp', pivotSectionContent);
}
}
else if (size.reflowMode) {
if (pivotComponent) {
this.updateClassArrayOnWindowSize(this.pivotComponentClassList, 'reflow', pivotComponent);
}
if (pivotSectionContent) {
this.updateClassArrayOnWindowSize(this.pivotSectionContentClassList, 'reflow', pivotSectionContent);
}
}
}
getPivotSectionContent(pivotContents, id) {
if (!pivotContents || !id) {
return undefined;
}
const pivots = pivotContents.toArray();
let pivotContent;
for (let i = 0; i < pivots.length; i++) {
if (pivots[i]?.nativeElement?.id === id) {
pivotContent = pivots[i];
break;
}
else if (i === pivots.length - 1) {
pivotContent = pivots[i];
}
}
// The first children of the pivotContent is always the section from design.
const pivotSectionContent = pivotContent?.nativeElement;
if (!pivotSectionContent || !pivotSectionContent.tagName || pivotSectionContent.tagName !== 'SECTION') {
return undefined;
}
return pivotSectionContent;
}
}
__decorate([
Yield(),
__metadata("design:type", Function),
__metadata("design:paramtypes", [QueryList, String]),
__metadata("design:returntype", void 0)
], PivotResponsiveWindowManager.prototype, "onWindowSizeChanged", null);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGl2b3QtcmVzcG9uc2l2ZS13aW5kb3ctbWFuYWdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL3Bpdm90L3Bpdm90LXJlc3BvbnNpdmUtd2luZG93LW1hbmFnZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBYyxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDBFQUEwRSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBRXhHLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxtQ0FBbUM7SUFBckY7O1FBQ29CLFNBQUksR0FBRyxXQUFXLENBQUM7UUFDM0IsaUNBQTRCLEdBQUc7WUFDbkMsT0FBTyxFQUFFLENBQUMsNkJBQTZCLENBQUM7WUFDeEMsU0FBUyxFQUFFLENBQUMsNkJBQTZCLENBQUM7WUFDMUMsTUFBTSxFQUFFLENBQUMsNkJBQTZCLENBQUM7U0FDMUMsQ0FBQztRQUVNLDRCQUF1QixHQUFHO1lBQzlCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsU0FBUyxFQUFFLENBQUMscUJBQXFCLENBQUM7WUFDbEMsTUFBTSxFQUFFLENBQUMscUJBQXFCLENBQUM7U0FDbEMsQ0FBQztJQTJFTixDQUFDO0lBeEVVLG1CQUFtQixDQUFDLGFBQW9DLEVBQUUsRUFBVTtRQUN2RSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNiLE9BQU87U0FDVjtRQUVELE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUUzRSxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsbUJBQW1CLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBRXRGLElBQUksQ0FBQyxtQkFBbUIsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN6QyxPQUFPO1NBQ1Y7UUFFRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBRTNCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNoQixJQUFJLGNBQWMsRUFBRTtnQkFDaEIsSUFBSSxDQUFDLDRCQUE0QixDQUM3QixJQUFJLENBQUMsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLGNBQWMsQ0FBQyxDQUFDO2FBQ2xFO1lBQ0QsSUFBSSxtQkFBbUIsRUFBRTtnQkFDckIsSUFBSSxDQUFDLDRCQUE0QixDQUM3QixJQUFJLENBQUMsNEJBQTRCLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixDQUFDLENBQUM7YUFDNUU7U0FDSjthQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNyQixJQUFJLGNBQWMsRUFBRTtnQkFDaEIsSUFBSSxDQUFDLDRCQUE0QixDQUM3QixJQUFJLENBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGNBQWMsQ0FBQyxDQUFDO2FBQ2hFO1lBQ0QsSUFBSSxtQkFBbUIsRUFBRTtnQkFDckIsSUFBSSxDQUFDLDRCQUE0QixDQUM3QixJQUFJLENBQUMsNEJBQTRCLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7YUFDMUU7U0FDSjthQUFNLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN4QixJQUFJLGNBQWMsRUFBRTtnQkFDaEIsSUFBSSxDQUFDLDRCQUE0QixDQUM3QixJQUFJLENBQUMsdUJBQXVCLEVBQUUsUUFBUSxFQUFFLGNBQWMsQ0FBQyxDQUFDO2FBQy9EO1lBQ0QsSUFBSSxtQkFBbUIsRUFBRTtnQkFDckIsSUFBSSxDQUFDLDRCQUE0QixDQUM3QixJQUFJLENBQUMsNEJBQTRCLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixDQUFDLENBQUM7YUFDekU7U0FDSjtJQUNMLENBQUM7SUFFTyxzQkFBc0IsQ0FBQyxhQUFvQyxFQUFFLEVBQVU7UUFDM0UsSUFBSSxDQUFDLGFBQWEsSUFBSSxDQUFDLEVBQUUsRUFBRTtZQUN2QixPQUFPLFNBQVMsQ0FBQztTQUNwQjtRQUVELE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUV2QyxJQUFJLFlBQXdCLENBQUM7UUFFN0IsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDcEMsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsYUFBYSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUU7Z0JBQ3JDLFlBQVksR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ3pCLE1BQU07YUFDVDtpQkFBTSxJQUFJLENBQUMsS0FBSyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDaEMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUM1QjtTQUNKO1FBRUQsNEVBQTRFO1FBQzVFLE1BQU0sbUJBQW1CLEdBQUcsWUFBWSxFQUFFLGFBQWEsQ0FBQztRQUV4RCxJQUFJLENBQUMsbUJBQW1CLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLElBQUksbUJBQW1CLENBQUMsT0FBTyxLQUFLLFNBQVMsRUFBRTtZQUNuRyxPQUFPLFNBQVMsQ0FBQztTQUNwQjtRQUVELE9BQU8sbUJBQW1CLENBQUM7SUFDL0IsQ0FBQztDQUNKO0FBekVHO0lBQUMsS0FBSyxFQUFFOztxQ0FDa0MsU0FBUzs7dUVBMkNsRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBZaWVsZCB9IGZyb20gJ0BtaWNyb3NvZnQvd2luZG93cy1hZG1pbi1jZW50ZXItc2RrL2NvcmUvYmFzZS9kZWNvcmF0b3JzL3lpZWxkLmRlY29yYXRvcic7XHJcbmltcG9ydCB7IFNtZVJlc3BvbnNpdmVXaW5kb3dNYW5hZ2VyQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL3NtZS1yZXNwb25zaXZlLXdpbmRvdy1tYW5hZ2VyLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgY2xhc3MgUGl2b3RSZXNwb25zaXZlV2luZG93TWFuYWdlciBleHRlbmRzIFNtZVJlc3BvbnNpdmVXaW5kb3dNYW5hZ2VyQ29tcG9uZW50IHtcclxuICAgIHB1YmxpYyByZWFkb25seSBuYW1lID0gJ3NtZS1waXZvdCc7XHJcbiAgICBwcml2YXRlIHBpdm90U2VjdGlvbkNvbnRlbnRDbGFzc0xpc3QgPSB7XHJcbiAgICAgICAgcGhvbmVVcDogWydzbWUtYXJyYW5nZS1vdmVyZmxvdy1hdXRvLXknXSxcclxuICAgICAgICBwaG9uZURvd246IFsnc21lLWFycmFuZ2Utb3ZlcmZsb3ctaGlkZS15J10sXHJcbiAgICAgICAgcmVmbG93OiBbJ3NtZS1hcnJhbmdlLW92ZXJmbG93LWhpZGUteSddXHJcbiAgICB9O1xyXG5cclxuICAgIHByaXZhdGUgcGl2b3RDb21wb25lbnRDbGFzc0xpc3QgPSB7XHJcbiAgICAgICAgcGhvbmVVcDogW10sXHJcbiAgICAgICAgcGhvbmVEb3duOiBbJ3NtZS1sYXlvdXQtcmVsYXRpdmUnXSxcclxuICAgICAgICByZWZsb3c6IFsnc21lLWxheW91dC1yZWxhdGl2ZSddXHJcbiAgICB9O1xyXG5cclxuICAgIEBZaWVsZCgpXHJcbiAgICBwdWJsaWMgb25XaW5kb3dTaXplQ2hhbmdlZChwaXZvdENvbnRlbnRzOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj4sIGlkOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgICAgICBpZiAoIXRoaXMuY3NzVjIpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgY29uc3QgcGl2b3RTZWN0aW9uQ29udGVudCA9IHRoaXMuZ2V0UGl2b3RTZWN0aW9uQ29udGVudChwaXZvdENvbnRlbnRzLCBpZCk7XHJcblxyXG4gICAgICAgIGNvbnN0IHBpdm90Q29tcG9uZW50ID0gdGhpcy5nZXRQYXJlbnRFbGVtZW50QnlUYWcocGl2b3RTZWN0aW9uQ29udGVudCwgWydzbWUtcGl2b3QnXSk7XHJcblxyXG4gICAgICAgIGlmICghcGl2b3RTZWN0aW9uQ29udGVudCB8fCAhcGl2b3RDb21wb25lbnQpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgY29uc3Qgc2l6ZSA9IHRoaXMucHJldlNpemU7XHJcblxyXG4gICAgICAgIGlmIChzaXplLnBob25lRG93bikge1xyXG4gICAgICAgICAgICBpZiAocGl2b3RDb21wb25lbnQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlQ2xhc3NBcnJheU9uV2luZG93U2l6ZShcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnBpdm90Q29tcG9uZW50Q2xhc3NMaXN0LCAncGhvbmVEb3duJywgcGl2b3RDb21wb25lbnQpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGlmIChwaXZvdFNlY3Rpb25Db250ZW50KSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnVwZGF0ZUNsYXNzQXJyYXlPbldpbmRvd1NpemUoXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5waXZvdFNlY3Rpb25Db250ZW50Q2xhc3NMaXN0LCAncGhvbmVEb3duJywgcGl2b3RTZWN0aW9uQ29udGVudCk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9IGVsc2UgaWYgKHNpemUucGhvbmVVcCkge1xyXG4gICAgICAgICAgICBpZiAocGl2b3RDb21wb25lbnQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlQ2xhc3NBcnJheU9uV2luZG93U2l6ZShcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnBpdm90Q29tcG9uZW50Q2xhc3NMaXN0LCAncGhvbmVVcCcsIHBpdm90Q29tcG9uZW50KTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAocGl2b3RTZWN0aW9uQ29udGVudCkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy51cGRhdGVDbGFzc0FycmF5T25XaW5kb3dTaXplKFxyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucGl2b3RTZWN0aW9uQ29udGVudENsYXNzTGlzdCwgJ3Bob25lVXAnLCBwaXZvdFNlY3Rpb25Db250ZW50KTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0gZWxzZSBpZiAoc2l6ZS5yZWZsb3dNb2RlKSB7XHJcbiAgICAgICAgICAgIGlmIChwaXZvdENvbXBvbmVudCkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy51cGRhdGVDbGFzc0FycmF5T25XaW5kb3dTaXplKFxyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucGl2b3RDb21wb25lbnRDbGFzc0xpc3QsICdyZWZsb3cnLCBwaXZvdENvbXBvbmVudCk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHBpdm90U2VjdGlvbkNvbnRlbnQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlQ2xhc3NBcnJheU9uV2luZG93U2l6ZShcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnBpdm90U2VjdGlvbkNvbnRlbnRDbGFzc0xpc3QsICdyZWZsb3cnLCBwaXZvdFNlY3Rpb25Db250ZW50KTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdldFBpdm90U2VjdGlvbkNvbnRlbnQocGl2b3RDb250ZW50czogUXVlcnlMaXN0PEVsZW1lbnRSZWY+LCBpZDogc3RyaW5nKTogSFRNTEVsZW1lbnQge1xyXG4gICAgICAgIGlmICghcGl2b3RDb250ZW50cyB8fCAhaWQpIHtcclxuICAgICAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGNvbnN0IHBpdm90cyA9IHBpdm90Q29udGVudHMudG9BcnJheSgpO1xyXG5cclxuICAgICAgICBsZXQgcGl2b3RDb250ZW50OiBFbGVtZW50UmVmO1xyXG5cclxuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHBpdm90cy5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgICAgICBpZiAocGl2b3RzW2ldPy5uYXRpdmVFbGVtZW50Py5pZCA9PT0gaWQpIHtcclxuICAgICAgICAgICAgICAgIHBpdm90Q29udGVudCA9IHBpdm90c1tpXTtcclxuICAgICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgICB9IGVsc2UgaWYgKGkgPT09IHBpdm90cy5sZW5ndGggLSAxKSB7XHJcbiAgICAgICAgICAgICAgICBwaXZvdENvbnRlbnQgPSBwaXZvdHNbaV07XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIC8vIFRoZSBmaXJzdCBjaGlsZHJlbiBvZiB0aGUgcGl2b3RDb250ZW50IGlzIGFsd2F5cyB0aGUgc2VjdGlvbiBmcm9tIGRlc2lnbi5cclxuICAgICAgICBjb25zdCBwaXZvdFNlY3Rpb25Db250ZW50ID0gcGl2b3RDb250ZW50Py5uYXRpdmVFbGVtZW50O1xyXG5cclxuICAgICAgICBpZiAoIXBpdm90U2VjdGlvbkNvbnRlbnQgfHwgIXBpdm90U2VjdGlvbkNvbnRlbnQudGFnTmFtZSB8fCBwaXZvdFNlY3Rpb25Db250ZW50LnRhZ05hbWUgIT09ICdTRUNUSU9OJykge1xyXG4gICAgICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgcmV0dXJuIHBpdm90U2VjdGlvbkNvbnRlbnQ7XHJcbiAgICB9XHJcbn1cclxuIl19