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.
22 lines
20 KiB
22 lines
20 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 ./conditionalSlot ./dom ./focusTrapComponent ./loadable ./observers ./openCloseComponent ./locale ./t9n ./component ./icon ./loader ./scrim".split(" "),function(g,b,l,c,d,h,m,u,n,e,p,v,w,x){function q(){"undefined"!==typeof customElements&&["calcite-modal","calcite-icon","calcite-loader","calcite-scrim"].forEach(a=>{switch(a){case "calcite-modal":customElements.get(a)||customElements.define(a,r);break;case "calcite-icon":customElements.get(a)||v.defineCustomElement(); |
|
break;case "calcite-loader":customElements.get(a)||w.defineCustomElement();break;case "calcite-scrim":customElements.get(a)||x.defineCustomElement()}})}let k=0,t="";const r=b.proxyCustomElement(class extends b.H{constructor(){super();this.__registerHost();this.__attachShadow();this.calciteModalBeforeClose=b.createEvent(this,"calciteModalBeforeClose",6);this.calciteModalClose=b.createEvent(this,"calciteModalClose",6);this.calciteModalBeforeOpen=b.createEvent(this,"calciteModalBeforeOpen",6);this.calciteModalOpen= |
|
b.createEvent(this,"calciteModalOpen",6);this.ignoreOpenChange=!1;this.mutationObserver=m.createObserver("mutation",()=>this.handleMutationObserver());this.cssVarObserver=m.createObserver("mutation",()=>{this.updateSizeCssVars()});this.openTransitionProp="opacity";this.setTransitionEl=a=>{this.transitionEl=a};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteModalOpen",this.openEnd)};this.handleCloseClick=()=>{this.open=!1};this.handleOutsideClose=()=>{this.outsideCloseDisabled|| |
|
(this.open=!1)};this.closeModal=async()=>{if(this.beforeClose)try{await this.beforeClose(this.el)}catch(a){requestAnimationFrame(()=>{this.open=this.ignoreOpenChange=!0;this.ignoreOpenChange=!1});return}k--;this.opened=!1;this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFooterVisibility();this.updateFocusTrapElements()};this.updateFooterVisibility=()=>{this.hasFooter=!!c.getSlotted(this.el,["back","primary","secondary"])};this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"); |
|
this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")};this.contentTopSlotChangeHandler=a=>{this.hasContentTop=c.slotChangeHasAssignedElement(a)};this.contentBottomSlotChangeHandler=a=>{this.hasContentBottom=c.slotChangeHasAssignedElement(a)};this.opened=this.open=!1;this.beforeClose=void 0;this.outsideCloseDisabled=this.focusTrapDisabled=this.closeButtonDisabled=!1;this.docked=void 0;this.escapeDisabled=!1;this.widthScale=this.scale="m";this.cssHeight=this.cssWidth= |
|
this.slottedInShell=this.messageOverrides=this.messages=this.kind=this.fullscreen=void 0;this.hasFooter=!0;this.hasContentBottom=this.hasContentTop=!1;this.defaultMessages=this.effectiveLocale=void 0}handleFocusTrapDisabled(a){this.open&&(a?d.deactivateFocusTrap(this):d.activateFocusTrap(this))}onMessagesChange(){}async componentWillLoad(){await e.setUpMessages(this);h.setUpLoadableComponent(this);this.open&&this.openModal()}componentDidLoad(){h.setComponentLoaded(this)}connectedCallback(){this.mutationObserver?.observe(this.el, |
|
{childList:!0,subtree:!0});this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]});this.updateSizeCssVars();this.updateFooterVisibility();l.connectConditionalSlotComponent(this);n.connectLocalized(this);e.connectMessages(this);d.connectFocusTrap(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();this.cssVarObserver?.disconnect();l.disconnectConditionalSlotComponent(this);d.deactivateFocusTrap(this);n.disconnectLocalized(this);e.disconnectMessages(this); |
|
this.slottedInShell=!1}render(){return b.h(b.Host,{key:"b7f4d97818454e50db3870714f97cc626b97dd33","aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},b.h("div",{key:"721d5a12fdfcc99dc9dba820b17cd7ffecd9d0b1",class:{container:!0,["container--open"]:this.opened,["slotted-in-shell"]:this.slottedInShell}},b.h("calcite-scrim",{key:"842588afb9d19ec36a355277ba06b8cb1a454ba3",class:"scrim",onClick:this.handleOutsideClose}),this.renderStyle(),b.h("div",{key:"b98514b2ef65856b94cca345285785fc0b056f45", |
|
class:{modal:!0},ref:this.setTransitionEl},b.h("div",{key:"fdbe8abc670bd2889c05ccd6597f485bc0c0b135",class:"header"},this.renderCloseButton(),b.h("header",{key:"d956c14a762c22d13920e0e34b11fc8bc1b9305b",class:"title"},b.h("slot",{key:"d7dcd4a9a4e2029a8e5961519538aeaad6092942",name:"header"}))),this.renderContentTop(),b.h("div",{key:"5b3fd60ed69388e2b001bd188be169c86f5d40db",class:{content:!0,["content--no-footer"]:!this.hasFooter},ref:a=>this.modalContent=a},b.h("slot",{key:"84a4dbeb3d1188c3f9c5b7877bf751f735262a87", |
|
name:"content"})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?b.h("div",{class:"footer",key:"footer"},b.h("span",{class:"back"},b.h("slot",{name:"back"})),b.h("span",{class:"secondary"},b.h("slot",{name:"secondary"})),b.h("span",{class:"primary"},b.h("slot",{name:"primary"}))):null}renderContentTop(){return b.h("div",{class:"content-top",hidden:!this.hasContentTop},b.h("slot",{name:"content-top",onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return b.h("div", |
|
{class:"content-bottom",hidden:!this.hasContentBottom},b.h("slot",{name:"content-bottom",onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return this.closeButtonDisabled?null:b.h("button",{"aria-label":this.messages.close,class:"close",key:"button",onClick:this.handleCloseClick,title:this.messages.close,ref:a=>this.closeButtonEl=a},b.h("calcite-icon",{icon:"x",scale:p.getIconScale(this.scale)}))}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return b.h("style", |
|
null,`.${"container"} {\n ${this.docked&&this.cssWidth?"align-items: center !important;":""}\n }\n .${"modal"} {\n block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n ${this.docked?"border-radius: var(--calcite-border-radius) !important;":""}\n }\n @media screen and (max-width: ${this.cssWidth}) {\n .${"container"} {\n ${this.docked? |
|
"align-items: flex-end !important;":""}\n }\n .${"modal"} {\n max-block-size: 100% !important;\n inline-size: 100% !important;\n max-inline-size: 100% !important;\n min-inline-size: 100% !important;\n margin: 0 !important;\n ${this.docked?"":"block-size: 100% !important;"}\n ${this.docked?"":"border-radius: 0 !important;"}\n ${this.docked?"border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;": |
|
""}\n }\n }\n `)}effectiveLocaleChange(){e.updateMessages(this,this.effectiveLocale)}handleEscape(a){!this.open||this.escapeDisabled||"Escape"!==a.key||a.defaultPrevented||(this.open=!1,a.preventDefault())}async setFocus(){await h.componentFocusable(this);c.focusFirstTabbable(this.el)}async updateFocusTrapElements(){d.updateFocusTrapElements(this)}async scrollContent(a=0,f=0){this.modalContent&&(this.modalContent.scrollTo?this.modalContent.scrollTo({top:a,left:f,behavior:"smooth"}): |
|
(this.modalContent.scrollTop=a,this.modalContent.scrollLeft=f))}onBeforeOpen(){this.transitionEl.classList.add("modal--opening-active");this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove("modal--opening-idle","modal--opening-active");this.calciteModalOpen.emit();d.activateFocusTrap(this)}onBeforeClose(){this.transitionEl.classList.add("modal--closing-active");this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove("modal--closing-idle","modal--closing-active"); |
|
this.calciteModalClose.emit();d.deactivateFocusTrap(this)}toggleModal(a){this.ignoreOpenChange||(a?this.openModal():this.closeModal())}handleOpenedChange(a){this.transitionEl.classList.add(a?"modal--opening-idle":"modal--closing-idle");u.onToggleOpenCloseComponent(this)}async openModal(){await p.componentOnReady(this.el);this.el.addEventListener("calciteModalOpen",this.openEnd);this.opened=!0;const a=c.getSlotted(this.el,"header"),f=c.getSlotted(this.el,"content");this.titleId=c.ensureId(a);this.contentId= |
|
c.ensureId(f);this.slottedInShell||(0===k&&(t=document.documentElement.style.overflow),k++,document.documentElement.style.setProperty("overflow","hidden"))}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",t)}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}static get style(){return":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale\x3ds]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale\x3dm]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale\x3dl]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name\x3dheader]::slotted(*),*::slotted([slot\x3dheader]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name\x3dcontent]::slotted(*),*::slotted([slot\x3dcontent]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name\x3dprimary]{display:block}:host([width\x3dsmall]) .modal{inline-size:auto}:host([width-scale\x3ds]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale\x3ds]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale\x3ds]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale\x3ds][docked]) .container{align-items:flex-end}}:host([width-scale\x3dm]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale\x3dm]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale\x3dm]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale\x3dm][docked]) .container{align-items:flex-end}}:host([width-scale\x3dl]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale\x3dl]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale\x3dl]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale\x3dl][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind\x3dbrand]) .modal{border-color:var(--calcite-color-brand)}:host([kind\x3ddanger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind\x3dinfo]) .modal{border-color:var(--calcite-color-status-info)}:host([kind\x3dsuccess]) .modal{border-color:var(--calcite-color-status-success)}:host([kind\x3dwarning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind\x3dbrand]) .modal,:host([kind\x3ddanger]) .modal,:host([kind\x3dinfo]) .modal,:host([kind\x3dsuccess]) .modal,:host([kind\x3dwarning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind\x3dbrand]) .header,:host([kind\x3dbrand]) .content-top,:host([kind\x3ddanger]) .header,:host([kind\x3ddanger]) .content-top,:host([kind\x3dinfo]) .header,:host([kind\x3dinfo]) .content-top,:host([kind\x3dsuccess]) .header,:host([kind\x3dsuccess]) .content-top,:host([kind\x3dwarning]) .header,:host([kind\x3dwarning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name\x3dheader]::slotted(content-top),* content-top::slotted([slot\x3dheader]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}"}}, |
|
[1,"calcite-modal",{open:[1540],opened:[1540],beforeClose:[16],closeButtonDisabled:[516,"close-button-disabled"],focusTrapDisabled:[516,"focus-trap-disabled"],outsideCloseDisabled:[516,"outside-close-disabled"],docked:[516],escapeDisabled:[516,"escape-disabled"],scale:[513],widthScale:[513,"width-scale"],fullscreen:[516],kind:[513],messages:[1040],messageOverrides:[1040],slottedInShell:[1028,"slotted-in-shell"],cssWidth:[32],cssHeight:[32],hasFooter:[32],hasContentTop:[32],hasContentBottom:[32],effectiveLocale:[32], |
|
defaultMessages:[32],setFocus:[64],updateFocusTrapElements:[64],scrollContent:[64]},[[8,"keydown","handleEscape"]],{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}]);q();g.CalciteModal=r;g.defineCustomElement=q;Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}); |