carbon-components-angular
Version:
Next generation components
72 lines • 5.36 kB
JavaScript
import { Component, HostBinding, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/**
* Skeleton component for tabs
*/
export class TabSkeleton {
constructor() {
/**
* Set to `true` to render the contained variant of the skeleton tabs.
*/
this.contained = false;
/**
* Set to `true` to put tabs in a loading state.
*/
this.skeleton = true;
this.tabs = true;
this.numOfSkeletonTabs = new Array(5);
}
/**
* Number of skeleton tab placeholders to render, default is 5
*/
set numOftabs(num) {
this.numOfSkeletonTabs = new Array(num);
}
get containedClass() {
return this.contained;
}
}
TabSkeleton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TabSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
TabSkeleton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TabSkeleton, selector: "cds-tabs-skeleton, ibm-tabs-skeleton", inputs: { numOftabs: "numOftabs", contained: "contained" }, host: { properties: { "class.cds--skeleton": "this.skeleton", "class.cds--tabs": "this.tabs", "class.cds--tabs--contained": "this.containedClass" } }, ngImport: i0, template: `
<ul class="cds--tabs__nav">
<li
*ngFor="let i of numOfSkeletonTabs"
class="cds--tabs__nav-item">
<div class="cds--tabs__nav-link">
<span></span>
</div>
</li>
</ul>
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TabSkeleton, decorators: [{
type: Component,
args: [{
selector: "cds-tabs-skeleton, ibm-tabs-skeleton",
template: `
<ul class="cds--tabs__nav">
<li
*ngFor="let i of numOfSkeletonTabs"
class="cds--tabs__nav-item">
<div class="cds--tabs__nav-link">
<span></span>
</div>
</li>
</ul>
`
}]
}], propDecorators: { numOftabs: [{
type: Input
}], contained: [{
type: Input
}], skeleton: [{
type: HostBinding,
args: ["class.cds--skeleton"]
}], tabs: [{
type: HostBinding,
args: ["class.cds--tabs"]
}], containedClass: [{
type: HostBinding,
args: ["class.cds--tabs--contained"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJzL3RhYi1za2VsZXRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkI7O0dBRUc7QUFlSCxNQUFNLE9BQU8sV0FBVztJQWR4QjtRQXNCQzs7V0FFRztRQUNNLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFM0I7O1dBRUc7UUFDaUMsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNwQixTQUFJLEdBQUcsSUFBSSxDQUFDO1FBSTVDLHNCQUFpQixHQUFHLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBQ2pDO0lBckJBOztPQUVHO0lBQ0gsSUFBYSxTQUFTLENBQUMsR0FBVztRQUNqQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDekMsQ0FBQztJQVlELElBQStDLGNBQWM7UUFDNUQsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3ZCLENBQUM7O3dHQXBCVyxXQUFXOzRGQUFYLFdBQVcsK1JBWmI7Ozs7Ozs7Ozs7RUFVVDsyRkFFVyxXQUFXO2tCQWR2QixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxzQ0FBc0M7b0JBQ2hELFFBQVEsRUFBRTs7Ozs7Ozs7OztFQVVUO2lCQUNEOzhCQUthLFNBQVM7c0JBQXJCLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFLOEIsUUFBUTtzQkFBM0MsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBQ0YsSUFBSTtzQkFBbkMsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBQ2lCLGNBQWM7c0JBQTVELFdBQVc7dUJBQUMsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0Q29tcG9uZW50LFxuXHRIb3N0QmluZGluZyxcblx0SW5wdXRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuLyoqXG4gKiBTa2VsZXRvbiBjb21wb25lbnQgZm9yIHRhYnNcbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiBcImNkcy10YWJzLXNrZWxldG9uLCBpYm0tdGFicy1za2VsZXRvblwiLFxuXHR0ZW1wbGF0ZTogYFxuXHRcdDx1bCBjbGFzcz1cImNkcy0tdGFic19fbmF2XCI+XG5cdFx0XHQ8bGlcblx0XHRcdFx0Km5nRm9yPVwibGV0IGkgb2YgbnVtT2ZTa2VsZXRvblRhYnNcIlxuXHRcdFx0XHRjbGFzcz1cImNkcy0tdGFic19fbmF2LWl0ZW1cIj5cblx0XHRcdFx0PGRpdiBjbGFzcz1cImNkcy0tdGFic19fbmF2LWxpbmtcIj5cblx0XHRcdFx0XHQ8c3Bhbj48L3NwYW4+XG5cdFx0XHRcdDwvZGl2PlxuXHRcdFx0PC9saT5cblx0XHQ8L3VsPlxuXHRgXG59KVxuZXhwb3J0IGNsYXNzIFRhYlNrZWxldG9uIHtcblx0LyoqXG5cdCAqIE51bWJlciBvZiBza2VsZXRvbiB0YWIgcGxhY2Vob2xkZXJzIHRvIHJlbmRlciwgZGVmYXVsdCBpcyA1XG5cdCAqL1xuXHRASW5wdXQoKSBzZXQgbnVtT2Z0YWJzKG51bTogbnVtYmVyKSB7XG5cdFx0dGhpcy5udW1PZlNrZWxldG9uVGFicyA9IG5ldyBBcnJheShudW0pO1xuXHR9XG5cblx0LyoqXG5cdCAqIFNldCB0byBgdHJ1ZWAgdG8gcmVuZGVyIHRoZSBjb250YWluZWQgdmFyaWFudCBvZiB0aGUgc2tlbGV0b24gdGFicy5cblx0ICovXG5cdEBJbnB1dCgpIGNvbnRhaW5lZCA9IGZhbHNlO1xuXG5cdC8qKlxuXHQgKiBTZXQgdG8gYHRydWVgIHRvIHB1dCB0YWJzIGluIGEgbG9hZGluZyBzdGF0ZS5cblx0ICovXG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tc2tlbGV0b25cIikgc2tlbGV0b24gPSB0cnVlO1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXRhYnNcIikgdGFicyA9IHRydWU7XG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tdGFicy0tY29udGFpbmVkXCIpIGdldCBjb250YWluZWRDbGFzcygpIHtcblx0XHRyZXR1cm4gdGhpcy5jb250YWluZWQ7XG5cdH1cblx0bnVtT2ZTa2VsZXRvblRhYnMgPSBuZXcgQXJyYXkoNSk7XG59XG4iXX0=