@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/calcite-block.js

@@ -1,277 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as getSlotted, t as toAriaBoolean } from './dom.js';
-import { H as Heading } from './Heading.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { g as guid } from './guid.js';
-import { d as defineCustomElement$8 } from './action.js';
-import { d as defineCustomElement$7 } from './action-menu.js';
-import { d as defineCustomElement$6 } from './handle.js';
-import { d as defineCustomElement$5 } from './icon.js';
-import { d as defineCustomElement$4 } from './loader.js';
-import { d as defineCustomElement$3 } from './popover.js';
-import { d as defineCustomElement$2 } from './scrim.js';
-
-/*!
- * 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.97
- */
-const CSS = {
-  container: "container",
-  content: "content",
-  contentSpaced: "content--spaced",
-  headerContainer: "header-container",
-  icon: "icon",
-  statusIcon: "status-icon",
-  toggle: "toggle",
-  toggleIcon: "toggle-icon",
-  title: "title",
-  heading: "heading",
-  header: "header",
-  button: "button",
-  summary: "summary",
-  description: "description",
-  controlContainer: "control-container",
-  valid: "valid",
-  invalid: "invalid",
-  loading: "loading"
-};
-const TEXT = {
-  collapse: "Collapse",
-  expand: "Expand",
-  loading: "Loading",
-  options: "Options"
-};
-const SLOTS = {
-  icon: "icon",
-  control: "control",
-  headerMenuActions: "header-menu-actions"
-};
-const ICONS = {
-  opened: "chevron-up",
-  closed: "chevron-down",
-  valid: "check-circle",
-  invalid: "exclamation-mark-triangle",
-  refresh: "refresh"
-};
-const HEADING_LEVEL = 4;
-
-const blockCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:\"handle header control menu\";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{-webkit-margin-before:0.125rem;margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);word-wrap:break-word;word-break:break-word}.icon{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem;-webkit-margin-end:0px;margin-inline-end:0px;margin-block:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{animation:spin var(--calcite-internal-animation-timing-medium) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;align-self:center;justify-self:end;color:var(--calcite-ui-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.container{display:flex;block-size:100%;flex-direction:column}.content{position:relative;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out}.content--spaced{padding-block:var(--calcite-block-padding, 0.5rem);padding-inline:var(--calcite-block-padding, 0.625rem)}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}";
-
-const Block = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteBlockToggle = createEvent(this, "calciteBlockToggle", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component is collapsible.
-     */
-    this.collapsible = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, displays a drag handle in the header.
-     */
-    this.dragHandle = false;
-    /**
-     * Accessible name for the component's collapse button.
-     *
-     * @default "Collapse"
-     */
-    this.intlCollapse = TEXT.collapse;
-    /**
-     * Accessible name for the component's expand button.
-     *
-     * @default "Expand"
-     */
-    this.intlExpand = TEXT.expand;
-    /**
-     * Accessible name when the component is loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT.loading;
-    /**
-     * Accessible name for the component's options button.
-     *
-     * @default "Options"
-     */
-    this.intlOptions = TEXT.options;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * When `true`, expands the component and its contents.
-     */
-    this.open = false;
-    /**
-     * When `true`, removes padding for the slotted content.
-     *
-     * @deprecated Use `--calcite-block-padding` CSS variable instead.
-     */
-    this.disablePadding = false;
-    this.guid = guid();
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.onHeaderClick = () => {
-      this.open = !this.open;
-      this.calciteBlockToggle.emit();
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectConditionalSlotComponent(this);
-  }
-  disconnectedCallback() {
-    disconnectConditionalSlotComponent(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  renderScrim() {
-    const { loading } = this;
-    const defaultSlot = h("slot", null);
-    return [loading ? h("calcite-scrim", { loading: loading }) : null, defaultSlot];
-  }
-  renderIcon() {
-    const { el, status } = this;
-    const showingLoadingStatus = this.loading && !this.open;
-    const statusIcon = showingLoadingStatus ? ICONS.refresh : ICONS[status];
-    const hasIcon = getSlotted(el, SLOTS.icon) || statusIcon;
-    const iconEl = !statusIcon ? (h("slot", { key: "icon-slot", name: SLOTS.icon })) : (h("calcite-icon", { class: {
-        [CSS.statusIcon]: true,
-        [CSS.valid]: status == "valid",
-        [CSS.invalid]: status == "invalid",
-        [CSS.loading]: showingLoadingStatus
-      }, icon: statusIcon, scale: "m" }));
-    return hasIcon ? h("div", { class: CSS.icon }, iconEl) : null;
-  }
-  renderTitle() {
-    const { heading, headingLevel, summary, description } = this;
-    return heading || summary || description ? (h("div", { class: CSS.title }, h(Heading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading), summary || description ? (h("div", { class: CSS.description }, summary || description)) : null)) : null;
-  }
-  render() {
-    const { collapsible, el, intlCollapse, intlExpand, loading, open, intlLoading } = this;
-    const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;
-    const headerContent = (h("header", { class: CSS.header }, this.renderIcon(), this.renderTitle()));
-    const hasControl = !!getSlotted(el, SLOTS.control);
-    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);
-    const collapseIcon = open ? ICONS.opened : ICONS.closed;
-    const { guid } = this;
-    const regionId = `${guid}-region`;
-    const buttonId = `${guid}-button`;
-    const headerNode = (h("div", { class: CSS.headerContainer }, this.dragHandle ? h("calcite-handle", null) : null, collapsible ? (h("button", { "aria-controls": regionId, "aria-expanded": collapsible ? toAriaBoolean(open) : null, "aria-label": toggleLabel, class: CSS.toggle, id: buttonId, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h("calcite-icon", { "aria-hidden": "true", class: CSS.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), loading ? (h("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (h("div", { class: CSS.controlContainer }, h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: this.intlOptions || TEXT.options }, h("slot", { name: SLOTS.headerMenuActions }))) : null));
-    return (h(Host, null, h("article", { "aria-busy": toAriaBoolean(loading), class: {
-        [CSS.container]: true
-      } }, headerNode, h("section", { "aria-expanded": toAriaBoolean(open), "aria-labelledby": buttonId, class: {
-        [CSS.content]: true,
-        [CSS.contentSpaced]: !this.disablePadding
-      }, hidden: !open, id: regionId }, this.renderScrim()))));
-  }
-  get el() { return this; }
-  static get style() { return blockCss; }
-}, [1, "calcite-block", {
-    "collapsible": [516],
-    "disabled": [516],
-    "dragHandle": [516, "drag-handle"],
-    "heading": [1],
-    "headingLevel": [514, "heading-level"],
-    "intlCollapse": [1, "intl-collapse"],
-    "intlExpand": [1, "intl-expand"],
-    "intlLoading": [1, "intl-loading"],
-    "intlOptions": [1, "intl-options"],
-    "loading": [516],
-    "open": [1540],
-    "status": [513],
-    "summary": [1],
-    "description": [1],
-    "disablePadding": [516, "disable-padding"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-block", "calcite-action", "calcite-action-menu", "calcite-handle", "calcite-icon", "calcite-loader", "calcite-popover", "calcite-scrim"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-block":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Block);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "calcite-action-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-handle":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-scrim":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteBlock = Block;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteBlock, defineCustomElement };
-
-//# sourceMappingURL=calcite-block.js.map

package/dist/components/calcite-block.js.map

@@ -1 +0,0 @@
-{"file":"calcite-block.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/block/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/block/block.css?tag=calcite-block&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/block/block.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  container: \"container\",\n  content: \"content\",\n  contentSpaced: \"content--spaced\",\n  headerContainer: \"header-container\",\n  icon: \"icon\",\n  statusIcon: \"status-icon\",\n  toggle: \"toggle\",\n  toggleIcon: \"toggle-icon\",\n  title: \"title\",\n  heading: \"heading\",\n  header: \"header\",\n  button: \"button\",\n  summary: \"summary\",\n  description: \"description\",\n  controlContainer: \"control-container\",\n  valid: \"valid\",\n  invalid: \"invalid\",\n  loading: \"loading\"\n};\nexport const TEXT = {\n  collapse: \"Collapse\",\n  expand: \"Expand\",\n  loading: \"Loading\",\n  options: \"Options\"\n};\nexport const SLOTS = {\n  icon: \"icon\",\n  control: \"control\",\n  headerMenuActions: \"header-menu-actions\"\n};\nexport const ICONS = {\n  opened: \"chevron-up\",\n  closed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n  refresh: \"refresh\"\n};\nexport const HEADING_LEVEL = 4;\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n:host * {\n  box-sizing: border-box;\n}\n\n:host {\n  /* Component spacing variables */\n  --calcite-icon-size: 1rem;\n  --calcite-spacing-eighth: 0.125rem;\n  --calcite-spacing-quarter: 0.25rem;\n  --calcite-spacing-half: 0.5rem;\n  --calcite-spacing-three-quarters: 0.75rem;\n  --calcite-spacing: 1rem;\n  --calcite-spacing-plus-quarter: 1.25rem;\n  --calcite-spacing-plus-half: 1.5rem;\n  --calcite-spacing-double: 2rem;\n  --calcite-menu-min-width: 10rem;\n  --calcite-header-min-height: 3rem;\n  --calcite-footer-min-height: 3rem;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-direction: column;\n  border-width: 0px;\n  border-block-end-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  padding: 0px;\n  transition-property: margin;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.215, 0.440, 0.420, 0.880);\n  flex-basis: auto;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n/* Shared styles for header elements */\n.header {\n  margin: 0px;\n  display: flex;\n  align-content: space-between;\n  align-items: center;\n  fill: var(--calcite-ui-text-2);\n  color: var(--calcite-ui-text-2);\n}\n\n.heading {\n  margin: 0px;\n  padding: 0px;\n  font-weight: var(--calcite-font-weight-medium);\n}\n\n.header .heading {\n  flex: 1 1 auto;\n  padding: 0.5rem;\n}\n\n.header {\n  justify-content: flex-start;\n  padding: 0px;\n}\n\n.header,\n.toggle {\n  grid-area: header;\n}\n\n.header-container {\n  display: grid;\n  align-items: stretch;\n  grid-template: auto/auto 1fr auto auto;\n  grid-template-areas: \"handle header control menu\";\n  grid-column: header-start/menu-end;\n  grid-row: 1/2;\n}\n\n.toggle {\n  margin: 0px;\n  display: flex;\n  cursor: pointer;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: space-between;\n  border-style: none;\n  padding: 0px;\n  font-family: inherit;\n  outline-color: transparent;\n  text-align: initial;\n  background-color: transparent;\n}\n.toggle:hover {\n  background-color: var(--calcite-ui-foreground-2);\n}\n.toggle:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\ncalcite-loader[inline] {\n  grid-area: control;\n  align-self: center;\n}\n\ncalcite-handle {\n  grid-area: handle;\n}\n\n.title {\n  margin: 0px;\n  padding: 0.75rem;\n}\n\n.header .title .heading {\n  padding: 0px;\n  font-size: var(--calcite-font-size--1);\n  font-weight: var(--calcite-font-weight-medium);\n  line-height: 1.25;\n  color: var(--calcite-ui-text-2);\n  transition-property: color;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\n.description {\n  margin-block-start: 0.125rem;\n  padding: 0px;\n  font-size: var(--calcite-font-size--2);\n  color: var(--calcite-ui-text-3);\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\n.icon {\n  margin-inline-start: 0.75rem;\n  margin-inline-end: 0px;\n  margin-block: 0.75rem;\n}\n\n.status-icon.valid {\n  color: var(--calcite-ui-success);\n}\n\n.status-icon.invalid {\n  color: var(--calcite-ui-danger);\n}\n\n.status-icon.loading {\n  animation: spin var(--calcite-internal-animation-timing-medium) linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.toggle-icon {\n  margin-block: 0.75rem;\n  align-self: center;\n  justify-self: end;\n  color: var(--calcite-ui-text-3);\n  transition-property: color;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  margin-inline-end: 1rem;\n  margin-inline-start: auto;\n}\n\n.toggle:hover .toggle-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n.container {\n  display: flex;\n  block-size: 100%;\n  flex-direction: column;\n}\n\n.content {\n  position: relative;\n  flex: 1 1 0%;\n}\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.content {\n  animation: in var(--calcite-internal-animation-timing-slow) ease-in-out;\n}\n\n.content--spaced {\n  padding-block: var(--calcite-block-padding, 0.5rem);\n  padding-inline: var(--calcite-block-padding, 0.625rem);\n}\n\n.control-container {\n  margin: 0px;\n  display: flex;\n  grid-area: control;\n}\n\ncalcite-action-menu {\n  grid-area: menu;\n}\n\n:host([open]) {\n  margin-block: 0.5rem;\n}\n:host([open]) .header .title .heading {\n  color: var(--calcite-ui-text-1);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from \"./resources\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport { Heading } from \"../functional/Heading\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { guid } from \"../../utils/guid\";\n/**\n * @slot - A slot for adding content to the component.\n * @slot icon - A slot for adding a leading header icon with `calcite-icon`.\n * @slot control - A slot for adding a single HTML input element in a header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown.\n */\nexport class Block {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When `true`, the component is collapsible.\n     */\n    this.collapsible = false;\n    /**\n     * When `true`, interaction is prevented and the component is displayed with lower opacity.\n     */\n    this.disabled = false;\n    /**\n     * When `true`, displays a drag handle in the header.\n     */\n    this.dragHandle = false;\n    /**\n     * Accessible name for the component's collapse button.\n     *\n     * @default \"Collapse\"\n     */\n    this.intlCollapse = TEXT.collapse;\n    /**\n     * Accessible name for the component's expand button.\n     *\n     * @default \"Expand\"\n     */\n    this.intlExpand = TEXT.expand;\n    /**\n     * Accessible name when the component is loading.\n     *\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /**\n     * Accessible name for the component's options button.\n     *\n     * @default \"Options\"\n     */\n    this.intlOptions = TEXT.options;\n    /**\n     * When `true`, a busy indicator is displayed.\n     */\n    this.loading = false;\n    /**\n     * When `true`, expands the component and its contents.\n     */\n    this.open = false;\n    /**\n     * When `true`, removes padding for the slotted content.\n     *\n     * @deprecated Use `--calcite-block-padding` CSS variable instead.\n     */\n    this.disablePadding = false;\n    this.guid = guid();\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.onHeaderClick = () => {\n      this.open = !this.open;\n      this.calciteBlockToggle.emit();\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disconnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderScrim() {\n    const { loading } = this;\n    const defaultSlot = h(\"slot\", null);\n    return [loading ? h(\"calcite-scrim\", { loading: loading }) : null, defaultSlot];\n  }\n  renderIcon() {\n    const { el, status } = this;\n    const showingLoadingStatus = this.loading && !this.open;\n    const statusIcon = showingLoadingStatus ? ICONS.refresh : ICONS[status];\n    const hasIcon = getSlotted(el, SLOTS.icon) || statusIcon;\n    const iconEl = !statusIcon ? (h(\"slot\", { key: \"icon-slot\", name: SLOTS.icon })) : (h(\"calcite-icon\", { class: {\n        [CSS.statusIcon]: true,\n        [CSS.valid]: status == \"valid\",\n        [CSS.invalid]: status == \"invalid\",\n        [CSS.loading]: showingLoadingStatus\n      }, icon: statusIcon, scale: \"m\" }));\n    return hasIcon ? h(\"div\", { class: CSS.icon }, iconEl) : null;\n  }\n  renderTitle() {\n    const { heading, headingLevel, summary, description } = this;\n    return heading || summary || description ? (h(\"div\", { class: CSS.title }, h(Heading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading), summary || description ? (h(\"div\", { class: CSS.description }, summary || description)) : null)) : null;\n  }\n  render() {\n    const { collapsible, el, intlCollapse, intlExpand, loading, open, intlLoading } = this;\n    const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;\n    const headerContent = (h(\"header\", { class: CSS.header }, this.renderIcon(), this.renderTitle()));\n    const hasControl = !!getSlotted(el, SLOTS.control);\n    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n    const { guid } = this;\n    const regionId = `${guid}-region`;\n    const buttonId = `${guid}-button`;\n    const headerNode = (h(\"div\", { class: CSS.headerContainer }, this.dragHandle ? h(\"calcite-handle\", null) : null, collapsible ? (h(\"button\", { \"aria-controls\": regionId, \"aria-expanded\": collapsible ? toAriaBoolean(open) : null, \"aria-label\": toggleLabel, class: CSS.toggle, id: buttonId, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h(\"calcite-icon\", { \"aria-hidden\": \"true\", class: CSS.toggleIcon, icon: collapseIcon, scale: \"s\" })) : null)) : (headerContent), loading ? (h(\"calcite-loader\", { inline: true, \"is-active\": true, label: intlLoading })) : hasControl ? (h(\"div\", { class: CSS.controlContainer }, h(\"slot\", { name: SLOTS.control }))) : null, hasMenuActions ? (h(\"calcite-action-menu\", { label: this.intlOptions || TEXT.options }, h(\"slot\", { name: SLOTS.headerMenuActions }))) : null));\n    return (h(Host, null, h(\"article\", { \"aria-busy\": toAriaBoolean(loading), class: {\n        [CSS.container]: true\n      } }, headerNode, h(\"section\", { \"aria-expanded\": toAriaBoolean(open), \"aria-labelledby\": buttonId, class: {\n        [CSS.content]: true,\n        [CSS.contentSpaced]: !this.disablePadding\n      }, hidden: !open, id: regionId }, this.renderScrim()))));\n  }\n  static get is() { return \"calcite-block\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"block.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"block.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"collapsible\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is collapsible.\"\n        },\n        \"attribute\": \"collapsible\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"dragHandle\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, displays a drag handle in the header.\"\n        },\n        \"attribute\": \"drag-handle\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"heading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component header text.\"\n        },\n        \"attribute\": \"heading\",\n        \"reflect\": false\n      },\n      \"headingLevel\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"HeadingLevel\",\n          \"resolved\": \"1 | 2 | 3 | 4 | 5 | 6\",\n          \"references\": {\n            \"HeadingLevel\": {\n              \"location\": \"import\",\n              \"path\": \"../functional/Heading\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the number at which section headings should start.\"\n        },\n        \"attribute\": \"heading-level\",\n        \"reflect\": true\n      },\n      \"intlCollapse\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Collapse\\\"\"\n            }],\n          \"text\": \"Accessible name for the component's collapse button.\"\n        },\n        \"attribute\": \"intl-collapse\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.collapse\"\n      },\n      \"intlExpand\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Expand\\\"\"\n            }],\n          \"text\": \"Accessible name for the component's expand button.\"\n        },\n        \"attribute\": \"intl-expand\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.expand\"\n      },\n      \"intlLoading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Loading\\\"\"\n            }],\n          \"text\": \"Accessible name when the component is loading.\"\n        },\n        \"attribute\": \"intl-loading\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.loading\"\n      },\n      \"intlOptions\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Options\\\"\"\n            }],\n          \"text\": \"Accessible name for the component's options button.\"\n        },\n        \"attribute\": \"intl-options\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.options\"\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, a busy indicator is displayed.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"open\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, expands the component and its contents.\"\n        },\n        \"attribute\": \"open\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"status\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Status\",\n          \"resolved\": \"\\\"idle\\\" | \\\"invalid\\\" | \\\"valid\\\"\",\n          \"references\": {\n            \"Status\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Displays a status-related indicator icon.\"\n        },\n        \"attribute\": \"status\",\n        \"reflect\": true\n      },\n      \"summary\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `description` instead\"\n            }],\n          \"text\": \"A description for the component, which displays below the heading.\"\n        },\n        \"attribute\": \"summary\",\n        \"reflect\": false\n      },\n      \"description\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"A description for the component, which displays below the heading.\"\n        },\n        \"attribute\": \"description\",\n        \"reflect\": false\n      },\n      \"disablePadding\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"Use `--calcite-block-padding` CSS variable instead.\"\n            }],\n          \"text\": \"When `true`, removes padding for the slotted content.\"\n        },\n        \"attribute\": \"disable-padding\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteBlockToggle\",\n        \"name\": \"calciteBlockToggle\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emits when the component's header is clicked.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/calcite-button.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { B as Button, d as defineCustomElement$1 } from './button.js';
-
-const CalciteButton = Button;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteButton, defineCustomElement };
-
-//# sourceMappingURL=calcite-button.js.map

package/dist/components/calcite-button.js.map

@@ -1 +0,0 @@
-{"file":"calcite-button.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/calcite-card.js

@@ -1,189 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { t as toAriaBoolean, b as getSlotted } from './dom.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { d as defineCustomElement$4 } from './checkbox.js';
-import { d as defineCustomElement$3 } from './label.js';
-import { d as defineCustomElement$2 } from './loader.js';
-
-/*!
- * 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.97
- */
-const CSS = {
-  container: "container",
-  header: "header",
-  footer: "footer",
-  title: "title",
-  subtitle: "subtitle",
-  checkboxWrapper: "checkbox-wrapper",
-  thumbnailWrapper: "thumbnail-wrapper"
-};
-const SLOTS = {
-  thumbnail: "thumbnail",
-  title: "title",
-  subtitle: "subtitle",
-  footerLeading: "footer-leading",
-  footerTrailing: "footer-trailing"
-};
-const TEXT = {
-  select: "Select",
-  deselect: "Deselect",
-  loading: "Loading"
-};
-
-const cardCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:var(--calcite-border-radius-base)}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header,.footer{display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{flex-direction:column}.footer{-webkit-margin-before:auto;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selectable]) .header{-webkit-padding-end:2rem;padding-inline-end:2rem}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;-webkit-margin-before:0.5rem;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-leading]::slotted(*),*::slotted([slot=footer-leading]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;-webkit-margin-end:auto;margin-inline-end:auto}slot[name=footer-trailing]::slotted(*),*::slotted([slot=footer-trailing]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:flex}.calcite-card-container.inline{flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-leading]::slotted(*),slot[name=footer-trailing]::slotted(*){display:flex;gap:0.25rem}";
-
-const Card = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteCardSelect = createEvent(this, "calciteCardSelect", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**  When `true`, a busy indicator is displayed. */
-    this.loading = false;
-    /** When `true`, the component is selected. */
-    this.selected = false;
-    /** When `true`, the component is selectable. */
-    this.selectable = false;
-    /**
-     * Accessible name when the component is loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT.loading;
-    /**
-     * When `selectable` is `true`, the accessible name for the component's checkbox for selection.
-     *
-     * @default "Select"
-     */
-    this.intlSelect = TEXT.select;
-    /**
-     * When `selectable` is `true`, the accessible name for the component's checkbox for deselection.
-     *
-     * @default "Deselect"
-     */
-    this.intlDeselect = TEXT.deselect;
-    /** Sets the placement of the thumbnail defined in the `thumbnail` slot. */
-    this.thumbnailPosition = "block-start";
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.cardSelectClick = () => {
-      this.selectCard();
-    };
-    this.cardSelectKeyDown = (event) => {
-      switch (event.key) {
-        case " ":
-        case "Enter":
-          this.selectCard();
-          event.preventDefault();
-          break;
-      }
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectConditionalSlotComponent(this);
-  }
-  disonnectedCallback() {
-    disconnectConditionalSlotComponent(this);
-  }
-  render() {
-    const thumbnailInline = this.thumbnailPosition.startsWith("inline");
-    const thumbnailStart = this.thumbnailPosition.endsWith("start");
-    return (h("div", { class: { "calcite-card-container": true, inline: thumbnailInline } }, this.loading ? (h("div", { class: "calcite-card-loader-container" }, h("calcite-loader", { active: true, label: this.intlLoading }))) : null, thumbnailStart && this.renderThumbnail(), h("section", { "aria-busy": toAriaBoolean(this.loading), class: { [CSS.container]: true } }, this.selectable ? this.renderCheckbox() : null, this.renderHeader(), h("div", { class: "card-content" }, h("slot", null)), this.renderFooter()), !thumbnailStart && this.renderThumbnail()));
-  }
-  selectCard() {
-    this.selected = !this.selected;
-    this.calciteCardSelect.emit();
-  }
-  renderThumbnail() {
-    return getSlotted(this.el, SLOTS.thumbnail) ? (h("section", { class: CSS.thumbnailWrapper }, h("slot", { name: SLOTS.thumbnail }))) : null;
-  }
-  renderCheckbox() {
-    const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;
-    return (h("calcite-label", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, h("calcite-checkbox", { checked: this.selected, label: checkboxLabel })));
-  }
-  renderHeader() {
-    const { el } = this;
-    const title = getSlotted(el, SLOTS.title);
-    const subtitle = getSlotted(el, SLOTS.subtitle);
-    const hasHeader = title || subtitle;
-    return hasHeader ? (h("header", { class: CSS.header }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.subtitle }))) : null;
-  }
-  renderFooter() {
-    const { el } = this;
-    const leadingFooter = getSlotted(el, SLOTS.footerLeading);
-    const trailingFooter = getSlotted(el, SLOTS.footerTrailing);
-    const hasFooter = leadingFooter || trailingFooter;
-    return hasFooter ? (h("footer", { class: CSS.footer }, h("slot", { name: SLOTS.footerLeading }), h("slot", { name: SLOTS.footerTrailing }))) : null;
-  }
-  get el() { return this; }
-  static get style() { return cardCss; }
-}, [1, "calcite-card", {
-    "loading": [516],
-    "selected": [1540],
-    "selectable": [516],
-    "intlLoading": [1, "intl-loading"],
-    "intlSelect": [1, "intl-select"],
-    "intlDeselect": [1, "intl-deselect"],
-    "thumbnailPosition": [513, "thumbnail-position"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-card", "calcite-checkbox", "calcite-label", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-card":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Card);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteCard = Card;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteCard, defineCustomElement };
-
-//# sourceMappingURL=calcite-card.js.map

package/dist/components/calcite-card.js.map

@@ -1 +0,0 @@
-{"file":"calcite-card.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/card/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/card/card.css?tag=calcite-card&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/card/card.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  container: \"container\",\n  header: \"header\",\n  footer: \"footer\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n  checkboxWrapper: \"checkbox-wrapper\",\n  thumbnailWrapper: \"thumbnail-wrapper\"\n};\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n  footerLeading: \"footer-leading\",\n  footerTrailing: \"footer-trailing\"\n};\nexport const TEXT = {\n  select: \"Select\",\n  deselect: \"Deselect\",\n  loading: \"Loading\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: block;\n  max-inline-size: 100%;\n}\n:host .calcite-card-container {\n  position: relative;\n  display: flex;\n  block-size: 100%;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-2);\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-3);\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  border-radius: var(--calcite-border-radius-base);\n}\n\n.container {\n  position: relative;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n}\n\n:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container) {\n  pointer-events: none;\n  opacity: 0;\n}\n\n:host([loading]) .calcite-card-loader-container {\n  position: absolute;\n  inset: 0px;\n  display: flex;\n  align-items: center;\n}\n\n.header, \n.footer {\n  display: flex;\n  padding-inline: 0.75rem;\n  padding-block: 0.75rem 0.25rem;\n}\n\n.header {\n  flex-direction: column;\n}\n\n.footer {\n  margin-block-start: auto;\n  flex-direction: row;\n  align-content: space-between;\n  justify-content: space-between;\n  padding-inline: 0.75rem;\n  padding-block: 0.25rem 0.75rem;\n}\n\n.card-content {\n  padding: 0.75rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  color: var(--calcite-ui-text-3);\n}\n\n:host([selected]) .calcite-card-container {\n  border-color: var(--calcite-ui-brand);\n}\n\nslot[name=title]::slotted(*), \n*::slotted([slot=title]) {\n  margin: 0px;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n}\n\n:host([selectable]) .header {\n  padding-inline-end: 2rem;\n}\n\nslot[name=subtitle]::slotted(*), \n*::slotted([slot=subtitle]) {\n  margin: 0px;\n  margin-block-start: 0.5rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-2);\n}\n\nslot[name=thumbnail]::slotted(img), \nimg::slotted([slot=thumbnail]) {\n  min-inline-size: 100%;\n  max-inline-size: 100%;\n}\n\nslot[name=footer-leading]::slotted(*), \n*::slotted([slot=footer-leading]) {\n  align-self: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  margin-inline-end: auto;\n}\n\nslot[name=footer-trailing]::slotted(*), \n*::slotted([slot=footer-trailing]) {\n  align-self: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n.checkbox-wrapper {\n  position: absolute;\n  margin: 0px;\n  padding: 0px;\n  inset-block-start: 0.5rem;\n  inset-inline-end: 0.5rem;\n}\n\n.thumbnail-wrapper {\n  display: flex;\n}\n\n.calcite-card-container.inline {\n  flex-direction: row;\n}\n.calcite-card-container.inline > .container {\n  inline-size: 60%;\n}\n.calcite-card-container.inline > .thumbnail-wrapper {\n  inline-size: 40%;\n  align-items: flex-start;\n}\n.calcite-card-container.inline slot[name=thumbnail]::slotted(img), \n.calcite-card-container.inline img::slotted([slot=thumbnail]) {\n  inline-size: 100%;\n}\n\nslot[name=footer-leading]::slotted(*), \nslot[name=footer-trailing]::slotted(*) {\n  display: flex;\n  gap: 0.25rem;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport { CSS, SLOTS, TEXT } from \"./resources\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\n/**\n * Cards do not include a grid or bounding container\n * - cards will expand to fit the width of their container\n */\n/**\n * @slot - A slot for adding subheader/description content.\n * @slot thumbnail - A slot for adding a thumbnail to the component.\n * @slot title - A slot for adding a title.\n * @slot subtitle - A slot for adding a subtitle or short summary.\n * @slot footer-leading - A slot for adding a leading footer.\n * @slot footer-trailing - A slot for adding a trailing footer.\n */\nexport class Card {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**  When `true`, a busy indicator is displayed. */\n    this.loading = false;\n    /** When `true`, the component is selected. */\n    this.selected = false;\n    /** When `true`, the component is selectable. */\n    this.selectable = false;\n    /**\n     * Accessible name when the component is loading.\n     *\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /**\n     * When `selectable` is `true`, the accessible name for the component's checkbox for selection.\n     *\n     * @default \"Select\"\n     */\n    this.intlSelect = TEXT.select;\n    /**\n     * When `selectable` is `true`, the accessible name for the component's checkbox for deselection.\n     *\n     * @default \"Deselect\"\n     */\n    this.intlDeselect = TEXT.deselect;\n    /** Sets the placement of the thumbnail defined in the `thumbnail` slot. */\n    this.thumbnailPosition = \"block-start\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.cardSelectClick = () => {\n      this.selectCard();\n    };\n    this.cardSelectKeyDown = (event) => {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.selectCard();\n          event.preventDefault();\n          break;\n      }\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disonnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  render() {\n    const thumbnailInline = this.thumbnailPosition.startsWith(\"inline\");\n    const thumbnailStart = this.thumbnailPosition.endsWith(\"start\");\n    return (h(\"div\", { class: { \"calcite-card-container\": true, inline: thumbnailInline } }, this.loading ? (h(\"div\", { class: \"calcite-card-loader-container\" }, h(\"calcite-loader\", { active: true, label: this.intlLoading }))) : null, thumbnailStart && this.renderThumbnail(), h(\"section\", { \"aria-busy\": toAriaBoolean(this.loading), class: { [CSS.container]: true } }, this.selectable ? this.renderCheckbox() : null, this.renderHeader(), h(\"div\", { class: \"card-content\" }, h(\"slot\", null)), this.renderFooter()), !thumbnailStart && this.renderThumbnail()));\n  }\n  selectCard() {\n    this.selected = !this.selected;\n    this.calciteCardSelect.emit();\n  }\n  renderThumbnail() {\n    return getSlotted(this.el, SLOTS.thumbnail) ? (h(\"section\", { class: CSS.thumbnailWrapper }, h(\"slot\", { name: SLOTS.thumbnail }))) : null;\n  }\n  renderCheckbox() {\n    const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;\n    return (h(\"calcite-label\", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, h(\"calcite-checkbox\", { checked: this.selected, label: checkboxLabel })));\n  }\n  renderHeader() {\n    const { el } = this;\n    const title = getSlotted(el, SLOTS.title);\n    const subtitle = getSlotted(el, SLOTS.subtitle);\n    const hasHeader = title || subtitle;\n    return hasHeader ? (h(\"header\", { class: CSS.header }, h(\"slot\", { name: SLOTS.title }), h(\"slot\", { name: SLOTS.subtitle }))) : null;\n  }\n  renderFooter() {\n    const { el } = this;\n    const leadingFooter = getSlotted(el, SLOTS.footerLeading);\n    const trailingFooter = getSlotted(el, SLOTS.footerTrailing);\n    const hasFooter = leadingFooter || trailingFooter;\n    return hasFooter ? (h(\"footer\", { class: CSS.footer }, h(\"slot\", { name: SLOTS.footerLeading }), h(\"slot\", { name: SLOTS.footerTrailing }))) : null;\n  }\n  static get is() { return \"calcite-card\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"card.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"card.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, a busy indicator is displayed.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is selected.\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selectable\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the component is selectable.\"\n        },\n        \"attribute\": \"selectable\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"intlLoading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Loading\\\"\"\n            }],\n          \"text\": \"Accessible name when the component is loading.\"\n        },\n        \"attribute\": \"intl-loading\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.loading\"\n      },\n      \"intlSelect\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Select\\\"\"\n            }],\n          \"text\": \"When `selectable` is `true`, the accessible name for the component's checkbox for selection.\"\n        },\n        \"attribute\": \"intl-select\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.select\"\n      },\n      \"intlDeselect\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Deselect\\\"\"\n            }],\n          \"text\": \"When `selectable` is `true`, the accessible name for the component's checkbox for deselection.\"\n        },\n        \"attribute\": \"intl-deselect\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.deselect\"\n      },\n      \"thumbnailPosition\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"LogicalFlowPosition\",\n          \"resolved\": \"\\\"block-end\\\" | \\\"block-start\\\" | \\\"inline-end\\\" | \\\"inline-start\\\"\",\n          \"references\": {\n            \"LogicalFlowPosition\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Sets the placement of the thumbnail defined in the `thumbnail` slot.\"\n        },\n        \"attribute\": \"thumbnail-position\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"block-start\\\"\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteCardSelect\",\n        \"name\": \"calciteCardSelect\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when `selectable` is `true` and the component is selected.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/calcite-checkbox.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { C as Checkbox, d as defineCustomElement$1 } from './checkbox.js';
-
-const CalciteCheckbox = Checkbox;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteCheckbox, defineCustomElement };
-
-//# sourceMappingURL=calcite-checkbox.js.map

package/dist/components/calcite-checkbox.js.map

@@ -1 +0,0 @@
-{"file":"calcite-checkbox.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}