@furo/layout
Version:
Layout components for furo
56 lines (55 loc) • 1.5 kB
JavaScript
import { __decorate } from "tslib";
import { css, LitElement } from "lit";
import { property } from "lit/decorators.js";
/**
* `furo-empty-spacer` Takes the place in furo-horizontal-flex or a furo-vertical-flex.
*
*<furo-demo-snippet source>
* <template>
* <furo-horizontal-flex>
* <div>small</div>
* <!-- A furo-empty-spacer will fill the available space. -->
* <furo-empty-spacer style="border: 1px dashed lightgray;"></furo-empty-spacer>
* <div>small</div>
* </furo-horizontal-flex>
* </template>
*</furo-demo-snippet>
*
* @summary fill the space in a furo-xxxx-flex
* @customElement
* @demo demo-furo-vertical-flex With vertical flex
* @demo demo-furo-horizontal-flex With horizontal flex
* @appliesMixin FBP
*/
export class FuroEmptySpacer extends LitElement {
constructor() {
super(...arguments);
/**
* Attribute flex for furo-horizontal-flex and furo-vertical-flex
*
* @type Boolean
*/
this.flex = true;
}
/**
*
* @private
* @return {CSSResult}
*/
static get styles() {
// language=CSS
return (css `
:host {
display: block;
}
:host([hidden]) {
display: none;
}
`);
}
}
__decorate([
property({ type: Boolean, reflect: true })
], FuroEmptySpacer.prototype, "flex", void 0);
window.customElements.define('furo-empty-spacer', FuroEmptySpacer);
//# sourceMappingURL=FuroEmptySpacer.js.map