@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
79 lines • 8.06 kB
JavaScript
import { Component, HostBinding, Injector, Input } from '@angular/core';
import { CoreBaseComponent } from '../../common/base.component';
import { defaultIconSize, getCssSizeString } from './models/icon-size-helpers';
import * as i0 from "@angular/core";
const _c0 = ["*"];
/**
* @smeDoc {@label Layered Icon @id sme-layered-icon}
*
* @overview
* @file {@filepath ./examples/layered-icon-overview.md}
*
* @example {@label Layered Icon example @id layered-icon-example}
* @file {@filename layered-icon-example.component.html @filepath ./examples/layered-icon-example.component.html }
* @file {@filename layered-icon-example.component.ts @filepath ./examples/layered-icon-example.component.ts }
* @file {@filename layered-icon-example.module.ts @filepath ./examples/layered-icon-example.module.ts }
*/
export class LayeredIconComponent extends CoreBaseComponent {
constructor(injector) {
super(injector);
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'LayeredIconComponent';
}
/**
* Host element binding for the width of the icon
*/
get width() {
return getCssSizeString(defaultIconSize, this.size);
}
/**
* Host element binding for the height of the icon
*/
get height() {
return getCssSizeString(defaultIconSize, this.size);
}
/**
* Host element binding for the font-size of the icon
*/
get fontSize() {
return getCssSizeString(defaultIconSize, this.size);
}
/**
* Gets the initial host classes to be applied to this element
*/
getInitialHostClasses() {
return super.getInitialHostClasses().concat([
'sme-layered-icon'
]);
}
}
/** @nocollapse */ LayeredIconComponent.ɵfac = function LayeredIconComponent_Factory(t) { return new (t || LayeredIconComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ LayeredIconComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: LayeredIconComponent, selectors: [["sme-layered-icon"]], hostVars: 6, hostBindings: function LayeredIconComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵstyleProp("width", ctx.width)("height", ctx.height)("font-size", ctx.fontSize);
} }, inputs: { size: "size" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LayeredIconComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef();
i0.ɵɵprojection(0);
} }, encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LayeredIconComponent, [{
type: Component,
args: [{
selector: 'sme-layered-icon',
template: '<ng-content></ng-content>'
}]
}], function () { return [{ type: i0.Injector }]; }, { size: [{
type: Input
}], width: [{
type: HostBinding,
args: ['style.width']
}], height: [{
type: HostBinding,
args: ['style.height']
}], fontSize: [{
type: HostBinding,
args: ['style.font-size']
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5ZXJlZC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL2ljb24vbGF5ZXJlZC1pY29uL2xheWVyZWQtaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQUUvRTs7Ozs7Ozs7OztHQVVHO0FBS0gsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGlCQUFpQjtJQXdDdkQsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDcEIsQ0FBQztJQXhDRDs7T0FFRztJQUNILElBQWMsYUFBYTtRQUN2QixPQUFPLHNCQUFzQixDQUFDO0lBQ2xDLENBQUM7SUFTRDs7T0FFRztJQUNILElBQ1csS0FBSztRQUNaLE9BQU8sZ0JBQWdCLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUNXLE1BQU07UUFDYixPQUFPLGdCQUFnQixDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFDVyxRQUFRO1FBQ2YsT0FBTyxnQkFBZ0IsQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFNRDs7T0FFRztJQUNPLHFCQUFxQjtRQUMzQixPQUFPLEtBQUssQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLE1BQU0sQ0FBQztZQUN4QyxrQkFBa0I7U0FDckIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7MkdBbkRRLG9CQUFvQjtzR0FBcEIsb0JBQW9COzs7O1FBRmxCLGtCQUF5Qjs7dUZBRTNCLG9CQUFvQjtjQUpoQyxTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFLDJCQUEyQjthQUN4QzsyREFlVSxJQUFJO2tCQURWLEtBQUs7WUFPSyxLQUFLO2tCQURmLFdBQVc7bUJBQUMsYUFBYTtZQVNmLE1BQU07a0JBRGhCLFdBQVc7bUJBQUMsY0FBYztZQVNoQixRQUFRO2tCQURsQixXQUFXO21CQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEluamVjdG9yLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb3JlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbW1vbi9iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IGRlZmF1bHRJY29uU2l6ZSwgZ2V0Q3NzU2l6ZVN0cmluZyB9IGZyb20gJy4vbW9kZWxzL2ljb24tc2l6ZS1oZWxwZXJzJztcclxuXHJcbi8qKlxyXG4gKiBAc21lRG9jIHtAbGFiZWwgTGF5ZXJlZCBJY29uIEBpZCBzbWUtbGF5ZXJlZC1pY29ufVxyXG4gKlxyXG4gKiBAb3ZlcnZpZXdcclxuICogQGZpbGUge0BmaWxlcGF0aCAuL2V4YW1wbGVzL2xheWVyZWQtaWNvbi1vdmVydmlldy5tZH1cclxuICpcclxuICogQGV4YW1wbGUge0BsYWJlbCBMYXllcmVkIEljb24gZXhhbXBsZSBAaWQgbGF5ZXJlZC1pY29uLWV4YW1wbGV9XHJcbiAqIEBmaWxlIHtAZmlsZW5hbWUgbGF5ZXJlZC1pY29uLWV4YW1wbGUuY29tcG9uZW50Lmh0bWwgQGZpbGVwYXRoIC4vZXhhbXBsZXMvbGF5ZXJlZC1pY29uLWV4YW1wbGUuY29tcG9uZW50Lmh0bWwgfVxyXG4gKiBAZmlsZSB7QGZpbGVuYW1lIGxheWVyZWQtaWNvbi1leGFtcGxlLmNvbXBvbmVudC50cyBAZmlsZXBhdGggLi9leGFtcGxlcy9sYXllcmVkLWljb24tZXhhbXBsZS5jb21wb25lbnQudHMgfVxyXG4gKiBAZmlsZSB7QGZpbGVuYW1lIGxheWVyZWQtaWNvbi1leGFtcGxlLm1vZHVsZS50cyBAZmlsZXBhdGggLi9leGFtcGxlcy9sYXllcmVkLWljb24tZXhhbXBsZS5tb2R1bGUudHMgfVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NtZS1sYXllcmVkLWljb24nLFxyXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTGF5ZXJlZEljb25Db21wb25lbnQgZXh0ZW5kcyBDb3JlQmFzZUNvbXBvbmVudCB7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgc291cmNlIG5hbWUgdG8gdXNlIGZvciBsb2dnaW5nXHJcbiAgICAgKi9cclxuICAgIHByb3RlY3RlZCBnZXQgbG9nU291cmNlTmFtZSgpIHtcclxuICAgICAgICByZXR1cm4gJ0xheWVyZWRJY29uQ29tcG9uZW50JztcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIElucHV0IGJpbmRpbmcgZm9yIHRoZSBzaXplIG9mIHRoZSBpY29uLlxyXG4gICAgICogdGhpcyBpcyBhIGNzcyBzaXplIHN0cmluZyBvciBudW1iZXIgb2YgcGl4ZWxzXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgc2l6ZTogbnVtYmVyIHwgc3RyaW5nO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogSG9zdCBlbGVtZW50IGJpbmRpbmcgZm9yIHRoZSB3aWR0aCBvZiB0aGUgaWNvblxyXG4gICAgICovXHJcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLndpZHRoJylcclxuICAgIHB1YmxpYyBnZXQgd2lkdGgoKSB7XHJcbiAgICAgICAgcmV0dXJuIGdldENzc1NpemVTdHJpbmcoZGVmYXVsdEljb25TaXplLCB0aGlzLnNpemUpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogSG9zdCBlbGVtZW50IGJpbmRpbmcgZm9yIHRoZSBoZWlnaHQgb2YgdGhlIGljb25cclxuICAgICAqL1xyXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5oZWlnaHQnKVxyXG4gICAgcHVibGljIGdldCBoZWlnaHQoKSB7XHJcbiAgICAgICAgcmV0dXJuIGdldENzc1NpemVTdHJpbmcoZGVmYXVsdEljb25TaXplLCB0aGlzLnNpemUpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogSG9zdCBlbGVtZW50IGJpbmRpbmcgZm9yIHRoZSBmb250LXNpemUgb2YgdGhlIGljb25cclxuICAgICAqL1xyXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5mb250LXNpemUnKVxyXG4gICAgcHVibGljIGdldCBmb250U2l6ZSgpIHtcclxuICAgICAgICByZXR1cm4gZ2V0Q3NzU2l6ZVN0cmluZyhkZWZhdWx0SWNvblNpemUsIHRoaXMuc2l6ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogR2V0cyB0aGUgaW5pdGlhbCBob3N0IGNsYXNzZXMgdG8gYmUgYXBwbGllZCB0byB0aGlzIGVsZW1lbnRcclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGdldEluaXRpYWxIb3N0Q2xhc3NlcygpIHtcclxuICAgICAgICByZXR1cm4gc3VwZXIuZ2V0SW5pdGlhbEhvc3RDbGFzc2VzKCkuY29uY2F0KFtcclxuICAgICAgICAgICAgJ3NtZS1sYXllcmVkLWljb24nXHJcbiAgICAgICAgXSk7XHJcbiAgICB9XHJcbn1cclxuIl19