You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
12 KiB
23 lines
12 KiB
// All material copyright Esri, All Rights Reserved, unless otherwise specified. |
|
// See https://js.arcgis.com/4.30/esri/copyright.txt for details. |
|
//>>built |
|
define("exports ./componentsUtils ./floating-ui ./focusTrapComponent ./dom ./guid ./openCloseComponent ./Heading ./locale ./t9n ./loadable ./observers ./FloatingArrow ./component ./key ./action ./icon ./loader".split(" "),function(t,c,f,g,h,z,u,A,v,k,n,B,C,D,E,F,G,H){function w(){"undefined"!==typeof customElements&&["calcite-popover","calcite-action","calcite-icon","calcite-loader"].forEach(a=>{switch(a){case "calcite-popover":customElements.get(a)||customElements.define(a,x);break;case "calcite-action":customElements.get(a)|| |
|
F.defineCustomElement();break;case "calcite-icon":customElements.get(a)||G.defineCustomElement();break;case "calcite-loader":customElements.get(a)||H.defineCustomElement()}})}class I{constructor(){this.registeredElements=new Map;this.registeredElementCount=0;this.queryPopover=a=>{const {registeredElements:b}=this;a=a.find(d=>b.has(d));return b.get(a)};this.togglePopovers=a=>{const b=a.composedPath(),d=this.queryPopover(b);d&&!d.triggerDisabled&&(d.open=!d.open);Array.from(this.registeredElements.values()).filter(e=> |
|
e!==d&&e.autoClose&&e.open&&!b.includes(e)).forEach(e=>e.open=!1)};this.keyDownHandler=a=>{a.defaultPrevented||("Escape"===a.key?this.closeAllPopovers():E.isActivationKey(a.key)&&this.togglePopovers(a))};this.clickHandler=a=>{h.isKeyboardTriggeredClick(a)||this.togglePopovers(a)}}registerElement(a,b){this.registeredElementCount++;this.registeredElements.set(a,b);1===this.registeredElementCount&&this.addListeners()}unregisterElement(a){this.registeredElements.delete(a)&&this.registeredElementCount--; |
|
0===this.registeredElementCount&&this.removeListeners()}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach(a=>a.open=!1)}addListeners(){window.addEventListener("click",this.clickHandler);window.addEventListener("keydown",this.keyDownHandler)}removeListeners(){window.removeEventListener("click",this.clickHandler);window.removeEventListener("keydown",this.keyDownHandler)}}const y=new I,x=c.proxyCustomElement(class extends c.H{constructor(){super();this.__registerHost();this.__attachShadow(); |
|
this.calcitePopoverBeforeClose=c.createEvent(this,"calcitePopoverBeforeClose",6);this.calcitePopoverClose=c.createEvent(this,"calcitePopoverClose",6);this.calcitePopoverBeforeOpen=c.createEvent(this,"calcitePopoverBeforeOpen",6);this.calcitePopoverOpen=c.createEvent(this,"calcitePopoverOpen",6);this.mutationObserver=B.createObserver("mutation",()=>this.updateFocusTrapElements());this.guid=`calcite-popover-${z.guid()}`;this.openTransitionProp="opacity";this.hasLoaded=!1;this.setTransitionEl=a=>{this.transitionEl= |
|
a};this.setFilteredPlacements=()=>{const {el:a,flipPlacements:b}=this;this.filteredFlipPlacements=b?f.filterComputedPlacements(b,a):null};this.setUpReferenceElement=(a=!0)=>{this.removeReferences();this.effectiveReferenceElement=this.getReferenceElement();f.connectFloatingUI(this,this.effectiveReferenceElement,this.el);const {el:b,referenceElement:d,effectiveReferenceElement:e}=this;a&&d&&!e&&console.warn(`${b.tagName}: reference-element id "${d}" was not found.`,{el:b});this.addReferences()};this.getId= |
|
()=>this.el.id||this.guid;this.setExpandedAttr=()=>{const {effectiveReferenceElement:a,open:b}=this;a&&"setAttribute"in a&&a.setAttribute("aria-expanded",h.toAriaBoolean(b))};this.addReferences=()=>{const {effectiveReferenceElement:a}=this;if(a){var b=this.getId();"setAttribute"in a&&a.setAttribute("aria-controls",b);y.registerElement(a,this.el);this.setExpandedAttr()}};this.removeReferences=()=>{const {effectiveReferenceElement:a}=this;a&&("removeAttribute"in a&&(a.removeAttribute("aria-controls"), |
|
a.removeAttribute("aria-expanded")),y.unregisterElement(a))};this.hide=()=>{this.open=!1};this.storeArrowEl=a=>{this.arrowEl=a;this.reposition(!0)};this.pointerDisabled=this.focusTrapDisabled=this.flipDisabled=this.closable=this.autoClose=!1;this.messages=this.messageOverrides=this.label=this.headingLevel=this.heading=this.flipPlacements=void 0;this.offsetDistance=f.defaultOffsetDistance;this.offsetSkidding=0;this.open=!1;this.overlayPositioning="absolute";this.placement="auto";this.referenceElement= |
|
void 0;this.scale="m";this.triggerDisabled=!1;this.effectiveLocale="";this.floatingLayout="vertical";this.defaultMessages=this.effectiveReferenceElement=void 0}handleFocusTrapDisabled(a){this.open&&(a?g.deactivateFocusTrap(this):g.activateFocusTrap(this))}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(!0)}onMessagesChange(){}offsetDistanceOffsetHandler(){this.reposition(!0)}offsetSkiddingHandler(){this.reposition(!0)}openHandler(){u.onToggleOpenCloseComponent(this);this.reposition(!0); |
|
this.setExpandedAttr()}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}referenceElementHandler(){this.setUpReferenceElement();this.reposition(!0)}effectiveLocaleChange(){k.updateMessages(this,this.effectiveLocale)}connectedCallback(){this.setFilteredPlacements();v.connectLocalized(this);k.connectMessages(this);this.setUpReferenceElement(this.hasLoaded);g.connectFocusTrap(this);if(this.open)u.onToggleOpenCloseComponent(this)}async componentWillLoad(){await k.setUpMessages(this); |
|
n.setUpLoadableComponent(this)}componentDidLoad(){n.setComponentLoaded(this);this.referenceElement&&!this.effectiveReferenceElement&&this.setUpReferenceElement();this.hasLoaded=!0}disconnectedCallback(){this.removeReferences();v.disconnectLocalized(this);k.disconnectMessages(this);f.disconnectFloatingUI(this,this.effectiveReferenceElement,this.el);g.deactivateFocusTrap(this)}async reposition(a=!1){const {el:b,effectiveReferenceElement:d,placement:e,overlayPositioning:p,flipDisabled:q,filteredFlipPlacements:l, |
|
offsetDistance:m,offsetSkidding:r,arrowEl:J}=this;return f.reposition(this,{floatingEl:b,referenceEl:d,overlayPositioning:p,placement:e,flipDisabled:q,flipPlacements:l,offsetDistance:m,offsetSkidding:r,arrowEl:J,type:"popover"},a)}async setFocus(){await n.componentFocusable(this);c.forceUpdate(this.el);h.focusFirstTabbable(this.el)}async updateFocusTrapElements(){g.updateFocusTrapElements(this)}getReferenceElement(){const {referenceElement:a,el:b}=this;return("string"===typeof a?h.queryElementRoots(b, |
|
{id:a}):a)||null}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit()}onOpen(){this.calcitePopoverOpen.emit();g.activateFocusTrap(this)}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit();g.deactivateFocusTrap(this)}renderCloseButton(){const {messages:a,closable:b}=this;return b?c.h("div",{class:"close-button-container",key:"close-button-container"},c.h("calcite-action",{appearance:"transparent",class:"close-button",onClick:this.hide,scale:this.scale,text:a.close, |
|
ref:d=>this.closeButtonEl=d},c.h("calcite-icon",{icon:"x",scale:D.getIconScale(this.scale)}))):null}renderHeader(){const {heading:a,headingLevel:b}=this,d=a?c.h(A.Heading,{class:"heading",level:b},a):null;return d?c.h("div",{class:"header",key:"header"},d,this.renderCloseButton()):null}render(){const {effectiveReferenceElement:a,heading:b,label:d,open:e,pointerDisabled:p,floatingLayout:q}=this,l=a&&e,m=!l,r=p?null:c.h(C.FloatingArrow,{floatingLayout:q,key:"floating-arrow",ref:this.storeArrowEl}); |
|
return c.h(c.Host,{key:"9699189cce66b9eac663b521b33e0d74c07f271b","aria-hidden":h.toAriaBoolean(m),"aria-label":d,"aria-live":"polite","calcite-hydrated-hidden":m,id:this.getId(),role:"dialog"},c.h("div",{key:"ad5a31d83091be7486973e36f2e360fdd0cee060",class:{[f.FloatingCSS.animation]:!0,[f.FloatingCSS.animationActive]:l},ref:this.setTransitionEl},r,c.h("div",{key:"4857f90f555b3b9057d39462f875265dbaa3cc7b",class:{["has-header"]:!!b,container:!0}},this.renderHeader(),c.h("div",{key:"a09083a06be92110adf34b178af162b387ccfb2f", |
|
class:"content"},c.h("slot",{key:"a9302486bd61e40e9d68a896965296d634f95f77"})),b?null:this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"], |
|
referenceElement:["referenceElementHandler"],effectiveLocale:["effectiveLocaleChange"]}}static get style(){return":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^\x3dbottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^\x3dtop]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^\x3dleft]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^\x3dright]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale\x3ds]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale\x3dm]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale\x3dl]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}"}}, |
|
[1,"calcite-popover",{autoClose:[516,"auto-close"],closable:[516],flipDisabled:[516,"flip-disabled"],focusTrapDisabled:[516,"focus-trap-disabled"],pointerDisabled:[516,"pointer-disabled"],flipPlacements:[16],heading:[1],headingLevel:[514,"heading-level"],label:[1],messageOverrides:[1040],messages:[1040],offsetDistance:[514,"offset-distance"],offsetSkidding:[514,"offset-skidding"],open:[1540],overlayPositioning:[513,"overlay-positioning"],placement:[513],referenceElement:[1,"reference-element"],scale:[513], |
|
triggerDisabled:[516,"trigger-disabled"],effectiveLocale:[32],floatingLayout:[32],effectiveReferenceElement:[32],defaultMessages:[32],reposition:[64],setFocus:[64],updateFocusTrapElements:[64]},void 0,{focusTrapDisabled:["handleFocusTrapDisabled"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"], |
|
referenceElement:["referenceElementHandler"],effectiveLocale:["effectiveLocaleChange"]}]);w();t.Popover=x;t.defineCustomElement=w}); |