@arcgis/map-components 5.0.0-next.65 → 5.0.0-next.67

package/dist/cdn/{ATT6DCCW.js → IWMMC4UW.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.65 */
-import{a as f}from"./TXOG4Z6N.js";import c from"./GFD5SGUU.js";import{a as z}from"./IHKT5L2N.js";import{a as u}from"./T2FTDJIZ.js";import b from"./VEQT2S7L.js";import a from"./3HKFIINT.js";import{g as M}from"./XDFS4H76.js";import"./6LRKZVG3.js";import"./5QBG5EOQ.js";import{b as v}from"./Y5OSSEKH.js";import{G as $,H as y,I as P,J as p,K as _,L as D,O as C,a as x,b as g,s as w}from"./OLKD773Z.js";import"./JFJVWP3U.js";export default $arcgis.t(([k,,,A])=>{var H=x`:host{position:absolute;margin:0;background:transparent!important;padding:0;width:100%;height:100%;overflow:hidden;user-select:none;--arcgis-internal-swipe-handle-color-background: var(--calcite-color-background);--arcgis-internal-swipe-divider-color-background: var(--calcite-color-background)}.arcgis-swipe{width:100%;height:100%;overflow:hidden;user-select:none}.arcgis-swipe,.arcgis-ui .arcgis-swipe{pointer-events:none!important}.arcgis-swipe__container{position:absolute;z-index:1;margin:0;outline:0;border:0;padding:0;overflow:hidden;pointer-events:auto;touch-action:none;outline-color:transparent}.arcgis-swipe--horizontal .arcgis-swipe__container{margin-left:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:col-resize;height:100%}.arcgis-swipe--vertical .arcgis-swipe__container{margin-top:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:row-resize;width:100%}.arcgis-swipe--disabled .arcgis-swipe__container{cursor:default;pointer-events:none}.arcgis-swipe__divider{position:absolute;background-color:var(--arcgis-internal-swipe-divider-color-background)}.arcgis-swipe--horizontal .arcgis-swipe__divider{top:0;left:calc(var(--calcite-spacing-xxxl) / 2);margin-left:calc(var(--calcite-border-width-lg) * .5 * -1);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:var(--calcite-border-width-lg);height:100%}.arcgis-swipe--vertical .arcgis-swipe__divider{top:calc(var(--calcite-spacing-xxxl) / 2);left:0;margin-top:calc(var(--calcite-border-width-lg) * .5 * -1);border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:100%;height:var(--calcite-border-width-lg)}.arcgis-swipe__handle{display:flex;position:relative;align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-radius:var(--calcite-corner-radius-round);background-color:var(--arcgis-internal-swipe-handle-color-background);width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);color:var(--calcite-color-text-3)}.arcgis-swipe__handle--hidden{visibility:hidden}.arcgis-swipe--vertical .arcgis-swipe__handle{rotate:90deg}.arcgis-swipe__handle-icon{position:relative;z-index:2}.arcgis-swipe__handle-icon:before{content:"|||";color:inherit}.arcgis-swipe--horizontal .arcgis-swipe__handle{top:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe--vertical .arcgis-swipe__handle{left:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe__container:focus .arcgis-swipe__handle,.arcgis-swipe__container:focus .arcgis-swipe__divider{outline:inset 2px var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.arcgis-swipe__container:focus .arcgis-swipe__handle{outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}`,l="arcgis-swipe",n={base:l,baseDisabled:`${l}--disabled`,vertical:`${l}--vertical`,horizontal:`${l}--horizontal`,container:`${l}__container`,divider:`${l}__divider`,handle:`${l}__handle`,handleHidden:`${l}__handle--hidden`,handleIcon:`${l}__handle-icon`},R=A(k),m=class extends P{constructor(){super(...arguments),this._container=null,this._containerRef=$(),this._swiping=!1,this._swipePositionChanged=!1,this.messages=z({}),this._pointerOffset=0,this.viewModel=R(this),this._onContainerPointerDown=e=>{e.preventDefault();let{_container:i}=this;i&&document.activeElement!==this.el&&i.focus(),this._swiping=!0,this._calculatePointerOffset(e)},this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.direction=this.viewModel.direction,this.disabled=!1,this.hideDivider=!1,this.hideHandle=!1,this.icon="compare",this.label=this.messages.componentLabel,this.leadingLayers=this.viewModel.leadingLayers,this.swipePosition=this.viewModel.position,this.state=this.viewModel.state,this.trailingLayers=this.viewModel.trailingLayers,this.arcgisPropertyChange=M()("state"),this.arcgisReady=w(),this.arcgisSwipeChange=w(),this.arcgisSwipeInput=w()}static{this.properties={view:0,autoDestroyDisabled:5,direction:3,disabled:7,hideDivider:7,hideHandle:7,icon:1,label:1,leadingLayers:0,messageOverrides:0,position:3,swipePosition:9,referenceElement:1,state:3,trailingLayers:0}}static{this.styles=H}async destroy(){await this.manager.destroy()}loaded(){this.listenOn(document,"pointermove",this._onContainerPointerMove),this.listenOn(document,"pointerup",this._onContainerPointerUp)}_calculatePointerOffset(e){let{direction:i}=this,t=this._containerRef.value,r=(i==="vertical"?t.clientHeight:t.clientWidth)/2,a=t.getBoundingClientRect(),s=e.clientX-a.left,d=e.clientY-a.top;this._pointerOffset=i==="vertical"?d-r:s-r}_onContainerPointerUp(e){this._swiping&&(e.preventDefault(),this._swipePositionChanged&&(this.arcgisSwipeChange.emit(),this._swipePositionChanged=!1),this._swiping=!1)}_onContainerPointerMove(e){if(!this._swiping)return;e.preventDefault();let{_pointerOffset:i,el:t,direction:r}=this,{clientX:a,clientY:s}=e,{top:d,left:o,width:c,height:h}=t.getBoundingClientRect(),L=r==="vertical"?h:c,b=(r==="vertical"?s-d-i:a-o-i)/L*100;this.swipePosition!==b&&(this.swipePosition=b,this._swipePositionChanged=!0,this.arcgisSwipeInput.emit())}_getKeyPosition(e){let{key:i}=e,{swipePosition:t}=this,{max:r,min:a,step:s,stepMultiplier:d,direction:o}=this.viewModel,c=s*d;if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].includes(i)&&(e.preventDefault(),e.stopPropagation()),o==="vertical"?i==="ArrowDown"||i==="ArrowRight":i==="ArrowUp"||i==="ArrowRight"){let h=e.shiftKey?c:s;return t+h}if(o==="vertical"?i==="ArrowUp"||i==="ArrowLeft":i==="ArrowDown"||i==="ArrowLeft"){let h=e.shiftKey?c:s;return t-h}return i==="Home"?a:i==="End"?r:(o==="vertical"?i==="PageDown":i==="PageUp")?t+c:(o==="vertical"?i==="PageUp":i==="PageDown")?t-c:null}_onContainerKeyDown(e){let i=this._getKeyPosition(e);typeof i=="number"&&this.swipePosition!==i&&(this.swipePosition=i,this.arcgisSwipeInput.emit(),this.arcgisSwipeChange.emit())}render(){let{state:e,direction:i}=this.viewModel,t=e==="disabled"||this.disabled,r={[u.disabled]:t,[n.baseDisabled]:t,[n.vertical]:i==="vertical",[n.horizontal]:i==="horizontal"};return g`<div class=${p(v(n.base,u.widget,r))}>${e==="disabled"?null:this._renderContainer()}</div>`}_renderHandle(){let{direction:e}=this.viewModel,{hideHandle:i}=this,t={[f.dragHorizontal]:e==="vertical",[f.dragVertical]:e==="horizontal"},r=v(n.handle,!!i&&n.handleHidden);return g`<div class=${p(r)} role=presentation><span aria-hidden=true class=${p(v(n.handleIcon,t))}></span></div>`}_renderDivider(){return this.hideDivider?null:g`<div class=${p(n.divider)} role=presentation></div>`}_renderContent(){return[this._renderDivider(),this._renderHandle()]}_renderContainer(){let{disabled:e,viewModel:i}=this,{max:t,min:r,direction:a,position:s}=i,d=this.label??this.messages.dragLabel??"",o=`${s}%`,c={top:a==="vertical"?o:void 0,left:a==="vertical"?void 0:o},h=this._renderContent();return e?g`<div class=${p(n.container)} role=presentation style=${_(c)}>${h}</div>`:g`<div @pointerdown=${this._onContainerPointerDown} .ariaLabel=${d} .ariaOrientation=${a} .ariaValueMax=${`${t}`} .ariaValueMin=${`${r}`} .ariaValueNow=${`${s}`} .ariaValueText=${o} class=${p(n.container)} @keydown=${this._onContainerKeyDown} role=slider style=${_(c)} tabindex=0 title=${d??D} touch-action=none ${y(this._containerRef)}>${h}</div>`}};C("arcgis-swipe",m);return m},"widgets/Swipe/SwipeViewModel",a,b,c)
+v5.0.0-next.67 */
+import{a as f}from"./4KKPB4KM.js";import c from"./5YK6S4HT.js";import{a as z}from"./TZVUUDV7.js";import{a as u}from"./FN325N43.js";import b from"./Q44O6KWO.js";import a from"./XPPYXO3N.js";import{g as M}from"./6MVGR4Q3.js";import"./NH45VJDS.js";import"./2J2DJMDL.js";import{b as v}from"./W4C2JITJ.js";import{G as $,H as y,I as P,J as p,K as _,L as D,O as C,a as x,b as g,s as w}from"./YXHNB6YW.js";import"./S45GQDNX.js";export default $arcgis.t(([k,,,A])=>{var H=x`:host{position:absolute;margin:0;background:transparent!important;padding:0;width:100%;height:100%;overflow:hidden;user-select:none;--arcgis-internal-swipe-handle-color-background: var(--calcite-color-background);--arcgis-internal-swipe-divider-color-background: var(--calcite-color-background)}.arcgis-swipe{width:100%;height:100%;overflow:hidden;user-select:none}.arcgis-swipe,.arcgis-ui .arcgis-swipe{pointer-events:none!important}.arcgis-swipe__container{position:absolute;z-index:1;margin:0;outline:0;border:0;padding:0;overflow:hidden;pointer-events:auto;touch-action:none;outline-color:transparent}.arcgis-swipe--horizontal .arcgis-swipe__container{margin-left:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:col-resize;height:100%}.arcgis-swipe--vertical .arcgis-swipe__container{margin-top:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:row-resize;width:100%}.arcgis-swipe--disabled .arcgis-swipe__container{cursor:default;pointer-events:none}.arcgis-swipe__divider{position:absolute;background-color:var(--arcgis-internal-swipe-divider-color-background)}.arcgis-swipe--horizontal .arcgis-swipe__divider{top:0;left:calc(var(--calcite-spacing-xxxl) / 2);margin-left:calc(var(--calcite-border-width-lg) * .5 * -1);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:var(--calcite-border-width-lg);height:100%}.arcgis-swipe--vertical .arcgis-swipe__divider{top:calc(var(--calcite-spacing-xxxl) / 2);left:0;margin-top:calc(var(--calcite-border-width-lg) * .5 * -1);border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:100%;height:var(--calcite-border-width-lg)}.arcgis-swipe__handle{display:flex;position:relative;align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-radius:var(--calcite-corner-radius-round);background-color:var(--arcgis-internal-swipe-handle-color-background);width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);color:var(--calcite-color-text-3)}.arcgis-swipe__handle--hidden{visibility:hidden}.arcgis-swipe--vertical .arcgis-swipe__handle{rotate:90deg}.arcgis-swipe__handle-icon{position:relative;z-index:2}.arcgis-swipe__handle-icon:before{content:"|||";color:inherit}.arcgis-swipe--horizontal .arcgis-swipe__handle{top:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe--vertical .arcgis-swipe__handle{left:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe__container:focus .arcgis-swipe__handle,.arcgis-swipe__container:focus .arcgis-swipe__divider{outline:inset 2px var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.arcgis-swipe__container:focus .arcgis-swipe__handle{outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}`,l="arcgis-swipe",n={base:l,baseDisabled:`${l}--disabled`,vertical:`${l}--vertical`,horizontal:`${l}--horizontal`,container:`${l}__container`,divider:`${l}__divider`,handle:`${l}__handle`,handleHidden:`${l}__handle--hidden`,handleIcon:`${l}__handle-icon`},R=A(k),m=class extends P{constructor(){super(...arguments),this._container=null,this._containerRef=$(),this._swiping=!1,this._swipePositionChanged=!1,this.messages=z({}),this._pointerOffset=0,this.viewModel=R(this),this._onContainerPointerDown=e=>{e.preventDefault();let{_container:i}=this;i&&document.activeElement!==this.el&&i.focus(),this._swiping=!0,this._calculatePointerOffset(e)},this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.direction=this.viewModel.direction,this.disabled=!1,this.hideDivider=!1,this.hideHandle=!1,this.icon="compare",this.label=this.messages.componentLabel,this.leadingLayers=this.viewModel.leadingLayers,this.swipePosition=this.viewModel.position,this.state=this.viewModel.state,this.trailingLayers=this.viewModel.trailingLayers,this.arcgisPropertyChange=M()("state"),this.arcgisReady=w(),this.arcgisSwipeChange=w(),this.arcgisSwipeInput=w()}static{this.properties={view:0,autoDestroyDisabled:5,direction:3,disabled:7,hideDivider:7,hideHandle:7,icon:1,label:1,leadingLayers:0,messageOverrides:0,position:3,swipePosition:9,referenceElement:1,state:3,trailingLayers:0}}static{this.styles=H}async destroy(){await this.manager.destroy()}loaded(){this.listenOn(document,"pointermove",this._onContainerPointerMove),this.listenOn(document,"pointerup",this._onContainerPointerUp)}_calculatePointerOffset(e){let{direction:i}=this,t=this._containerRef.value,r=(i==="vertical"?t.clientHeight:t.clientWidth)/2,a=t.getBoundingClientRect(),s=e.clientX-a.left,d=e.clientY-a.top;this._pointerOffset=i==="vertical"?d-r:s-r}_onContainerPointerUp(e){this._swiping&&(e.preventDefault(),this._swipePositionChanged&&(this.arcgisSwipeChange.emit(),this._swipePositionChanged=!1),this._swiping=!1)}_onContainerPointerMove(e){if(!this._swiping)return;e.preventDefault();let{_pointerOffset:i,el:t,direction:r}=this,{clientX:a,clientY:s}=e,{top:d,left:o,width:c,height:h}=t.getBoundingClientRect(),L=r==="vertical"?h:c,b=(r==="vertical"?s-d-i:a-o-i)/L*100;this.swipePosition!==b&&(this.swipePosition=b,this._swipePositionChanged=!0,this.arcgisSwipeInput.emit())}_getKeyPosition(e){let{key:i}=e,{swipePosition:t}=this,{max:r,min:a,step:s,stepMultiplier:d,direction:o}=this.viewModel,c=s*d;if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].includes(i)&&(e.preventDefault(),e.stopPropagation()),o==="vertical"?i==="ArrowDown"||i==="ArrowRight":i==="ArrowUp"||i==="ArrowRight"){let h=e.shiftKey?c:s;return t+h}if(o==="vertical"?i==="ArrowUp"||i==="ArrowLeft":i==="ArrowDown"||i==="ArrowLeft"){let h=e.shiftKey?c:s;return t-h}return i==="Home"?a:i==="End"?r:(o==="vertical"?i==="PageDown":i==="PageUp")?t+c:(o==="vertical"?i==="PageUp":i==="PageDown")?t-c:null}_onContainerKeyDown(e){let i=this._getKeyPosition(e);typeof i=="number"&&this.swipePosition!==i&&(this.swipePosition=i,this.arcgisSwipeInput.emit(),this.arcgisSwipeChange.emit())}render(){let{state:e,direction:i}=this.viewModel,t=e==="disabled"||this.disabled,r={[u.disabled]:t,[n.baseDisabled]:t,[n.vertical]:i==="vertical",[n.horizontal]:i==="horizontal"};return g`<div class=${p(v(n.base,u.widget,r))}>${e==="disabled"?null:this._renderContainer()}</div>`}_renderHandle(){let{direction:e}=this.viewModel,{hideHandle:i}=this,t={[f.dragHorizontal]:e==="vertical",[f.dragVertical]:e==="horizontal"},r=v(n.handle,!!i&&n.handleHidden);return g`<div class=${p(r)} role=presentation><span aria-hidden=true class=${p(v(n.handleIcon,t))}></span></div>`}_renderDivider(){return this.hideDivider?null:g`<div class=${p(n.divider)} role=presentation></div>`}_renderContent(){return[this._renderDivider(),this._renderHandle()]}_renderContainer(){let{disabled:e,viewModel:i}=this,{max:t,min:r,direction:a,position:s}=i,d=this.label??this.messages.dragLabel??"",o=`${s}%`,c={top:a==="vertical"?o:void 0,left:a==="vertical"?void 0:o},h=this._renderContent();return e?g`<div class=${p(n.container)} role=presentation style=${_(c)}>${h}</div>`:g`<div @pointerdown=${this._onContainerPointerDown} .ariaLabel=${d} .ariaOrientation=${a} .ariaValueMax=${`${t}`} .ariaValueMin=${`${r}`} .ariaValueNow=${`${s}`} .ariaValueText=${o} class=${p(n.container)} @keydown=${this._onContainerKeyDown} role=slider style=${_(c)} tabindex=0 title=${d??D} touch-action=none ${y(this._containerRef)}>${h}</div>`}};C("arcgis-swipe",m);return m},"widgets/Swipe/SwipeViewModel",a,b,c)