gov-gui
Version:
Gov UI Component Library Typscript Build
148 lines (147 loc) • 5.07 kB
JavaScript
import { h, Host } from "@stencil/core";
export class GovRow {
constructor() {
// Props for alignment and spacing
this.align = 'start'; // Vertical alignment
this.justify = 'start'; // Horizontal alignment
this.gap = '0'; // Gap between child elements (e.g., "10px" or "1rem")
this.reverse = false; // Row reversal (flex-direction: row-reverse)
}
render() {
// Dynamic styles
const style = Object.assign({ alignItems: this.align, justifyContent: this.justify, gap: this.gap, flexDirection: this.reverse ? 'row-reverse' : 'row' }, this.styles);
return (h(Host, { key: '79ec44424de2ab749fb7737e0828ad6f8ef31b74', class: this.classes, style: style }, h("slot", { key: 'c18fd0d5b6241cd71c59d72abdb7d9b7c3bd1e83' })));
}
static get is() { return "gov-row"; }
static get originalStyleUrls() {
return {
"$": ["gov-row.css"]
};
}
static get styleUrls() {
return {
"$": ["gov-row.css"]
};
}
static get properties() {
return {
"align": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'start' | 'center' | 'end' | 'stretch' | 'baseline'",
"resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "align",
"reflect": false,
"defaultValue": "'start'"
},
"justify": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'",
"resolved": "\"around\" | \"between\" | \"center\" | \"end\" | \"evenly\" | \"start\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "justify",
"reflect": false,
"defaultValue": "'start'"
},
"gap": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "gap",
"reflect": false,
"defaultValue": "'0'"
},
"reverse": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "reverse",
"reflect": false,
"defaultValue": "false"
},
"classes": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "classes",
"reflect": false
},
"styles": {
"type": "unknown",
"mutable": false,
"complexType": {
"original": "{ [key: string]: string }",
"resolved": "{ [key: string]: string; }",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false
}
};
}
}
//# sourceMappingURL=gov-row.js.map