@cbpds/web-components
Version:
Web components for the CBP Design System.
74 lines (73 loc) • 2.35 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import { Host, h } from "@stencil/core";
import { setCSSProps } from "../../utils/utils";
export class CbpCarouselItem {
constructor() {
this.height = '100%';
this.width = '100%';
}
componentWillLoad() {
setCSSProps(this.host, {
"--cbp-carousel-item-height": `${this.height}`,
"--cbp-carousel-item-width": `${this.width}`,
});
}
render() {
return (h(Host, { key: '6af09c755dcbe68942e8efaee4a375d636122fa1' }, h("slot", { key: '1a40dcfbdab2434f0c2ff65542d7bde6bd7a6e67' })));
}
static get is() { return "cbp-carousel-item"; }
static get originalStyleUrls() {
return {
"$": ["cbp-carousel-item.scss"]
};
}
static get styleUrls() {
return {
"$": ["cbp-carousel-item.css"]
};
}
static get properties() {
return {
"height": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "used to set the height (in CSS units or content values) of the carousel-item"
},
"attribute": "height",
"reflect": false,
"defaultValue": "'100%'"
},
"width": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "used to set the width (in CSS units or content values) of the carousel-item"
},
"attribute": "width",
"reflect": false,
"defaultValue": "'100%'"
}
};
}
static get elementRef() { return "host"; }
}
//# sourceMappingURL=cbp-carousel-item.js.map