@cbpds/web-components
Version:
Web components for the CBP Design System.
31 lines (27 loc) • 1.19 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import { r as registerInstance, h, a as Host, g as getElement } from './index-6c11fa0c.js';
import { s as setCSSProps } from './utils-475ba472.js';
const cbpCarouselItemCss = "cbp-carousel-item{display:inline-block;height:var(--cbp-carousel-item-height);width:var(--cbp-carousel-item-width);flex-shrink:0}cbp-carousel-item>*{height:inherit;width:inherit}";
const CbpCarouselItemStyle0 = cbpCarouselItemCss;
const CbpCarouselItem = class {
constructor(hostRef) {
registerInstance(this, hostRef);
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' })));
}
get host() { return getElement(this); }
};
CbpCarouselItem.style = CbpCarouselItemStyle0;
export { CbpCarouselItem as cbp_carousel_item };
//# sourceMappingURL=cbp-carousel-item.entry.js.map