p-20ac0aba.entry.js 4.6 KB

123456
  1. /*!
  2. * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  3. * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  4. * v1.0.0-beta.97
  5. */
  6. import{r as t,c as i,h as a,H as e,g as n}from"./p-91755387.js";import{a as o}from"./p-96bf42e5.js";import{S as l}from"./p-bd95c6d9.js";import{u as c}from"./p-4d9ab6e1.js";import"./p-af9e6e54.js";import"./p-d5bfadd8.js";const s=class{constructor(a){t(this,a),this.calciteFlowItemBack=i(this,"calciteFlowItemBack",6),this.calciteFlowItemBackClick=i(this,"calciteFlowItemBackClick",6),this.calciteFlowItemScroll=i(this,"calciteFlowItemScroll",6),this.calciteFlowItemClose=i(this,"calciteFlowItemClose",6),this.closable=!1,this.closed=!1,this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.showBackButton=!1,this.handlePanelScroll=t=>{t.stopPropagation(),this.calciteFlowItemScroll.emit()},this.handlePanelClose=t=>{t.stopPropagation(),this.calciteFlowItemClose.emit()},this.backButtonClick=()=>{this.calciteFlowItemBackClick.emit(),this.calciteFlowItemBack.emit()},this.setBackRef=t=>{this.backButtonEl=t},this.setContainerRef=t=>{this.containerEl=t},this.getBackLabel=()=>this.intlBack||"Back"}componentDidRender(){c(this)}async setFocus(){const{backButtonEl:t,containerEl:i}=this;t?t.setFocus():null==i||i.setFocus()}async scrollContentTo(t){var i;await(null===(i=this.containerEl)||void 0===i?void 0:i.scrollContentTo(t))}renderBackButton(){const{el:t}=this,i="rtl"===o(t),{showBackButton:e,backButtonClick:n}=this,l=this.getBackLabel();return e?a("calcite-action",{"aria-label":l,class:"back-button",icon:i?"chevron-right":"chevron-left",key:"flow-back-button",onClick:n,ref:this.setBackRef,scale:"s",slot:"header-actions-start",text:l}):null}render(){const{closable:t,closed:i,description:n,disabled:o,heading:c,headingLevel:s,heightScale:r,intlBack:d,intlClose:h,intlOptions:m,loading:u,menuOpen:p,widthScale:f,backButtonEl:b}=this,y=this.getBackLabel();return a(e,null,a("calcite-panel",{closable:t,closed:i,description:n,disabled:o,heading:c,headingLevel:s,heightScale:r,intlBack:d,intlClose:h,intlOptions:m,loading:u,menuOpen:p,onCalcitePanelClose:this.handlePanelClose,onCalcitePanelScroll:this.handlePanelScroll,ref:this.setContainerRef,widthScale:f},this.renderBackButton(),a("slot",{name:"header-actions-start",slot:l.headerActionsStart}),a("slot",{name:"header-actions-end",slot:l.headerActionsEnd}),a("slot",{name:"header-content",slot:l.headerContent}),a("slot",{name:"header-menu-actions",slot:l.headerMenuActions}),a("slot",{name:"fab",slot:l.fab}),a("slot",{name:"footer-actions",slot:l.footerActions}),a("slot",{name:"footer",slot:l.footer}),a("slot",null)),b?a("calcite-tooltip",{label:y,placement:"auto",referenceElement:b},y):null)}get el(){return n(this)}};s.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}";export{s as calcite_flow_item}