@esri/calcite-components/dist/calcite/p-c2b006d8.system.entry.js

Web Components for Esri's Calcite Design System.

System.register(["./p-c97dd66b.system.js"],(function(t){"use strict";var e,i,o,n;return{setters:[function(t){e=t.r;i=t.h;o=t.H;n=t.g}],execute:function(){var a="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host-context([theme=dark]){--calcite-ui-blue-1:#00A0FF;--calcite-ui-blue-2:#0087D7;--calcite-ui-blue-3:#47BBFF;--calcite-ui-green-1:#36DA43;--calcite-ui-green-2:#11AD1D;--calcite-ui-green-3:#44ED51;--calcite-ui-yellow-1:#FFC900;--calcite-ui-yellow-2:#F4B000;--calcite-ui-yellow-3:#FFE24D;--calcite-ui-red-1:#FE583E;--calcite-ui-red-2:#F3381B;--calcite-ui-red-3:#FF7465;--calcite-ui-background:#202020;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#353535;--calcite-ui-foreground-3:#404040;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-border-1:#4a4a4a;--calcite-ui-border-2:#404040;--calcite-ui-border-3:#353535;--calcite-ui-border-4:#757575;--calcite-ui-border-5:#9f9f9f}:host{background-color:var(--calcite-ui-foreground-1);-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-2);box-shadow:0 0 0 1px var(--calcite-ui-border-2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;max-width:300px;padding:0.75rem;position:relative;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;vertical-align:top;z-index:10}:host(:hover){z-index:20;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-border-1);box-shadow:0 0 0 1px var(--calcite-ui-border-1)}:host([checked]){z-index:30;-webkit-box-shadow:0 0 0 1px var(--calcite-ui-blue-1);box-shadow:0 0 0 1px var(--calcite-ui-blue-1)}:host([focused]){z-index:30}:host([show-input=none]:hover){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-blue-1);box-shadow:0 0 0 1px var(--calcite-ui-blue-1)}:host([show-input=none][focused]){-webkit-box-shadow:0 0 0 1px var(--calcite-ui-blue-1), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-blue-1);box-shadow:0 0 0 1px var(--calcite-ui-blue-1), inset 0 0 0 2px var(--calcite-ui-foreground-1), inset 0 0 0 5px var(--calcite-ui-blue-1)}:host([width=full]){max-width:none;display:block}:host([show-input=none]) ::slotted(calcite-checkbox),:host([show-input=none]) ::slotted(calcite-radio-button){opacity:0;position:absolute}:host([heading]:not([icon]):not([description])){-ms-flex-align:center;align-items:center}:host([show-input=left][icon][heading][description]),:host([show-input=left]:not([icon])[heading]:not([description])){display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host([show-input=left][icon][heading][description]) ::slotted(calcite-checkbox),:host([show-input=left][icon][heading][description]) ::slotted(calcite-radio-button),:host([show-input=left]:not([icon])[heading]:not([description])) ::slotted(calcite-checkbox),:host([show-input=left]:not([icon])[heading]:not([description])) ::slotted(calcite-radio-button){-ms-flex-order:0;order:0}:host([show-input=left][icon][heading][description]) calcite-tile,:host([show-input=left]:not([icon])[heading]:not([description])) calcite-tile{-ms-flex-order:1;order:1}:host([show-input=left][icon][heading]:not([description])) ::slotted(calcite-checkbox),:host([show-input=left][icon][heading]:not([description])) ::slotted(calcite-radio-button){position:absolute;top:0.75rem;left:0.75rem}:host([show-input=right][icon][heading]) ::slotted(calcite-checkbox),:host([show-input=right][icon][heading]) ::slotted(calcite-radio-button){position:absolute;top:0.75rem;right:0.75rem}:host([show-input=right][heading]:not([icon]):not([description])){display:inline-grid;grid-gap:0.75rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}:host([show-input=right][heading]:not([icon]):not([description])) ::slotted(calcite-checkbox),:host([show-input=right][heading]:not([icon]):not([description])) ::slotted(calcite-radio-button){justify-self:flex-end}:host([hidden]){display:none}:host([disabled]){opacity:0.5;pointer-events:none}";var c=t("calcite_tile_select",function(){function t(t){e(this,t);this.checked=false;this.disabled=false;this.focused=false;this.hidden=false;this.name="";this.showInput="left";this.theme="light";this.type="radio";this.width="auto"}t.prototype.checkedChanged=function(t){this.input.checked=t};t.prototype.nameChanged=function(t){this.input.name=t};t.prototype.calciteCheckboxChangeEvent=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}};t.prototype.calciteCheckboxFocusedChangeEvent=function(t){var e=t.target;if(e===this.input){this.focused=e.focused}};t.prototype.calciteRadioButtonCheckedChangeEvent=function(t){var e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation()};t.prototype.calciteRadioButtonFocusedChangeEvent=function(t){var e=t.target;if(e===this.input){this.focused=e.focused}};t.prototype.click=function(t){var e=t.target;var i=["calcite-tile","calcite-tile-select"];if(i.includes(e.localName)){this.input.click()}};t.prototype.mouseenter=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=true}if(this.input.localName==="calcite-checkbox"){this.input.hovered=true}};t.prototype.mouseleave=function(){if(this.input.localName==="calcite-radio-button"){this.input.hovered=false}if(this.input.localName==="calcite-checkbox"){this.input.hovered=false}};t.prototype.connectedCallback=function(){this.renderInput()};t.prototype.disconnectedCallback=function(){this.input.parentNode.removeChild(this.input)};t.prototype.renderInput=function(){this.input=document.createElement(this.type==="radio"?"calcite-radio-button":"calcite-checkbox");this.input.checked=this.checked;this.input.disabled=this.disabled;this.input.hidden=this.hidden;this.input.id=this.el.id;if(this.name){this.input.name=this.name}this.input.theme=this.theme;if(this.value){this.input.value=this.value}this.el.insertAdjacentElement("beforeend",this.input)};t.prototype.render=function(){return i(o,null,i("calcite-tile",{active:this.checked,description:this.description,embed:true,heading:this.heading,icon:this.icon}),i("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],name:["nameChanged"]}},enumerable:false,configurable:true});return t}());c.style=a}}}));