1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- /*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.82
- */
- 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"; }
- }
|