@marimo-team/frontend 0.22.1-dev9 → 0.22.1

package/dist/assets/ImageComparisonComponent-saWoaOQ8.js

@@ -1 +0,0 @@
-import{s as x,t as b}from"./chunk-LvLJmgfZ.js";import{t as y}from"./react-Bj1aDYRI.js";import{t as E}from"./compiler-runtime-B3qBwwSJ.js";import{t as S}from"./jsx-runtime-xyXE3D12.js";var T=b((()=>{(()=>{var v={792:(l,r,e)=>{e.d(r,{Z:()=>h});var n=e(609),d=e.n(n)()((function(m){return m[1]}));d.push([l.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',""]);let h=d},609:l=>{l.exports=function(r){var e=[];return e.toString=function(){return this.map((function(n){var d=r(n);return n[2]?`@media ${n[2]} {${d}}`:d})).join("")},e.i=function(n,d,h){typeof n=="string"&&(n=[[null,n,""]]);var m={};if(h)for(var f=0;f<this.length;f++){var u=this[f][0];u!=null&&(m[u]=!0)}for(var t=0;t<n.length;t++){var o=[].concat(n[t]);h&&m[o[0]]||(d&&(o[2]?o[2]=`${d} and ${o[2]}`:o[2]=d),e.push(o))}},e}}},s={};function c(l){var r=s[l];if(r!==void 0)return r.exports;var e=s[l]={id:l,exports:{}};return v[l](e,e.exports,c),e.exports}c.n=l=>{var r=l&&l.__esModule?()=>l.default:()=>l;return c.d(r,{a:r}),r},c.d=(l,r)=>{for(var e in r)c.o(r,e)&&!c.o(l,e)&&Object.defineProperty(l,e,{enumerable:!0,get:r[e]})},c.o=(l,r)=>Object.prototype.hasOwnProperty.call(l,r),(()=>{var l=c(792);let r="rendered",e=(t,o)=>{let i=t.getBoundingClientRect(),a,p;return o.type==="mousedown"?(a=o.clientX,p=o.clientY):(a=o.touches[0].clientX,p=o.touches[0].clientY),a>=i.x&&a<=i.x+i.width&&p>=i.y&&p<=i.y+i.height},n,d={ArrowLeft:-1,ArrowRight:1},h=["horizontal","vertical"],m=t=>({x:t.touches[0].pageX,y:t.touches[0].pageY}),f=t=>({x:t.pageX,y:t.pageY}),u=typeof window<"u"&&(window==null?void 0:window.HTMLElement);typeof window<"u"&&(window.document&&(n=document.createElement("template"),n.innerHTML='<div class="second" id="second"> <slot name="second"><slot name="before"></slot></slot> </div> <div class="first" id="first"> <div class="first-overlay"> <div class="first-overlay-container" id="firstImageContainer"> <slot name="first"><slot name="after"></slot></slot> </div> </div> <div class="handle-container"> <div class="divider"></div> <div class="handle" id="handle"> <slot name="handle"> <svg xmlns="http://www.w3.org/2000/svg" class="default-handle" viewBox="-8 -3 16 6"> <path d="M -5 -2 L -7 0 L -5 2 M 5 -2 L 7 0 L 5 2" fill="none" vector-effect="non-scaling-stroke"/> </svg> </slot> </div> </div> </div> '),window.customElements.define("img-comparison-slider",class extends u{constructor(){super(),this.exposure=this.hasAttribute("value")?parseFloat(this.getAttribute("value")):50,this.slideOnHover=!1,this.slideDirection="horizontal",this.keyboard="enabled",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=i=>{if(this.isMouseDown||this.slideOnHover){let a=f(i);this.slideToPage(a)}},this.bodyUserSelectStyle="",this.bodyWebkitUserSelectStyle="",this.onMouseDown=i=>{if(this.slideOnHover||this.handle&&!e(this.handleElement,i))return;i.preventDefault(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();let a=f(i);this.slideToPage(a),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,this.bodyWebkitUserSelectStyle=window.document.body.style.webkitUserSelect,window.document.body.style.userSelect="none",window.document.body.style.webkitUserSelect="none"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.document.body.style.webkitUserSelect=this.bodyWebkitUserSelectStyle,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=i=>{this.dragByHandle&&!e(this.handleElement,i)||(this.touchStartPoint=m(i),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=i=>{if(this.touchStartPoint===null)return;let a=m(i);if(this.isTouchComparing)return this.slideToPage(a),i.preventDefault(),!1;if(!this.hasTouchMoved){let p=Math.abs(a.y-this.touchStartPoint.y),w=Math.abs(a.x-this.touchStartPoint.x);if(this.slideDirection==="horizontal"&&p<w||this.slideDirection==="vertical"&&p>w)return this.isTouchComparing=!0,this.focus(),this.slideToPage(a),i.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove("focused")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add("focused")},this.onKeyDown=i=>{if(this.keyboard==="disabled")return;let a=d[i.key];this.animationDirection!==a&&a!==void 0&&(this.animationDirection=a,this.startSlideAnimation())},this.onKeyUp=i=>{if(this.keyboard==="disabled")return;let a=d[i.key];a!==void 0&&this.animationDirection===a&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};let t=this.attachShadow({mode:"open"}),o=document.createElement("style");o.innerHTML=l.Z,this.getAttribute("nonce")&&o.setAttribute("nonce",this.getAttribute("nonce")),t.appendChild(o),t.appendChild(n.content.cloneNode(!0)),this.firstElement=t.getElementById("first"),this.handleElement=t.getElementById("handle")}set handle(t){this.dragByHandle=t.toString().toLowerCase()!=="false"}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(t){let o=parseFloat(t);o!==this.exposure&&(this.exposure=o,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(t){this.slideOnHover=t.toString().toLowerCase()!=="false",this.removeEventListener("mousemove",this.onMouseMove),this.slideOnHover&&this.addEventListener("mousemove",this.onMouseMove)}get direction(){return this.slideDirection}set direction(t){this.slideDirection=t.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...h),h.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return["hover","direction"]}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.addEventListener("dragstart",(t=>(t.preventDefault(),!1))),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute("keyboard")&&this.getAttribute("keyboard")==="disabled"?"disabled":"enabled",this.addEventListener("keydown",this.onKeyDown),this.addEventListener("keyup",this.onKeyUp),this.addEventListener("focus",this.onFocus),this.addEventListener("blur",this.onBlur),this.addEventListener("touchstart",this.onTouchStart,{passive:!0}),this.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.addEventListener("touchend",this.onTouchEnd),this.addEventListener("mousedown",this.onMouseDown),this.handle=this.hasAttribute("handle")?this.getAttribute("handle"):this.dragByHandle,this.hover=this.hasAttribute("hover")?this.getAttribute("hover"):this.slideOnHover,this.direction=this.hasAttribute("direction")?this.getAttribute("direction"):this.slideDirection,this.resetDimensions(),this.classList.contains(r)||this.classList.add(r)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(t,o,i){t==="hover"&&(this.hover=i),t==="direction"&&(this.direction=i),t==="keyboard"&&(this.keyboard=i==="disabled"?"disabled":"enabled")}setExposure(t=0){var o;this.exposure=(o=this.exposure+t)<0?0:o>100?100:o,this.firstElement.style.setProperty("--exposure",100-this.exposure+"%")}slide(t=0){this.setExposure(t);let o=new Event("slide");this.dispatchEvent(o)}slideToPage(t){this.slideDirection==="horizontal"&&this.slideToPageX(t.x),this.slideDirection==="vertical"&&this.slideToPageY(t.y)}slideToPageX(t){this.exposure=(t-this.getBoundingClientRect().left-window.scrollX)/this.imageWidth*100,this.slide(0)}slideToPageY(t){this.exposure=(t-this.getBoundingClientRect().top-window.scrollY)/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty("--transition-time","100ms"),this.transitionTimer=window.setTimeout((()=>{this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)"),this.transitionTimer=null}),100)}startSlideAnimation(){let t=null,o=this.animationDirection;this.firstElement.style.setProperty("--transition-time","var(--keyboard-transition-time)");let i=a=>{if(this.animationDirection===0||o!==this.animationDirection)return;t===null&&(t=a);let p=(a-t)/16.666666666666668*this.animationDirection;this.slide(p),setTimeout((()=>window.requestAnimationFrame(i)),0),t=a};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)")}}))})()})()})),M=b((v=>{var s=v&&v.__createBinding||(Object.create?(function(e,n,d,h){h===void 0&&(h=d),Object.defineProperty(e,h,{enumerable:!0,get:function(){return n[d]}})}):(function(e,n,d,h){h===void 0&&(h=d),e[h]=n[d]})),c=v&&v.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),l=v&&v.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var d in e)d!=="default"&&Object.prototype.hasOwnProperty.call(e,d)&&s(n,e,d);return c(n,e),n};Object.defineProperty(v,"__esModule",{value:!0}),v.ImgComparisonSlider=void 0;var r=y();typeof document<"u"&&Promise.resolve().then(()=>l(T())),v.ImgComparisonSlider=(0,r.forwardRef)(({children:e,onSlide:n,value:d,className:h,...m},f)=>{let u=(0,r.useRef)();return(0,r.useEffect)(()=>{d!==void 0&&(u.current.value=parseFloat(d.toString()))},[d,u]),(0,r.useEffect)(()=>{n&&u.current.addEventListener("slide",n)},[]),(0,r.useImperativeHandle)(f,()=>u.current,[u]),(0,r.createElement)("img-comparison-slider",Object.assign({class:h?`${h} rendered`:"rendered",tabIndex:0,ref:u},m),e)})})),D=E(),k=M();y();var g=x(S(),1),L=v=>{let s=(0,D.c)(15),{beforeSrc:c,afterSrc:l,value:r,direction:e,width:n,height:d}=v,h=n||"100%",m=d||(e==="vertical"?"400px":"auto"),f;s[0]!==h||s[1]!==m?(f={width:h,height:m,maxWidth:"100%"},s[0]=h,s[1]=m,s[2]=f):f=s[2];let u=f,t;s[3]===c?t=s[4]:(t=(0,g.jsx)("img",{slot:"first",src:c,alt:"Before",width:"100%"}),s[3]=c,s[4]=t);let o;s[5]===l?o=s[6]:(o=(0,g.jsx)("img",{slot:"second",src:l,alt:"After",width:"100%"}),s[5]=l,s[6]=o);let i;s[7]!==e||s[8]!==t||s[9]!==o||s[10]!==r?(i=(0,g.jsxs)(k.ImgComparisonSlider,{value:r,direction:e,children:[t,o]}),s[7]=e,s[8]=t,s[9]=o,s[10]=r,s[11]=i):i=s[11];let a;return s[12]!==u||s[13]!==i?(a=(0,g.jsx)("div",{style:u,children:i}),s[12]=u,s[13]=i,s[14]=a):a=s[14],a};export{L as default};

package/dist/assets/ImperativeModal-CiZHZcgk.js

@@ -1 +0,0 @@
-import{s as h}from"./chunk-LvLJmgfZ.js";import{t as f}from"./react-Bj1aDYRI.js";import{t as C}from"./compiler-runtime-B3qBwwSJ.js";import{t as M}from"./jsx-runtime-xyXE3D12.js";import{t as v}from"./button-BgTwlYC0.js";import{r as k}from"./input-DU2xk5tN.js";import{a as m,c as p,i,l as u,n as g,r as x,s as a,t as c}from"./alert-dialog-DnF5sXhW.js";import{t as O}from"./dialog-CM-ZSYIy.js";var b=C(),d=h(f(),1),e=h(M(),1),j=d.createContext({modal:null,setModal:()=>{}});const y=t=>{let r=(0,b.c)(6),[s,o]=d.useState(null),l;r[0]===s?l=r[1]:(l={modal:s,setModal:o},r[0]=s,r[1]=l);let n;return r[2]!==s||r[3]!==t.children||r[4]!==l?(n=(0,e.jsxs)(j,{value:l,children:[s,t.children]}),r[2]=s,r[3]=t.children,r[4]=l,r[5]=n):n=r[5],n};function w(){let t=d.use(j);if(t===void 0)throw Error("useModal must be used within a ModalProvider");let r=()=>{t.setModal(null)};return{openModal:s=>{t.setModal((0,e.jsx)(O,{open:!0,onOpenChange:o=>{o||r()},children:s}))},openAlert:s=>{t.setModal((0,e.jsx)(c,{open:!0,onOpenChange:o=>{o||r()},children:(0,e.jsxs)(i,{children:[s,(0,e.jsx)(a,{children:(0,e.jsx)(g,{autoFocus:!0,onClick:r,children:"Ok"})})]})}))},openPrompt:s=>{t.setModal((0,e.jsx)(c,{open:!0,onOpenChange:o=>{o||r()},children:(0,e.jsx)(i,{children:(0,e.jsxs)("form",{onSubmit:o=>{o.preventDefault(),s.onConfirm(o.currentTarget.prompt.value),r()},children:[(0,e.jsxs)(p,{children:[(0,e.jsx)(u,{children:s.title}),(0,e.jsx)(m,{children:s.description}),(0,e.jsx)(k,{spellCheck:s.spellCheck,defaultValue:s.defaultValue,className:"my-4 h-8",name:"prompt",required:!0,autoFocus:!0,autoComplete:"off"})]}),(0,e.jsxs)(a,{children:[(0,e.jsx)(x,{onClick:r,children:"Cancel"}),(0,e.jsx)(v,{type:"submit",children:s.confirmText??"Ok"})]})]})})}))},openConfirm:s=>{t.setModal((0,e.jsx)(c,{open:!0,onOpenChange:o=>{o||r()},children:(0,e.jsxs)(i,{children:[(0,e.jsxs)(p,{children:[(0,e.jsx)(u,{className:s.variant==="destructive"?"text-destructive":"",children:s.title}),(0,e.jsx)(m,{children:s.description})]}),(0,e.jsxs)(a,{children:[(0,e.jsx)(x,{onClick:r,children:"Cancel"}),s.confirmAction]})]})}))},closeModal:r}}export{w as n,y as t};

package/dist/assets/Inputs-BznTLuSw.js

@@ -1 +0,0 @@
-import{s as m}from"./chunk-LvLJmgfZ.js";import{t as b}from"./react-Bj1aDYRI.js";import{t as g}from"./compiler-runtime-B3qBwwSJ.js";import{t as w}from"./jsx-runtime-xyXE3D12.js";import{n as c}from"./clsx-BtEcuwwV.js";import{n as p}from"./cn-X2M2usMq.js";const y=p("flex items-center justify-center m-0 leading-none font-medium border border-foreground/10 shadow-xs-solid active:shadow-none dark:border-border text-sm",{variants:{color:{gray:"mo-button gray",white:"mo-button white",green:"mo-button green",red:"mo-button red",yellow:"mo-button yellow","hint-green":"mo-button hint-green",disabled:"mo-button disabled active:shadow-xs-solid"},shape:{rectangle:"rounded",circle:"rounded-full"},size:{small:"",medium:""}},compoundVariants:[{size:"small",shape:"circle",class:"h-[24px] w-[24px] px-[5.5px] py-[5.5px]"},{size:"medium",shape:"circle",class:"px-2 py-2"},{size:"small",shape:"rectangle",class:"px-1 py-1 h-[24px] w-[24px]"},{size:"medium",shape:"rectangle",class:"px-3 py-2"}],defaultVariants:{color:"gray",size:"medium",shape:"rectangle"}}),z=p("font-mono w-full flex-1 inline-flex items-center justify-center rounded px-2.5 text-foreground/60 h-[36px] hover:shadow-md hover:cursor-pointer focus:shadow-md focus:outline-hidden text-[hsl(0, 0%, 43.5%)] bg-transparent hover:bg-background focus:bg-background");var u=g(),f=m(b(),1),h=m(w(),1);const x=f.forwardRef((a,n)=>{let e=(0,u.c)(15),r,s,o,t,l;e[0]===a?(r=e[1],s=e[2],o=e[3],t=e[4],l=e[5]):({color:s,shape:t,size:l,className:r,...o}=a,e[0]=a,e[1]=r,e[2]=s,e[3]=o,e[4]=t,e[5]=l);let i;e[6]!==r||e[7]!==s||e[8]!==t||e[9]!==l?(i=c(y({color:s,shape:t,size:l}),r),e[6]=r,e[7]=s,e[8]=t,e[9]=l,e[10]=i):i=e[10];let d;return e[11]!==o||e[12]!==n||e[13]!==i?(d=(0,h.jsx)("button",{ref:n,className:i,...o,children:o.children}),e[11]=o,e[12]=n,e[13]=i,e[14]=d):d=e[14],d});x.displayName="Button";const v=f.forwardRef((a,n)=>{let e=(0,u.c)(9),r,s;e[0]===a?(r=e[1],s=e[2]):({className:r,...s}=a,e[0]=a,e[1]=r,e[2]=s);let o;e[3]===r?o=e[4]:(o=c(z(),r),e[3]=r,e[4]=o);let t;return e[5]!==s||e[6]!==n||e[7]!==o?(t=(0,h.jsx)("input",{ref:n,className:o,...s}),e[5]=s,e[6]=n,e[7]=o,e[8]=t):t=e[8],t});v.displayName="Input";export{x as t};