carbon-components-angular
Version:
Next generation components
48 lines • 4.98 kB
JavaScript
import { Component, HostBinding, Input } from "@angular/core";
import * as i0 from "@angular/core";
/**
* `TabsVerticalGrouped` is the vertical-orientation counterpart of the
* "tab-header-group" composition pattern. It is a thin wrapper that
* supplies the layout context (`cds--css-grid` and an explicit height).
*
* ```html
* <cds-tabs-vertical-grouped height="400px">
* <cds-tab-header-group-vertical>
* <cds-tab-header [paneReference]="content1">Dashboard</cds-tab-header>
* <cds-tab-header [paneReference]="content2"
* secondaryLabel="(21/25)" [dismissable]="true">
* Monitoring
* </cds-tab-header>
* </cds-tab-header-group-vertical>
*
* <cds-tab #content1>Tab Content 1</cds-tab>
* <cds-tab #content2>Tab Content 2</cds-tab>
* </cds-tabs-vertical-grouped>
* ```
*/
export class TabsVerticalGrouped {
constructor() {
this.cssGridClass = true;
}
get hostHeight() {
return this.height || null;
}
}
TabsVerticalGrouped.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TabsVerticalGrouped, deps: [], target: i0.ɵɵFactoryTarget.Component });
TabsVerticalGrouped.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TabsVerticalGrouped, selector: "cds-tabs-vertical-grouped, ibm-tabs-vertical-grouped", inputs: { height: "height" }, host: { properties: { "class.cds--css-grid": "this.cssGridClass", "style.height": "this.hostHeight" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TabsVerticalGrouped, decorators: [{
type: Component,
args: [{
selector: "cds-tabs-vertical-grouped, ibm-tabs-vertical-grouped",
template: `<ng-content></ng-content>`
}]
}], propDecorators: { height: [{
type: Input
}], cssGridClass: [{
type: HostBinding,
args: ["class.cds--css-grid"]
}], hostHeight: [{
type: HostBinding,
args: ["style.height"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy12ZXJ0aWNhbC1ncm91cGVkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJzL3RhYnMtdmVydGljYWwtZ3JvdXBlZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFXcUMsaUJBQVksR0FBRyxJQUFJLENBQUM7S0FLeEQ7SUFIQSxJQUFpQyxVQUFVO1FBQzFDLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUM7SUFDNUIsQ0FBQzs7Z0hBWFcsbUJBQW1CO29HQUFuQixtQkFBbUIsbU9BRnJCLDJCQUEyQjsyRkFFekIsbUJBQW1CO2tCQUovQixTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxzREFBc0Q7b0JBQ2hFLFFBQVEsRUFBRSwyQkFBMkI7aUJBQ3JDOzhCQU1TLE1BQU07c0JBQWQsS0FBSztnQkFFOEIsWUFBWTtzQkFBL0MsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBRUQsVUFBVTtzQkFBMUMsV0FBVzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuXHRDb21wb25lbnQsXHJcblx0SG9zdEJpbmRpbmcsXHJcblx0SW5wdXRcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLyoqXHJcbiAqIGBUYWJzVmVydGljYWxHcm91cGVkYCBpcyB0aGUgdmVydGljYWwtb3JpZW50YXRpb24gY291bnRlcnBhcnQgb2YgdGhlXHJcbiAqIFwidGFiLWhlYWRlci1ncm91cFwiIGNvbXBvc2l0aW9uIHBhdHRlcm4uIEl0IGlzIGEgdGhpbiB3cmFwcGVyIHRoYXRcclxuICogc3VwcGxpZXMgdGhlIGxheW91dCBjb250ZXh0IChgY2RzLS1jc3MtZ3JpZGAgYW5kIGFuIGV4cGxpY2l0IGhlaWdodCkuXHJcbiAqXHJcbiAqIGBgYGh0bWxcclxuICogPGNkcy10YWJzLXZlcnRpY2FsLWdyb3VwZWQgaGVpZ2h0PVwiNDAwcHhcIj5cclxuICogICA8Y2RzLXRhYi1oZWFkZXItZ3JvdXAtdmVydGljYWw+XHJcbiAqICAgICA8Y2RzLXRhYi1oZWFkZXIgW3BhbmVSZWZlcmVuY2VdPVwiY29udGVudDFcIj5EYXNoYm9hcmQ8L2Nkcy10YWItaGVhZGVyPlxyXG4gKiAgICAgPGNkcy10YWItaGVhZGVyIFtwYW5lUmVmZXJlbmNlXT1cImNvbnRlbnQyXCJcclxuICogICAgICAgc2Vjb25kYXJ5TGFiZWw9XCIoMjEvMjUpXCIgW2Rpc21pc3NhYmxlXT1cInRydWVcIj5cclxuICogICAgICAgTW9uaXRvcmluZ1xyXG4gKiAgICAgPC9jZHMtdGFiLWhlYWRlcj5cclxuICogICA8L2Nkcy10YWItaGVhZGVyLWdyb3VwLXZlcnRpY2FsPlxyXG4gKlxyXG4gKiAgIDxjZHMtdGFiICNjb250ZW50MT5UYWIgQ29udGVudCAxPC9jZHMtdGFiPlxyXG4gKiAgIDxjZHMtdGFiICNjb250ZW50Mj5UYWIgQ29udGVudCAyPC9jZHMtdGFiPlxyXG4gKiA8L2Nkcy10YWJzLXZlcnRpY2FsLWdyb3VwZWQ+XHJcbiAqIGBgYFxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6IFwiY2RzLXRhYnMtdmVydGljYWwtZ3JvdXBlZCwgaWJtLXRhYnMtdmVydGljYWwtZ3JvdXBlZFwiLFxyXG5cdHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmBcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYnNWZXJ0aWNhbEdyb3VwZWQge1xyXG5cdC8qKlxyXG5cdCAqICoqT3B0aW9uYWwqKjogZXhwbGljaXQgaGVpZ2h0IGZvciB0aGUgdmVydGljYWwgdGFiIGxpc3QgY29udGFpbmVyLiBBY2NlcHRzXHJcblx0ICogYW55IHZhbGlkIENTUyBoZWlnaHQgdmFsdWUuXHJcblx0ICovXHJcblx0QElucHV0KCkgaGVpZ2h0OiBzdHJpbmc7XHJcblxyXG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tY3NzLWdyaWRcIikgY3NzR3JpZENsYXNzID0gdHJ1ZTtcclxuXHJcblx0QEhvc3RCaW5kaW5nKFwic3R5bGUuaGVpZ2h0XCIpIGdldCBob3N0SGVpZ2h0KCkge1xyXG5cdFx0cmV0dXJuIHRoaXMuaGVpZ2h0IHx8IG51bGw7XHJcblx0fVxyXG59XHJcbiJdfQ==