// All material copyright Esri, All Rights Reserved, unless otherwise specified.
// See https://js.arcgis.com/4.30/esri/copyright.txt for details.
//>>built
define("exports ./componentsUtils ./interactive ./dom ./loadable ./icon ./link".split(" "),function(f,b,e,m,g,t,u){function n(){"undefined"!==typeof customElements&&["calcite-tile","calcite-icon","calcite-link"].forEach(a=>{switch(a){case "calcite-tile":customElements.get(a)||customElements.define(a,p);break;case "calcite-icon":customElements.get(a)||t.defineCustomElement();break;case "calcite-link":customElements.get(a)||u.defineCustomElement()}})}const p=b.proxyCustomElement(class extends b.H{constructor(){super();
this.__registerHost();this.__attachShadow();this.calciteInternalTileKeyEvent=b.createEvent(this,"calciteInternalTileKeyEvent",6);this.calciteTileSelect=b.createEvent(this,"calciteTileSelect",7);this.clickHandler=()=>{this.interactive&&(this.setFocus(),this.handleSelectEvent())};this.handleSelectEvent=()=>{this.disabled||!this.interactive||"single-persist"===this.selectionMode&&!0===this.selected||this.calciteTileSelect.emit()};this.setContainerEl=a=>{this.containerEl=a};this.active=!1;this.alignment=
"start";this.description=void 0;this.embed=this.disabled=!1;this.icon=this.href=this.heading=void 0;this.interactive=this.iconFlipRtl=!1;this.label=void 0;this.layout="horizontal";this.scale="m";this.selected=!1;this.selectionAppearance="icon";this.selectionMode="none"}async setFocus(){await g.componentFocusable(this);!this.disabled&&this.interactive&&this.containerEl?.focus()}connectedCallback(){e.connectInteractive(this)}componentDidLoad(){g.setComponentLoaded(this)}disconnectedCallback(){e.disconnectInteractive(this)}componentDidRender(){e.updateHostInteraction(this)}async componentWillLoad(){g.setUpLoadableComponent(this)}keyDownHandler(a){if(a.target===
this.el)switch(a.key){case " ":case "Enter":this.handleSelectEvent();a.preventDefault();break;case "ArrowDown":case "ArrowLeft":case "ArrowRight":case "ArrowUp":case "Home":case "End":this.calciteInternalTileKeyEvent.emit(a),a.preventDefault()}}renderSelectionIcon(){const {selected:a,selectionAppearance:h,selectionMode:c}=this;if("icon"===h&&"none"!==c)return b.h("calcite-icon",{class:"selection-icon",icon:a?"multiple"===c?"check-square-f":"circle-f":"multiple"===c?"square":"circle",scale:"s"})}renderTile(){const {description:a,
disabled:h,heading:c,icon:k,iconFlipRtl:v,interactive:d,selectionMode:l}=this,w=c&&k&&!a,q=!!this.href||!d,r="multiple"===l&&d?"checkbox":"none"!==l&&d?"radio":d?"button":void 0;return b.h("div",{"aria-checked":"none"!==l&&d?m.toAriaBoolean(this.selected):void 0,"aria-disabled":q?m.toAriaBoolean(h):void 0,"aria-label":r&&this.label,class:{container:!0,interactive:d,["large-visual-deprecated"]:w,row:!0,selected:this.selected},onClick:this.clickHandler,role:r,tabIndex:q?void 0:0,ref:this.setContainerEl},
this.renderSelectionIcon(),b.h("div",{class:"column"},b.h("slot",{name:"content-top"}),k&&b.h("calcite-icon",{flipRtl:v,icon:k,scale:"l"}),b.h("div",{class:{["content-container"]:!0,row:!0}},b.h("slot",{name:"content-start"}),b.h("div",{class:"text-content"},c&&b.h("div",{class:"heading"},c),a&&b.h("div",{class:"description"},a)),b.h("slot",{name:"content-end"})),b.h("slot",{name:"content-bottom"})))}render(){const {disabled:a}=this;return b.h(e.InteractiveContainer,{key:"0498410835d5fc00d19eb6787aa89862ce784c46",
disabled:a},this.href?b.h("calcite-link",{disabled:a,href:this.href},this.renderTile()):this.renderTile())}get el(){return this}static get style(){return':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-ui-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}.container{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;user-select:none}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-color-brand);position:relative}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}.container.interactive.selected{z-index:var(--calcite-z-index)}.container.interactive:focus{box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}.column,.row{align-items:flex-start;display:flex}.column{flex-direction:column}.content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated calcite-icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .content-container{justify-content:center}.description{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}:host([alignment\x3dcenter]) .row,:host([alignment\x3dcenter]) .column{align-items:center;text-align:center}:host([alignment\x3dcenter]) slot[name\x3dcontent-start]::slotted(*),:host([alignment\x3dcenter]) slot[name\x3dcontent-end]::slotted(*){align-self:center}:host([scale\x3ds]){max-inline-size:400px;min-inline-size:100px}:host([scale\x3ds]) .container{padding:var(--calcite-spacing-sm)}:host([scale\x3ds]) .column,:host([scale\x3ds]) .row{gap:var(--calcite-spacing-sm)}:host([scale\x3ds]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale\x3ds]) .description{font-size:var(--calcite-font-size--3);line-height:0.85938rem}:host([scale\x3dm]){max-inline-size:460px;min-inline-size:140px}:host([scale\x3dm]) .container{padding:var(--calcite-spacing-md)}:host([scale\x3dm]) .column,:host([scale\x3dm]) .row{gap:var(--calcite-spacing-md)}:host([scale\x3dm]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale\x3dm]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale\x3dl]){max-inline-size:520px;min-inline-size:160px}:host([scale\x3dl]) .container{padding:var(--calcite-spacing-xl)}:host([scale\x3dl]) .column,:host([scale\x3dl]) .row{gap:var(--calcite-spacing-xl)}:host([scale\x3dl]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale\x3dl]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([selection-appearance\x3dborder][layout\x3dhorizontal]) .container.selected:focus::before,:host([selection-appearance\x3dborder][layout\x3dvertical]) .container.selected:focus::before{block-size:100%;box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance\x3dborder][layout\x3dhorizontal]) .container.selected{box-shadow:inset 0px -4px 0px 0px var(--calcite-color-brand)}:host([selection-appearance\x3dborder][layout\x3dvertical]) .container.selected{box-shadow:inset 4px 0px 0px 0px var(--calcite-color-brand)}:host([href]:focus:not([disabled])),:host([href]:hover:not([disabled])){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-ui-icon-color:var(--calcite-color-text-link)}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{position:relative;z-index:var(--calcite-z-index)}:host([href]:active:not([disabled])) .container{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}:host([embed]) .container{box-shadow:none;padding:0}:host([selection-mode\x3dnone]) .container{outline-color:var(--calcite-tile-border-color)}:host([selection-mode\x3dnone]) .container:focus{outline-color:var(--calcite-color-brand);position:relative}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover:not([disabled])),:host([active]:not([disabled])){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}'}},
[1,"calcite-tile",{active:[516],alignment:[513],description:[513],disabled:[516],embed:[516],heading:[513],href:[513],icon:[513],iconFlipRtl:[516,"icon-flip-rtl"],interactive:[4],label:[1],layout:[513],scale:[513],selected:[516],selectionAppearance:[513,"selection-appearance"],selectionMode:[513,"selection-mode"],setFocus:[64]},[[0,"keydown","keyDownHandler"]]]);n();f.CalciteTile=p;f.defineCustomElement=n;Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});