@limetech/lime-elements/dist/cjs/limel-flex-container.cjs.entry.js

Lime Elements

'use strict';

var index = require('./index-BjHIBY-I.js');

const flexContainerCss = () => `:host(limel-flex-container){display:flex}:host(limel-flex-container[hidden]){display:none}:host(limel-flex-container[direction=horizontal]){flex-direction:row}:host(limel-flex-container[direction=horizontal][reverse]){flex-direction:row-reverse}:host(limel-flex-container[direction=vertical]){flex-direction:column}:host(limel-flex-container[direction=vertical][reverse]){flex-direction:column-reverse}:host(limel-flex-container[align=start]){align-items:flex-start}:host(limel-flex-container[align=end]){align-items:flex-end}:host(limel-flex-container[align=center]){align-items:center}:host(limel-flex-container[align=stretch]){align-items:stretch}:host(limel-flex-container[justify=start]){justify-content:flex-start}:host(limel-flex-container[justify=end]){justify-content:flex-end}:host(limel-flex-container[justify=center]){justify-content:center}:host(limel-flex-container[justify=space-between]){justify-content:space-between}:host(limel-flex-container[justify=space-around]){justify-content:space-around}:host(limel-flex-container[justify=space-evenly]){justify-content:space-evenly}:host(limel-flex-container[slot=button]){gap:0.5rem;width:100%;justify-content:flex-end}:host(limel-flex-container[slot=button][direction=horizontal][reverse]){justify-content:flex-start}`;

const FlexContainer = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /**
         * Direction of the main axis
         */
        this.direction = 'horizontal';
        /**
         * Specify how items are aligned along the main axis
         */
        this.justify = 'space-between';
        /**
         * Specify how items are aligned along the cross axis
         */
        this.align = 'center';
        /**
         * Reverse the order of the items
         */
        this.reverse = false;
    }
    componentWillLoad() {
        console.warn('limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox');
    }
    render() {
        return index.h("slot", { key: 'f308350023b1ced85d78be3fe3f2365cb30aeabd' });
    }
};
FlexContainer.style = flexContainerCss();

exports.limel_flex_container = FlexContainer;