@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
102 lines • 10.9 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", "new-feature"];
function NewFeatureBadgeComponent_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 NewFeatureBadgeComponent_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 NewFeatureBadgeComponent_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, NewFeatureBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "div", 7);
i0.ɵɵtemplate(5, NewFeatureBadgeComponent_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 'new-feature' badge
*/
export class NewFeatureBadgeComponent extends CoreBadgeBaseComponent {
/**
* Initializes a new instance of the @see NewFeatureBadgeComponent class.
* @param injector The angular injection service. required by @SmeInjectableBase() decorator in the base @see BaseComponent class
*/
constructor(injector) {
super(injector);
this.label = this.strings.MsftSmeShell.Angular.Badges.New.Feature.label;
this.description = null;
this.tooltip = null;
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'NewFeatureBadgeComponent';
}
/**
* Gets the initial host classes to be applied to this element
*/
getInitialHostClasses() {
return super.getInitialHostClasses().concat([
'sme-padding-horizontal-sm',
'sme-badge-feature',
'sme-badge-new-feature'
]);
}
}
/** @nocollapse */ NewFeatureBadgeComponent.ɵfac = function NewFeatureBadgeComponent_Factory(t) { return new (t || NewFeatureBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ NewFeatureBadgeComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: NewFeatureBadgeComponent, selectors: [["sme-badge", "type", "new-feature"]], 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 NewFeatureBadgeComponent_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, NewFeatureBadgeComponent_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(NewFeatureBadgeComponent, [{
type: Component,
args: [{ selector: 'sme-badge[type="new-feature"]', 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWZlYXR1cmUtYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvYmFkZ2UvbmV3LWZlYXR1cmUtYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztJQ081RCw0QkFBbUc7SUFBQSxZQUF3RDtJQUFBLGlCQUFJOzs7SUFBL0csd0VBQWlDO0lBQWtCLGVBQXdEO0lBQXhELGlGQUF3RDs7O0lBRzNKLDRCQUFtRztJQUFBLFlBQXVEO0lBQUEsaUJBQUk7OztJQUE3Ryx1RUFBZ0M7SUFBa0IsZUFBdUQ7SUFBdkQsZ0ZBQXVEOzs7SUFMNUosNEJBQStDO0lBQUEsWUFBZTtJQUFBLGlCQUFJO0lBQ2xFLDhCQUFvQztJQUNsQyxtRkFBK0o7SUFDakssaUJBQU07SUFDTiw4QkFBb0M7SUFDbEMsbUZBQThKO0lBQ2hLLGlCQUFNOzs7SUFOeUMsZUFBZTtJQUFmLHdDQUFlO0lBRXhELGVBQXFCO0lBQXJCLDZDQUFxQjtJQUdyQixlQUFzQjtJQUF0Qiw4Q0FBc0I7OztBRFI5Qjs7R0FFRztBQUtILE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxzQkFBc0I7SUFTaEU7OztPQUdHO0lBQ0gsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3hCLENBQUM7SUFoQkQ7O09BRUc7SUFDSCxJQUFjLGFBQWE7UUFDdkIsT0FBTywwQkFBMEIsQ0FBQztJQUN0QyxDQUFDO0lBYUQ7O09BRUc7SUFDTyxxQkFBcUI7UUFDM0IsT0FBTyxLQUFLLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxNQUFNLENBQUM7WUFDeEMsMkJBQTJCO1lBQzNCLG1CQUFtQjtZQUNuQix1QkFBdUI7U0FDMUIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7bUhBN0JRLHdCQUF3QjswR0FBeEIsd0JBQXdCO1FDVnJDLDRCQUErQyxjQUFBO1FBQ2IsWUFBZTtRQUFBLGlCQUFPO1FBQ3RELCtCQUF5QjtRQUFBLFlBQVc7UUFBQSxpQkFBTztRQUMzQywwQkFBK0Q7UUFDakUsaUJBQUk7UUFDSix1SEFRYzs7UUFiRSxnREFBOEI7UUFDWixlQUFlO1FBQWYsbUNBQWU7UUFDdEIsZUFBVztRQUFYLCtCQUFXO1FBQ1gsZUFBOEI7UUFBOUIsOERBQThCOzt1RkRPNUMsd0JBQXdCO2NBSnBDLFNBQVM7MkJBQ0ksK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb3JlQmFkZ2VCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS1iYXNlLmNvbXBvbmVudCc7XHJcblxyXG4vKipcclxuICogRGVmaW5lcyBhICduZXctZmVhdHVyZScgYmFkZ2VcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzbWUtYmFkZ2VbdHlwZT1cIm5ldy1mZWF0dXJlXCJdJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIE5ld0ZlYXR1cmVCYWRnZUNvbXBvbmVudCBleHRlbmRzIENvcmVCYWRnZUJhc2VDb21wb25lbnQge1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHNvdXJjZSBuYW1lIHRvIHVzZSBmb3IgbG9nZ2luZ1xyXG4gICAgICovXHJcbiAgICBwcm90ZWN0ZWQgZ2V0IGxvZ1NvdXJjZU5hbWUoKSB7XHJcbiAgICAgICAgcmV0dXJuICdOZXdGZWF0dXJlQmFkZ2VDb21wb25lbnQnO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogSW5pdGlhbGl6ZXMgYSBuZXcgaW5zdGFuY2Ugb2YgdGhlIEBzZWUgTmV3RmVhdHVyZUJhZGdlQ29tcG9uZW50IGNsYXNzLlxyXG4gICAgICogQHBhcmFtIGluamVjdG9yIFRoZSBhbmd1bGFyIGluamVjdGlvbiBzZXJ2aWNlLiByZXF1aXJlZCBieSBAU21lSW5qZWN0YWJsZUJhc2UoKSBkZWNvcmF0b3IgaW4gdGhlIGJhc2UgQHNlZSBCYXNlQ29tcG9uZW50IGNsYXNzXHJcbiAgICAgKi9cclxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xyXG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcclxuICAgICAgICB0aGlzLmxhYmVsID0gdGhpcy5zdHJpbmdzLk1zZnRTbWVTaGVsbC5Bbmd1bGFyLkJhZGdlcy5OZXcuRmVhdHVyZS5sYWJlbDtcclxuICAgICAgICB0aGlzLmRlc2NyaXB0aW9uID0gbnVsbDtcclxuICAgICAgICB0aGlzLnRvb2x0aXAgPSBudWxsO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogR2V0cyB0aGUgaW5pdGlhbCBob3N0IGNsYXNzZXMgdG8gYmUgYXBwbGllZCB0byB0aGlzIGVsZW1lbnRcclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGdldEluaXRpYWxIb3N0Q2xhc3NlcygpIHtcclxuICAgICAgICByZXR1cm4gc3VwZXIuZ2V0SW5pdGlhbEhvc3RDbGFzc2VzKCkuY29uY2F0KFtcclxuICAgICAgICAgICAgJ3NtZS1wYWRkaW5nLWhvcml6b250YWwtc20nLFxyXG4gICAgICAgICAgICAnc21lLWJhZGdlLWZlYXR1cmUnLFxyXG4gICAgICAgICAgICAnc21lLWJhZGdlLW5ldy1mZWF0dXJlJ1xyXG4gICAgICAgIF0pO1xyXG4gICAgfVxyXG59XHJcbiIsIjxwIHRhYmluZGV4PVwiMFwiIFtzbWVUb29sdGlwXT1cInJlc29sdmVkVG9vbHRpcFwiPlxyXG4gIDxzcGFuIGNsYXNzPVwic21lLXNjcmVlbi1yZWFkZXJcIj57eyBhcmlhTGFiZWwgfX08L3NwYW4+XHJcbiAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCI+e3sgbGFiZWwgfX08L3NwYW4+XHJcbiAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCIgW25nQ2xhc3NdPVwiWydzbWUtaWNvbicsIGljb25dXCI+PC9zcGFuPlxyXG48L3A+XHJcbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdFRvb2x0aXAgbGV0LWhvc3REYXRhPVwiaG9zdERhdGFcIiBjbGFzcz1cInNtZS1hcnJhbmdlLXN0YWNrLXZcIj5cclxuICA8cCBjbGFzcz1cInNtZS1tYXJnaW4tYm90dG9tLXhzIHNtZS1mb250LWxhYmVsXCI+e3tkZXNjcmlwdGlvbn19PC9wPlxyXG4gIDxkaXYgY2xhc3M9XCJzbWUtcG9zaXRpb24tc3RyZXRjaC1oXCI+XHJcbiAgICA8YSAqbmdJZj1cIiEhbGVhcm5Nb3JlTGlua1wiIHRhcmdldD1cImFib3V0OmJsYW5rXCIgW2hyZWZdPVwibGVhcm5Nb3JlTGluay50b1N0cmluZygpXCIgY2xhc3M9XCJzbWUtbGlua1wiPnt7c3RyaW5ncy5Nc2Z0U21lU2hlbGwuQW5ndWxhci5CYWRnZXMuQ29tbW9uLmxlYXJuTW9yZX19PC9hPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJzbWUtcG9zaXRpb24tc3RyZXRjaC1oXCI+XHJcbiAgICA8YSAqbmdJZj1cInNob3dGZWVkYmFja0xpbmtcIiB0YXJnZXQ9XCJhYm91dDpibGFua1wiIFtocmVmXT1cImZlZWRiYWNrTGluay50b1N0cmluZygpXCIgY2xhc3M9XCJzbWUtbGlua1wiPnt7c3RyaW5ncy5Nc2Z0U21lU2hlbGwuQW5ndWxhci5CYWRnZXMuQ29tbW9uLmZlZWRiYWNrfX08L2E+XHJcbiAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==