@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
86 lines (85 loc) • 2.56 kB
JavaScript
/*!
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
*/
import { Component, h, Prop, Element } from "@stencil/core";
import { updateHostInteraction } from "../../utils/interactive";
/**
* @slot - A slot for adding `calcite-tile-select`s.
*/
export class TileSelectGroup {
constructor() {
//--------------------------------------------------------------------------
//
// Properties
//
//--------------------------------------------------------------------------
/** The disabled state of the tile select. */
this.disabled = false;
/** Tiles by default move horizontally, stacking with each row, vertical allows single-column layouts */
this.layout = "horizontal";
}
//--------------------------------------------------------------------------
//
// Lifecycle
//
//--------------------------------------------------------------------------
componentDidRender() {
updateHostInteraction(this);
}
render() {
return h("slot", null);
}
static get is() { return "calcite-tile-select-group"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() { return {
"$": ["tile-select-group.scss"]
}; }
static get styleUrls() { return {
"$": ["tile-select-group.css"]
}; }
static get properties() { return {
"disabled": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "The disabled state of the tile select."
},
"attribute": "disabled",
"reflect": true,
"defaultValue": "false"
},
"layout": {
"type": "string",
"mutable": false,
"complexType": {
"original": "TileSelectGroupLayout",
"resolved": "\"horizontal\" | \"vertical\"",
"references": {
"TileSelectGroupLayout": {
"location": "import",
"path": "./interfaces"
}
}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": "Tiles by default move horizontally, stacking with each row, vertical allows single-column layouts"
},
"attribute": "layout",
"reflect": true,
"defaultValue": "\"horizontal\""
}
}; }
static get elementRef() { return "el"; }
}