carbon-components-angular
Version:
Next generation components
62 lines • 6.19 kB
JavaScript
import { ChangeDetectionStrategy, Component, HostBinding, Input } from "@angular/core";
import { Tag } from "./tag.component";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class TagOperationalComponent extends Tag {
constructor() {
super(...arguments);
this.role = "button";
this.buttonType = "button";
this.tabIndex = 0;
this.disabled = false;
}
/**
* @todo
* Remove `cds--tag--${this.size}` in v7
*/
get attrClass() {
const disabledClass = this.disabled ? "cds--tag--disabled" : "";
const sizeClass = `cds--tag--${this.size} cds--layout--size-${this.size}`;
const skeletonClass = this.skeleton ? "cds--skeleton" : "";
return `cds--tag cds--tag--operational cds--tag--${this.type} ${disabledClass} ${sizeClass} ${skeletonClass} ${this.class}`;
}
}
TagOperationalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TagOperationalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
TagOperationalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TagOperationalComponent, selector: "cds-tag-operational, ibm-tag-operational", inputs: { disabled: "disabled" }, host: { properties: { "attr.role": "this.role", "attr.type": "this.buttonType", "attr.tabindex": "this.tabIndex", "attr.class": "this.attrClass" } }, usesInheritance: true, ngImport: i0, template: `
<ng-container *ngIf="!skeleton">
<ng-content select="[cdsTagIcon],[ibmTagIcon]"></ng-content>
<span class="cds--tag__label">
<ng-content></ng-content>
</span>
</ng-container>
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TagOperationalComponent, decorators: [{
type: Component,
args: [{
selector: "cds-tag-operational, ibm-tag-operational",
template: `
<ng-container *ngIf="!skeleton">
<ng-content select="[cdsTagIcon],[ibmTagIcon]"></ng-content>
<span class="cds--tag__label">
<ng-content></ng-content>
</span>
</ng-container>
`,
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], propDecorators: { role: [{
type: HostBinding,
args: ["attr.role"]
}], buttonType: [{
type: HostBinding,
args: ["attr.type"]
}], tabIndex: [{
type: HostBinding,
args: ["attr.tabindex"]
}], disabled: [{
type: Input
}], attrClass: [{
type: HostBinding,
args: ["attr.class"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLW9wZXJhdGlvbmFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWcvdGFnLW9wZXJhdGlvbmFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ04sdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBY3RDLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxHQUFHO0lBWmhEOztRQWEyQixTQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ2hCLGVBQVUsR0FBRyxRQUFRLENBQUM7UUFDbEIsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUVsQyxhQUFRLEdBQUcsS0FBSyxDQUFDO0tBYTFCO0lBWEE7OztPQUdHO0lBQ0gsSUFBK0IsU0FBUztRQUN2QyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2hFLE1BQU0sU0FBUyxHQUFHLGFBQWEsSUFBSSxDQUFDLElBQUksc0JBQXNCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxRSxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUUzRCxPQUFPLDRDQUE0QyxJQUFJLENBQUMsSUFBSSxJQUFJLGFBQWEsSUFBSSxTQUFTLElBQUksYUFBYSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM3SCxDQUFDOztvSEFqQlcsdUJBQXVCO3dHQUF2Qix1QkFBdUIsK1JBVnpCOzs7Ozs7O0VBT1Q7MkZBR1csdUJBQXVCO2tCQVpuQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSwwQ0FBMEM7b0JBQ3BELFFBQVEsRUFBRTs7Ozs7OztFQU9UO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUMvQzs4QkFFMEIsSUFBSTtzQkFBN0IsV0FBVzt1QkFBQyxXQUFXO2dCQUNFLFVBQVU7c0JBQW5DLFdBQVc7dUJBQUMsV0FBVztnQkFDTSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBRW5CLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTXlCLFNBQVM7c0JBQXZDLFdBQVc7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDb21wb25lbnQsXG5cdEhvc3RCaW5kaW5nLFxuXHRJbnB1dFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVGFnIH0gZnJvbSBcIi4vdGFnLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6IFwiY2RzLXRhZy1vcGVyYXRpb25hbCwgaWJtLXRhZy1vcGVyYXRpb25hbFwiLFxuXHR0ZW1wbGF0ZTogYFxuXHRcdDxuZy1jb250YWluZXIgKm5nSWY9XCIhc2tlbGV0b25cIj5cblx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIltjZHNUYWdJY29uXSxbaWJtVGFnSWNvbl1cIj48L25nLWNvbnRlbnQ+XG5cdFx0XHQ8c3BhbiBjbGFzcz1cImNkcy0tdGFnX19sYWJlbFwiPlxuXHRcdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdFx0XHQ8L3NwYW4+XG5cdFx0PC9uZy1jb250YWluZXI+XG5cdGAsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRhZ09wZXJhdGlvbmFsQ29tcG9uZW50IGV4dGVuZHMgVGFnIHtcblx0QEhvc3RCaW5kaW5nKFwiYXR0ci5yb2xlXCIpIHJvbGUgPSBcImJ1dHRvblwiO1xuXHRASG9zdEJpbmRpbmcoXCJhdHRyLnR5cGVcIikgYnV0dG9uVHlwZSA9IFwiYnV0dG9uXCI7XG5cdEBIb3N0QmluZGluZyhcImF0dHIudGFiaW5kZXhcIikgdGFiSW5kZXggPSAwO1xuXG5cdEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cblx0LyoqXG5cdCAqIEB0b2RvXG5cdCAqIFJlbW92ZSBgY2RzLS10YWctLSR7dGhpcy5zaXplfWAgaW4gdjdcblx0ICovXG5cdEBIb3N0QmluZGluZyhcImF0dHIuY2xhc3NcIikgZ2V0IGF0dHJDbGFzcygpIHtcblx0XHRjb25zdCBkaXNhYmxlZENsYXNzID0gdGhpcy5kaXNhYmxlZCA/IFwiY2RzLS10YWctLWRpc2FibGVkXCIgOiBcIlwiO1xuXHRcdGNvbnN0IHNpemVDbGFzcyA9IGBjZHMtLXRhZy0tJHt0aGlzLnNpemV9IGNkcy0tbGF5b3V0LS1zaXplLSR7dGhpcy5zaXplfWA7XG5cdFx0Y29uc3Qgc2tlbGV0b25DbGFzcyA9IHRoaXMuc2tlbGV0b24gPyBcImNkcy0tc2tlbGV0b25cIiA6IFwiXCI7XG5cblx0XHRyZXR1cm4gYGNkcy0tdGFnIGNkcy0tdGFnLS1vcGVyYXRpb25hbCBjZHMtLXRhZy0tJHt0aGlzLnR5cGV9ICR7ZGlzYWJsZWRDbGFzc30gJHtzaXplQ2xhc3N9ICR7c2tlbGV0b25DbGFzc30gJHt0aGlzLmNsYXNzfWA7XG5cdH1cbn1cbiJdfQ==