@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
96 lines • 9.8 kB
JavaScript
import { Component, HostBinding, Injector, Input } from '@angular/core';
import { CoreBaseComponent } from '../common/base.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./tile-content.component";
function TileComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojection(0);
} }
function TileComponent_sme_tile_content_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function TileComponent_sme_tile_content_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "sme-tile-content", 3);
i0.ɵɵtemplate(1, TileComponent_sme_tile_content_2_ng_container_1_Template, 1, 0, "ng-container", 4);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r2 = i0.ɵɵnextContext();
const _r0 = i0.ɵɵreference(1);
i0.ɵɵproperty("tileHeader", ctx_r2.tileHeader)("tileImageSrc", ctx_r2.tileImageSrc);
i0.ɵɵattribute("tabindex", ctx_r2.isFocusable ? 0 : null);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngTemplateOutlet", _r0);
} }
function TileComponent_ng_container_3_ng_container_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainer(0);
} }
function TileComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "div", 5);
i0.ɵɵtemplate(2, TileComponent_ng_container_3_ng_container_2_Template, 1, 0, "ng-container", 4);
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r3 = i0.ɵɵnextContext();
const _r0 = i0.ɵɵreference(1);
i0.ɵɵadvance(1);
i0.ɵɵattribute("tabindex", ctx_r3.isFocusable ? 0 : null);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngTemplateOutlet", _r0);
} }
const _c0 = ["*"];
export class TileComponent extends CoreBaseComponent {
constructor(injector) {
super(injector);
/**
* If true, sets content to take up 100% the height of the tile
*/
this.fillTile = false;
/**
* Determines whether the tile should be tab focusable
*/
this.isFocusable = true;
/**
* Determines whether to use the custom template.
*/
this.customTemplate = false;
}
get logSourceName() {
return 'TileComponent';
}
}
/** @nocollapse */ TileComponent.ɵfac = function TileComponent_Factory(t) { return new (t || TileComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ TileComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TileComponent, selectors: [["sme-tile"]], hostVars: 4, hostBindings: function TileComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵclassProp("sme-tile-fill", ctx.fillTile)("sme-tile-focusable", ctx.isFocusable);
} }, inputs: { tileHeader: "tileHeader", tileImageSrc: "tileImageSrc", fillTile: "fillTile", isFocusable: "isFocusable", customTemplate: "customTemplate" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 4, vars: 2, consts: [["contentTemplate", ""], ["class", "sme-padding-inset-md sme-arrange-stack-h sme-focus-zone", 3, "tileHeader", "tileImageSrc", 4, "ngIf"], [4, "ngIf"], [1, "sme-padding-inset-md", "sme-arrange-stack-h", "sme-focus-zone", 3, "tileHeader", "tileImageSrc"], [4, "ngTemplateOutlet"], [1, "sme-padding-inset-md", "sme-position-stretch", "sme-focus-zone"]], template: function TileComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef();
i0.ɵɵtemplate(0, TileComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
i0.ɵɵtemplate(2, TileComponent_sme_tile_content_2_Template, 2, 4, "sme-tile-content", 1);
i0.ɵɵtemplate(3, TileComponent_ng_container_3_Template, 3, 2, "ng-container", 2);
} if (rf & 2) {
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", !ctx.customTemplate);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.customTemplate);
} }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.TileContentComponent], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TileComponent, [{
type: Component,
args: [{ selector: 'sme-tile', template: "<ng-template #contentTemplate>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n\r\n<sme-tile-content *ngIf=\"!customTemplate\" class=\"sme-padding-inset-md sme-arrange-stack-h sme-focus-zone\"\r\n [attr.tabindex]=\"isFocusable ? 0 : null\" [tileHeader]=\"tileHeader\"\r\n [tileImageSrc]=\"tileImageSrc\">\r\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</sme-tile-content>\r\n\r\n<ng-container *ngIf=\"customTemplate\">\r\n <div class=\"sme-padding-inset-md sme-position-stretch sme-focus-zone\" [attr.tabindex]=\"isFocusable ? 0 : null\">\r\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n </div>\r\n</ng-container>" }]
}], function () { return [{ type: i0.Injector }]; }, { tileHeader: [{
type: Input
}], tileImageSrc: [{
type: Input
}], fillTile: [{
type: HostBinding,
args: ['class.sme-tile-fill']
}, {
type: Input
}], isFocusable: [{
type: HostBinding,
args: ['class.sme-tile-focusable']
}, {
type: Input
}], customTemplate: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9hbmd1bGFyL3NyYy9jb250cm9scy90aWxlL3RpbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvdGlsZS90aWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0lDQTNELGtCQUF5Qjs7O0lBTXpCLHdCQUFpRTs7O0lBSG5FLDJDQUVnQztJQUM5QixtR0FBaUU7SUFDbkUsaUJBQW1COzs7O0lBSHdCLDhDQUF5QixxQ0FBQTtJQUFsRSx5REFBd0M7SUFFekIsZUFBaUM7SUFBakMsc0NBQWlDOzs7SUFLOUMsd0JBQWlFOzs7SUFGckUsNkJBQXFDO0lBQ25DLDhCQUErRztJQUM3RywrRkFBaUU7SUFDbkUsaUJBQU07SUFDUiwwQkFBZTs7OztJQUh5RCxlQUF3QztJQUF4Qyx5REFBd0M7SUFDN0YsZUFBaUM7SUFBakMsc0NBQWlDOzs7QURMcEQsTUFBTSxPQUFPLGFBQWMsU0FBUSxpQkFBaUI7SUFxQ2hELFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBckJwQjs7V0FFRztRQUdJLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFeEI7O1dBRUc7UUFHSSxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUUxQjs7V0FFRztRQUVJLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBSTlCLENBQUM7SUF0Q0QsSUFBYyxhQUFhO1FBQ3ZCLE9BQU8sZUFBZSxDQUFDO0lBQzNCLENBQUM7OzZGQUhRLGFBQWE7K0ZBQWIsYUFBYTs7OztRQ1AxQiwrR0FFYztRQUVkLHdGQUltQjtRQUVuQixnRkFJZTs7UUFWSSxlQUFxQjtRQUFyQiwwQ0FBcUI7UUFNekIsZUFBb0I7UUFBcEIseUNBQW9COzt1RkRIdEIsYUFBYTtjQUp6QixTQUFTOzJCQUNJLFVBQVU7MkRBWWIsVUFBVTtrQkFEaEIsS0FBSztZQU9DLFlBQVk7a0JBRGxCLEtBQUs7WUFRQyxRQUFRO2tCQUZkLFdBQVc7bUJBQUMscUJBQXFCOztrQkFDakMsS0FBSztZQVFDLFdBQVc7a0JBRmpCLFdBQVc7bUJBQUMsMEJBQTBCOztrQkFDdEMsS0FBSztZQU9DLGNBQWM7a0JBRHBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbmplY3RvciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29yZUJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9jb21tb24vYmFzZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NtZS10aWxlJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi90aWxlLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgVGlsZUNvbXBvbmVudCBleHRlbmRzIENvcmVCYXNlQ29tcG9uZW50IHtcclxuICAgIHByb3RlY3RlZCBnZXQgbG9nU291cmNlTmFtZSgpIHtcclxuICAgICAgICByZXR1cm4gJ1RpbGVDb21wb25lbnQnO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGV4dCBoZWFkZXIgdG8gcHV0IG9uIHRoZSB0aWxlLCBhcHBlYXJzIGJlbG93IGltYWdlXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgdGlsZUhlYWRlcjogc3RyaW5nO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogU3JjIHVybCB0byBiZSBkaXNwbGF5ZWQgaW4gdGhlIHRpbGUgY29tcG9uZW50XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgdGlsZUltYWdlU3JjOiBzdHJpbmc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBJZiB0cnVlLCBzZXRzIGNvbnRlbnQgdG8gdGFrZSB1cCAxMDAlIHRoZSBoZWlnaHQgb2YgdGhlIHRpbGVcclxuICAgICAqL1xyXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zbWUtdGlsZS1maWxsJylcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZmlsbFRpbGUgPSBmYWxzZTtcclxuXHJcbiAgICAvKipcclxuICAgICAqIERldGVybWluZXMgd2hldGhlciB0aGUgdGlsZSBzaG91bGQgYmUgdGFiIGZvY3VzYWJsZVxyXG4gICAgICovXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNtZS10aWxlLWZvY3VzYWJsZScpXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIGlzRm9jdXNhYmxlID0gdHJ1ZTtcclxuXHJcbiAgICAvKipcclxuICAgICAqIERldGVybWluZXMgd2hldGhlciB0byB1c2UgdGhlIGN1c3RvbSB0ZW1wbGF0ZS5cclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBjdXN0b21UZW1wbGF0ZSA9IGZhbHNlO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xyXG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcclxuICAgIH1cclxufVxyXG4iLCI8bmctdGVtcGxhdGUgI2NvbnRlbnRUZW1wbGF0ZT5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48c21lLXRpbGUtY29udGVudCAqbmdJZj1cIiFjdXN0b21UZW1wbGF0ZVwiIGNsYXNzPVwic21lLXBhZGRpbmctaW5zZXQtbWQgc21lLWFycmFuZ2Utc3RhY2staCBzbWUtZm9jdXMtem9uZVwiXHJcbiAgW2F0dHIudGFiaW5kZXhdPVwiaXNGb2N1c2FibGUgPyAwIDogbnVsbFwiIFt0aWxlSGVhZGVyXT1cInRpbGVIZWFkZXJcIlxyXG4gIFt0aWxlSW1hZ2VTcmNdPVwidGlsZUltYWdlU3JjXCI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG48L3NtZS10aWxlLWNvbnRlbnQ+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPVwiY3VzdG9tVGVtcGxhdGVcIj5cclxuICA8ZGl2IGNsYXNzPVwic21lLXBhZGRpbmctaW5zZXQtbWQgc21lLXBvc2l0aW9uLXN0cmV0Y2ggc21lLWZvY3VzLXpvbmVcIiBbYXR0ci50YWJpbmRleF09XCJpc0ZvY3VzYWJsZSA/IDAgOiBudWxsXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPiJdfQ==