npm - @arcgis/map-components - Versions diffs - 4.34.0-next.14 → 4.34.0-next.141 - Mend

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

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 (1895) hide show

package/dist/components/arcgis-floor-filter/customElement.js CHANGED Viewed

@@ -1,33 +1,30 @@
-import { c as e } from "../../chunks/runtime.js";
+import { c as r } from "../../chunks/runtime.js";
 import i from "@arcgis/core/widgets/FloorFilter.js";
-import { LitElement as s, createEvent as o, noShadowRoot as l } from "@arcgis/lumina";
-import { m as a } from "../../chunks/useWidget.js";
-import { css as r } from "@lit/reactive-element/css-tag.js";
+import { LitElement as o, createEvent as t } from "@arcgis/lumina";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as n } 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.14 */
-const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
-class c extends s {
+v4.34.0-next.141 */
+const s = n`.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-button{box-sizing:border-box;cursor:pointer;white-space:normal;word-break:normal;color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info);justify-content:center;align-items:center;width:100%;min-height:var(--calcite-spacing-xxxl);padding:6px 7px;font-family:inherit;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out,border .125s ease-in-out;display:flex;overflow:hidden;&:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-status-info-hover);border:var(--calcite-spacing-px) solid var(--calcite-color-status-info-hover)}}.esri-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-text-2);border:1px solid var(--calcite-color-text-2)}.esri-button.esri-button--small{min-height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size-sm)}.esri-button.esri-button--half{width:50%;display:inline-block}.esri-button.esri-button--third{width:33%;display:inline-block}.esri-button--secondary{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-button--tertiary{color:var(--calcite-color-brand);background-color:var(--calcite-color-transparent);border-color:var(--calcite-color-transparent)}.esri-button--tertiary:hover{color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-foreground-2);border-color:var(--calcite-color-transparent)}.esri-button--disabled{opacity:.4;pointer-events:none}.esri-button--drill-in{outline-offset:-4px;cursor:pointer;text-align:unset;background-color:var(--calcite-color-foreground-1);border:none;border-radius:2px;justify-content:space-between;align-items:center;margin:var(--calcite-spacing-md) 7px;padding:var(--calcite-spacing-md) 7px;text-decoration:none;transition:background-color .125s ease-in-out;display:flex;box-shadow:0 0 0 1px #adadad4d}.esri-button--drill-in:hover,.esri-button--drill-in:focus{background-color:var(--calcite-color-foreground-2)}.esri-button--drill-in__title{font-size:var(--calcite-font-size)}.esri-button--drill-in [class^=esri-icon-],.esri-button--drill-in [class*=" esri-icon-"]{padding:0 7px}.esri-widget--button{cursor:pointer;text-align:center;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);flex-flow:row;justify-content:center;align-items:center;width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;overflow:hidden}.esri-widget--button:is(calcite-button):not(:hover){--calcite-ui-icon-color: var(--calcite-color-text-3)}.esri-widget--button:not([appearance]),.esri-widget--button[appearance=solid]{--calcite-color-foreground-3: var(--calcite-color-foreground-1)}.esri-widget--button:is(calcite-button){--calcite-offset-invert-focus: 1}.esri-widget--button calcite-loader[inline]{margin:auto}.esri-button--secondary{color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);&:hover{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-status-info);border:1px solid var(--calcite-color-status-info)}}:host{display:flex;--arcgis-floor-filter-align-items: flex-start}.esri-floor-filter{background:0 0;border:none;flex-direction:var(--arcgis-row-direction);display:flex;box-shadow:none!important}.esri-widget--button-{cursor:pointer;text-align:center;color:var(--calcite-color-text-1);background:var(--calcite-color-foreground-1);flex-flow:row;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;overflow:hidden}.esri-floor-filter__icon-flip{transform:var(--arcgis-collapse-icon-flip)}.esri-floor-filter__position--top{align-items:var(--arcgis-floor-filter-align-items)}.esri-floor-filter__position--top .esri-floor-filter__levels-container,.esri-floor-filter__position--top .esri-floor-filter__close-levels-button,.esri-floor-filter__position--top .esri-floor-filter__zoom-button,.esri-floor-filter__position--top .esri-floor-filter__zoom-button--levels,.esri-floor-filter__position--top .esri-floor-filter__minimize-toggle-button{border-width:1px 0 0}.esri-floor-filter__position--bottom{align-items:var(--arcgis-floor-filter-align-items)}.esri-floor-filter__position--bottom .esri-floor-filter__levels-container,.esri-floor-filter__position--bottom .esri-floor-filter__close-levels-button,.esri-floor-filter__position--bottom .esri-floor-filter__zoom-button,.esri-floor-filter__position--bottom .esri-floor-filter__zoom-button--levels,.esri-floor-filter__position--bottom .esri-floor-filter__minimize-toggle-button{border-width:0 0 1px}.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container{flex-direction:column-reverse;max-width:48px;display:flex}.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-icon{position:relative;top:var(--calcite-spacing-px)}.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__browse-button{border:none;width:48px;height:48px;padding:12px}.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__zoom-button{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:48px;padding:12px}.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__zoom-button--levels{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:32px;padding:8px 12px}.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__minimize-toggle-button{border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:32px;padding:4px 12px}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container{flex-direction:column-reverse;max-width:300px;display:flex}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-icon{position:relative;top:2px}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__button-info{margin-right:auto}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__browse-button{border:none;width:auto;height:48px;padding:12px}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__level-button{text-align:left;justify-content:flex-start;padding:16px}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__zoom-button{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:48px;padding:12px}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__zoom-button--levels{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:32px;padding:8px 12px}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__minimize-toggle-button{border-style:solid;border-color:var(--calcite-color-border-1);width:auto;height:32px;padding:4px 12px}.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__button-label{margin-left:8px}.esri-floor-filter .esri-floor-filter__level-button{border:none;width:100%;height:48px}.esri-floor-filter .esri-floor-filter__level-button:focus{background-color:var(--calcite-color-foreground-2)}.esri-floor-filter .esri-floor-filter__level-button.esri-widget--button-active:focus{background-color:var(--calcite-color-foreground-1)}.esri-floor-filter .esri-floor-filter__levels-container{margin:unset;padding:unset;scrollbar-width:thin;border-style:solid;border-color:var(--calcite-color-border-1);width:100%;max-height:420px;list-style-type:none;overflow:auto}.esri-floor-filter .esri-floor-filter__levels-container .esri-widget--button-active{font-weight:var(--calcite-font-weight-semibold)}.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar{width:6px}.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar-track{background:var(--calcite-color-text-1)}.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar-thumb{background-color:var(--calcite-color-transparent-tint);border:3px solid var(--calcite-color-transparent-tint);border-radius:20px}.esri-floor-filter .esri-widget--button-active{color:var(--calcite-color-text-highlight);background:var(--calcite-color-foreground-current)}.esri-floor-filter .esri-floor-filter__button-container{box-shadow:0 1px 2px #0000004d}.esri-floor-filter .esri-floor-filter__filter-menu{background:var(--calcite-color-foreground-1);flex-direction:column;align-items:stretch;width:300px;max-height:420px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header{color:var(--calcite-color-text-2);flex-direction:row;align-items:stretch;height:auto;line-height:var(--calcite-font-line-height-relative-tight);display:flex;box-shadow:0 .5px var(--calcite-color-text-2)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header .esri-icon-close{color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;align-items:center;margin:0 0 0 auto;padding:26px 12px;display:flex}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back{margin:unset;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;border-right:1px solid var(--calcite-color-border-1);justify-content:center;align-items:center;min-width:28px;padding:26px 0;display:flex}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back:hover{cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-text-group{flex-direction:column;justify-content:center;max-width:232px;padding:12px;display:flex}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-text{margin:unset;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:var(--calcite-font-size-md);font-style:normal;font-weight:var(--calcite-font-weight-semibold);display:-webkit-box;overflow:hidden}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-subtext{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:var(--calcite-font-size);font-style:normal;font-weight:var(--calcite-font-weight-normal);display:-webkit-box;overflow:hidden}.esri-floor-filter .esri-floor-filter__filter-menu .esri-icon-close:hover{cursor:pointer;color:var(--calcite-color-text-1);background:var(--calcite-color-foreground-1)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search{background:var(--calcite-color-foreground-2);align-items:center;margin-top:.5px;margin-bottom:1px;padding:10px;display:flex;box-shadow:0 .5px var(--calcite-color-text-1)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search .esri-floor-filter__filter-menu-search-input{color:var(--calcite-color-text-2);background:0 0;border:none;outline:none;width:100%;margin-left:6px;font-size:var(--calcite-font-size)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search .esri-icon-close{margin-inline-end:2px}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items{margin:unset;padding:unset;color:var(--calcite-color-text-2);width:100%;max-height:300px;list-style-type:none;overflow-y:auto}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:hover,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:focus,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:hover,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:focus{cursor:pointer;background:var(--calcite-color-foreground-1)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:active,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:active{color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility{color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1);border:none;flex-direction:row;align-items:center;width:100%;padding:18px;display:flex}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name{font-size:var(--calcite-font-size)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name--selected,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name--selected{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-bold)}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name--selected,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name--selected{text-align:left;max-width:220px;margin-right:10px}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-icon-right,.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-icon-right{margin-left:auto}.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__selected-item-circle{background:var(--calcite-color-brand-hover);border-radius:50%;width:4px;height:4px;margin-left:-10px;margin-right:6px}.esri-floor-filter .esri-floor-filter__separator{box-shadow:none;background:0 0;border:none;width:10px}.esri-expand__content .esri-floor-filter{width:max-content}.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button,.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button--levels,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button--levels,.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__minimize-toggle-button,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__minimize-toggle-button{display:none}.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu{width:225px}.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__close-levels-button,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__close-levels-button{background:var(--calcite-color-text-1);border-style:solid;border-color:var(--calcite-color-border-1);width:48px;height:48px;padding:12px}.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-header-text-group,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-header-text-group{max-width:157px}.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name,.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name--selected,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name,.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name--selected{max-width:165px!important}.esri-view-height-small .esri-floor-filter .esri-floor-filter__levels-container,.esri-view-height-small .esri-floor-filter .esri-floor-filter__filter-menu{max-height:320px}.esri-view-height-xsmall .esri-floor-filter .esri-floor-filter__levels-container{max-height:156px}.esri-view-height-xsmall .esri-floor-filter .esri-floor-filter__filter-menu{max-height:240px}:dir(rtl) .esri-floor-filter__layout--expanded .esri-floor-filter__button-info{margin-right:unset;margin-left:auto}:dir(rtl) .esri-floor-filter__layout--expanded .esri-floor-filter__button-label{margin-right:8px;margin-left:unset}:dir(rtl) .esri-floor-filter .esri-icon-close{margin:0 auto 0 0}:dir(rtl) .esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back{border-left:1px solid var(--calcite-color-border-1);border-right:none}:dir(rtl) .esri-floor-filter .esri-floor-filter__filter-menu-search .esri-floor-filter__filter-menu-search-input{margin-right:6px;margin-left:unset}:dir(rtl) .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-icon-left,:dir(rtl) .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-icon-left{margin-right:auto}:dir(rtl) .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-item-name,:dir(rtl) .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-item-name--selected{margin-right:unset!important;text-align:right!important;margin-left:10px!important}:dir(rtl) .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__selected-item-circle{margin-left:6px;margin-right:-10px}`, a = l(i);
+class f extends o {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = o();
+    super(...arguments), this.widget = a(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.site = this.widget.site, this.arcgisReady = t();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, facility: 3, headingLevel: 9, icon: 1, label: 1, level: 3, longNames: 5, position: 1, referenceElement: 1, site: 3 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, facility: 3, headingLevel: 9, icon: 1, label: 1, level: 3, longNames: 5, position: 1, referenceElement: 1, site: 3 };
   }
   static {
-    this.shadowRootOptions = l;
-  }
-  static {
-    this.styles = h;
+    this.styles = s;
   }
   async destroy() {
     await this.manager.destroy();
   }
-  async updateWebDocument(t) {
-    this.widget?.updateWebDocument(t);
+  async updateWebDocument(e) {
+    this.widget?.updateWebDocument(e);
   }
 }
-e("arcgis-floor-filter", c);
+r("arcgis-floor-filter", f);
 export {
-  c as ArcgisFloorFilter
+  f as ArcgisFloorFilter
 };

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

@@ -1,34 +1,53 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { useView } from '../../controllers/useView';
+/// <reference path="../../index.d.ts" />
+import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
 import { default as MapView } from '@arcgis/core/views/MapView.js';
 import { default as SceneView } from '@arcgis/core/views/SceneView.js';
-import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { Use } from '@arcgis/lumina/controllers';
+import { useView } from '../../controllers/useView';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 /**
  * The Fullscreen component allows users to toggle the map or scene to fullscreen mode.
+ * Use the escape key (`esc`) to exit fullscreen mode.
+ *
+ * **Known limitations**
+ *
+ * * Fullscreen only works with browsers that implement the [Fullscreen](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API) API.
+ *   Thus, iOS Safari is not supported.
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-fullscreen/)
+ *
+ * @since 4.28
  */
 export declare class ArcgisFullscreen extends LitElement {
+    view?: LinkChartView | MapView | SceneView;
     /** The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode. */
-    element?: HTMLElement;
+    get element(): Element | undefined;
+    set element(value: Element | string | undefined);
     /** 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 "top-left" */
-    position: __esri.UIPosition;
+    /** @deprecated since 4.34, use `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;
     get state(): "active" | "disabled" | "ready" | "unsupported";
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    /** 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: Partial<{
         componentLabel: string;
@@ -39,4 +58,7 @@ export declare class ArcgisFullscreen extends LitElement {
         enter: string;
         exit: string;
     }>;
+    readonly _setterTypes: {
+        element?: Element | string | undefined;
+    };
 }

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

@@ -1,32 +1,45 @@
-import { c } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
-import { usePropertyChange as o } from "@arcgis/lumina/controllers";
-import { classes as a } from "@arcgis/components-utils";
-import { LitElement as u, createEvent as m, safeClassMap as l, nothing as d } from "@arcgis/lumina";
-import { u as f } from "../../chunks/useT9n.js";
-import { g as n } from "../../chunks/globalCss.js";
-import { css as p } from "@lit/reactive-element/css-tag.js";
-import { u as h } from "../../chunks/useView.js";
+import { c as i } from "../../chunks/runtime.js";
+import { css as r, html as l } from "lit";
+import { LitElement as a, createEvent as u, safeClassMap as m, nothing as d } from "@arcgis/lumina";
+import { usePropertyChange as h } from "@arcgis/lumina/controllers";
+import { getClosestElement as g, classes as f } from "@arcgis/toolkit/dom";
+import { u as p } from "../../chunks/useT9n.js";
+import { u as x } from "../../chunks/useView.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.14 */
-const g = p`arcgis-fullscreen{display:block}`, E = {
-  base: "esri-fullscreen"
+v4.34.0-next.141 */
+const v = r`.arcgis-button{--calcite-ui-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-ui-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}`, c = {
+  base: "fullscreen",
+  button: "arcgis-button"
 };
-class b extends u {
+function b(s) {
+  return s.includes("#") || s.includes(".") || s.includes("[") ? s : `#${s}`;
+}
+class E extends a {
   constructor() {
-    super(), this.messages = f(), this.view = h(this), this.position = "top-left", this.arcgisPropertyChange = o()("state"), this.arcgisReady = m(), this.listenOn(document, "fullscreenchange", () => this.fullscreenElement = document.fullscreenElement);
+    super(), this.messages = p(), this.view = x(this), this.arcgisPropertyChange = h()("state"), this.arcgisReady = u(), this.listenOn(document, "fullscreenchange", () => this.fullscreenElement = document.fullscreenElement);
   }
   static {
-    this.properties = { fullscreenElement: 16, element: 0, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 35 };
+    this.properties = { fullscreenElement: 16, view: 0, element: 1, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 35 };
   }
   static {
-    this.styles = g;
+    this.styles = v;
   }
   get fullscreenTitle() {
     const e = this.state;
     return e === "active" ? this.messages.exit : e === "ready" ? this.messages.enter : "";
   }
+  #e;
+  get element() {
+    return this.#e;
+  }
+  set element(e) {
+    if (typeof e == "string") {
+      const t = b(e), n = g(this.el, t);
+      this.#e = n || void 0;
+    } else
+      this.#e = e;
+  }
   get state() {
     if (!document.fullscreenEnabled)
       return "unsupported";
@@ -37,17 +50,18 @@ class b extends u {
     super.connectedCallback(), this.fullscreenElement = document.fullscreenElement;
   }
   _getElement() {
-    return this.element ?? this.view?.container?.parentElement ?? null;
+    const e = this.view?.container, t = e?.getRootNode(), n = t instanceof ShadowRoot ? t.host : null;
+    return this.element ?? e?.parentElement ?? n ?? null;
   }
   _toggle() {
     document.fullscreenElement ? document.exitFullscreen() : this._getElement()?.requestFullscreen();
   }
   render() {
-    const { fullscreenTitle: e, state: t } = this, r = t === "unsupported", i = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return s`<div class=${l(a(E.base, n.widget))}>${!r && s`<calcite-button class=${l(n.widgetButton)} .disabled=${t === "disabled"} .iconStart=${i} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? d}></calcite-button>` || ""}</div>`;
+    const { fullscreenTitle: e, state: t } = this, n = t === "unsupported", o = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
+    return l`<div class=${m(f(c.base, c.button))}>${!n && l`<calcite-button .disabled=${t === "disabled"} .iconStart=${o} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? d}></calcite-button>` || ""}</div>`;
   }
 }
-c("arcgis-fullscreen", b);
+i("arcgis-fullscreen", E);
 export {
-  b as ArcgisFullscreen
+  E as ArcgisFullscreen
 };

package/dist/components/arcgis-grid-controls/customElement.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { Nil } from '@arcgis/components-utils';
+import { nil } from '@arcgis/toolkit/type';
 import { Use } from '@arcgis/lumina/controllers';
 import { GridPlacementState, GridTheme } from './interfaces';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -24,9 +24,19 @@ declare const useGridControlsViewModel: (component: LitElement & Pick<GridContro
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-grid-controls/)
  */
 export declare class ArcgisGridControls extends LitElement {
+    /**
+     * The view associated with the component.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the ArcgisGridControls component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: __esri.MapView | nullish;
+    /**
+     * 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;
-    /** @default "bottom-right" */
-    position: __esri.UIPosition;
+    /** @deprecated since 4.34, use `slot` instead. */
+    position?: __esri.UIPosition;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
@@ -49,8 +59,8 @@ export declare class ArcgisGridControls extends LitElement {
      *
      * @default "dark"
      */
-    get theme(): GridTheme | Nil;
-    set theme(theme: GridTheme | Nil);
+    get theme(): GridTheme | nil;
+    set theme(theme: GridTheme | nil);
     /**
      * Controls display of the color and theme selection options.
      *
@@ -130,7 +140,7 @@ export declare class ArcgisGridControls extends LitElement {
      */
     majorLineInterval: number;
     /** Controls the color of the major grid lines. Minor grid lines are a slightly transparent version of this color. */
-    gridColor: Color | Nil;
+    gridColor: Color | nil;
     /**
      * Returns `true` if the grid is enabled for display.
      * Use [trySetDisplayEnabled](#trySetDisplayEnabled) to enable or disable grid display.
@@ -211,7 +221,11 @@ export declare class ArcgisGridControls extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
-    /** 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;
     /** The component's default label. */
     label?: string;
@@ -227,7 +241,7 @@ export declare class ArcgisGridControls extends LitElement {
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "rotation" | "theme" | "customColor" | "rotateWithMap" | "spacing" | "majorLineInterval" | "gridColor" | "displayEnabled" | "gridOutOfScale" | "dynamicScaling" | "gridControlsEnabled" | "interactivePlacementState" | "snappingEnabled" | "effectiveSpacingAfterDynamicScaling";
     }>;
-    /** 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: Partial<{
         componentLabel: string;