@cbpds/web-components/dist/cjs/cbp-carousel-item.cjs.entry.js

Web components for the CBP Design System.

/*!
 * CPB Design System web components - built with Stencil
 */
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-cd71cbd5.js');
const utils = require('./utils-99c9e716.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) {
        index.registerInstance(this, hostRef);
        this.height = '100%';
        this.width = '100%';
    }
    componentWillLoad() {
        utils.setCSSProps(this.host, {
            "--cbp-carousel-item-height": `${this.height}`,
            "--cbp-carousel-item-width": `${this.width}`,
        });
    }
    render() {
        return (index.h(index.Host, { key: '6af09c755dcbe68942e8efaee4a375d636122fa1' }, index.h("slot", { key: '1a40dcfbdab2434f0c2ff65542d7bde6bd7a6e67' })));
    }
    get host() { return index.getElement(this); }
};
CbpCarouselItem.style = CbpCarouselItemStyle0;

exports.cbp_carousel_item = CbpCarouselItem;

//# sourceMappingURL=cbp-carousel-item.cjs.entry.js.map