npm - @arcgis/map-components - Versions diffs - 4.34.0-next.11 → 4.34.0-next.111 - Mend

@arcgis/map-components 4.34.0-next.11 → 4.34.0-next.111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1361) hide show

package/dist/components/arcgis-legend/customElement.js CHANGED Viewed

@@ -1,31 +1,28 @@
 import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as t } from "@arcgis/lumina/controllers";
-import i from "@arcgis/core/widgets/Legend.js";
-import { LitElement as s, createEvent as r, noShadowRoot as a } from "@arcgis/lumina";
-import { m as o } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { usePropertyChange as i } from "@arcgis/lumina/controllers";
+import r from "@arcgis/core/widgets/Legend.js";
+import { LitElement as t, createEvent as a } from "@arcgis/lumina";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as o } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.11 */
-const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
-class h extends s {
+v4.34.0-next.111 */
+const d = o`.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:1.3em}.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:#303030}.esri-menu__list-item:active{background-color:#000}.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:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.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}:host{display:flex}.esri-legend{width:100%;overflow:hidden auto}.esri-legend__message{padding:.5em 1em}.esri-legend__service{padding:var(--esri-widget-padding);word-wrap:break-word;border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-2)}.esri-legend__service:last-child{border-bottom:none}.esri-legend__layer{margin-left:var(--calcite-spacing-sm);overflow:auto}.esri-legend__group-layer-child{margin-left:var(--calcite-spacing-sm);padding-left:0;padding-right:0}.esri-legend__layer-table{flex-flow:column;width:100%;margin-bottom:var(--calcite-spacing-md);display:flex}.esri-legend__layer-child-table{border-collapse:collapse;width:100%;margin-bottom:var(--calcite-spacing-md);display:table}.esri-legend__layer-body{margin-left:var(--calcite-spacing-sm)}.esri-legend__layer-row{display:flex}.esri-legend__layer-cell{vertical-align:middle;word-break:break-word;min-width:100px;padding:var(--calcite-spacing-xxs) 0}.esri-legend__layer-cell--symbols{text-align:center;min-width:10px}.esri-legend--card__color-ramp-container{justify-content:center}.esri-legend__layer-table--size-ramp{display:table}.esri-legend__layer-table--size-ramp .esri-legend__layer-row{display:table-row}.esri-legend__layer-table--size-ramp .esri-legend__layer-cell{display:table-cell}.esri-legend__size-ramp~.esri-legend__layer-cell--info{width:80%;max-width:80%}.esri-legend__layer-cell--info{word-break:normal;word-wrap:normal;max-width:250px;padding-left:var(--calcite-spacing-sm);padding-right:var(--calcite-spacing-sm);font-size:var(--calcite-spacing-md)}.esri-legend__imagery-layer-image--stretched{margin-bottom:-2px;display:block}.esri-legend__imagery-layer-cell--stretched{vertical-align:top;padding:0;line-height:1}.esri-legend__imagery-layer-info--stretched{vertical-align:top;padding:0 2px}.esri-legend__symbol{justify-content:center;display:flex}.esri-legend__layer-caption{word-break:break-word;padding:6px 0;display:table-caption}.esri-legend__ramp-labels{flex-flow:column;justify-content:space-between;display:flex}.esri-legend__ramps{margin-left:3px}.esri-legend__color-ramp{width:2var (--calcite-spacing-xxs)}.esri-legend__opacity-ramp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkM3N0RBQzA4QkVDRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTY4RkNFNjM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTY4RkNFNTM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SLS5VAAAAKElEQVR42mI8c+YMAwwYGxvD2UwMOADpEoz///+Hc86ePUsLOwACDABC1ghwV8TLOQAAAABJRU5ErkJggg==)}.esri-legend__ramp-tick{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);width:var(--calcite-spacing-xxs);line-height:0;position:absolute;left:auto;right:var(--calcite-border-width-sm)}.esri-legend__ramp-label{white-space:nowrap;padding:0 var(--calcite-spacing-sm);font-size:var(--calcite-spacing-md);line-height:1em;position:relative}.esri-legend__ramp-label:before{content:"";border:3px solid var(--calcite-color-transparent);border-left-width:0;border-right:4px solid var(--calcite-color-inverse);width:0;height:0;display:block;position:absolute;top:.25em;right:100%}.esri-legend__ramp-label:first-child{margin-top:-var(--calcite-spacing-xxs)}.esri-legend__ramp-label:last-child{bottom:-3px}.esri-legend-layer-caption{padding:6px 0;display:table-caption}:dir(rtl) .esri-legend__ramp-label:before{border-width:3px 0 3px var(--calcite-spacing-xxs);border-color:var(--calcite-color-border-2) var(--calcite-color-border-2) var(--calcite-color-border-2) var(--calcite-color-border-2);left:100%;right:auto}:dir(rtl) .esri-legend__layer,:dir(rtl) .esri-legend__group-layer-child,:dir(rtl) .esri-legend__layer-body{margin-left:0;margin-right:var(--calcite-spacing-sm);overflow:auto}:dir(rtl) .esri-legend__ramps{margin-left:auto;margin-right:3px}.esri-legend--card{background:var(--calcite-color-foreground-1);transition:max-width .25s ease-in-out;display:flex;position:relative;overflow-x:auto}.esri-legend--card__section{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);min-width:300px;padding:var(--calcite-spacing-md) 15px;font-size:var(--calcite-spacing-md);overflow:auto}.esri-legend--card__section:first-child{border-left:none}.esri-legend--card__message{padding:.5em 1em}.esri-legend--card__service-caption-container{border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);height:45px;padding:var(--calcite-spacing-md) 15px;font-weight:600}.esri-legend--card__service-caption-text{margin:0;padding-bottom:20px;overflow:auto}.esri-legend--card__layer-caption{margin-bottom:var(--calcite-spacing-md);padding:6px 0;font-weight:400}.esri-legend--card__service-content{height:calc(100% - 45px);display:flex}.esri-legend--card__label-container{flex-wrap:wrap;display:flex}.esri-legend--card__relationship-label-container{flex-direction:column;display:flex}.esri-legend--card__relationship-label-container .esri-legend--card__layer-row{padding-bottom:.5em}.esri-legend--card__relationship-label-container .esri-legend--card__layer-row:last-child{padding-bottom:0}.esri-legend--card__relationship-section{border:none}.esri-legend--card__label-element{text-align:center;min-width:4em;min-height:2.7em;margin:.1em;padding:.5em 1em}.esri-legend--card__image-label{padding-left:var(--calcite-spacing-sm);padding-right:var(--calcite-spacing-sm)}.esri-legend--card__layer-row,.esri-legend--card__size-ramp-container{align-items:center;display:flex}.esri-legend--card__size-ramp-preview{display:flex}.esri-legend--card__ramp-label{white-space:nowrap;margin:0 .5em}.esri-legend--card__pie-chart-ramp-preview{justify-content:center;display:flex}.esri-legend--card__interval-separator{text-align:center;font-size:.5em}.esri-legend--card__imagery-layer-image--stretched{margin-bottom:-2px;display:block}.esri-legend--card__symbol-container{position:relative}.esri-legend--card__interval-separators-container{position:absolute;top:50px;left:50%;transform:translate(-50%,-50%)}.esri-legend--card__carousel-title{margin:0}.esri-legend--card__service{border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);min-width:fit-content}.esri-legend--card__symbol{margin:auto;display:block}.esri-legend--stacked{flex-direction:column;min-width:300px;display:flex}.esri-legend--stacked .esri-legend--card__carousel{width:300px;max-height:420px}.esri-legend--stacked .esri-legend--card__carousel-item{max-height:388px}.esri-legend--stacked calcite-carousel-item[selected]{flex:1}.esri-legend--stacked .esri-legend--card__section{box-sizing:border-box;width:100%;min-width:unset;border:none;height:auto;overflow:auto}.esri-legend--stacked .esri-legend--card__size-ramp-row{flex-direction:column}.esri-legend--stacked .esri-legend--card__symbol-row{width:100%;margin:5px 0;display:table-row}.esri-legend--stacked .esri-legend--card__label-cell{vertical-align:middle;display:table-cell}.esri-legend--stacked .esri-legend--card__symbol-cell{vertical-align:middle;text-align:center;display:table-cell}.esri-legend--stacked .esri-legend--card__carousel-indicator-container{justify-content:center;width:300px;height:32px;display:flex;overflow:auto;box-shadow:0 -var(--calcite-border-width-sm) var(--calcite-color-border-2)}.esri-legend--stacked .esri-legend--card__carousel-indicator{cursor:pointer;justify-content:center;align-items:center;width:16px;height:auto;display:flex}.esri-legend--stacked .esri-legend--card__carousel-indicator:before{content:"";background-color:var(--calcite-color-border-2);border-radius:50%;width:10px;height:10px;transition:background-color .125s ease-in-out;display:block;box-shadow:0 0 0 var(--calcite-border-width-sm) var(--calcite-color-border-2)}.esri-legend--stacked .esri-legend--card__carousel-indicator:hover:before,.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:before,.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:hover:before{background-color:var(--calcite-color-border-2)}.esri-ui-corner .esri-legend--card{max-height:420px}:dir(rtl) .esri-view-width-greater-than-small .esri-legend--card__section{border-left:0;border-right:var(--calcite-border-width-sm) solid var(--calcite-color-border-2)}:dir(rtl) .esri-view-width-greater-than-small .esri-legend--card__section:first-child{border-right:none}.esri-relationship-ramp--diamond__container{font-size:var(--calcite-spacing-md);display:flex}.esri-relationship-ramp--diamond__left-column{text-align:right;align-self:center;max-width:85px;padding-right:5px}.esri-relationship-ramp--diamond__right-column{text-align:left;align-self:center;max-width:85px;padding-left:5px}.esri-relationship-ramp--diamond__middle-column{text-align:center;flex-direction:column;display:flex}.esri-relationship-ramp--diamond__middle-column--label{align-self:center;max-width:85px}.esri-relationship-ramp--diamond__middle-column--ramp{width:85px;height:85px}.esri-relationship-ramp--square__table{font-size:var(--calcite-spacing-md);display:table}.esri-relationship-ramp--square__table-row{display:table-row}.esri-relationship-ramp--square__table-cell{display:table-cell}.esri-relationship-ramp--square__table-label{max-width:95px}.esri-relationship-ramp--square__table-label--left-bottom{vertical-align:bottom;text-align:left}.esri-relationship-ramp--square__table-label--right-bottom{vertical-align:bottom;text-align:right}.esri-relationship-ramp--square__table-label--left-top{vertical-align:top;text-align:left}.esri-relationship-ramp--square__table-label--right-top{vertical-align:top;text-align:right}.esri-univariate-above-and-below-ramp__symbol{justify-content:center;align-items:center;display:flex}.esri-univariate-above-and-below-ramp__label{white-space:nowrap;margin-left:var(--calcite-spacing-sm);font-size:var(--calcite-spacing-md);line-height:1em;position:relative}.esri-univariate-above-and-below-ramp__label:before{content:"";border-style:solid;border-width:var(--calcite-border-width-sm) 0 0;width:1var (--calcite-spacing-xxs);height:0;display:block;position:absolute;top:.45em;left:-19px}.esri-univariate-above-and-below-ramp__label:first-child{top:-6px}.esri-univariate-above-and-below-ramp__label:last-child{bottom:-6px}.esri-univariate-above-and-below-ramp__color--card{position:relative}.esri-univariate-above-and-below-ramp__color--card:before{content:"";border-left:var(--calcite-border-width-sm) solid var(--calcite-color-background);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-background);width:100%;height:15px;display:block;position:absolute;top:var(--calcite-border-width-sm)}:dir(rtl) .esri-univariate-above-and-below-ramp__label{margin-left:auto;margin-right:var(--calcite-spacing-sm)}:dir(rtl) .esri-univariate-above-and-below-ramp__label:before{left:auto;right:-19px}`, n = l(r);
+class s extends t {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.position = "bottom-left", this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state"), this.arcgisReady = r();
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a();
   }
   static {
     this.properties = { activeLayerInfos: 0, autoDestroyDisabled: 5, basemapLegendVisible: 5, headingLevel: 9, hideLayersNotInCurrentView: 5, icon: 1, label: 1, layerInfos: 0, legendStyle: 1, position: 1, referenceElement: 1, respectLayerDefinitionExpression: 5, respectLayerVisibilityDisabled: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = a;
-  }
-  static {
-    this.styles = l;
+    this.styles = d;
   }
   async destroy() {
     await this.manager.destroy();
   }
 }
-e("arcgis-legend", h);
+e("arcgis-legend", s);
 export {
-  h as ArcgisLegend
+  s as ArcgisLegend
 };

package/dist/components/arcgis-line-of-sight/customElement.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { default as LineOfSightAnalysis } from '@arcgis/core/analysis/LineOfSightAnalysis.js';
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { default as LineOfSightViewModel } from './LineOfSightViewModel';
@@ -10,28 +9,79 @@ declare const useViewModel: (component: LitElement & Pick<LineOfSightViewModel,
 /**
  * The Line Of Sight component is a 3D analysis tool that allows you to perform
  * [line of sight visibility analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
- * in a 3D view. Visibility between a given observer and multiple target points is calculated against the currently
- * displayed content in the view, including ground, integrated meshes, and 3D objects such as buildings or trees.
+ * in a [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/). Visibility between a given observer and multiple target points is calculated against the currently
+ * displayed content in the view, including the ground, integrated meshes, and 3D objects such as buildings or trees.
  *
- * The results from the analysis are displayed as lines, where the visible part, indicating what the observer can see,
- * is colored green. Visible targets are displayed with a green sphere and a fully green line of sight.
- * The spheres marking occluded targets are displayed red, as are the occluded parts of the lines of sight.
+ * ![line-of-sight](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/line-of-sight.png)
+ *
+ * The analysis results are displayed as colored lines, where areas visible to the observer are
+ * shown green and occluded parts are marked in red. Also, the color of the target points indicates their visibility.
  * When the line of sight cannot be calculated, it will be displayed with a gray color. This may happen if either
  * the target or the observer is not in the view.
  *
- * When creating a new line of sight analysis with the component, the first click in the scene creates the
+ * When creating a new line of sight analysis, the first click in the Scene creates the
  * [observer](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisObserver.html)
- * and any further clicks place the [targets](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisTarget.html).
- * Both, observer and target points, can be moved by dragging them. Additionally, the target points can be removed with a right click.
+ * and subsequent clicks place the [targets](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysisTarget.html).
+ * Both the observer and target points can be moved by dragging. Additionally, the target points can be removed with a right click.
+ *
+ * **Known limitation**
+ *
+ * Line Of Sight is only supported in a 3D [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) component.
+ *
+ * **See also**
+ *
+ * - [LineOfSightAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
+ * - [Sample - Line of sight component](https://developers.arcgis.com/javascript/latest/sample-code/line-of-sight/)
+ * - [Sample - Analysis objects](https://developers.arcgis.com/javascript/latest/sample-code/analysis-objects/)
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-line-of-sight/)
  */
 export declare class ArcgisLineOfSight extends LitElement {
     /**
-     * The [line of sight analysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
-     * object being created by the component.
+     * The [LineOfSightAnalysis](https://developers.arcgis.com/javascript/latest/api-reference/esri-analysis-LineOfSightAnalysis.html)
+     * created or modified by the component.
+     *
+     * When connecting the Line Of Sight component to the [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/)
+     * component, it automatically creates an empty analysis and adds it to the Scene's
+     * [analyses](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#analyses) collection.
+     * Whenever the component is destroyed, the analysis is automatically removed from the collection.
+     *
+     * Alternatively, a programmatically created analysis can be provided to the component.
+     * Then, the application itself needs to add it to and later remove it from the Scene's analyses collection.
+     *
+     * ```js
+     * //Create the analysis.
+     * const lineOfSightAnalysis = new LineOfSightAnalysis({
+     *   observer: new LineOfSightAnalysisObserver({
+     *         position: new Point({
+     *         spatialReference: { latestWkid: 3857, wkid: 102100 },
+     *         x: -13624828.3377593,
+     *         y: 4550305.319405007,
+     *         z: 105.55410975124687
+     *         }),
+     *   }),
+     *   targets: [ new LineOfSightAnalysisTarget({
+     *         position: new Point({
+     *         spatialReference: { latestWkid: 3857, wkid: 102100 },
+     *         x: -13624944.17687458,
+     *         y: 4550420.577689567,
+     *         z: 0
+     *         }),
+     *   })
+     * ]
+     * });
+     * // Get the Scene and Line Of Sight component and wait until they are ready.
+     * const viewElement = document.querySelector("arcgis-scene");
+     * await viewElement.viewOnReady();
+     * const lineOfSight = document.querySelector("arcgis-line-of-sight");
+     * await lineOfSight.componentOnReady();
+     * // Add the analysis to the Scene component.
+     * viewElement.analyses.add(lineOfSightAnalysis);
+     * // Connect the analysis to the component:
+     * lineOfSight.analysis = lineOfSightAnalysis;
+     * ```
      */
-    get analysis(): LineOfSightAnalysis;
+    analysis: __esri.LineOfSightAnalysis;
     /**
      * 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
@@ -52,10 +102,19 @@ export declare class ArcgisLineOfSight extends LitElement {
     icon?: HTMLCalciteIconElement["icon"];
     /** The component's default label. */
     label?: string;
-    /** Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases. */
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
     messageOverrides?: typeof this._messages._overrides;
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
+    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    position?: __esri.UIPosition;
+    /**
+     * 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)
+     */
     referenceElement?: ArcgisReferenceElement | string;
     /**
      * The component's state. The values mean the following:
@@ -68,25 +127,22 @@ export declare class ArcgisLineOfSight extends LitElement {
     get state(): "created" | "creating" | "disabled" | "ready";
     /** Clear the current analysis results. After calling this method, the user can set a new observer and targets. */
     clear(): Promise<void>;
-    /**
-     * After [stop()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-line-of-sight/#stop)
-     * was called, this method allows to continue the line of sight analysis and add more targets.
-     */
+    /** After [stop()](#stop) was called, this method allows to continue the line of sight analysis and add more targets. */
     continue(): Promise<void>;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Start a new line of sight analysis. */
     start(): Promise<void>;
     /**
-     * Stop the current line of sight analysis, keeping the results in the view.
-     * Users can still interact with existing targets and the observer but they cannot place new target points.
+     * Stop the current placing of line of sight analysis. Any lines added this far are kept  in the view.
+     * Users can still interact with existing targets and the observer, but they cannot place new target points.
      */
     stop(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "analysis";
     }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
     private _messages;
 }

package/dist/components/arcgis-line-of-sight/customElement.js CHANGED Viewed

@@ -1,32 +1,31 @@
-import { c as f } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
+import { c as _ } from "../../chunks/runtime.js";
+import { css as f, html as l } from "lit";
 import { usePropertyChange as m } from "@arcgis/lumina/controllers";
-import { LitElement as y, createEvent as v, noShadowRoot as _, safeClassMap as n } from "@arcgis/lumina";
-import { css as w } from "@lit/reactive-element/css-tag.js";
-import { g } from "../../chunks/globalCss.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { m as b } from "../../chunks/useViewModel.js";
-import { A as M } from "../../chunks/AnalysisViewModel.js";
-import x from "@arcgis/core/analysis/LineOfSightAnalysis.js";
-import { property as O, subclass as A } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { LitElement as w, createEvent as v, safeClassMap as a } from "@arcgis/lumina";
+import { g as h } from "../../chunks/globalCss.js";
+import { u as b } from "../../chunks/useT9n.js";
+import { m as x } from "../../chunks/useViewModel.js";
+import { A as y } from "../../chunks/AnalysisViewModel.js";
+import k from "@arcgis/core/analysis/LineOfSightAnalysis.js";
+import { property as $, subclass as z } from "@arcgis/core/core/accessorSupport/decorators.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.11 */
-const C = w`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, a = "arcgis-line-of-sight", r = {
-  base: a,
-  actions: `${a}__actions`,
-  container: `${a}__container`,
-  error: `${a}__error`,
-  hint: `${a}__hint`,
-  hintText: `${a}__hint-text`,
-  newAnalysisButton: `${a}__new-analysis-button`
+v4.34.0-next.111 */
+const M = f`.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:1.3em}.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:#303030}.esri-menu__list-item:active{background-color:#000}.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:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.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-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-hidden{display:none!important}:host{min-width:300px}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto;width:300px}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}`, o = "arcgis-line-of-sight", s = {
+  base: o,
+  actions: `${o}__actions`,
+  container: `${o}__container`,
+  error: `${o}__error`,
+  hint: `${o}__hint`,
+  hintText: `${o}__hint-text`,
+  newAnalysisButton: `${o}__new-analysis-button`
 };
-var S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, u = (t, e, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? D(e, i) : e, d = t.length - 1, p; d >= 0; d--)
-    (p = t[d]) && (s = (o ? p(e, i, s) : p(s)) || s);
-  return o && s && S(e, i, s), s;
+var C = Object.defineProperty, A = Object.getOwnPropertyDescriptor, u = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? A(e, r) : e, d = t.length - 1, g; d >= 0; d--)
+    (g = t[d]) && (i = (n ? g(e, r, i) : g(i)) || i);
+  return n && i && C(e, r, i), i;
 };
-let c = class extends M {
+let c = class extends y {
   constructor() {
     super(...arguments), this.supportedViewType = "3d", this.unsupportedErrorMessage = "The Line Of Sight component is only supported in 3D views.";
   }
@@ -34,37 +33,31 @@ let c = class extends M {
     return this.disabled || !this.ready ? "disabled" : this.operationState === "active" ? "creating" : this.analysis.valid ? "created" : "ready";
   }
   constructAnalysis() {
-    return new x();
+    return new k();
   }
   clearAnalysis() {
     this.analysis.observer = null, this.analysis.targets.removeAll();
   }
   async place(t) {
-    return await this.analysisView?.place(t);
+    await this.analysisView?.place(t);
   }
 };
 u([
-  O({ readOnly: !0 })
+  $({ readOnly: !0 })
 ], c.prototype, "state", 1);
 c = u([
-  A("esri.components.LineOfSight.LineOfSightViewModel")
+  z("esri.components.LineOfSight.LineOfSightViewModel")
 ], c);
-const L = b(c);
-class V extends y {
+const O = x(c);
+class E extends w {
   constructor() {
-    super(...arguments), this.viewModel = L(this), this._messages = $({ blocking: !0 }), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.icon = "line-of-sight", this.position = "bottom-left", this.arcgisPropertyChange = m()("analysis", "state"), this.arcgisReady = v();
+    super(...arguments), this.viewModel = O(this), this._messages = b({ blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "line-of-sight", this.arcgisPropertyChange = m()("analysis", "state"), this.arcgisReady = v();
   }
   static {
-    this.properties = { analysis: 32, autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 32, _supported: 16 };
+    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 35, _supported: 16 };
   }
   static {
-    this.shadowRootOptions = _;
-  }
-  static {
-    this.styles = C;
-  }
-  get analysis() {
-    return this.viewModel.analysis;
+    this.styles = M;
   }
   get state() {
     return this.viewModel.state;
@@ -88,29 +81,29 @@ class V extends y {
     this.viewModel.stop();
   }
   render() {
-    return l`<div class=${n({
-      [r.base]: !0,
-      [g.widget]: !0,
-      [g.panel]: !0
+    return l`<div class=${a({
+      [s.base]: !0,
+      [h.widget]: !0,
+      [h.panel]: !0
     })} role=presentation>${this._renderContainerNode()}</div>`;
   }
   _renderContainerNode() {
     if (!this._supported)
-      return l`<div class=${n(r.error)}><p>${this._messages.unsupported}</p></div>`;
-    const e = this.viewModel.state, i = e === "creating";
-    return l`<div class=${n(r.container)}>${i ? l`<div class=${n(r.hint)}><p class=${n(r.hintText)}>${this._messages.hint}</p></div>` : null}<div class=${n(r.actions)}>${e === "creating" ? h({ onClick: () => {
+      return l`<div class=${a(s.error)}><p>${this._messages.unsupported}</p></div>`;
+    const e = this.viewModel.state, r = e === "creating";
+    return l`<div class=${a(s.container)}>${r ? l`<div class=${a(s.hint)}><p class=${a(s.hintText)}>${this._messages.hint}</p></div>` : null}<div class=${a(s.actions)}>${e === "creating" ? p({ onClick: () => {
       this.stop();
-    }, children: this._messages.done }) : null}${e === "created" ? h({ onClick: () => {
+    }, children: this._messages.done }) : null}${e === "created" ? p({ onClick: () => {
       this.continue();
-    }, children: this._messages.continueAnalysis }) : null}${h({ className: r.newAnalysisButton, onClick: () => {
+    }, children: this._messages.continueAnalysis }) : null}${p({ className: s.newAnalysisButton, onClick: () => {
       this.start();
     }, primary: !0, disabled: e === "disabled", children: this._messages.newAnalysis })}</div></div>`;
   }
 }
-function h({ className: t, onClick: e, primary: i, disabled: o, children: s }) {
-  return l`<calcite-button .appearance=${i ? "solid" : "outline-fill"} class=${n(t)} .disabled=${o} @click=${e}>${s}</calcite-button>`;
+function p({ className: t, onClick: e, primary: r, disabled: n, children: i }) {
+  return l`<calcite-button .appearance=${r ? "solid" : "outline-fill"} class=${a(t)} .disabled=${n} @click=${e}>${i}</calcite-button>`;
 }
-f("arcgis-line-of-sight", V);
+_("arcgis-line-of-sight", E);
 export {
-  V as ArcgisLineOfSight
+  E as ArcgisLineOfSight
 };

package/dist/components/arcgis-link-chart/customElement.d.ts CHANGED Viewed

@@ -1,16 +1,16 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
+/// <reference path="../../index.d.ts" />
 import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
 import { default as WebLinkChart } from '@arcgis/core/WebLinkChart.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { Use } from '@arcgis/lumina/controllers';
+import { nil } from '@arcgis/toolkit/type';
-declare const useWebLinkChart: (component: LitElement & Omit<Pick<WebLinkChart, "basemap" | "ground" | "layers" | "bookmarks" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "thumbnailUrl">, "basemap" | "ground" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "layers" | "bookmarks" | "tables" | "presentation" | "knowledgeGraph" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "entityCount" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "relationshipCount" | "thumbnailUrl"> & {
+declare const useWebLinkChart: (component: LitElement & Omit<Pick<WebLinkChart, "basemap" | "focusAreas" | "ground" | "tables" | "layers" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "bookmarks" | "floorInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "thumbnailUrl">, ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "basemap" | "ground" | "tables" | "presentation" | "layers" | "knowledgeGraph" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "bookmarks" | "entityCount" | "floorInfo" | "geotriggersInfo" | "initialViewProperties" | "linkChartProperties" | "mapType" | "portalItem" | "relationshipCount" | "thumbnailUrl"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => WebLinkChart;
-declare const useLinkChartView: (component: LitElement & Omit<Pick<LinkChartView, "container" | "map" | "background" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "graphics" | "highlights" | "navigation" | "padding" | "popup" | "resizeAlign" | "rotation" | "scale" | "spatialReference" | "theme" | "timeExtent" | "timeZone" | "viewpoint" | "zoom" | "floors" | "highlightOptions" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "spatialReferenceLocked" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled">, "container" | "floors" | "highlightOptions" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "spatialReferenceLocked" | "widthBreakpoint" | "ui" | "animation" | "displayFilterEnabled"> & {
+declare const useLinkChartView: (component: LitElement & Omit<Pick<LinkChartView, "map" | "analyses" | "background" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "graphics" | "highlights" | "navigation" | "padding" | "popup" | "resizeAlign" | "rotation" | "scale" | "spatialReference" | "theme" | "timeExtent" | "timeZone" | "viewpoint" | "zoom" | "floors" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "spatialReferenceLocked" | "container" | "ui" | "animation" | "displayFilterEnabled">, ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "floors" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "spatialReferenceLocked" | "container" | "ui" | "animation" | "displayFilterEnabled" | "highlightOptions"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => LinkChartView;
@@ -21,6 +21,16 @@ declare const useLinkChartView: (component: LitElement & Omit<Pick<LinkChartView
  * Note: Sign in to access the data in this demo, U/P: `viewer01`/`I68VGU^nMurF`
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/)
+ *
+ * @slot  - Default slot for adding components to the link chart. User is responsible for positioning the content via CSS.
+ * @slot [top-left] - Slot for components positioned in the top-left corner.
+ * @slot [top-right] - Slot for components positioned in the top-right corner.
+ * @slot [bottom-left] - Slot for components positioned in the bottom-left corner.
+ * @slot [bottom-right] - Slot for components positioned in the bottom-right corner.
+ * @slot [top-start] - Slot for components positioned at the top-start (top-left in LTR, top-right in RTL).
+ * @slot [top-end] - Slot for components positioned at the top-end (top-right in LTR, top-left in RTL).
+ * @slot [bottom-start] - Slot for components positioned at the bottom-start (bottom-left in LTR, bottom-right in RTL).
+ * @slot [bottom-end] - Slot for components positioned at the bottom-end (bottom-right in LTR, bottom-left in RTL).
  */
 export declare class ArcgisLinkChart extends LitElement {
     /** Internal view of the component. */
@@ -30,6 +40,12 @@ export declare class ArcgisLinkChart extends LitElement {
      * related to the basemap, operational layers, and group layers in this view.
      */
     readonly allLayerViews: __esri.Collection<__esri.LayerView>;
+    /**
+     * A collection of analyses associated with the view.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View2D.html#analyses)
+     */
+    analyses: __esri.Collection<__esri.Analysis>;
     /**
      * 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
@@ -66,7 +82,7 @@ export declare class ArcgisLinkChart extends LitElement {
      * For animating the view, see this component's goTo() method.
      */
     get center(): __esri.LinkChartView["center"];
-    set center(newValue: __esri.LinkChartView["center"] | Nil | number[] | string);
+    set center(newValue: __esri.LinkChartView["center"] | nil | number[] | string);
     /** Specifies constraints to scale, zoom, and rotation that may be applied to the LinkChartView. */
     constraints: __esri.View2DConstraints;
     /**
@@ -89,13 +105,14 @@ export declare class ArcgisLinkChart extends LitElement {
     fatalError: nullish | __esri.Error;
     /**
      * Allows for adding graphics directly to the default graphics in the View.
-     * Example:
-     * ```
+     *
+     * @example
+     * ```js
      * // Adds a graphic to the View
      * graphics.add(pointGraphic);
      * ```
-     * Example:
-     * ```
+     * @example
+     * ```js
      * // Removes a graphic from the View
      * graphics.remove(pointGraphic);
      * ```
@@ -117,8 +134,8 @@ export declare class ArcgisLinkChart extends LitElement {
      *
      * To configure the portal url you must set the [`portalUrl` property on `config`](https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#portalUrl) before the Link Chart component loads.
      */
-    get itemId(): Nil | string;
-    set itemId(newValue: Nil | string);
+    get itemId(): nil | string;
+    set itemId(newValue: nil | string);
     /**
      * A collection containing a hierarchical list of all the created
      * [LayerViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html) of the
@@ -131,7 +148,7 @@ export declare class ArcgisLinkChart extends LitElement {
      * An instance of a [WebLinkChart](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebLinkChart.html)
      * object to display in the view.
      */
-    map: WebLinkChart;
+    map: WebLinkChart | nullish;
     /**
      * Indication whether the view is being navigated (for example when panning).
      *
@@ -174,7 +191,7 @@ export declare class ArcgisLinkChart extends LitElement {
      *
      * @default "center"
      */
-    resizeAlign: "center" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "left" | "right" | "top" | "bottom";
+    resizeAlign: "bottom-left" | "bottom-right" | "top-left" | "top-right" | "center" | "left" | "right" | "top" | "bottom";
     /**
      * Represents the current value of one pixel in the unit of the view's spatialReference.
      * The value of resolution is calculated by dividing the view's extent width
@@ -270,14 +287,14 @@ export declare class ArcgisLinkChart extends LitElement {
     set zoom(newValue: number);
     /**
      * @deprecated
-     * since 4.33. Use `element.map.add(layer)` instead.
+     * since 4.33, use `element.map.add(layer)` instead.
      *
      * Adds a layer to the map layers collection.
      */
     addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>;
     /**
      * @deprecated
-     * since 4.33. Use `element.map.addMany([layer])` instead.
+     * since 4.33, use `element.map.addMany([layer])` instead.
      *
      * Adds a layer or array of layers to the map layers collection.
      */
@@ -297,13 +314,46 @@ export declare class ArcgisLinkChart extends LitElement {
     toScreen(point: __esri.Point, options?: __esri.ToScreenOptions2D): __esri.MapViewScreenPoint | nullish;
     /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
     tryFatalErrorRecovery(): Promise<void>;
+    /**
+     * `viewOnReady()` may be leveraged once an instance of the component and its underlying [view](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/#view) is created and ready.
+     * This method takes two input parameters, a `callback` function and an `errback` function, and returns a promise. The `callback` executes when the promise resolves, and the `errback` executes if the promise is rejected.
+     *
+     * @since 4.33
+     * @see [Watch for changes - waiting for components or views to be ready](https://developers.arcgis.com/javascript/latest/watch-for-changes/#waiting-for-components-or-views-to-be-ready)
+     * @example
+     * ```js
+     * const viewElement = document.querySelector("arcgis-link-chart");
+     * await viewElement.viewOnReady();
+     * // The view is now ready to be used.
+     * ```
+     */
+    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
+    /**
+     * Gets the analysis view created for the given analysis object.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#whenAnalysisView)
+     */
+    whenAnalysisView(analysis: __esri.ElevationProfileAnalysis): Promise<__esri.ElevationProfileAnalysisView2D>;
     /** Gets the LayerView created on the view for the given layer. */
     whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>;
     /**
-     * `viewOnReady()` may be leveraged once an instance of the component is created and ready.
-     * This method takes two input parameters: a `callback` function and an `errback` function.
+     * Fires when the view for an analysis is created.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#event-analysis-view-create)
      */
-    viewOnReady(callback?: () => void, errback?: (error: Error) => void): Promise<void>;
+    readonly arcgisViewAnalysisViewCreate: TargetedEvent<this, __esri.ViewAnalysisViewCreateEvent>;
+    /**
+     * Fires when an error occurs during the creation of an analysis view after an analysis is added to the view.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#event-analysis-view-create-error)
+     */
+    readonly arcgisViewAnalysisViewCreateError: TargetedEvent<this, __esri.ViewAnalysisViewCreateErrorEvent>;
+    /**
+     * Fires after an analysis view is destroyed.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#event-analysis-view-destroy)
+     */
+    readonly arcgisViewAnalysisViewDestroy: TargetedEvent<this, __esri.ViewAnalysisViewDestroyEvent>;
     /**
      * This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint.
      * This event will also emit if stationary toggles from true to false.
@@ -349,7 +399,7 @@ export declare class ArcgisLinkChart extends LitElement {
      */
     readonly arcgisViewReadyChange: TargetedEvent<this, void>;
     readonly _setterTypes: {
-        center?: __esri.LinkChartView["center"] | Nil | number[] | string;
+        center?: __esri.LinkChartView["center"] | nil | number[] | string;
     };
 }
 export {};