UNPKG

@microsoft/windows-admin-center-sdk

Version:

Microsoft - Windows Admin Center Shell

99 lines 10.5 kB
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", "feedback"]; function FeedbackBadgeComponent_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 FeedbackBadgeComponent_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 FeedbackBadgeComponent_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, FeedbackBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8); i0.ɵɵelementEnd(); i0.ɵɵelementStart(4, "div", 7); i0.ɵɵtemplate(5, FeedbackBadgeComponent_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 feedback badge */ export class FeedbackBadgeComponent extends CoreBadgeBaseComponent { /** * Initializes a new instance of the @see FeedbackBadgeComponent 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.Feedback.label; } /** * The source name to use for logging */ get logSourceName() { return 'FeedbackBadgeComponent'; } /** * Gets the initial host classes to be applied to this element */ getInitialHostClasses() { return super.getInitialHostClasses().concat([ 'sme-badge-feedback' ]); } } /** @nocollapse */ FeedbackBadgeComponent.ɵfac = function FeedbackBadgeComponent_Factory(t) { return new (t || FeedbackBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; /** @nocollapse */ FeedbackBadgeComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: FeedbackBadgeComponent, selectors: [["sme-badge", "type", "feedback"]], 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 FeedbackBadgeComponent_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, FeedbackBadgeComponent_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(FeedbackBadgeComponent, [{ type: Component, args: [{ selector: 'sme-badge[type="feedback"]', 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvYmFkZ2UvZmVlZGJhY2stYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztJQ081RCw0QkFBbUc7SUFBQSxZQUF3RDtJQUFBLGlCQUFJOzs7SUFBL0csd0VBQWlDO0lBQWtCLGVBQXdEO0lBQXhELGlGQUF3RDs7O0lBRzNKLDRCQUFtRztJQUFBLFlBQXVEO0lBQUEsaUJBQUk7OztJQUE3Ryx1RUFBZ0M7SUFBa0IsZUFBdUQ7SUFBdkQsZ0ZBQXVEOzs7SUFMNUosNEJBQStDO0lBQUEsWUFBZTtJQUFBLGlCQUFJO0lBQ2xFLDhCQUFvQztJQUNsQyxpRkFBK0o7SUFDakssaUJBQU07SUFDTiw4QkFBb0M7SUFDbEMsaUZBQThKO0lBQ2hLLGlCQUFNOzs7SUFOeUMsZUFBZTtJQUFmLHdDQUFlO0lBRXhELGVBQXFCO0lBQXJCLDZDQUFxQjtJQUdyQixlQUFzQjtJQUF0Qiw4Q0FBc0I7OztBRFI5Qjs7R0FFRztBQUtILE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxzQkFBc0I7SUFTOUQ7OztPQUdHO0lBQ0gsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztJQUN6RSxDQUFDO0lBZkQ7O09BRUc7SUFDSCxJQUFjLGFBQWE7UUFDdkIsT0FBTyx3QkFBd0IsQ0FBQztJQUNwQyxDQUFDO0lBWUQ7O09BRUc7SUFDTyxxQkFBcUI7UUFDM0IsT0FBTyxLQUFLLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxNQUFNLENBQUM7WUFDeEMsb0JBQW9CO1NBQ3ZCLENBQUMsQ0FBQztJQUNQLENBQUM7OytHQTFCUSxzQkFBc0I7d0dBQXRCLHNCQUFzQjtRQ1ZuQyw0QkFBK0MsY0FBQTtRQUNiLFlBQWU7UUFBQSxpQkFBTztRQUN0RCwrQkFBeUI7UUFBQSxZQUFXO1FBQUEsaUJBQU87UUFDM0MsMEJBQStEO1FBQ2pFLGlCQUFJO1FBQ0oscUhBUWM7O1FBYkUsZ0RBQThCO1FBQ1osZUFBZTtRQUFmLG1DQUFlO1FBQ3RCLGVBQVc7UUFBWCwrQkFBVztRQUNYLGVBQThCO1FBQTlCLDhEQUE4Qjs7dUZETzVDLHNCQUFzQjtjQUpsQyxTQUFTOzJCQUNJLDRCQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29yZUJhZGdlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4vYmFkZ2UtYmFzZS5jb21wb25lbnQnO1xyXG5cclxuLyoqXHJcbiAqIERlZmluZXMgYSBmZWVkYmFjayBiYWRnZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NtZS1iYWRnZVt0eXBlPVwiZmVlZGJhY2tcIl0nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRmVlZGJhY2tCYWRnZUNvbXBvbmVudCBleHRlbmRzIENvcmVCYWRnZUJhc2VDb21wb25lbnQge1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHNvdXJjZSBuYW1lIHRvIHVzZSBmb3IgbG9nZ2luZ1xyXG4gICAgICovXHJcbiAgICBwcm90ZWN0ZWQgZ2V0IGxvZ1NvdXJjZU5hbWUoKSB7XHJcbiAgICAgICAgcmV0dXJuICdGZWVkYmFja0JhZGdlQ29tcG9uZW50JztcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIEluaXRpYWxpemVzIGEgbmV3IGluc3RhbmNlIG9mIHRoZSBAc2VlIEZlZWRiYWNrQmFkZ2VDb21wb25lbnQgY2xhc3MuXHJcbiAgICAgKiBAcGFyYW0gaW5qZWN0b3IgVGhlIGFuZ3VsYXIgaW5qZWN0aW9uIHNlcnZpY2UuIHJlcXVpcmVkIGJ5IEBTbWVJbmplY3RhYmxlQmFzZSgpIGRlY29yYXRvciBpbiB0aGUgYmFzZSBAc2VlIEJhc2VDb21wb25lbnQgY2xhc3NcclxuICAgICAqL1xyXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xyXG4gICAgICAgIHRoaXMuc2hvd0ZlZWRiYWNrTGluayA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5sYWJlbCA9IHRoaXMuc3RyaW5ncy5Nc2Z0U21lU2hlbGwuQW5ndWxhci5CYWRnZXMuRmVlZGJhY2subGFiZWw7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBHZXRzIHRoZSBpbml0aWFsIGhvc3QgY2xhc3NlcyB0byBiZSBhcHBsaWVkIHRvIHRoaXMgZWxlbWVudFxyXG4gICAgICovXHJcbiAgICBwcm90ZWN0ZWQgZ2V0SW5pdGlhbEhvc3RDbGFzc2VzKCkge1xyXG4gICAgICAgIHJldHVybiBzdXBlci5nZXRJbml0aWFsSG9zdENsYXNzZXMoKS5jb25jYXQoW1xyXG4gICAgICAgICAgICAnc21lLWJhZGdlLWZlZWRiYWNrJ1xyXG4gICAgICAgIF0pO1xyXG4gICAgfVxyXG59XHJcbiIsIjxwIHRhYmluZGV4PVwiMFwiIFtzbWVUb29sdGlwXT1cInJlc29sdmVkVG9vbHRpcFwiPlxyXG4gIDxzcGFuIGNsYXNzPVwic21lLXNjcmVlbi1yZWFkZXJcIj57eyBhcmlhTGFiZWwgfX08L3NwYW4+XHJcbiAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCI+e3sgbGFiZWwgfX08L3NwYW4+XHJcbiAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCIgW25nQ2xhc3NdPVwiWydzbWUtaWNvbicsIGljb25dXCI+PC9zcGFuPlxyXG48L3A+XHJcbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdFRvb2x0aXAgbGV0LWhvc3REYXRhPVwiaG9zdERhdGFcIiBjbGFzcz1cInNtZS1hcnJhbmdlLXN0YWNrLXZcIj5cclxuICA8cCBjbGFzcz1cInNtZS1tYXJnaW4tYm90dG9tLXhzIHNtZS1mb250LWxhYmVsXCI+e3tkZXNjcmlwdGlvbn19PC9wPlxyXG4gIDxkaXYgY2xhc3M9XCJzbWUtcG9zaXRpb24tc3RyZXRjaC1oXCI+XHJcbiAgICA8YSAqbmdJZj1cIiEhbGVhcm5Nb3JlTGlua1wiIHRhcmdldD1cImFib3V0OmJsYW5rXCIgW2hyZWZdPVwibGVhcm5Nb3JlTGluay50b1N0cmluZygpXCIgY2xhc3M9XCJzbWUtbGlua1wiPnt7c3RyaW5ncy5Nc2Z0U21lU2hlbGwuQW5ndWxhci5CYWRnZXMuQ29tbW9uLmxlYXJuTW9yZX19PC9hPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJzbWUtcG9zaXRpb24tc3RyZXRjaC1oXCI+XHJcbiAgICA8YSAqbmdJZj1cInNob3dGZWVkYmFja0xpbmtcIiB0YXJnZXQ9XCJhYm91dDpibGFua1wiIFtocmVmXT1cImZlZWRiYWNrTGluay50b1N0cmluZygpXCIgY2xhc3M9XCJzbWUtbGlua1wiPnt7c3RyaW5ncy5Nc2Z0U21lU2hlbGwuQW5ndWxhci5CYWRnZXMuQ29tbW9uLmZlZWRiYWNrfX08L2E+XHJcbiAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==