@esri/solutions-components 0.2.3 → 0.2.4

package/dist/solutions-components/p-515637fb.entry.js

@@ -0,0 +1,183 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './p-58c69df2.js';
+import { b as getElementDir, t as toAriaBoolean } from './p-32a67cb2.js';
+import { c as createObserver } from './p-9a9955db.js';
+import './p-729708a3.js';
+import './p-a80b3880.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 = {
+  icon: "icon",
+  flipRtl: "flip-rtl"
+};
+
+/*!
+ * 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
+ */
+/**
+ * Icon data cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const iconCache = {};
+/**
+ * Icon request cache.
+ * Exported for testing purposes.
+ *
+ * @private
+ */
+const requestCache = {};
+const scaleToPx = {
+  s: 16,
+  m: 24,
+  l: 32
+};
+async function fetchIcon({ icon, scale }) {
+  const size = scaleToPx[scale];
+  const name = normalizeIconName(icon);
+  const filled = name.charAt(name.length - 1) === "F";
+  const iconName = filled ? name.substring(0, name.length - 1) : name;
+  const id = `${iconName}${size}${filled ? "F" : ""}`;
+  if (iconCache[id]) {
+    return iconCache[id];
+  }
+  if (!requestCache[id]) {
+    requestCache[id] = fetch(getAssetPath(`./assets/icon/${id}.json`))
+      .then((resp) => resp.json())
+      .catch(() => {
+      console.error(`"${id}" is not a valid calcite-ui-icon name`);
+      return "";
+    });
+  }
+  const path = await requestCache[id];
+  iconCache[id] = path;
+  return path;
+}
+/**
+ * Normalize the icon name to match the path data module exports.
+ * Exported for testing purposes.
+ *
+ * @param name
+ * @private
+ */
+function normalizeIconName(name) {
+  const numberLeadingName = !isNaN(Number(name.charAt(0)));
+  const parts = name.split("-");
+  if (parts.length === 1) {
+    return numberLeadingName ? `i${name}` : name;
+  }
+  return parts
+    .map((part, index) => {
+    if (index === 0) {
+      return numberLeadingName ? `i${part.toUpperCase()}` : part;
+    }
+    return part.charAt(0).toUpperCase() + part.slice(1);
+  })
+    .join("");
+}
+
+const iconCss = "@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:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{transform:scaleX(-1)}.svg{display:block}";
+
+const Icon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+     */
+    this.icon = null;
+    /**
+     * When true, the icon will be flipped when the element direction is 'rtl'.
+     */
+    this.flipRtl = false;
+    /**
+     * Icon scale.
+     */
+    this.scale = "m";
+    this.visible = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.waitUntilVisible(() => {
+      this.visible = true;
+      this.loadIconPathData();
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.intersectionObserver = null;
+  }
+  async componentWillLoad() {
+    this.loadIconPathData();
+  }
+  render() {
+    const { el, flipRtl, pathData, scale, textLabel } = this;
+    const dir = getElementDir(el);
+    const size = scaleToPx[scale];
+    const semantic = !!textLabel;
+    const paths = [].concat(pathData || "");
+    return (h(Host, { "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { class: {
+        [CSS.flipRtl]: dir === "rtl" && flipRtl,
+        svg: true
+      }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async loadIconPathData() {
+    const { icon, scale, visible } = this;
+    if (!icon || !visible) {
+      return;
+    }
+    this.pathData = await fetchIcon({ icon, scale });
+  }
+  waitUntilVisible(callback) {
+    this.intersectionObserver = createObserver("intersection", (entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          this.intersectionObserver.disconnect();
+          this.intersectionObserver = null;
+          callback();
+        }
+      });
+    }, { rootMargin: "50px" });
+    if (!this.intersectionObserver) {
+      callback();
+      return;
+    }
+    this.intersectionObserver.observe(this.el);
+  }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "icon": ["loadIconPathData"],
+    "scale": ["loadIconPathData"]
+  }; }
+};
+Icon.style = iconCss;
+
+export { Icon as calcite_icon };
+
+//# sourceMappingURL=p-515637fb.entry.js.map

package/dist/solutions-components/p-515637fb.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-icon.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/icon/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/icon/utils.js","./node_modules/@esri/calcite-components/dist/collection/components/icon/icon.css?tag=calcite-icon&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/icon/icon.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  icon: \"icon\",\n  flipRtl: \"flip-rtl\"\n};\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 { getAssetPath } from \"@stencil/core\";\n/**\n * Icon data cache.\n * Exported for testing purposes.\n *\n * @private\n */\nexport const iconCache = {};\n/**\n * Icon request cache.\n * Exported for testing purposes.\n *\n * @private\n */\nexport const requestCache = {};\nexport const scaleToPx = {\n  s: 16,\n  m: 24,\n  l: 32\n};\nexport async function fetchIcon({ icon, scale }) {\n  const size = scaleToPx[scale];\n  const name = normalizeIconName(icon);\n  const filled = name.charAt(name.length - 1) === \"F\";\n  const iconName = filled ? name.substring(0, name.length - 1) : name;\n  const id = `${iconName}${size}${filled ? \"F\" : \"\"}`;\n  if (iconCache[id]) {\n    return iconCache[id];\n  }\n  if (!requestCache[id]) {\n    requestCache[id] = fetch(getAssetPath(`./assets/icon/${id}.json`))\n      .then((resp) => resp.json())\n      .catch(() => {\n      console.error(`\"${id}\" is not a valid calcite-ui-icon name`);\n      return \"\";\n    });\n  }\n  const path = await requestCache[id];\n  iconCache[id] = path;\n  return path;\n}\n/**\n * Normalize the icon name to match the path data module exports.\n * Exported for testing purposes.\n *\n * @param name\n * @private\n */\nexport function normalizeIconName(name) {\n  const numberLeadingName = !isNaN(Number(name.charAt(0)));\n  const parts = name.split(\"-\");\n  if (parts.length === 1) {\n    return numberLeadingName ? `i${name}` : name;\n  }\n  return parts\n    .map((part, index) => {\n    if (index === 0) {\n      return numberLeadingName ? `i${part.toUpperCase()}` : part;\n    }\n    return part.charAt(0).toUpperCase() + part.slice(1);\n  })\n    .join(\"\");\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/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-ui-icon-color: the color of the icon. Defaults to 'currentColor'.\n*/\n:host {\n  display: inline-flex;\n  color: var(--calcite-ui-icon-color);\n}\n\n:host([scale=s]) {\n  block-size: 1rem;\n  inline-size: 1rem;\n  min-inline-size: 1rem;\n  min-block-size: 1rem;\n}\n\n:host([scale=m]) {\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n  min-inline-size: 1.5rem;\n  min-block-size: 1.5rem;\n}\n\n:host([scale=l]) {\n  block-size: 2rem;\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n  min-block-size: 2rem;\n}\n\n.flip-rtl {\n  transform: scaleX(-1);\n}\n\n.svg {\n  display: block;\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 { Build, h, Host } from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { fetchIcon, scaleToPx } from \"./utils\";\nimport { createObserver } from \"../../utils/observers\";\nexport class Icon {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.\n     */\n    this.icon = null;\n    /**\n     * When true, the icon will be flipped when the element direction is 'rtl'.\n     */\n    this.flipRtl = false;\n    /**\n     * Icon scale.\n     */\n    this.scale = \"m\";\n    this.visible = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    this.waitUntilVisible(() => {\n      this.visible = true;\n      this.loadIconPathData();\n    });\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    this.intersectionObserver = null;\n  }\n  async componentWillLoad() {\n    this.loadIconPathData();\n  }\n  render() {\n    const { el, flipRtl, pathData, scale, textLabel } = this;\n    const dir = getElementDir(el);\n    const size = scaleToPx[scale];\n    const semantic = !!textLabel;\n    const paths = [].concat(pathData || \"\");\n    return (h(Host, { \"aria-hidden\": toAriaBoolean(!semantic), \"aria-label\": semantic ? textLabel : null, role: semantic ? \"img\" : null }, h(\"svg\", { class: {\n        [CSS.flipRtl]: dir === \"rtl\" && flipRtl,\n        svg: true\n      }, fill: \"currentColor\", height: \"100%\", viewBox: `0 0 ${size} ${size}`, width: \"100%\", xmlns: \"http://www.w3.org/2000/svg\" }, paths.map((path) => typeof path === \"string\" ? (h(\"path\", { d: path })) : (h(\"path\", { d: path.d, opacity: \"opacity\" in path ? path.opacity : 1 }))))));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  async loadIconPathData() {\n    const { icon, scale, visible } = this;\n    if (!Build.isBrowser || !icon || !visible) {\n      return;\n    }\n    this.pathData = await fetchIcon({ icon, scale });\n  }\n  waitUntilVisible(callback) {\n    this.intersectionObserver = createObserver(\"intersection\", (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          this.intersectionObserver.disconnect();\n          this.intersectionObserver = null;\n          callback();\n        }\n      });\n    }, { rootMargin: \"50px\" });\n    if (!this.intersectionObserver) {\n      callback();\n      return;\n    }\n    this.intersectionObserver.observe(this.el);\n  }\n  static get is() { return \"calcite-icon\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"icon.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"icon.css\"]\n    };\n  }\n  static get assetsDirs() { return [\"assets\"]; }\n  static get properties() {\n    return {\n      \"icon\": {\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\": \"The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": true,\n        \"defaultValue\": \"null\"\n      },\n      \"flipRtl\": {\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 icon will be flipped when the element direction is 'rtl'.\"\n        },\n        \"attribute\": \"flip-rtl\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Icon scale.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"textLabel\": {\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\": \"The icon label.\\n\\nIt is recommended to set this value if your icon is semantic.\"\n        },\n        \"attribute\": \"text-label\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"pathData\": {},\n      \"visible\": {}\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"icon\",\n        \"methodName\": \"loadIconPathData\"\n      }, {\n        \"propName\": \"scale\",\n        \"methodName\": \"loadIconPathData\"\n      }];\n  }\n}\n"],"version":3}

package/dist/solutions-components/p-5243a654.entry.js

@@ -0,0 +1,147 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, g as getElement } from './p-58c69df2.js';
+import { t as toAriaBoolean, a as getSlotted } from './p-32a67cb2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './p-5cf33602.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+import './p-9a9955db.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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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 getElement(this); }
+};
+Card.style = cardCss;
+
+export { Card as calcite_card };
+
+//# sourceMappingURL=p-5243a654.entry.js.map

package/dist/solutions-components/p-5243a654.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-card.entry.esm.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/solutions-components/p-55673790.entry.js

@@ -0,0 +1,82 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, g as getElement, F as Fragment } from './p-58c69df2.js';
+import { a as getSlotted } from './p-32a67cb2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './p-5cf33602.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+import './p-9a9955db.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 = {
+  actionBarContainer: "action-bar-container",
+  content: "content"
+};
+const SLOTS = {
+  actionBar: "action-bar"
+};
+
+const shellCenterRowCss = "@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}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";
+
+const ShellCenterRow = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * When `true`, the content area displays like a floating panel.
+     */
+    this.detached = false;
+    /**
+     * Specifies the maximum height of the component.
+     */
+    this.heightScale = "s";
+    /**
+     * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
+     */
+    this.position = "end";
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    connectConditionalSlotComponent(this);
+  }
+  disconnectedCallback() {
+    disconnectConditionalSlotComponent(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { el } = this;
+    const contentNode = (h("div", { class: CSS.content }, h("slot", null)));
+    const actionBar = getSlotted(el, SLOTS.actionBar);
+    const actionBarNode = actionBar ? (h("div", { class: CSS.actionBarContainer, key: "action-bar" }, h("slot", { name: SLOTS.actionBar }))) : null;
+    const children = [actionBarNode, contentNode];
+    if ((actionBar === null || actionBar === void 0 ? void 0 : actionBar.position) === "end") {
+      children.reverse();
+    }
+    return h(Fragment, null, children);
+  }
+  get el() { return getElement(this); }
+};
+ShellCenterRow.style = shellCenterRowCss;
+
+export { ShellCenterRow as calcite_shell_center_row };
+
+//# sourceMappingURL=p-55673790.entry.js.map

package/dist/solutions-components/p-55673790.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-shell-center-row.entry.esm.js","mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,kBAAkB,EAAE,sBAAsB;AAC5C,EAAE,OAAO,EAAE,SAAS;AACpB,CAAC,CAAC;AACK,MAAM,KAAK,GAAG;AACrB,EAAE,SAAS,EAAE,YAAY;AACzB,CAAC;;ACXD,MAAM,iBAAiB,GAAG,ktFAAktF;;MCa/tF,cAAc;EACzB;;;;;;;;;;IASE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;IAItB,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;;;;IAIvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;GACvB;;;;;;EAMD,iBAAiB;IACf,+BAA+B,CAAC,IAAI,CAAC,CAAC;GACvC;EACD,oBAAoB;IAClB,kCAAkC,CAAC,IAAI,CAAC,CAAC;GAC1C;;;;;;EAMD,MAAM;IACJ,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IACpB,MAAM,WAAW,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,SAAS,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,kBAAkB,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC;IAChJ,MAAM,QAAQ,GAAG,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IAC9C,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,MAAM,KAAK,EAAE;MACxF,QAAQ,CAAC,OAAO,EAAE,CAAC;KACpB;IACD,OAAO,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;GACpC;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/shell-center-row/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/shell-center-row/shell-center-row.css?tag=calcite-shell-center-row&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/shell-center-row/shell-center-row.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  actionBarContainer: \"action-bar-container\",\n  content: \"content\"\n};\nexport const SLOTS = {\n  actionBar: \"action-bar\"\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: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:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: flex;\n  flex: 1 1 auto;\n  overflow: hidden;\n  background-color: transparent;\n}\n\n.content {\n  margin: 0px;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: hidden;\n  flex: 1 0 0;\n}\n\n.action-bar-container {\n  display: flex;\n}\n\n:host([detached]) {\n  margin-inline: 0.5rem;\n  margin-block: 0.5rem 1.5rem;\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\n:host([detached]) {\n  animation: in-up var(--calcite-internal-animation-timing-slow) ease-in-out;\n  border-radius: 0.25rem;\n  border-width: 0px;\n  --tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host([position=end]) {\n  align-self: flex-end;\n}\n\n:host([position=start]) {\n  align-self: flex-start;\n}\n\n:host([height-scale=s]) {\n  block-size: 33.333333%;\n}\n\n:host([height-scale=m]) {\n  block-size: 70%;\n}\n\n:host([height-scale=l]) {\n  block-size: 100%;\n}\n\n:host([height-scale=l][detached]) {\n  block-size: calc(100% - 2rem);\n}\n\n::slotted(calcite-panel) {\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n::slotted(calcite-action-bar),\n::slotted(calcite-action-bar[position=end]) {\n  border-inline-end: 1px solid;\n  border-color: var(--calcite-ui-border-3);\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, Fragment } from \"@stencil/core\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\n/**\n * @slot - A slot for adding content to the `calcite-shell-panel`.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the `calcite-shell-panel`.\n */\nexport class ShellCenterRow {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When `true`, the content area displays like a floating panel.\n     */\n    this.detached = false;\n    /**\n     * Specifies the maximum height of the component.\n     */\n    this.heightScale = \"s\";\n    /**\n     * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n     */\n    this.position = \"end\";\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  render() {\n    const { el } = this;\n    const contentNode = (h(\"div\", { class: CSS.content }, h(\"slot\", null)));\n    const actionBar = getSlotted(el, SLOTS.actionBar);\n    const actionBarNode = actionBar ? (h(\"div\", { class: CSS.actionBarContainer, key: \"action-bar\" }, h(\"slot\", { name: SLOTS.actionBar }))) : null;\n    const children = [actionBarNode, contentNode];\n    if ((actionBar === null || actionBar === void 0 ? void 0 : actionBar.position) === \"end\") {\n      children.reverse();\n    }\n    return h(Fragment, null, children);\n  }\n  static get is() { return \"calcite-shell-center-row\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"shell-center-row.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"shell-center-row.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"detached\": {\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 content area displays like a floating panel.\"\n        },\n        \"attribute\": \"detached\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"heightScale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the maximum height of the component.\"\n        },\n        \"attribute\": \"height-scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"s\\\"\"\n      },\n      \"position\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Position\",\n          \"resolved\": \"\\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"Position\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the component's position. Will be flipped when the element direction is right-to-left (`\\\"rtl\\\"`).\"\n        },\n        \"attribute\": \"position\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"end\\\"\"\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}