@agrotools1/at-components 0.6.13 → 0.6.15

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.7.1 → @esri_calcite-components@2.9.0}/node_modules/@esri/calcite-components/dist/components/label.js

@@ -1,13 +1,13 @@
-import { proxyCustomElement as a, H as i, createEvent as l, h as t, Host as s } from "../../../../../../@stencil_core@4.9.0/node_modules/@stencil/core/internal/client/index.js";
+import { proxyCustomElement as n, H as i, createEvent as l, h as t, Host as s } from "../../../../../../@stencil_core@4.18.2/node_modules/@stencil/core/internal/client/index.js";
 import { a as o, l as c, b as r } from "./label2.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.1
+ * v2.9.0
  */
 const d = {
   container: "container"
-}, h = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}", m = /* @__PURE__ */ a(class extends i {
+}, h = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}", b = h, m = /* @__PURE__ */ n(class extends i {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.calciteInternalLabelClick = l(this, "calciteInternalLabelClick", 2), this.labelClickHandler = (e) => {
       this.calciteInternalLabelClick.emit({
@@ -30,7 +30,7 @@ const d = {
     document.dispatchEvent(new CustomEvent(r));
   }
   render() {
-    return t(s, { onClick: this.labelClickHandler }, t("div", { class: d.container }, t("slot", null)));
+    return t(s, { key: "6a8bf489a2e99059115391eebcfcd3ac60a15f84", onClick: this.labelClickHandler }, t("div", { key: "3a690f256f850829107789b0560c0789a8578e09", class: d.container }, t("slot", { key: "ebb67d2ba5254b87058c5bf45edc2d6299da00e7" })));
   }
   get el() {
     return this;
@@ -41,7 +41,7 @@ const d = {
     };
   }
   static get style() {
-    return h;
+    return b;
   }
 }, [1, "calcite-label", {
   alignment: [513],
@@ -51,7 +51,7 @@ const d = {
 }, void 0, {
   for: ["handleForChange"]
 }]);
-function b() {
+function f() {
   if (typeof customElements > "u")
     return;
   ["calcite-label"].forEach((e) => {
@@ -62,8 +62,8 @@ function b() {
     }
   });
 }
-b();
+f();
 export {
   m as L,
-  b as d
+  f as d
 };

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.7.1 → @esri_calcite-components@2.9.0}/node_modules/@esri/calcite-components/dist/components/label2.js

@@ -1,9 +1,9 @@
 import { u as k, q as m, c as w } from "./dom.js";
-import { c as y } from "./component.js";
+import { a as y } from "./component.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.1
+ * v2.9.0
  */
 const h = "calciteInternalLabelClick", E = "calciteInternalLabelConnected", f = "calciteInternalLabelDisconnected", L = "calcite-label", c = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new Set(), M = (e) => {
   const { id: t } = e, l = t && m(e, { selector: `${L}[for="${t}"]` });

package/dist/node_modules/.pnpm/@esri_calcite-components@2.9.0/node_modules/@esri/calcite-components/dist/components/loadable.js

@@ -0,0 +1,21 @@
+import { c as n } from "./component.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0
+ */
+const o = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap();
+function c(e) {
+  s.set(e, new Promise((a) => o.set(e, a)));
+}
+function p(e) {
+  o.get(e)();
+}
+async function i(e) {
+  await n(e.el);
+}
+export {
+  p as a,
+  i as c,
+  c as s
+};

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.7.1 → @esri_calcite-components@2.9.0}/node_modules/@esri/calcite-components/dist/components/loader.js

@@ -1,11 +1,11 @@
-import { proxyCustomElement as b, H as x, h as e, Host as w } from "../../../../../../@stencil_core@4.9.0/node_modules/@stencil/core/internal/client/index.js";
-import { g as E } from "./guid.js";
+import { proxyCustomElement as p, H as x, h as e, Host as w } from "../../../../../../@stencil_core@4.18.2/node_modules/@stencil/core/internal/client/index.js";
+import { g as S } from "./guid.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.1
+ * v2.9.0
  */
-const S = '@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem);will-change:contents}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}:host([type=determinate]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}', C = /* @__PURE__ */ b(class extends x {
+const E = '@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem);will-change:contents}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}:host([type=determinate]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}', C = E, L = /* @__PURE__ */ p(class extends x {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.inline = !1, this.label = void 0, this.scale = "m", this.type = void 0, this.value = 0, this.text = "";
   }
@@ -15,13 +15,13 @@ const S = '@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calc
   //
   //--------------------------------------------------------------------------
   render() {
-    const { el: a, inline: g, label: h, scale: l, text: s, type: u, value: t } = this, k = a.id || E(), z = 0.45, i = g ? this.getInlineSize(l) : this.getSize(l), c = i * z, r = `0 0 ${i} ${i}`, n = u === "determinate", d = 2 * c * Math.PI, m = t / 100 * d, _ = d - m, v = Math.floor(t), p = {
-      "aria-valuenow": v,
+    const { el: a, inline: g, label: h, scale: l, text: s, type: k, value: t } = this, u = a.id || S(), b = 0.45, i = g ? this.getInlineSize(l) : this.getSize(l), c = i * b, r = `0 0 ${i} ${i}`, n = k === "determinate", d = 2 * c * Math.PI, f = t / 100 * d, y = d - f, m = Math.floor(t), z = {
+      "aria-valuenow": m,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      complete: v === 100
-    }, o = { r: c, cx: i / 2, cy: i / 2 }, y = { "stroke-dasharray": `${m} ${_}` };
-    return e(w, { "aria-label": h, id: k, role: "progressbar", ...n ? p : {} }, e("div", { class: "loader__svgs" }, e("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: r }, e("circle", { ...o })), e("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: r }, e("circle", { ...o })), e("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: r, ...n ? { style: y } : {} }, e("circle", { ...o }))), s && e("div", { class: "loader__text" }, s), n && e("div", { class: "loader__percentage" }, t));
+      complete: m === 100
+    }, o = { r: c, cx: i / 2, cy: i / 2 }, _ = { "stroke-dasharray": `${f} ${y}` };
+    return e(w, { key: "ce84a5ded3682993ddc4ec3f2e306ae3572a4568", "aria-label": h, id: u, role: "progressbar", ...n ? z : {} }, e("div", { key: "95ff4494320a3e6bd89fbebcedbd9cbb70c8ffef", class: "loader__svgs" }, e("svg", { key: "4146bb7fc1e5df62711440d814744ff3fec68eb4", "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: r }, e("circle", { key: "9341646f9919ce53da66099d35a162a280928e4b", ...o })), e("svg", { key: "31aa1629ef8e18b423967e2582f13f7f98fa5df4", "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: r }, e("circle", { key: "37d6397d84c7f5f41ba105c7c7d3fb8c744e54d4", ...o })), e("svg", { key: "531e8c9a6432d8bc90910f4cb122c4493ecd77e8", "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: r, ...n ? { style: _ } : {} }, e("circle", { key: "9900b647bdcc69a57916b0afe59e72d771c89b1b", ...o }))), s && e("div", { key: "b65e809315da297e9ffda47b004d67805ce3c957", class: "loader__text" }, s), n && e("div", { key: "3f811a02e572c1b352a46740955804006849d3a8", class: "loader__percentage" }, t));
   }
   //--------------------------------------------------------------------------
   //
@@ -51,7 +51,7 @@ const S = '@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calc
     return this;
   }
   static get style() {
-    return S;
+    return C;
   }
 }, [1, "calcite-loader", {
   inline: [516],
@@ -67,13 +67,13 @@ function $() {
   ["calcite-loader"].forEach((a) => {
     switch (a) {
       case "calcite-loader":
-        customElements.get(a) || customElements.define(a, C);
+        customElements.get(a) || customElements.define(a, L);
         break;
     }
   });
 }
 $();
 export {
-  C as L,
+  L,
   $ as d
 };

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.7.1 → @esri_calcite-components@2.9.0}/node_modules/@esri/calcite-components/dist/components/locale.js

@@ -4,7 +4,7 @@ import { c as L } from "./observers.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.1
+ * v2.9.0
  */
 const A = new RegExp("\\.(0+)?$"), C = new RegExp("0+$");
 class i {
@@ -54,7 +54,7 @@ function b(e) {
 function q(e) {
   return !e || !M(e) ? "" : d(e, (t) => {
     let n = !1;
-    const s = t.split("").filter((r, a) => r.match(/\./g) && !n ? (n = !0, !0) : r.match(/\-/g) && a === 0 ? !0 : I.includes(r)).join("");
+    const s = t.split("").filter((r, a) => r.match(/\./g) && !n ? (n = !0, !0) : r.match(/-/g) && a === 0 ? !0 : I.includes(r)).join("");
     return b(s) ? new i(s).toString() : "";
   });
 }

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.7.1 → @esri_calcite-components@2.9.0}/node_modules/@esri/calcite-components/dist/components/observers.js

@@ -1,8 +1,8 @@
-import "../../../../../../@stencil_core@4.9.0/node_modules/@stencil/core/internal/client/index.js";
+import "../../../../../../@stencil_core@4.18.2/node_modules/@stencil/core/internal/client/index.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.1
+ * v2.9.0
  */
 function b(r, n, o) {
   const e = i(r);

package/dist/node_modules/.pnpm/@esri_calcite-components@2.9.0/node_modules/@esri/calcite-components/dist/components/openCloseComponent.js

@@ -0,0 +1,38 @@
+import { readTask as v } from "../../../../../../@stencil_core@4.18.2/node_modules/@stencil/core/internal/client/index.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0
+ */
+function s(i) {
+  return "opened" in i ? i.opened : i.open;
+}
+function E(i, r = !1) {
+  (r ? i[i.transitionProp] : s(i)) ? i.onBeforeOpen() : i.onBeforeClose(), (r ? i[i.transitionProp] : s(i)) ? i.onOpen() : i.onClose();
+}
+function L(i, r = !1) {
+  v(() => {
+    if (!i.transitionEl)
+      return;
+    const { transitionDuration: d, transitionProperty: f } = getComputedStyle(i.transitionEl), e = d.split(","), o = f.split(",").indexOf(i.openTransitionProp), l = e[o] ?? /* Safari will have a single transition value if multiple props share it,
+          so we fall back to it if there's no matching prop duration */
+    e[0];
+    if (l === "0s") {
+      E(i, r);
+      return;
+    }
+    const u = setTimeout(() => {
+      i.transitionEl.removeEventListener("transitionstart", n), i.transitionEl.removeEventListener("transitionend", t), i.transitionEl.removeEventListener("transitioncancel", t), E(i, r);
+    }, parseFloat(l) * 1e3);
+    i.transitionEl.addEventListener("transitionstart", n), i.transitionEl.addEventListener("transitionend", t), i.transitionEl.addEventListener("transitioncancel", t);
+    function n(a) {
+      a.propertyName === i.openTransitionProp && a.target === i.transitionEl && (clearTimeout(u), i.transitionEl.removeEventListener("transitionstart", n), (r ? i[i.transitionProp] : s(i)) ? i.onBeforeOpen() : i.onBeforeClose());
+    }
+    function t(a) {
+      a.propertyName === i.openTransitionProp && a.target === i.transitionEl && ((r ? i[i.transitionProp] : s(i)) ? i.onOpen() : i.onClose(), i.transitionEl.removeEventListener("transitionend", t), i.transitionEl.removeEventListener("transitioncancel", t));
+    }
+  });
+}
+export {
+  L as o
+};

package/dist/node_modules/.pnpm/{@esri_calcite-components@2.7.1 → @esri_calcite-components@2.9.0}/node_modules/@esri/calcite-components/dist/components/panel.js

@@ -1,26 +1,28 @@
-import { proxyCustomElement as A, H as k, createEvent as u, h as t } from "../../../../../../@stencil_core@4.9.0/node_modules/@stencil/core/internal/client/index.js";
-import { d as l, s as E, f as H, t as v } from "./dom.js";
-import { c as w, u as z, d as F, I as M } from "./interactive.js";
-import { s as L, a as P, c as B } from "./loadable.js";
+import { proxyCustomElement as k, H as A, createEvent as b, h as t, Host as H } from "../../../../../../@stencil_core@4.18.2/node_modules/@stencil/core/internal/client/index.js";
+import { d as c, s as E, f as w, t as v } from "./dom.js";
+import { c as z, u as B, d as F, I as M } from "./interactive.js";
+import { s as P, a as T, c as L } from "./loadable.js";
 import { c as O } from "./observers.js";
 import { d as I, S as D } from "./action-menu.js";
-import { H as T } from "./Heading.js";
-import { c as $, d as N } from "./locale.js";
-import { c as R, s as _, d as K, u as W } from "./t9n.js";
-import { d as j } from "./action.js";
-import { d as U } from "./icon.js";
-import { d as G } from "./loader.js";
-import { d as q } from "./popover.js";
-import { d as J } from "./scrim.js";
+import { H as $ } from "./Heading.js";
+import { c as N, d as R } from "./locale.js";
+import { c as _, s as K, d as W, u as j } from "./t9n.js";
+import { d as U } from "./action.js";
+import { d as G } from "./icon.js";
+import { d as q } from "./loader.js";
+import { d as J } from "./popover.js";
+import { d as Q } from "./scrim.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.7.1
+ * v2.9.0
  */
 const a = {
   actionBarContainer: "action-bar-container",
   backButton: "back-button",
   container: "container",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
   header: "header",
   headerContainer: "header-container",
   headerContainerBorderEnd: "header-container--border-end",
@@ -34,15 +36,17 @@ const a = {
   contentWrapper: "content-wrapper",
   fabContainer: "fab-container",
   footer: "footer"
-}, p = {
+}, f = {
   close: "x",
   menu: "ellipsis",
   backLeft: "chevron-left",
   backRight: "chevron-right",
   expand: "chevron-down",
   collapse: "chevron-up"
-}, c = {
+}, s = {
   actionBar: "action-bar",
+  contentBottom: "content-bottom",
+  contentTop: "content-top",
   headerActionsStart: "header-actions-start",
   headerActionsEnd: "header-actions-end",
   headerMenuActions: "header-menu-actions",
@@ -50,9 +54,9 @@ const a = {
   fab: "fab",
   footer: "footer",
   footerActions: "footer-actions"
-}, Q = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}", V = /* @__PURE__ */ A(class extends k {
+}, V = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]) .content-top,.content-bottom{padding:var(--calcite-spacing-sm)}:host([scale=m]) .content-top,.content-bottom{padding:var(--calcite-spacing-md)}:host([scale=l]) .content-top,.content-bottom{padding:var(--calcite-spacing-xl)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-spacing-md);border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}", X = V, Y = /* @__PURE__ */ k(class extends A {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.calcitePanelClose = u(this, "calcitePanelClose", 6), this.calcitePanelToggle = u(this, "calcitePanelToggle", 6), this.calcitePanelScroll = u(this, "calcitePanelScroll", 6), this.resizeObserver = O("resize", () => this.resizeHandler()), this.resizeHandler = () => {
+    super(), this.__registerHost(), this.__attachShadow(), this.calcitePanelClose = b(this, "calcitePanelClose", 6), this.calcitePanelToggle = b(this, "calcitePanelToggle", 6), this.calcitePanelScroll = b(this, "calcitePanelScroll", 6), this.resizeObserver = O("resize", () => this.resizeHandler()), this.resizeHandler = () => {
       const { panelScrollEl: e } = this;
       !e || typeof e.scrollHeight != "number" || typeof e.offsetHeight != "number" || (e.tabIndex = e.scrollHeight > e.offsetHeight ? 0 : -1);
     }, this.setContainerRef = (e) => {
@@ -66,26 +70,30 @@ const a = {
     }, this.panelScrollHandler = () => {
       this.calcitePanelScroll.emit();
     }, this.handleHeaderActionsStartSlotChange = (e) => {
-      this.hasStartActions = l(e);
+      this.hasStartActions = c(e);
     }, this.handleHeaderActionsEndSlotChange = (e) => {
-      this.hasEndActions = l(e);
+      this.hasEndActions = c(e);
     }, this.handleHeaderMenuActionsSlotChange = (e) => {
-      this.hasMenuItems = l(e);
+      this.hasMenuItems = c(e);
     }, this.handleActionBarSlotChange = (e) => {
       const n = E(e).filter((o) => o == null ? void 0 : o.matches("calcite-action-bar"));
       n.forEach((o) => o.layout = "horizontal"), this.hasActionBar = !!n.length;
     }, this.handleHeaderContentSlotChange = (e) => {
-      this.hasHeaderContent = l(e);
+      this.hasHeaderContent = c(e);
     }, this.handleFooterSlotChange = (e) => {
-      this.hasFooterContent = l(e);
+      this.hasFooterContent = c(e);
     }, this.handleFooterActionsSlotChange = (e) => {
-      this.hasFooterActions = l(e);
+      this.hasFooterActions = c(e);
     }, this.handleFabSlotChange = (e) => {
-      this.hasFab = l(e);
+      this.hasFab = c(e);
+    }, this.contentBottomSlotChangeHandler = (e) => {
+      this.hasContentBottom = c(e);
+    }, this.contentTopSlotChangeHandler = (e) => {
+      this.hasContentTop = c(e);
     }, this.setPanelScrollEl = (e) => {
       var n, o;
       this.panelScrollEl = e, (n = this.resizeObserver) == null || n.disconnect(), e && ((o = this.resizeObserver) == null || o.observe(e), this.resizeHandler());
-    }, this.closed = !1, this.disabled = !1, this.closable = !1, this.collapsed = !1, this.collapseDirection = "down", this.collapsible = !1, this.headingLevel = void 0, this.loading = !1, this.heading = void 0, this.description = void 0, this.menuOpen = !1, this.messageOverrides = void 0, this.messages = void 0, this.overlayPositioning = "absolute", this.hasStartActions = !1, this.hasEndActions = !1, this.hasMenuItems = !1, this.hasHeaderContent = !1, this.hasActionBar = !1, this.hasFooterContent = !1, this.hasFooterActions = !1, this.hasFab = !1, this.defaultMessages = void 0, this.effectiveLocale = "", this.showHeaderContent = !1;
+    }, this.closed = !1, this.disabled = !1, this.closable = !1, this.collapsed = !1, this.collapseDirection = "down", this.collapsible = !1, this.headingLevel = void 0, this.loading = !1, this.heading = void 0, this.description = void 0, this.menuOpen = !1, this.messageOverrides = void 0, this.messages = void 0, this.overlayPositioning = "absolute", this.hasStartActions = !1, this.hasEndActions = !1, this.hasMenuItems = !1, this.hasHeaderContent = !1, this.hasActionBar = !1, this.hasContentBottom = !1, this.hasContentTop = !1, this.hasFooterContent = !1, this.hasFooterActions = !1, this.hasFab = !1, this.defaultMessages = void 0, this.effectiveLocale = "", this.showHeaderContent = !1;
   }
   onMessagesChange() {
   }
@@ -95,23 +103,23 @@ const a = {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    w(this), $(this), R(this);
+    z(this), N(this), _(this);
   }
   async componentWillLoad() {
-    L(this), await _(this);
+    P(this), await K(this);
   }
   componentDidLoad() {
-    P(this);
+    T(this);
   }
   componentDidRender() {
-    z(this);
+    B(this);
   }
   disconnectedCallback() {
     var e;
-    F(this), N(this), K(this), (e = this.resizeObserver) == null || e.disconnect();
+    F(this), R(this), W(this), (e = this.resizeObserver) == null || e.disconnect();
   }
   effectiveLocaleChange() {
-    W(this, this.effectiveLocale);
+    j(this, this.effectiveLocale);
   }
   // --------------------------------------------------------------------------
   //
@@ -122,7 +130,7 @@ const a = {
    * Sets focus on the component's first focusable element.
    */
   async setFocus() {
-    await B(this), H(this.containerEl);
+    await L(this), w(this.containerEl);
   }
   /**
    * Scrolls the component's content to a specified set of coordinates.
@@ -146,60 +154,52 @@ const a = {
   //
   // --------------------------------------------------------------------------
   renderHeaderContent() {
-    const { heading: e, headingLevel: n, description: o, hasHeaderContent: i } = this, s = e ? t(T, { class: a.heading, level: n }, e) : null, r = o ? t("span", { class: a.description }, o) : null;
-    return !i && (s || r) ? t("div", { class: a.headerContent, key: "header-content" }, s, r) : null;
+    const { heading: e, headingLevel: n, description: o, hasHeaderContent: i } = this, r = e ? t($, { class: a.heading, level: n }, e) : null, l = o ? t("span", { class: a.description }, o) : null;
+    return !i && (r || l) ? t("div", { class: a.headerContent, key: "header-content" }, r, l) : null;
   }
   renderActionBar() {
-    return t("div", { class: a.actionBarContainer, hidden: !this.hasActionBar }, t("slot", { name: c.actionBar, onSlotchange: this.handleActionBarSlotChange }));
+    return t("div", { class: a.actionBarContainer, hidden: !this.hasActionBar }, t("slot", { name: s.actionBar, onSlotchange: this.handleActionBarSlotChange }));
   }
   renderHeaderSlottedContent() {
-    return t("div", { class: a.headerContent, hidden: !this.hasHeaderContent, key: "slotted-header-content" }, t("slot", { name: c.headerContent, onSlotchange: this.handleHeaderContentSlotChange }));
+    return t("div", { class: a.headerContent, hidden: !this.hasHeaderContent, key: "slotted-header-content" }, t("slot", { name: s.headerContent, onSlotchange: this.handleHeaderContentSlotChange }));
   }
   renderHeaderStartActions() {
     const { hasStartActions: e } = this;
-    return t("div", { class: { [a.headerActionsStart]: !0, [a.headerActions]: !0 }, hidden: !e, key: "header-actions-start" }, t("slot", { name: c.headerActionsStart, onSlotchange: this.handleHeaderActionsStartSlotChange }));
+    return t("div", { class: { [a.headerActionsStart]: !0, [a.headerActions]: !0 }, hidden: !e, key: "header-actions-start" }, t("slot", { name: s.headerActionsStart, onSlotchange: this.handleHeaderActionsStartSlotChange }));
   }
   renderHeaderActionsEnd() {
-    const { hasEndActions: e, messages: n, closable: o, collapsed: i, collapseDirection: s, collapsible: r, hasMenuItems: f } = this, { collapse: d, expand: h, close: m } = n, g = [p.expand, p.collapse];
-    s === "up" && g.reverse();
-    const b = r ? t("calcite-action", { "aria-expanded": v(!i), "aria-label": d, "data-test": "collapse", icon: i ? g[0] : g[1], onClick: this.collapse, text: d, title: i ? h : d }) : null, C = o ? t("calcite-action", { "aria-label": m, "data-test": "close", icon: p.close, onClick: this.close, text: m, title: m }) : null, S = t("slot", { name: c.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }), y = e || b || C || f;
-    return t("div", { class: { [a.headerActionsEnd]: !0, [a.headerActions]: !0 }, hidden: !y, key: "header-actions-end" }, S, this.renderMenu(), b, C);
+    const { hasEndActions: e, messages: n, closable: o, collapsed: i, collapseDirection: r, collapsible: l, hasMenuItems: p } = this, { collapse: d, expand: h, close: m } = n, g = [f.expand, f.collapse];
+    r === "up" && g.reverse();
+    const u = l ? t("calcite-action", { "aria-expanded": v(!i), "aria-label": d, "data-test": "collapse", icon: i ? g[0] : g[1], onClick: this.collapse, text: d, title: i ? h : d }) : null, C = o ? t("calcite-action", { "aria-label": m, "data-test": "close", icon: f.close, onClick: this.close, text: m, title: m }) : null, S = t("slot", { name: s.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }), y = e || u || C || p;
+    return t("div", { class: { [a.headerActionsEnd]: !0, [a.headerActions]: !0 }, hidden: !y, key: "header-actions-end" }, S, this.renderMenu(), u, C);
   }
   renderMenu() {
     const { hasMenuItems: e, messages: n, menuOpen: o } = this;
-    return t("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !e, key: "menu", label: n.options, open: o, overlayPositioning: this.overlayPositioning, placement: "bottom-end" }, t("calcite-action", { icon: p.menu, slot: D.trigger, text: n.options }), t("slot", { name: c.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange }));
+    return t("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !e, key: "menu", label: n.options, open: o, overlayPositioning: this.overlayPositioning, placement: "bottom-end" }, t("calcite-action", { icon: f.menu, slot: D.trigger, text: n.options }), t("slot", { name: s.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange }));
   }
   renderHeaderNode() {
-    const { hasHeaderContent: e, hasStartActions: n, hasEndActions: o, closable: i, collapsible: s, hasMenuItems: r, hasActionBar: f } = this, d = this.renderHeaderContent(), h = e || !!d || n || o || s || i || r;
-    return this.showHeaderContent = h, t("header", { class: a.header, hidden: !(h || f) }, t("div", { class: { [a.headerContainer]: !0, [a.headerContainerBorderEnd]: f }, hidden: !h }, this.renderHeaderStartActions(), this.renderHeaderSlottedContent(), d, this.renderHeaderActionsEnd()), this.renderActionBar());
+    const { hasHeaderContent: e, hasStartActions: n, hasEndActions: o, closable: i, collapsible: r, hasMenuItems: l, hasActionBar: p } = this, d = this.renderHeaderContent(), h = e || !!d || n || o || r || i || l;
+    return this.showHeaderContent = h, t("header", { class: a.header, hidden: !(h || p) }, t("div", { class: { [a.headerContainer]: !0, [a.headerContainerBorderEnd]: p }, hidden: !h }, this.renderHeaderStartActions(), this.renderHeaderSlottedContent(), d, this.renderHeaderActionsEnd()), this.renderActionBar(), this.renderContentTop());
   }
   renderFooterNode() {
     const { hasFooterContent: e, hasFooterActions: n } = this, o = e || n;
-    return t("footer", { class: a.footer, hidden: !o }, t("slot", { key: "footer-slot", name: c.footer, onSlotchange: this.handleFooterSlotChange }), t("slot", { key: "footer-actions-slot", name: c.footerActions, onSlotchange: this.handleFooterActionsSlotChange }));
+    return t("footer", { class: a.footer, hidden: !o }, t("slot", { key: "footer-slot", name: s.footer, onSlotchange: this.handleFooterSlotChange }), t("slot", { key: "footer-actions-slot", name: s.footerActions, onSlotchange: this.handleFooterActionsSlotChange }));
   }
   renderContent() {
-    return t("div", {
-      class: a.contentWrapper,
-      hidden: this.collapsible && this.collapsed,
-      onScroll: this.panelScrollHandler,
-      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: this.setPanelScrollEl
-    }, t("slot", null), this.renderFab());
+    return t("div", { class: a.contentWrapper, hidden: this.collapsible && this.collapsed, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, t("slot", null), this.renderFab());
+  }
+  renderContentBottom() {
+    return t("div", { class: a.contentBottom, hidden: !this.hasContentBottom }, t("slot", { name: s.contentBottom, onSlotchange: this.contentBottomSlotChangeHandler }));
+  }
+  renderContentTop() {
+    return t("div", { class: a.contentTop, hidden: !this.hasContentTop }, t("slot", { name: s.contentTop, onSlotchange: this.contentTopSlotChangeHandler }));
   }
   renderFab() {
-    return t("div", { class: a.fabContainer, hidden: !this.hasFab }, t("slot", { name: c.fab, onSlotchange: this.handleFabSlotChange }));
+    return t("div", { class: a.fabContainer, hidden: !this.hasFab }, t("slot", { name: s.fab, onSlotchange: this.handleFabSlotChange }));
   }
   render() {
-    const { disabled: e, loading: n, panelKeyDownHandler: o, closed: i, closable: s } = this, r = t("article", {
-      "aria-busy": v(n),
-      class: a.container,
-      hidden: i,
-      onKeyDown: o,
-      tabIndex: s ? 0 : -1,
-      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-      ref: this.setContainerRef
-    }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode());
-    return t(M, { disabled: e }, n ? t("calcite-scrim", { loading: n }) : null, r);
+    const { disabled: e, loading: n, panelKeyDownHandler: o, closed: i, closable: r } = this, l = t("article", { key: "ef6d443da0ee8f1632ccc2d42212fbcb8aae9c7b", "aria-busy": v(n), class: a.container, hidden: i, ref: this.setContainerRef, tabIndex: r ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode());
+    return t(H, { key: "19de467ff4b2b1a93b66e35f39b8bddea879cfcb", onKeyDown: o }, t(M, { key: "b7a1c9cec41545805c36a541d6ae8a0218a66a0a", disabled: e }, n ? t("calcite-scrim", { loading: n }) : null, l));
   }
   static get assetsDirs() {
     return ["assets"];
@@ -214,7 +214,7 @@ const a = {
     };
   }
   static get style() {
-    return Q;
+    return X;
   }
 }, [1, "calcite-panel", {
   closed: [1540],
@@ -236,6 +236,8 @@ const a = {
   hasMenuItems: [32],
   hasHeaderContent: [32],
   hasActionBar: [32],
+  hasContentBottom: [32],
+  hasContentTop: [32],
   hasFooterContent: [32],
   hasFooterActions: [32],
   hasFab: [32],
@@ -248,38 +250,38 @@ const a = {
   messageOverrides: ["onMessagesChange"],
   effectiveLocale: ["effectiveLocaleChange"]
 }]);
-function X() {
+function Z() {
   if (typeof customElements > "u")
     return;
   ["calcite-panel", "calcite-action", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-popover", "calcite-scrim"].forEach((e) => {
     switch (e) {
       case "calcite-panel":
-        customElements.get(e) || customElements.define(e, V);
+        customElements.get(e) || customElements.define(e, Y);
         break;
       case "calcite-action":
-        customElements.get(e) || j();
+        customElements.get(e) || U();
         break;
       case "calcite-action-menu":
         customElements.get(e) || I();
         break;
       case "calcite-icon":
-        customElements.get(e) || U();
+        customElements.get(e) || G();
         break;
       case "calcite-loader":
-        customElements.get(e) || G();
+        customElements.get(e) || q();
         break;
       case "calcite-popover":
-        customElements.get(e) || q();
+        customElements.get(e) || J();
         break;
       case "calcite-scrim":
-        customElements.get(e) || J();
+        customElements.get(e) || Q();
         break;
     }
   });
 }
-X();
+Z();
 export {
-  V as P,
-  c as S,
-  X as d
+  Y as P,
+  s as S,
+  Z as d
 };