@esri/calcite-components 1.0.0-next.317 → 1.0.0-next.320

package/dist/calcite/p-e78e743b.entry.js

@@ -1,5 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */
-import{r as t,c as e,h as i,F as a,g as n}from"./p-2e29554c.js";import{a as o,g as l,b as r,C as s}from"./p-e5305b02.js";import{C as c}from"./p-8340b572.js";import{S as h}from"./p-26508b91.js";import"./p-8a63221d.js";let d=class{constructor(i){t(this,i),this.calcitePanelDismissedChange=e(this,"calcitePanelDismissedChange",7),this.calcitePanelScroll=e(this,"calcitePanelScroll",7),this.calcitePanelBackClick=e(this,"calcitePanelBackClick",7),this.dismissed=!1,this.disabled=!1,this.dismissible=!1,this.showBackButton=!1,this.loading=!1,this.menuOpen=!1,this.setContainerRef=t=>{this.containerEl=t},this.setDismissRef=t=>{this.dismissButtonEl=t},this.setBackRef=t=>{this.backButtonEl=t},this.panelKeyUpHandler=t=>{"Escape"===t.key&&this.dismiss()},this.dismiss=()=>{this.dismissed=!0},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.backButtonClick=()=>{this.calcitePanelBackClick.emit()}}dismissedHandler(){this.calcitePanelDismissedChange.emit()}async setFocus(t){var e,i,a;"dismiss-button"!==t?"back-button"!==t?null===(a=this.containerEl)||void 0===a||a.focus():null===(i=this.backButtonEl)||void 0===i||i.setFocus():null===(e=this.dismissButtonEl)||void 0===e||e.setFocus()}renderBackButton(){const{el:t}=this,e="rtl"===o(t),{showBackButton:a,intlBack:n,backButtonClick:l}=this,r=n||"Back";return a?i("calcite-action",{"aria-label":r,class:"back-button",icon:e?"chevron-right":"chevron-left",key:"back-button",onClick:l,ref:this.setBackRef,scale:"s",slot:"header-actions-start",text:r}):null}renderHeaderContent(){const{heading:t,headingLevel:e,summary:a}=this,n=t?i(c,{class:"heading",level:e||3},t):null,o=a?i("span",{class:"summary"},a):null;return n||o?i("div",{class:"header-content",key:"header-content"},n,o):null}renderHeaderSlottedContent(){return i("div",{class:"header-content",key:"header-content"},i("slot",{name:"header-content"}))}renderHeaderStartActions(){const{el:t}=this;return l(t,"header-actions-start")?i("div",{class:{"header-actions--start":!0,"header-actions":!0},key:"header-actions-start"},i("slot",{name:"header-actions-start"})):null}renderHeaderActionsEnd(){const{dismiss:t,dismissible:e,el:a,intlClose:n}=this,o=n||"Close",r=e?i("calcite-action",{"aria-label":o,icon:"x",onClick:t,ref:this.setDismissRef,text:o}):null,s=i("slot",{name:"header-actions-end"});return l(a,"header-actions-end")||r?i("div",{class:{"header-actions--end":!0,"header-actions":!0},key:"header-actions-end"},s,r):null}renderMenu(){const{el:t,intlOptions:e,menuOpen:a}=this;return l(t,"header-menu-actions")?i("calcite-action-menu",{flipPlacements:["top","bottom"],label:e||"Options",open:a,placement:"bottom-end"},i("calcite-action",{icon:"ellipsis",slot:h.trigger,text:e||"Options"}),i("slot",{name:"header-menu-actions"})):null}renderHeaderNode(){const{el:t,showBackButton:e}=this,a=this.renderBackButton(),n=l(t,"header-content")?this.renderHeaderSlottedContent():this.renderHeaderContent(),o=this.renderHeaderStartActions(),r=this.renderHeaderActionsEnd(),s=this.renderMenu();return o||n||r||s||e?i("header",{class:"header"},a,o,n,r,s):null}renderFooterSlottedContent(){const{el:t}=this;return l(t,"footer")?i("footer",{class:"footer"},i("slot",{name:"footer"})):null}renderFooterActions(){const{el:t}=this;return l(t,"footer-actions")?i("footer",{class:"footer"},i("slot",{name:"footer-actions"})):null}renderContent(){const{el:t}=this;return l(t,"fab")?i("div",{class:{"content-wrapper":!0,"content-height":!0},onScroll:this.panelScrollHandler,tabIndex:0},i("section",{class:"content-container"},i("slot",null)),this.renderFab()):i("section",{class:{"content-wrapper":!0,"content-container":!0},onScroll:this.panelScrollHandler,tabIndex:0},i("slot",null))}renderFab(){return i("div",{class:"fab-container"},i("slot",{name:"fab"}))}render(){const{dismissed:t,disabled:e,dismissible:n,el:o,loading:l,panelKeyUpHandler:c}=this,h="rtl"===r(o),d=i("article",{"aria-busy":l.toString(),class:{container:!0,[s.rtl]:h},hidden:n&&t,onKeyUp:c,ref:this.setContainerRef,tabIndex:n?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterSlottedContent()||this.renderFooterActions());return i(a,null,l||e?i("calcite-scrim",{loading:l}):null,d)}get el(){return n(this)}static get watchers(){return{dismissed:["dismissedHandler"]}}};d.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative;width:100%;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}.heading{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);width:100%;padding:0;margin:0;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{border-bottom:1px solid;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;border-bottom-color:var(--calcite-ui-border-3);width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}.header-content{overflow:hidden;margin-right:auto;padding-left:0.75rem;padding-right:0.75rem;padding-top:1rem;padding-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}.header-content .heading{font-weight:var(--calcite-font-weight-medium);margin-top:0;margin-left:0;margin-right:0;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}.back-button{border-color:var(--calcite-ui-border-3);border-style:solid;border-width:0;border-right-width:1px}.calcite--rtl .back-button{border-right-width:0;border-left-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.header-actions--end{margin-left:auto}.menu-container:only-child{margin-left:auto}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.footer{border-top:1px solid;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:-webkit-sticky;position:sticky;bottom:0;width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.calcite--rtl .header-content{margin-left:auto;margin-right:unset}.calcite--rtl .header-actions--end{margin-right:auto;margin-left:unset}.calcite--rtl .menu-container:only-child{margin-right:auto;margin-left:unset}.fab-container{display:block;position:-webkit-sticky;position:sticky;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0.5rem;bottom:0;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}";export{d as calcite_panel}

package/dist/calcite/p-f333e31b.entry.js

@@ -1,5 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */
-import{r as t,c as a,h as i,H as e,g as n}from"./p-2e29554c.js";import{t as o,o as s,q as r,a as l,C as c,g as d}from"./p-43020fb5.js";import{f as p,g as m}from"./p-e5305b02.js";import{c as h}from"./p-e4acb5a8.js";import{d as b}from"./p-b06207bb.js";import"./p-26508b91.js";import"./p-f243b615.js";import"./p-8a63221d.js";let f=class{constructor(i){t(this,i),this.calciteActionBarToggle=a(this,"calciteActionBarToggle",7),this.expandDisabled=!1,this.expanded=!1,this.overflowActionsDisabled=!1,this.mutationObserver=h("mutation",(()=>{const{el:t,expanded:a}=this;o({parent:t,expanded:a}),this.conditionallyOverflowActions()})),this.resizeObserver=h("resize",(t=>this.resizeHandlerEntries(t))),this.actionMenuOpenChangeHandler=t=>{if(t.detail){const a=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{a.includes(t)||(t.menuOpen=!1)}))}},this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)},this.resizeHandler=t=>{const{height:a}=t.contentRect;this.resize(a)},this.resize=b((t=>{var a;const{el:i,expanded:e,expandDisabled:n}=this;if(!t)return;const o=r(i),s=n?o.length:o.length+1,c=Array.from(i.querySelectorAll("calcite-action-group")),p=m(i,"bottom-actions")||!n?c.length+1:c.length,h=d({actionCount:s,actionHeight:null===(a=o[0])||void 0===a?void 0:a.clientHeight,height:t,groupCount:p});l({actionGroups:c,expanded:e,overflowCount:h})}),s),this.conditionallyOverflowActions=()=>{this.overflowActionsDisabled||this.overflowActions()},this.toggleExpand=()=>{this.expanded=!this.expanded},this.setExpandToggleRef=t=>{this.expandToggleEl=t}}expandHandler(t){t||o({parent:this.el,expanded:this.expanded}),this.conditionallyOverflowActions()}expandedHandler(t){this.expandDisabled||o({parent:this.el,expanded:t}),this.calciteActionBarToggle.emit()}overflowDisabledHandler(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)}componentDidLoad(){this.conditionallyOverflowActions()}connectedCallback(){var t,a;const{el:i,expandDisabled:e,expanded:n}=this;e||o({parent:i,expanded:n}),null===(t=this.mutationObserver)||void 0===t||t.observe(i,{childList:!0,subtree:!0}),this.overflowActionsDisabled||null===(a=this.resizeObserver)||void 0===a||a.observe(i),this.conditionallyOverflowActions()}disconnectedCallback(){var t,a;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),null===(a=this.resizeObserver)||void 0===a||a.disconnect()}async overflowActions(){this.resize(this.el.clientHeight)}async setFocus(t){"expand-toggle"!==t?this.el.focus():await p(this.expandToggleEl)}renderBottomActionGroup(){const{expanded:t,expandDisabled:a,intlExpand:e,intlCollapse:n,el:o,position:s,toggleExpand:r,scale:l}=this,d=m(o,"expand-tooltip"),p=a?null:i(c,{el:o,expanded:t,intlCollapse:n||"Collapse",intlExpand:e||"Expand",position:s,ref:this.setExpandToggleRef,scale:l,toggle:r,tooltip:d});return m(o,"bottom-actions")||p?i("calcite-action-group",{class:"action-group--bottom",scale:l},i("slot",{name:"bottom-actions"}),i("slot",{name:"expand-tooltip"}),p):null}render(){return i(e,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},i("slot",null),this.renderBottomActionGroup())}get el(){return n(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}}};f.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;pointer-events:auto;max-width:15vw}:host([overflow-actions-disabled]){overflow-y:auto}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2)}::slotted(calcite-action-group:last-child){border-bottom-width:0}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";export{f as calcite_action_bar}