@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
100 lines • 10.8 kB
JavaScript
import { Component, Injector } from '@angular/core';
import { CoreBadgeBaseComponent } from './badge-base.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../tooltip/tooltip.directive";
const _c0 = ["type", "preview"];
function PreviewBadgeComponent_ng_template_6_a_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "a", 9);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r3 = i0.ɵɵnextContext(2);
i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
} }
function PreviewBadgeComponent_ng_template_6_a_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "a", 9);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r4 = i0.ɵɵnextContext(2);
i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
} }
function PreviewBadgeComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "p", 6);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "div", 7);
i0.ɵɵtemplate(3, PreviewBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "div", 7);
i0.ɵɵtemplate(5, PreviewBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(ctx_r1.description);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
} }
const _c1 = function (a1) { return ["sme-icon", a1]; };
/**
* Defines a preview badge
*/
export class PreviewBadgeComponent extends CoreBadgeBaseComponent {
/**
* Initializes a new instance of the @see PreviewBadgeComponent class.
* @param injector The angular injection service. required by @SmeInjectableBase() decorator in the base @see BaseComponent class
*/
constructor(injector) {
super(injector);
this.showFeedbackLink = true;
this.label = this.strings.MsftSmeShell.Angular.Badges.Preview.label;
this.description = this.strings.MsftSmeShell.Angular.Badges.Preview.tooltip;
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'PreviewBadgeComponent';
}
/**
* Gets the initial host classes to be applied to this element
*/
getInitialHostClasses() {
return super.getInitialHostClasses().concat([
'sme-badge-preview'
]);
}
}
/** @nocollapse */ PreviewBadgeComponent.ɵfac = function PreviewBadgeComponent_Factory(t) { return new (t || PreviewBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ PreviewBadgeComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: PreviewBadgeComponent, selectors: [["sme-badge", "type", "preview"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function PreviewBadgeComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "p", 0)(1, "span", 1);
i0.ɵɵtext(2);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "span", 2);
i0.ɵɵtext(4);
i0.ɵɵelementEnd();
i0.ɵɵelement(5, "span", 3);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(6, PreviewBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(ctx.ariaLabel);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate(ctx.label);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1, ctx.icon));
} }, dependencies: [i1.NgClass, i1.NgIf, i2.TooltipDirective], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PreviewBadgeComponent, [{
type: Component,
args: [{ selector: 'sme-badge[type="preview"]', template: "<p tabindex=\"0\" [smeTooltip]=\"resolvedTooltip\">\r\n <span class=\"sme-screen-reader\">{{ ariaLabel }}</span>\r\n <span aria-hidden=\"true\">{{ label }}</span>\r\n <span aria-hidden=\"true\" [ngClass]=\"['sme-icon', icon]\"></span>\r\n</p>\r\n<ng-template #defaultTooltip let-hostData=\"hostData\" class=\"sme-arrange-stack-v\">\r\n <p class=\"sme-margin-bottom-xs sme-font-label\">{{description}}</p>\r\n <div class=\"sme-position-stretch-h\">\r\n <a *ngIf=\"!!learnMoreLink\" target=\"about:blank\" [href]=\"learnMoreLink.toString()\" class=\"sme-link\">{{strings.MsftSmeShell.Angular.Badges.Common.learnMore}}</a>\r\n </div>\r\n <div class=\"sme-position-stretch-h\">\r\n <a *ngIf=\"showFeedbackLink\" target=\"about:blank\" [href]=\"feedbackLink.toString()\" class=\"sme-link\">{{strings.MsftSmeShell.Angular.Badges.Common.feedback}}</a>\r\n </div>\r\n</ng-template>\r\n" }]
}], function () { return [{ type: i0.Injector }]; }, null); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9hbmd1bGFyL3NyYy9jb250cm9scy9iYWRnZS9wcmV2aWV3LWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7SUNPNUQsNEJBQW1HO0lBQUEsWUFBd0Q7SUFBQSxpQkFBSTs7O0lBQS9HLHdFQUFpQztJQUFrQixlQUF3RDtJQUF4RCxpRkFBd0Q7OztJQUczSiw0QkFBbUc7SUFBQSxZQUF1RDtJQUFBLGlCQUFJOzs7SUFBN0csdUVBQWdDO0lBQWtCLGVBQXVEO0lBQXZELGdGQUF1RDs7O0lBTDVKLDRCQUErQztJQUFBLFlBQWU7SUFBQSxpQkFBSTtJQUNsRSw4QkFBb0M7SUFDbEMsZ0ZBQStKO0lBQ2pLLGlCQUFNO0lBQ04sOEJBQW9DO0lBQ2xDLGdGQUE4SjtJQUNoSyxpQkFBTTs7O0lBTnlDLGVBQWU7SUFBZix3Q0FBZTtJQUV4RCxlQUFxQjtJQUFyQiw2Q0FBcUI7SUFHckIsZUFBc0I7SUFBdEIsOENBQXNCOzs7QURSOUI7O0dBRUc7QUFLSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsc0JBQXNCO0lBUzdEOzs7T0FHRztJQUNILFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFDcEUsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7SUFDaEYsQ0FBQztJQWhCRDs7T0FFRztJQUNILElBQWMsYUFBYTtRQUN2QixPQUFPLHVCQUF1QixDQUFDO0lBQ25DLENBQUM7SUFhRDs7T0FFRztJQUNPLHFCQUFxQjtRQUMzQixPQUFPLEtBQUssQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLE1BQU0sQ0FBQztZQUN4QyxtQkFBbUI7U0FDdEIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7NkdBM0JRLHFCQUFxQjt1R0FBckIscUJBQXFCO1FDVmxDLDRCQUErQyxjQUFBO1FBQ2IsWUFBZTtRQUFBLGlCQUFPO1FBQ3RELCtCQUF5QjtRQUFBLFlBQVc7UUFBQSxpQkFBTztRQUMzQywwQkFBK0Q7UUFDakUsaUJBQUk7UUFDSixvSEFRYzs7UUFiRSxnREFBOEI7UUFDWixlQUFlO1FBQWYsbUNBQWU7UUFDdEIsZUFBVztRQUFYLCtCQUFXO1FBQ1gsZUFBOEI7UUFBOUIsOERBQThCOzt1RkRPNUMscUJBQXFCO2NBSmpDLFNBQVM7MkJBQ0ksMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb3JlQmFkZ2VCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS1iYXNlLmNvbXBvbmVudCc7XHJcblxyXG4vKipcclxuICogRGVmaW5lcyBhIHByZXZpZXcgYmFkZ2VcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzbWUtYmFkZ2VbdHlwZT1cInByZXZpZXdcIl0nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJldmlld0JhZGdlQ29tcG9uZW50IGV4dGVuZHMgQ29yZUJhZGdlQmFzZUNvbXBvbmVudCB7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgc291cmNlIG5hbWUgdG8gdXNlIGZvciBsb2dnaW5nXHJcbiAgICAgKi9cclxuICAgIHByb3RlY3RlZCBnZXQgbG9nU291cmNlTmFtZSgpIHtcclxuICAgICAgICByZXR1cm4gJ1ByZXZpZXdCYWRnZUNvbXBvbmVudCc7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBJbml0aWFsaXplcyBhIG5ldyBpbnN0YW5jZSBvZiB0aGUgQHNlZSBQcmV2aWV3QmFkZ2VDb21wb25lbnQgY2xhc3MuXHJcbiAgICAgKiBAcGFyYW0gaW5qZWN0b3IgVGhlIGFuZ3VsYXIgaW5qZWN0aW9uIHNlcnZpY2UuIHJlcXVpcmVkIGJ5IEBTbWVJbmplY3RhYmxlQmFzZSgpIGRlY29yYXRvciBpbiB0aGUgYmFzZSBAc2VlIEJhc2VDb21wb25lbnQgY2xhc3NcclxuICAgICAqL1xyXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xyXG4gICAgICAgIHRoaXMuc2hvd0ZlZWRiYWNrTGluayA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5sYWJlbCA9IHRoaXMuc3RyaW5ncy5Nc2Z0U21lU2hlbGwuQW5ndWxhci5CYWRnZXMuUHJldmlldy5sYWJlbDtcclxuICAgICAgICB0aGlzLmRlc2NyaXB0aW9uID0gdGhpcy5zdHJpbmdzLk1zZnRTbWVTaGVsbC5Bbmd1bGFyLkJhZGdlcy5QcmV2aWV3LnRvb2x0aXA7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBHZXRzIHRoZSBpbml0aWFsIGhvc3QgY2xhc3NlcyB0byBiZSBhcHBsaWVkIHRvIHRoaXMgZWxlbWVudFxyXG4gICAgICovXHJcbiAgICBwcm90ZWN0ZWQgZ2V0SW5pdGlhbEhvc3RDbGFzc2VzKCkge1xyXG4gICAgICAgIHJldHVybiBzdXBlci5nZXRJbml0aWFsSG9zdENsYXNzZXMoKS5jb25jYXQoW1xyXG4gICAgICAgICAgICAnc21lLWJhZGdlLXByZXZpZXcnXHJcbiAgICAgICAgXSk7XHJcbiAgICB9XHJcbn1cclxuIiwiPHAgdGFiaW5kZXg9XCIwXCIgW3NtZVRvb2x0aXBdPVwicmVzb2x2ZWRUb29sdGlwXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJzbWUtc2NyZWVuLXJlYWRlclwiPnt7IGFyaWFMYWJlbCB9fTwvc3Bhbj5cclxuICA8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIj57eyBsYWJlbCB9fTwvc3Bhbj5cclxuICA8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIiBbbmdDbGFzc109XCJbJ3NtZS1pY29uJywgaWNvbl1cIj48L3NwYW4+XHJcbjwvcD5cclxuPG5nLXRlbXBsYXRlICNkZWZhdWx0VG9vbHRpcCBsZXQtaG9zdERhdGE9XCJob3N0RGF0YVwiIGNsYXNzPVwic21lLWFycmFuZ2Utc3RhY2stdlwiPlxyXG4gIDxwIGNsYXNzPVwic21lLW1hcmdpbi1ib3R0b20teHMgc21lLWZvbnQtbGFiZWxcIj57e2Rlc2NyaXB0aW9ufX08L3A+XHJcbiAgPGRpdiBjbGFzcz1cInNtZS1wb3NpdGlvbi1zdHJldGNoLWhcIj5cclxuICAgIDxhICpuZ0lmPVwiISFsZWFybk1vcmVMaW5rXCIgdGFyZ2V0PVwiYWJvdXQ6YmxhbmtcIiBbaHJlZl09XCJsZWFybk1vcmVMaW5rLnRvU3RyaW5nKClcIiBjbGFzcz1cInNtZS1saW5rXCI+e3tzdHJpbmdzLk1zZnRTbWVTaGVsbC5Bbmd1bGFyLkJhZGdlcy5Db21tb24ubGVhcm5Nb3JlfX08L2E+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInNtZS1wb3NpdGlvbi1zdHJldGNoLWhcIj5cclxuICAgIDxhICpuZ0lmPVwic2hvd0ZlZWRiYWNrTGlua1wiIHRhcmdldD1cImFib3V0OmJsYW5rXCIgW2hyZWZdPVwiZmVlZGJhY2tMaW5rLnRvU3RyaW5nKClcIiBjbGFzcz1cInNtZS1saW5rXCI+e3tzdHJpbmdzLk1zZnRTbWVTaGVsbC5Bbmd1bGFyLkJhZGdlcy5Db21tb24uZmVlZGJhY2t9fTwvYT5cclxuICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19