@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
63 lines • 8.35 kB
JavaScript
import { Component, ElementRef, Renderer2 } from '@angular/core';
import { ActionItemRendererComponent } from '../action-item.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function ActionItemSeparatorRendererComponent_hr_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "hr", 2);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("hidden", ctx_r0.checkFirstOrLast());
} }
function ActionItemSeparatorRendererComponent_div_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 3);
i0.ɵɵelement(1, "div", 4);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵproperty("hidden", ctx_r1.checkFirstOrLast());
} }
export class ActionItemSeparatorRendererComponent extends ActionItemRendererComponent {
/**
* Constructor for ActionItemSeparatorRendererComponent
*/
constructor(renderer, hostElement) {
super();
this.renderer = renderer;
this.hostElement = hostElement;
renderer.addClass(hostElement.nativeElement, 'sme-position-stretch');
}
/**
* Method called to register a change with the ActionButton.
* @param item The ActionButton to register change for.
*/
itemChanged(item) {
super.itemChanged(item);
}
/**
* Method to check whether or not action item separator is first or last in its parent container.
* @returns True if first or last, false otherwise.
*/
checkFirstOrLast() {
const siblingActions = this.item.container.actions;
if (siblingActions[0] === this.item || MsftSme.last(siblingActions) === this.item) {
return true;
}
else {
return false;
}
}
}
/** @nocollapse */ ActionItemSeparatorRendererComponent.ɵfac = function ActionItemSeparatorRendererComponent_Factory(t) { return new (t || ActionItemSeparatorRendererComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
/** @nocollapse */ ActionItemSeparatorRendererComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: ActionItemSeparatorRendererComponent, selectors: [["sme-action-item-separator-renderer"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "sme-separator", 3, "hidden", 4, "ngIf"], ["class", "sme-layout-action-bar-item-height sme-padding-vertical-xxs", 3, "hidden", 4, "ngIf"], [1, "sme-separator", 3, "hidden"], [1, "sme-layout-action-bar-item-height", "sme-padding-vertical-xxs", 3, "hidden"], [1, "sme-border-left-sm", "sme-position-stretch-v", "sme-separator"]], template: function ActionItemSeparatorRendererComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ActionItemSeparatorRendererComponent_hr_0_Template, 1, 1, "hr", 0);
i0.ɵɵtemplate(1, ActionItemSeparatorRendererComponent_div_1_Template, 2, 1, "div", 1);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", (ctx.item.container == null ? null : ctx.item.container.orientation) === "horizontal");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", (ctx.item.container == null ? null : ctx.item.container.orientation) === "vertical");
} }, dependencies: [i1.NgIf], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionItemSeparatorRendererComponent, [{
type: Component,
args: [{ selector: 'sme-action-item-separator-renderer', template: "<hr *ngIf=\"item.container?.orientation === 'horizontal'\" [hidden]=\"checkFirstOrLast()\" class=\"sme-separator\"/>\r\n<div *ngIf=\"item.container?.orientation === 'vertical'\" [hidden]=\"checkFirstOrLast()\" class=\"sme-layout-action-bar-item-height sme-padding-vertical-xxs\">\r\n <div class=\"sme-border-left-sm sme-position-stretch-v sme-separator\"></div>\r\n</div>" }]
}], function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, null); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWl0ZW0tc2VwYXJhdG9yLXJlbmRlcmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL2FjdGlvbnMvaXRlbXMvYWN0aW9uLWl0ZW0tc2VwYXJhdG9yL2FjdGlvbi1pdGVtLXNlcGFyYXRvci1yZW5kZXJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9hbmd1bGFyL3NyYy9jb250cm9scy9hY3Rpb25zL2l0ZW1zL2FjdGlvbi1pdGVtLXNlcGFyYXRvci9hY3Rpb24taXRlbS1zZXBhcmF0b3ItcmVuZGVyZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0lDRHZFLHdCQUE4Rzs7O0lBQXJELGtEQUE2Qjs7O0lBQ3RGLDhCQUF5SjtJQUN2Six5QkFBMkU7SUFDN0UsaUJBQU07OztJQUZrRCxrREFBNkI7O0FET3JGLE1BQU0sT0FBTyxvQ0FBcUMsU0FBUSwyQkFBZ0Q7SUFFdEc7O09BRUc7SUFDSCxZQUFvQixRQUFtQixFQUFVLFdBQXVCO1FBQ3BFLEtBQUssRUFBRSxDQUFDO1FBRFEsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBRXBFLFFBQVEsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFRDs7O09BR0c7SUFDSSxXQUFXLENBQUMsSUFBeUI7UUFDeEMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksZ0JBQWdCO1FBQ25CLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUNuRCxJQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksRUFBRTtZQUMvRSxPQUFPLElBQUksQ0FBQztTQUNmO2FBQU07WUFDSCxPQUFPLEtBQUssQ0FBQztTQUNoQjtJQUNMLENBQUM7OzJJQTdCUSxvQ0FBb0M7c0hBQXBDLG9DQUFvQztRQ1JqRCxtRkFBOEc7UUFDOUcscUZBRU07O1FBSEQsNEdBQWtEO1FBQ2pELGVBQWdEO1FBQWhELDBHQUFnRDs7dUZET3pDLG9DQUFvQztjQUpoRCxTQUFTOzJCQUNJLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjdGlvbkl0ZW1SZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4uL2FjdGlvbi1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFjdGlvbkl0ZW1TZXBhcmF0b3IgfSBmcm9tICcuL2FjdGlvbi1pdGVtLXNlcGFyYXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc21lLWFjdGlvbi1pdGVtLXNlcGFyYXRvci1yZW5kZXJlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWl0ZW0tc2VwYXJhdG9yLXJlbmRlcmVyLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uSXRlbVNlcGFyYXRvclJlbmRlcmVyQ29tcG9uZW50IGV4dGVuZHMgQWN0aW9uSXRlbVJlbmRlcmVyQ29tcG9uZW50PEFjdGlvbkl0ZW1TZXBhcmF0b3I+IHtcclxuXHJcbiAgICAvKipcclxuICAgICAqIENvbnN0cnVjdG9yIGZvciBBY3Rpb25JdGVtU2VwYXJhdG9yUmVuZGVyZXJDb21wb25lbnRcclxuICAgICAqL1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIGhvc3RFbGVtZW50OiBFbGVtZW50UmVmKSB7XHJcbiAgICAgICAgc3VwZXIoKTtcclxuICAgICAgICByZW5kZXJlci5hZGRDbGFzcyhob3N0RWxlbWVudC5uYXRpdmVFbGVtZW50LCAnc21lLXBvc2l0aW9uLXN0cmV0Y2gnKTtcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIE1ldGhvZCBjYWxsZWQgdG8gcmVnaXN0ZXIgYSBjaGFuZ2Ugd2l0aCB0aGUgQWN0aW9uQnV0dG9uLlxyXG4gICAgICogQHBhcmFtIGl0ZW0gVGhlIEFjdGlvbkJ1dHRvbiB0byByZWdpc3RlciBjaGFuZ2UgZm9yLlxyXG4gICAgICovXHJcbiAgICBwdWJsaWMgaXRlbUNoYW5nZWQoaXRlbTogQWN0aW9uSXRlbVNlcGFyYXRvcikge1xyXG4gICAgICAgIHN1cGVyLml0ZW1DaGFuZ2VkKGl0ZW0pO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogTWV0aG9kIHRvIGNoZWNrIHdoZXRoZXIgb3Igbm90IGFjdGlvbiBpdGVtIHNlcGFyYXRvciBpcyBmaXJzdCBvciBsYXN0IGluIGl0cyBwYXJlbnQgY29udGFpbmVyLlxyXG4gICAgICogQHJldHVybnMgVHJ1ZSBpZiBmaXJzdCBvciBsYXN0LCBmYWxzZSBvdGhlcndpc2UuXHJcbiAgICAgKi9cclxuICAgIHB1YmxpYyBjaGVja0ZpcnN0T3JMYXN0KCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIGNvbnN0IHNpYmxpbmdBY3Rpb25zID0gdGhpcy5pdGVtLmNvbnRhaW5lci5hY3Rpb25zO1xyXG4gICAgICAgIGlmIChzaWJsaW5nQWN0aW9uc1swXSA9PT0gdGhpcy5pdGVtIHx8IE1zZnRTbWUubGFzdChzaWJsaW5nQWN0aW9ucykgPT09IHRoaXMuaXRlbSkge1xyXG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxociAqbmdJZj1cIml0ZW0uY29udGFpbmVyPy5vcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXCIgW2hpZGRlbl09XCJjaGVja0ZpcnN0T3JMYXN0KClcIiBjbGFzcz1cInNtZS1zZXBhcmF0b3JcIi8+XHJcbjxkaXYgKm5nSWY9XCJpdGVtLmNvbnRhaW5lcj8ub3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCdcIiBbaGlkZGVuXT1cImNoZWNrRmlyc3RPckxhc3QoKVwiIGNsYXNzPVwic21lLWxheW91dC1hY3Rpb24tYmFyLWl0ZW0taGVpZ2h0IHNtZS1wYWRkaW5nLXZlcnRpY2FsLXh4c1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJzbWUtYm9yZGVyLWxlZnQtc20gc21lLXBvc2l0aW9uLXN0cmV0Y2gtdiBzbWUtc2VwYXJhdG9yXCI+PC9kaXY+XHJcbjwvZGl2PiJdfQ==