@arcgis/map-components 5.0.0-next.14 → 5.0.0-next.141

package/dist/components/arcgis-slice/customElement.js

@@ -1,23 +1,23 @@
-import { c as y } from "../../chunks/runtime.js";
-import { css as b, html as o } from "lit";
+import { c as w } from "../../chunks/runtime.js";
+import { css as b, html as s } from "lit";
 import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
-import { LitElement as L, createEvent as k, safeClassMap as a, nothing as M } from "@arcgis/lumina";
-import { m as z } from "../../chunks/useViewModel.js";
+import { LitElement as L, createEvent as k, safeClassMap as a, nothing as z } from "@arcgis/lumina";
+import { m as M } from "../../chunks/useViewModel.js";
 import { A as S } from "../../chunks/AnalysisViewModel.js";
 import E from "@arcgis/core/analysis/SliceAnalysis.js";
-import { property as p, subclass as C } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { u as V } from "../../chunks/useT9n.js";
+import { property as h, subclass as V } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { u as C } from "../../chunks/useT9n.js";
 import { ignoreAbortErrors as G } from "@arcgis/core/core/promiseUtils.js";
 import { H as A } from "../../chunks/heading.js";
 import { g as m } from "../../chunks/globalCss.js";
 import { watch as T } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.14 */
-const j = b`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--esri-widget-padding);transition:max-height .25s ease-in-out;overflow-y:auto}.arcgis-slice__container{display:flex;overflow-y:auto;--layer-item-background: var(--calcite-color-foreground-2);flex-direction:column;flex-shrink:0;flex-basis:auto;justify-content:space-between;gap:var(--calcite-spacing-md)}.arcgis-slice__error{color:var(--calcite-color-status-danger)}.arcgis-slice__container,.arcgis-slice__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-slice__error,.arcgis-slice__hint{overflow:hidden;animation:arcgis-slice-fade-in .25s ease-in-out}.arcgis-slice__error p,.arcgis-slice__hint p{margin:0;padding:0}.arcgis-slice__hint:not(:has(*)){display:none}.arcgis-slice__layer-item{--calcite-color-foreground-2: var(--layer-item-background);--calcite-color-foreground-1: var(--layer-item-background)}.arcgis-slice__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}.arcgis-slice__actions:not(:has(*)){display:none}@keyframes arcgis-slice-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}`;
+v5.0.0-next.141 */
+const j = b`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}.arcgis-slice__container{display:flex;overflow-y:auto;--layer-item-background: var(--calcite-color-foreground-2);flex-direction:column;flex-shrink:0;flex-basis:auto;justify-content:space-between;gap:var(--calcite-spacing-md)}.arcgis-slice__error{color:var(--calcite-color-status-danger)}.arcgis-slice__container,.arcgis-slice__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-slice__error,.arcgis-slice__hint{overflow:hidden;animation:arcgis-slice-fade-in .25s ease-in-out}.arcgis-slice__error p,.arcgis-slice__hint p{margin:0;padding:0}.arcgis-slice__hint:not(:has(*)){display:none}.arcgis-slice__layer-item{--calcite-color-foreground-2: var(--layer-item-background);--calcite-color-foreground-1: var(--layer-item-background)}.arcgis-slice__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}.arcgis-slice__actions:not(:has(*)){display:none}@keyframes arcgis-slice-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}`;
 var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, c = (e, i, t, d) => {
-  for (var l = d > 1 ? void 0 : d ? D(i, t) : i, g = e.length - 1, u; g >= 0; g--)
-    (u = e[g]) && (l = (d ? u(i, t, l) : u(l)) || l);
+  for (var l = d > 1 ? void 0 : d ? D(i, t) : i, u = e.length - 1, g; u >= 0; u--)
+    (g = e[u]) && (l = (d ? g(i, t, l) : g(l)) || l);
   return d && l && B(i, t, l), l;
 };
 const _ = /* @__PURE__ */ new Set();
@@ -89,46 +89,46 @@ let n = class extends S {
   }
 };
 c([
-  p()
+  h()
 ], n.prototype, "_excludingLayers", 2);
 c([
-  p({ readOnly: !0 })
+  h({ readOnly: !0 })
 ], n.prototype, "state", 1);
 c([
-  p()
+  h()
 ], n.prototype, "shape", 1);
 c([
-  p()
+  h()
 ], n.prototype, "tiltEnabled", 1);
 c([
-  p()
+  h()
 ], n.prototype, "excludedLayers", 1);
 c([
-  p()
+  h()
 ], n.prototype, "excludeGroundSurface", 1);
 n = c([
-  C("esri.components.Slice.SliceViewModel")
+  V("esri.components.Slice.SliceViewModel")
 ], n);
-const s = "arcgis-slice", r = {
-  base: s,
-  actions: `${s}__actions`,
-  cancelButton: `${s}__cancel-button`,
-  container: `${s}__container`,
-  error: `${s}__error`,
-  excludeButton: `${s}__exclude-button`,
-  hint: `${s}__hint`,
-  hintText: `${s}__hint-text`,
-  layerItem: `${s}__layer-item`,
-  layerList: `${s}__layer-list`,
-  layerListHeading: `${s}__layer-list-title`,
-  newSliceButton: `${s}__clear-button`
-}, H = z(n);
+const o = "arcgis-slice", r = {
+  base: o,
+  actions: `${o}__actions`,
+  cancelButton: `${o}__cancel-button`,
+  container: `${o}__container`,
+  error: `${o}__error`,
+  excludeButton: `${o}__exclude-button`,
+  hint: `${o}__hint`,
+  hintText: `${o}__hint-text`,
+  layerItem: `${o}__layer-item`,
+  layerList: `${o}__layer-list`,
+  layerListHeading: `${o}__layer-list-title`,
+  newSliceButton: `${o}__clear-button`
+}, H = M(n);
 class O extends L {
   constructor() {
-    super(...arguments), this.viewModel = H(this), this._messages = V(), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.excludeGroundSurface = this.viewModel.excludeGroundSurface, this.excludedLayers = this.viewModel.excludedLayers, this.headingLevel = 3, this.icon = "slice", this.shape = this.viewModel.shape, this.state = this.viewModel.state, this.tiltEnabled = this.viewModel.tiltEnabled, this.arcgisPropertyChange = $()("analysis", "state"), this.arcgisReady = k();
+    super(...arguments), this.viewModel = H(this), this._messages = C(), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.excludeGroundSurface = this.viewModel.excludeGroundSurface, this.excludedLayers = this.viewModel.excludedLayers, this.headingLevel = 3, this.hideVisualization = this.viewModel.hideVisualization, this.icon = "slice", this.shape = this.viewModel.shape, this.state = this.viewModel.state, this.tiltEnabled = this.viewModel.tiltEnabled, this.arcgisPropertyChange = $()("analysis", "state"), this.arcgisReady = k();
   }
   static {
-    this.properties = { _hasVoxelLayers: 16, view: 0, analysis: 0, autoDestroyDisabled: 5, excludeGroundSurface: 5, excludedLayers: 0, headingLevel: 9, icon: 3, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, shape: 0, state: 35, tiltEnabled: 5 };
+    this.properties = { _hasVoxelLayers: 16, view: 0, analysis: 0, autoDestroyDisabled: 5, excludeGroundSurface: 5, excludedLayers: 0, headingLevel: 9, hideVisualization: 5, icon: 3, label: 1, messageOverrides: 0, referenceElement: 1, shape: 0, state: 32, tiltEnabled: 5 };
   }
   static {
     this.styles = j;
@@ -155,33 +155,33 @@ class O extends L {
     ]);
   }
   render() {
-    return o`<div class=${a({
+    return s`<div class=${a({
       [r.base]: !0,
       [m.widget]: !0,
       [m.panel]: !0
     })} role=presentation>${this._renderContainerNode()}</div>`;
   }
   _renderContainerNode() {
-    const i = this._messages, { state: t, visible: d, supported: l } = this.viewModel, g = t === "slicing" || t === "excludingLayer";
-    if (!d || !l)
+    const i = this._messages, { state: t, hideVisualization: d, supported: l } = this.viewModel, u = t === "slicing" || t === "excludingLayer";
+    if (d || !l)
       return null;
-    l || o`<div class=${a(r.container)}><div class=${a(r.error)}><p>${this._messages.unsupported}</p></div></div>`;
-    const { excludedLayers: u } = this.viewModel, f = this.excludeGroundSurface, v = u.length > 0 || f, h = t === "disabled";
-    return o`<div class=${a(r.container)}><div class=${a(r.hint)}>${t === "excludingLayer" ? o`<p class=${a(r.hintText)}>${i.excludeHint}</p>` : null}${t === "slicing" ? o`<p class=${a(r.hintText)}>${this._hasVoxelLayers ? i.voxelHint : i.hint}</p><p class=${a(r.hintText)}>${i.verticalHint}</p>` : null}</div>${!g && v ? o`<div class=${a(r.layerList)}>${A({ class: r.layerListHeading, level: this.headingLevel, children: i.excludedLayers })}${P({ layers: u.toArray(), excludeGroundSurface: f, onLayerClick: (w) => {
-      this.excludedLayers.remove(w);
+    l || s`<div class=${a(r.container)}><div class=${a(r.error)}><p>${this._messages.unsupported}</p></div></div>`;
+    const { excludedLayers: g } = this.viewModel, f = this.excludeGroundSurface, v = g.length > 0 || f, p = t === "disabled";
+    return s`<div class=${a(r.container)}><div class=${a(r.hint)}>${t === "excludingLayer" ? s`<p class=${a(r.hintText)}>${i.excludeHint}</p>` : null}${t === "slicing" ? s`<p class=${a(r.hintText)}>${this._hasVoxelLayers ? i.voxelHint : i.hint}</p><p class=${a(r.hintText)}>${i.verticalHint}</p>` : null}</div>${!u && v ? s`<div class=${a(r.layerList)}>${A({ class: r.layerListHeading, level: this.headingLevel, children: i.excludedLayers })}${P({ layers: g.toArray(), excludeGroundSurface: f, onLayerClick: (y) => {
+      this.excludedLayers.remove(y);
     }, onGroundClick: () => {
       this.excludeGroundSurface = !1;
-    }, listLabel: i.excludedLayers, layerActionLabel: i.includeLayer, groundItemTitle: i.ground })}</div>` : null}<div class=${a(r.actions)}>${g ? null : o`<calcite-button class=${a(r.newSliceButton)} .disabled=${h} @click=${this.start}>${i.newSlice}</calcite-button>`}${t === "sliced" ? o`<calcite-button appearance=outline-fill class=${a(r.excludeButton)} .disabled=${h} @click=${() => this.viewModel.pickLayerToExclude()}>${i.excludeLayer}</calcite-button>` : null}${t === "excludingLayer" ? o`<calcite-button appearance=outline-fill class=${a(r.cancelButton)} .disabled=${h} @click=${() => this.viewModel.stop()}>${i.cancel}</calcite-button>` : null}</div></div>`;
+    }, listLabel: i.excludedLayers, layerActionLabel: i.includeLayer, groundItemTitle: i.ground })}</div>` : null}<div class=${a(r.actions)}>${u ? null : s`<calcite-button class=${a(r.newSliceButton)} .disabled=${p} @click=${this.start}>${i.newSlice}</calcite-button>`}${t === "sliced" ? s`<calcite-button appearance=outline-fill class=${a(r.excludeButton)} .disabled=${p} @click=${() => this.viewModel.pickLayerToExclude()}>${i.excludeLayer}</calcite-button>` : null}${t === "excludingLayer" ? s`<calcite-button appearance=outline-fill class=${a(r.cancelButton)} .disabled=${p} @click=${() => this.viewModel.stop()}>${i.cancel}</calcite-button>` : null}</div></div>`;
   }
 }
 function x(e) {
-  return o`<calcite-list-item class=${a(r.layerItem)} data-testid=${`list-item-${e.uid}`} .label=${e.title ?? ""}><calcite-action icon=x @click=${e.onClick} scale=s slot=actions-end .text=${e.actionLabel} title=${e.actionLabel ?? M}></calcite-action></calcite-list-item>`;
+  return s`<calcite-list-item class=${a(r.layerItem)} data-testid=${`list-item-${e.uid}`} .label=${e.title ?? ""}><calcite-action icon=x @click=${e.onClick} slot=actions-end .text=${e.actionLabel} title=${e.actionLabel ?? z}></calcite-action></calcite-list-item>`;
 }
 function P(e) {
   const i = e.layers.map((t) => x({ uid: t.uid, title: t.title ?? "", onClick: () => e.onLayerClick(t), actionLabel: e.layerActionLabel }));
-  return e.excludeGroundSurface && i.push(x({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), o`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
+  return e.excludeGroundSurface && i.push(x({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), s`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
 }
-y("arcgis-slice", O);
+w("arcgis-slice", O);
 export {
   O as ArcgisSlice
 };

package/dist/components/arcgis-slice/index.d.ts

@@ -1,5 +1 @@
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-list";
 export * from "./customElement.js";

package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.d.ts

@@ -0,0 +1,208 @@
+/// <reference path="../../index.d.ts" />
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type ClassBreaksRenderer from "@arcgis/core/renderers/ClassBreaksRenderer";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { IconName } from "../../utils/action-utils.js";
+import type { RendererResult } from "@arcgis/core/smartMapping/renderers/univariateColorSize";
+import type { HistogramResult } from "@arcgis/core/smartMapping/statistics/types";
+import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapping/SmartMappingSliderBase.js";
+
+/**
+ * > [!WARNING]
+ * >
+ * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
+ * >
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ *
+ * The Binary Color Size Slider component is intended for authoring and exploring diverging data-driven visualizations in any
+ * layer that can be rendered with an above and below theme for a [SizeVariable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-visualVariables-SizeVariable.html).
+ *
+ * The [updateFromRendererResult()](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-BinaryColorSizeSlider.html#fromRendererResult)
+ * method can be used to intelligently populate slider properties including [max](#max), [min](#min), [size visual variable](https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-visualVariables-SizeVariable.html)
+ * configuration, and the slider's histogram after the renderer has been created from the result of the
+ * [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-univariateColorSize.html#createContinuousRenderer) method.
+ *
+ * ```js
+ * const univariateColorSizeRendererCreator = await import(
+ *   "@arcgis/core/smartMapping/renderers/univariateColorSize.js"
+ * );
+ * const viewElement = document.querySelector("arcgis-map")!;
+ * const binaryColorSizeSlider = document.querySelector("arcgis-slider-binary-color-size")!;
+ *
+ * const featureLayer = new FeatureLayer({
+ *   url: "https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/ACS_Poverty_by_Age_Boundaries/FeatureServer/1",
+ * });
+ *
+ * await viewElement.viewOnReady();
+ * viewElement.map?.add(featureLayer);
+ *
+ * const params = {
+ *   layer: featureLayer,
+ *   field: "B17020_calc_pctPovE",
+ *   view: viewElement.view,
+ *   theme: "above-and-below" as UnivariateTheme,
+ * };
+ *
+ * const rendererResult = await univariateColorSizeRendererCreator.createContinuousRenderer(params);
+ *
+ * featureLayer.renderer = rendererResult.renderer;
+ *
+ * const histogramResult = await histogram({
+ *   ...params,
+ *   numBins: 30,
+ * });
+ *
+ * await binaryColorSizeSlider?.updateFromRendererResult(rendererResult, histogramResult);
+ * ```
+ *
+ * This slider should be used to update an above and below (diverging) visualization in a layer's renderer.
+ * It is the responsibility of the app developer to set up event listeners on that update the size variable of the appropriate renderer.
+ *
+ * ```js
+ * const updateRendererFromSlider = async () => {
+ *   const result = await binaryColorSizeSlider.updateRenderer(featureLayer.renderer as ClassBreaksRenderer);
+ *   featureLayer.renderer = result;
+ * };
+ *
+ * binaryColorSizeSlider.addEventListener("arcgisThumbChange", updateRendererFromSlider);
+ * binaryColorSizeSlider.addEventListener("arcgisThumbDrag", updateRendererFromSlider);
+ * ```
+ *
+ * @since 5.0.0
+ * @see [BinaryColorSizeSliderViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-BinaryColorSizeSlider-BinaryColorSizeSliderViewModel.html)
+ * @see [univariateColorSizeRendererCreator](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-univariateColorSize.html)
+ */
+export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slider-binary-color-size-legacy/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  accessor icon: IconName;
+  /**
+   * The maximum value or upper bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * the user may change this property by selecting the label containing the max value on the slider UI. It is the responsibility of the app developer
+   * to set up event listeners that update the size variable of the appropriate renderer.
+   *
+   * @example
+   * ```js
+   * const updateRendererFromSlider = async () => {
+   *   const updatedRenderer = await binaryColorSizeSlider.updateRenderer(
+   *     featureLayer.renderer as ClassBreaksRenderer,
+   *   );
+   *   featureLayer.renderer = updatedRenderer;
+   * };
+   *
+   * binaryColorSizeSlider.addEventListener("arcgisPropertyChange", updateRendererFromSlider);
+   * ```
+   */
+  accessor max: number;
+  /**
+   * The minimum value or lower bound of the slider. Once the slider has rendered with the [updateFromRendererResult()](#updateFromRendererResult) method,
+   * the user may change this property by selecting the label containing the min value on the slider UI. It is the responsibility of the app developer
+   * to set up event listeners that update the size variable of the appropriate renderer.
+   *
+   * @example
+   * ```js
+   * const updateRendererFromSlider = async () => {
+   *   const updatedRenderer = await binaryColorSizeSlider.updateRenderer(
+   *     featureLayer.renderer as ClassBreaksRenderer,
+   *   );
+   *   featureLayer.renderer = updatedRenderer;
+   * };
+   *
+   * binaryColorSizeSlider.addEventListener("arcgisPropertyChange", updateRendererFromSlider);
+   * ```
+   */
+  accessor min: number;
+  /**
+   * Defines how slider thumb values should be rounded. This number indicates the number
+   * of decimal places slider thumb _values_ should round to when they have been moved.
+   *
+   * Keep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-SmartMappingSliderViewModel.html#values) and shouldn't be used exclusively
+   * for formatting purposes.
+   *
+   * @default 4
+   * @example
+   * ```js
+   * slider.precision = 7;
+   * ```
+   */
+  accessor precision: number;
+  /**
+   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   *
+   * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /** The current state of the component. */
+  accessor state: SmartMappingSliderBaseState;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /**
+   * A convenience function used to update the properties of a BinaryColorSizeSlider component instance from the
+   * [result](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-univariateColorSize.html#RendererResult) of
+   * the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-univariateColorSize.html#createContinuousRenderer)
+   * method. This method is useful for cases when the app allows the end user to switch data variables used to render the data.
+   * Note that this method always expects `rendererResult` to be defined for the slider to function, but `histogramResult` is optional.
+   *
+   * @param rendererResult - The result object from the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-renderers-univariateColorSize.html#createContinuousRenderer)
+   *   method.
+   * @param histogramResult - The result histogram object from the [histogram()](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-histogram.html#histogram)
+   *   method.
+   * @example
+   * ```js
+   * const rendererResult = await univariateColorSizeRendererCreator.createContinuousRenderer(params);
+   *
+   * featureLayer.renderer = rendererResult.renderer;
+   *
+   * const histogramResult = await histogram({
+   *   ...params,
+   *   numBins: 30,
+   * });
+   *
+   * await binaryColorSizeSlider?.updateFromRendererResult(rendererResult, histogramResult)
+   * ```
+   */
+  updateFromRendererResult(rendererResult: RendererResult, histogramResult?: HistogramResult): Promise<void>;
+  /**
+   * A convenience function used to update the input renderer based on
+   * the values of the slider [stops](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-smartMapping-BinaryColorSizeSlider.html#stops).
+   *
+   * @param renderer - The renderer
+   *   to update from the slider values.
+   * @returns Returns the updated renderer.
+   * @example
+   * ```js
+   * const updatedRenderer = await binaryColorSizeSlider.updateRenderer(featureLayer.renderer as ClassBreaksRenderer);
+   * featureLayer.renderer = updatedRenderer;
+   * ```
+   */
+  updateRenderer(renderer: ClassBreaksRenderer): Promise<ClassBreaksRenderer | null | undefined>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "precision" | "state" | "max" | "min"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when a user changes the value of a thumb via the arrow keys or by keyboard editing of the label on the slider. */
+  readonly arcgisThumbChange: import("@arcgis/lumina").TargetedEvent<this, __esri.SmartMappingSliderBaseThumbChangeEvent>;
+  /** Fires when a user drags a thumb on the component. */
+  readonly arcgisThumbDrag: import("@arcgis/lumina").TargetedEvent<this, __esri.SmartMappingSliderBaseThumbDragEvent>;
+  readonly "@eventTypes": {
+    arcgisPropertyChange: ArcgisSliderBinaryColorSizeLegacy["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisSliderBinaryColorSizeLegacy["arcgisReady"]["detail"];
+    arcgisThumbChange: ArcgisSliderBinaryColorSizeLegacy["arcgisThumbChange"]["detail"];
+    arcgisThumbDrag: ArcgisSliderBinaryColorSizeLegacy["arcgisThumbDrag"]["detail"];
+  };
+}

package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.js

@@ -0,0 +1,35 @@
+import { c as t } from "../../chunks/runtime.js";
+import o from "@arcgis/core/widgets/smartMapping/BinaryColorSizeSlider.js";
+import { m as s } from "../../chunks/useWidget.js";
+import { LitElement as l, createEvent as a } from "@arcgis/lumina";
+import { usePropertyChange as n } from "@arcgis/lumina/controllers";
+import { css as d } from "lit";
+import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.141 */
+const c = d`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-histogram{direction:ltr;width:100%;height:100%}.esri-histogram__content{width:100%;height:100%}.esri-histogram__svg{width:100%;height:100%;display:inline-block;overflow:hidden}.esri-histogram__data-line{stroke:var(--calcite-color-text-3);stroke-width:1px;shape-rendering:crispEdges}.esri-histogram__label{stroke:var(--calcite-color-text-1);stroke-width:0;direction:ltr;unicode-bidi:plaintext;font-size:var(--calcite-font-size-sm)}.esri-histogram__average-data-line{stroke:var(--calcite-color-text-3)}.esri-histogram__average-symbol{font-family:Georgia\\, serif,sans-serif;font-style:italic}.esri-expand__panel-content .esri-histogram{width:100%}:dir(rtl) .esri-histogram{direction:rtl}:dir(rtl) .esri-histogram .esri-histogram__average-label{direction:rtl;unicode-bidi:plaintext}:host{min-width:260px}.esri-binary-color-size-slider{direction:ltr}.esri-binary-color-size-slider .esri-slider{z-index:1;font-size:var(--calcite-font-size-sm);position:relative}.esri-binary-color-size-slider .esri-slider .esri-slider__content{flex-direction:row;height:240px;margin:0 auto 0 40%}.esri-binary-color-size-slider .esri-slider .esri-slider__track{background-color:var(--calcite-color-transparent);flex:none;display:flex}.esri-binary-color-size-slider .esri-slider .esri-slider__anchor{border-top:1px solid var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-text-3);width:30px}.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label{text-decoration:underline}.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb{background-color:var(--calcite-color-inverse-press);border:none;transform:none}.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after{border-left-color:var(--calcite-color-inverse-press)}.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before{background-color:var(--calcite-color-brand);transform:translate(-1.5px)}.esri-binary-color-size-slider .esri-slider .esri-slider__thumb{background-color:var(--calcite-color-text-3);border:none;border-radius:0;width:6px;height:12px;top:-6px;left:-12px}.esri-binary-color-size-slider .esri-slider .esri-slider__thumb:before{content:"";background-color:var(--calcite-color-text-3);width:3px;height:12px;transition:transform .125s ease-in-out,background-color .125s ease-in-out;position:absolute;top:0;left:-1.5px}.esri-binary-color-size-slider .esri-slider .esri-slider__thumb:after{content:"";border-top:6px solid var(--calcite-color-transparent);border-bottom:6px solid var(--calcite-color-transparent);border-left:6px solid var(--calcite-color-text-3);width:0;height:0;position:absolute;top:0;left:6px}.esri-binary-color-size-slider .esri-slider .esri-slider__label{text-align:right;min-width:50px;line-height:20px;left:auto;right:50px}.esri-binary-color-size-slider .esri-slider .esri-slider__label:hover{background-color:var(--calcite-color-foreground-2)}.esri-binary-color-size-slider .esri-slider .esri-slider__segment:hover{cursor:default}.esri-binary-color-size-slider .esri-slider .esri-slider__range-input{text-align:center;width:50%;margin:auto}.esri-binary-color-size-slider .esri-slider .esri-slider__label-input{text-align:right;width:70px}.esri-binary-color-size-slider .esri-slider .esri-slider__max,.esri-binary-color-size-slider .esri-slider .esri-slider__min{z-index:0;flex:none;width:auto;margin:9px auto;padding:9px 12px;position:relative}.esri-binary-color-size-slider .esri-slider .esri-slider__max:before,.esri-binary-color-size-slider .esri-slider .esri-slider__min:before{z-index:-1;content:"";width:100%;height:100%;position:absolute;top:0;left:0}.esri-binary-color-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,.esri-binary-color-size-slider .esri-slider .esri-slider__min.esri-slider__range--active{background-color:var(--calcite-color-foreground-1)}.esri-binary-color-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,.esri-binary-color-size-slider .esri-slider .esri-slider__min .esri-slider__range-input{margin:0 auto}.esri-binary-color-size-slider .esri-slider .esri-slider__extra-content{height:100%;display:flex}.esri-binary-color-size-slider .esri-slider .esri-histogram__svg{overflow:visible}.esri-binary-color-size-slider .esri-slider .esri-histogram__label{fill:var(--calcite-color-text-2);stroke-width:2px}.esri-binary-color-size-slider .esri-slider .esri-histogram__average-line,.esri-binary-color-size-slider .esri-slider .esri-histogram__label{paint-order:stroke;stroke:var(--calcite-color-border-3)}.esri-binary-color-size-slider .esri-slider .zoom-cap--max{position:absolute;top:0}.esri-binary-color-size-slider .esri-slider .zoom-cap--min{position:absolute;bottom:0}.esri-binary-color-size-slider .esri-slider .zoom-cap{stroke-width:0;width:30px;height:11px}.esri-binary-color-size-slider .esri-slider .zoom-cap:hover{cursor:pointer}.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask{fill:var(--calcite-color-foreground-1)}.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line{fill:var(--calcite-color-brand)}.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--mask,.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--line{fill:var(--calcite-color-foreground-1)}.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--underline{fill:var(--calcite-color-inverse)}.esri-binary-color-size-slider__ramp{width:30px;height:100%;display:flex;position:relative}.esri-binary-color-size-slider__ramp svg{stroke:var(--calcite-color-text-3);stroke-width:1px;width:100%;height:100%;position:absolute;left:0}.esri-binary-color-size-slider__ramp svg rect{width:100%;height:100%}.esri-binary-color-size-slider__ramp svg path{stroke-width:.5px}.esri-binary-color-size-slider__histogram-container{flex:1 1 0;width:120px;height:100%;display:flex}.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider .esri-slider__content{margin:0 auto 0 35%}.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider .esri-slider__track{background-color:var(--calcite-color-transparent);width:12px}.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label{text-decoration:underline}.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb{background-color:var(--calcite-color-inverse-press);border:none;transform:none}.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after{border-left-color:var(--calcite-color-inverse-press)}.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before{background-color:var(--calcite-color-brand);transform:translate(-1.5px)}`, _ = s(o);
+class h extends l {
+  constructor() {
+    super(...arguments), this.widget = _(this), this.viewModel = this.widget.viewModel, this.label = this.widget.label, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.max = this.widget.max, this.min = this.widget.min, this.precision = this.widget.precision, this.state = this.widget.state, this.arcgisPropertyChange = n()("precision", "state", "max", "min"), this.arcgisReady = a(), this.arcgisThumbChange = i(() => this.widget, "thumb-change"), this.arcgisThumbDrag = i(() => this.widget, "thumb-drag");
+  }
+  static {
+    this.properties = { label: 16, autoDestroyDisabled: 5, icon: 1, max: 9, min: 9, precision: 9, referenceElement: 1, state: 1 };
+  }
+  static {
+    this.styles = c;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async updateFromRendererResult(e, r) {
+    return this.widget.updateFromRendererResult(e, r);
+  }
+  async updateRenderer(e) {
+    return this.widget.updateRenderer(e);
+  }
+}
+t("arcgis-slider-binary-color-size-legacy", h);
+export {
+  h as ArcgisSliderBinaryColorSizeLegacy
+};

package/dist/components/arcgis-slider-binary-color-size-legacy/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-slider-binary-color-size-legacy/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";