react-grab 0.0.77 → 0.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-RM6XONHW.cjs → chunk-IOEUCYGF.cjs} +167 -125
- package/dist/{chunk-VOXBYN56.js → chunk-PJCJQBH7.js} +167 -125
- package/dist/cli.cjs +12 -12
- package/dist/core.cjs +7 -7
- package/dist/core.js +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.global.js +20 -20
- package/dist/index.js +2 -2
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -949,7 +949,7 @@ function cleanChildren(parent, current, marker, replacement) {
|
|
|
949
949
|
|
|
950
950
|
// dist/styles.css
|
|
951
951
|
var styles_default = `/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
952
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mt-px{margin-top:-1px}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-fit{width:fit-content;height:fit-content}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-label-muted{color:var(--color-label-muted)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}`;
|
|
952
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mt-px{margin-top:-1px}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-fit{width:fit-content;height:fit-content}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[10px\\]{font-size:10px}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\\[14px\\]{--tw-leading:14px;line-height:14px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-label-muted{color:var(--color-label-muted)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}`;
|
|
953
953
|
|
|
954
954
|
// src/utils/is-keyboard-event-triggered-by-input.ts
|
|
955
955
|
var FORM_TAGS_AND_ROLES = [
|
|
@@ -1078,7 +1078,7 @@ var buildOpenFileUrl = (filePath, lineNumber) => {
|
|
|
1078
1078
|
};
|
|
1079
1079
|
|
|
1080
1080
|
// src/constants.ts
|
|
1081
|
-
var VERSION = "0.0.
|
|
1081
|
+
var VERSION = "0.0.78";
|
|
1082
1082
|
var VIEWPORT_MARGIN_PX = 8;
|
|
1083
1083
|
var OFFSCREEN_POSITION = -1e3;
|
|
1084
1084
|
var SELECTION_LERP_FACTOR = 0.95;
|
|
@@ -3955,14 +3955,14 @@ var _tmpl$8 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex
|
|
|
3955
3955
|
var _tmpl$9 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit"><button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
|
|
3956
3956
|
var _tmpl$0 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-end gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-full h-fit"><span class="text-[#B91C1C] text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium">`);
|
|
3957
3957
|
var _tmpl$1 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Undo`);
|
|
3958
|
-
var _tmpl$10 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
|
|
3958
|
+
var _tmpl$10 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
|
|
3959
3959
|
var _tmpl$11 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit">`);
|
|
3960
3960
|
var _tmpl$12 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col justify-center items-end rounded-xs bg-white antialiased w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit tabular-nums">`);
|
|
3961
3961
|
var _tmpl$13 = /* @__PURE__ */ template(`<button data-react-grab-ignore-events class="contain-layout shrink-0 flex flex-col items-start rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] p-1 size-fit cursor-pointer ml-1 transition-none hover:scale-105"><div data-react-grab-ignore-events class="shrink-0 w-[7px] h-[7px] rounded-[1px] bg-black pointer-events-none">`);
|
|
3962
3962
|
var _tmpl$14 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events class="text-black text-[12px] leading-4 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 opacity-50 wrap-break-word overflow-y-auto"placeholder="type to edit"rows=1 disabled style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none>`);
|
|
3963
3963
|
var _tmpl$15 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-auto h-fit"><div class="contain-layout flex items-center px-0 py-px w-auto h-fit rounded-[1.5px] gap-[3px]"><span class="text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium w-auto h-fit whitespace-normal text-[#71717a] animate-pulse tabular-nums">`);
|
|
3964
3964
|
var _tmpl$16 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
|
|
3965
|
-
var _tmpl$17 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Press</span><div class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to edit`);
|
|
3965
|
+
var _tmpl$17 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Press</span><div class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">or</span><div class="contain-layout shrink-0 flex items-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"><span class="text-black text-[10px] leading-[14px] tracking-[-0.04em] font-sans font-medium">double-click</span></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to edit`);
|
|
3966
3966
|
var _tmpl$18 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div></div><div class="grid transition-[grid-template-rows] duration-30 ease-out self-stretch"><div>`);
|
|
3967
3967
|
var _tmpl$19 = /* @__PURE__ */ template(`<button>`);
|
|
3968
3968
|
var _tmpl$20 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit cursor-pointer transition-all hover:scale-105">`);
|
|
@@ -4137,6 +4137,67 @@ var ErrorConfirmation = (props) => {
|
|
|
4137
4137
|
return _el$14;
|
|
4138
4138
|
})();
|
|
4139
4139
|
};
|
|
4140
|
+
var CompletedConfirmation = (props) => {
|
|
4141
|
+
const handleKeyDown = (event) => {
|
|
4142
|
+
if (event.code === "Enter" || event.code === "Escape") {
|
|
4143
|
+
event.preventDefault();
|
|
4144
|
+
event.stopPropagation();
|
|
4145
|
+
props.onDismiss?.();
|
|
4146
|
+
}
|
|
4147
|
+
};
|
|
4148
|
+
onMount(() => {
|
|
4149
|
+
window.addEventListener("keydown", handleKeyDown, {
|
|
4150
|
+
capture: true
|
|
4151
|
+
});
|
|
4152
|
+
});
|
|
4153
|
+
onCleanup(() => {
|
|
4154
|
+
window.removeEventListener("keydown", handleKeyDown, {
|
|
4155
|
+
capture: true
|
|
4156
|
+
});
|
|
4157
|
+
});
|
|
4158
|
+
return (() => {
|
|
4159
|
+
var _el$20 = _tmpl$12(), _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild;
|
|
4160
|
+
insert(_el$22, () => props.statusText);
|
|
4161
|
+
insert(_el$20, createComponent(Show, {
|
|
4162
|
+
get when() {
|
|
4163
|
+
return props.onDismiss || props.onUndo;
|
|
4164
|
+
},
|
|
4165
|
+
get children() {
|
|
4166
|
+
return createComponent(BottomSection, {
|
|
4167
|
+
get children() {
|
|
4168
|
+
var _el$23 = _tmpl$11();
|
|
4169
|
+
insert(_el$23, createComponent(Show, {
|
|
4170
|
+
get when() {
|
|
4171
|
+
return props.onUndo;
|
|
4172
|
+
},
|
|
4173
|
+
get children() {
|
|
4174
|
+
var _el$24 = _tmpl$1();
|
|
4175
|
+
_el$24.$$click = () => props.onUndo?.();
|
|
4176
|
+
return _el$24;
|
|
4177
|
+
}
|
|
4178
|
+
}), null);
|
|
4179
|
+
insert(_el$23, createComponent(Show, {
|
|
4180
|
+
get when() {
|
|
4181
|
+
return props.onDismiss;
|
|
4182
|
+
},
|
|
4183
|
+
get children() {
|
|
4184
|
+
var _el$25 = _tmpl$10(); _el$25.firstChild;
|
|
4185
|
+
_el$25.$$click = () => props.onDismiss?.();
|
|
4186
|
+
insert(_el$25, createComponent(IconReturn, {
|
|
4187
|
+
size: 10,
|
|
4188
|
+
"class": "text-black/50"
|
|
4189
|
+
}), null);
|
|
4190
|
+
return _el$25;
|
|
4191
|
+
}
|
|
4192
|
+
}), null);
|
|
4193
|
+
return _el$23;
|
|
4194
|
+
}
|
|
4195
|
+
});
|
|
4196
|
+
}
|
|
4197
|
+
}), null);
|
|
4198
|
+
return _el$20;
|
|
4199
|
+
})();
|
|
4200
|
+
};
|
|
4140
4201
|
var SelectionLabel = (props) => {
|
|
4141
4202
|
let containerRef;
|
|
4142
4203
|
let inputRef;
|
|
@@ -4338,111 +4399,83 @@ var SelectionLabel = (props) => {
|
|
|
4338
4399
|
return memo(() => props.visible !== false)() && (props.selectionBounds || shouldShowWithoutBounds());
|
|
4339
4400
|
},
|
|
4340
4401
|
get children() {
|
|
4341
|
-
var _el$
|
|
4342
|
-
_el$
|
|
4343
|
-
_el$
|
|
4344
|
-
_el$
|
|
4402
|
+
var _el$27 = _tmpl$23(), _el$28 = _el$27.firstChild;
|
|
4403
|
+
_el$27.$$click = stopPropagation;
|
|
4404
|
+
_el$27.$$mousedown = stopPropagation;
|
|
4405
|
+
_el$27.$$pointerdown = handleContainerPointerDown;
|
|
4345
4406
|
var _ref$ = containerRef;
|
|
4346
|
-
typeof _ref$ === "function" ? use(_ref$, _el$
|
|
4347
|
-
insert(_el$
|
|
4407
|
+
typeof _ref$ === "function" ? use(_ref$, _el$27) : containerRef = _el$27;
|
|
4408
|
+
insert(_el$27, createComponent(Arrow, {
|
|
4348
4409
|
get position() {
|
|
4349
4410
|
return arrowPosition();
|
|
4350
4411
|
},
|
|
4351
4412
|
get leftPx() {
|
|
4352
4413
|
return computedPosition().arrowLeft;
|
|
4353
4414
|
}
|
|
4354
|
-
}), _el$
|
|
4355
|
-
insert(_el$
|
|
4415
|
+
}), _el$28);
|
|
4416
|
+
insert(_el$27, createComponent(Show, {
|
|
4356
4417
|
get when() {
|
|
4357
4418
|
return memo(() => !!(props.status === "copied" || props.status === "fading"))() && !props.error;
|
|
4358
4419
|
},
|
|
4359
4420
|
get children() {
|
|
4360
|
-
|
|
4361
|
-
|
|
4362
|
-
|
|
4363
|
-
return () => _c$() ? props.statusText ?? "Completed" : "Copied";
|
|
4364
|
-
})());
|
|
4365
|
-
insert(_el$21, createComponent(Show, {
|
|
4366
|
-
get when() {
|
|
4367
|
-
return props.onDismiss || props.onUndo;
|
|
4421
|
+
return createComponent(CompletedConfirmation, {
|
|
4422
|
+
get statusText() {
|
|
4423
|
+
return memo(() => !!props.hasAgent)() ? props.statusText ?? "Completed" : "Copied";
|
|
4368
4424
|
},
|
|
4369
|
-
get
|
|
4370
|
-
return
|
|
4371
|
-
|
|
4372
|
-
|
|
4373
|
-
|
|
4374
|
-
get when() {
|
|
4375
|
-
return props.onUndo;
|
|
4376
|
-
},
|
|
4377
|
-
get children() {
|
|
4378
|
-
var _el$25 = _tmpl$1();
|
|
4379
|
-
_el$25.$$click = () => props.onUndo?.();
|
|
4380
|
-
return _el$25;
|
|
4381
|
-
}
|
|
4382
|
-
}), null);
|
|
4383
|
-
insert(_el$24, createComponent(Show, {
|
|
4384
|
-
get when() {
|
|
4385
|
-
return props.onDismiss;
|
|
4386
|
-
},
|
|
4387
|
-
get children() {
|
|
4388
|
-
var _el$26 = _tmpl$10();
|
|
4389
|
-
_el$26.$$click = () => props.onDismiss?.();
|
|
4390
|
-
return _el$26;
|
|
4391
|
-
}
|
|
4392
|
-
}), null);
|
|
4393
|
-
return _el$24;
|
|
4394
|
-
}
|
|
4395
|
-
});
|
|
4425
|
+
get onDismiss() {
|
|
4426
|
+
return props.onDismiss;
|
|
4427
|
+
},
|
|
4428
|
+
get onUndo() {
|
|
4429
|
+
return props.onUndo;
|
|
4396
4430
|
}
|
|
4397
|
-
})
|
|
4398
|
-
return _el$21;
|
|
4431
|
+
});
|
|
4399
4432
|
}
|
|
4400
|
-
}), _el$
|
|
4401
|
-
insert(_el$
|
|
4433
|
+
}), _el$28);
|
|
4434
|
+
insert(_el$28, createComponent(Show, {
|
|
4402
4435
|
get when() {
|
|
4403
4436
|
return props.status === "copying";
|
|
4404
4437
|
},
|
|
4405
4438
|
get children() {
|
|
4406
|
-
var _el$
|
|
4407
|
-
insert(_el$
|
|
4408
|
-
insert(_el$
|
|
4439
|
+
var _el$29 = _tmpl$15(), _el$30 = _el$29.firstChild, _el$31 = _el$30.firstChild, _el$32 = _el$31.firstChild;
|
|
4440
|
+
insert(_el$32, () => props.statusText ?? "Grabbing\u2026");
|
|
4441
|
+
insert(_el$29, createComponent(BottomSection, {
|
|
4409
4442
|
get children() {
|
|
4410
|
-
var _el$
|
|
4443
|
+
var _el$33 = _tmpl$14(), _el$34 = _el$33.firstChild;
|
|
4411
4444
|
var _ref$2 = inputRef;
|
|
4412
|
-
typeof _ref$2 === "function" ? use(_ref$2, _el$
|
|
4413
|
-
insert(_el$
|
|
4445
|
+
typeof _ref$2 === "function" ? use(_ref$2, _el$34) : inputRef = _el$34;
|
|
4446
|
+
insert(_el$33, createComponent(Show, {
|
|
4414
4447
|
get when() {
|
|
4415
4448
|
return props.onAbort;
|
|
4416
4449
|
},
|
|
4417
4450
|
get children() {
|
|
4418
|
-
var _el$
|
|
4419
|
-
_el$
|
|
4451
|
+
var _el$35 = _tmpl$13();
|
|
4452
|
+
_el$35.$$click = (event) => {
|
|
4420
4453
|
event.stopPropagation();
|
|
4421
4454
|
props.onAbort?.();
|
|
4422
4455
|
};
|
|
4423
|
-
_el$
|
|
4456
|
+
_el$35.$$pointerup = (event) => {
|
|
4424
4457
|
event.stopPropagation();
|
|
4425
4458
|
props.onAbort?.();
|
|
4426
4459
|
};
|
|
4427
|
-
_el$
|
|
4428
|
-
_el$
|
|
4429
|
-
return _el$
|
|
4460
|
+
_el$35.$$mousedown = (event) => event.stopPropagation();
|
|
4461
|
+
_el$35.$$pointerdown = (event) => event.stopPropagation();
|
|
4462
|
+
return _el$35;
|
|
4430
4463
|
}
|
|
4431
4464
|
}), null);
|
|
4432
|
-
createRenderEffect(() => _el$
|
|
4433
|
-
return _el$
|
|
4465
|
+
createRenderEffect(() => _el$34.value = props.inputValue ?? "");
|
|
4466
|
+
return _el$33;
|
|
4434
4467
|
}
|
|
4435
4468
|
}), null);
|
|
4436
|
-
return _el$
|
|
4469
|
+
return _el$29;
|
|
4437
4470
|
}
|
|
4438
4471
|
}), null);
|
|
4439
|
-
insert(_el$
|
|
4472
|
+
insert(_el$28, createComponent(Show, {
|
|
4440
4473
|
get when() {
|
|
4441
4474
|
return memo(() => !!isNotProcessing())() && !props.isInputExpanded;
|
|
4442
4475
|
},
|
|
4443
4476
|
get children() {
|
|
4444
|
-
var _el$
|
|
4445
|
-
insert(_el$
|
|
4477
|
+
var _el$36 = _tmpl$18(), _el$37 = _el$36.firstChild, _el$39 = _el$37.nextSibling, _el$40 = _el$39.firstChild;
|
|
4478
|
+
insert(_el$37, createComponent(ClickToCopyPill, {
|
|
4446
4479
|
onClick: handleSubmit,
|
|
4447
4480
|
shrink: true,
|
|
4448
4481
|
get hasParent() {
|
|
@@ -4452,19 +4485,19 @@ var SelectionLabel = (props) => {
|
|
|
4452
4485
|
return props.hasAgent;
|
|
4453
4486
|
}
|
|
4454
4487
|
}), null);
|
|
4455
|
-
insert(_el$
|
|
4488
|
+
insert(_el$37, createComponent(Show, {
|
|
4456
4489
|
get when() {
|
|
4457
4490
|
return props.componentName;
|
|
4458
4491
|
},
|
|
4459
4492
|
get children() {
|
|
4460
|
-
var _el$
|
|
4461
|
-
insert(_el$
|
|
4493
|
+
var _el$38 = _tmpl$16();
|
|
4494
|
+
insert(_el$38, createComponent(ParentBadge, {
|
|
4462
4495
|
get name() {
|
|
4463
4496
|
return props.componentName;
|
|
4464
4497
|
}
|
|
4465
4498
|
}), null);
|
|
4466
|
-
insert(_el$
|
|
4467
|
-
insert(_el$
|
|
4499
|
+
insert(_el$38, createComponent(ChevronSeparator, {}), null);
|
|
4500
|
+
insert(_el$38, createComponent(TagBadge, {
|
|
4468
4501
|
get tagName() {
|
|
4469
4502
|
return tagDisplay();
|
|
4470
4503
|
},
|
|
@@ -4476,10 +4509,10 @@ var SelectionLabel = (props) => {
|
|
|
4476
4509
|
showMono: true,
|
|
4477
4510
|
shrink: true
|
|
4478
4511
|
}), null);
|
|
4479
|
-
return _el$
|
|
4512
|
+
return _el$38;
|
|
4480
4513
|
}
|
|
4481
4514
|
}), null);
|
|
4482
|
-
insert(_el$
|
|
4515
|
+
insert(_el$37, createComponent(Show, {
|
|
4483
4516
|
get when() {
|
|
4484
4517
|
return !props.componentName;
|
|
4485
4518
|
},
|
|
@@ -4498,37 +4531,37 @@ var SelectionLabel = (props) => {
|
|
|
4498
4531
|
});
|
|
4499
4532
|
}
|
|
4500
4533
|
}), null);
|
|
4501
|
-
insert(_el$
|
|
4534
|
+
insert(_el$40, createComponent(BottomSection, {
|
|
4502
4535
|
get children() {
|
|
4503
|
-
var _el$
|
|
4504
|
-
insert(_el$
|
|
4536
|
+
var _el$41 = _tmpl$17(), _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling;
|
|
4537
|
+
insert(_el$43, createComponent(IconReturn, {
|
|
4505
4538
|
size: 10,
|
|
4506
4539
|
"class": "opacity-[0.99] text-black"
|
|
4507
4540
|
}));
|
|
4508
|
-
return _el$
|
|
4541
|
+
return _el$41;
|
|
4509
4542
|
}
|
|
4510
4543
|
}));
|
|
4511
4544
|
createRenderEffect((_p$) => {
|
|
4512
4545
|
var _v$3 = cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1"), _v$4 = isIdle() ? "1fr" : "0fr", _v$5 = cn("overflow-hidden min-h-0", !isIdle() && "w-0");
|
|
4513
|
-
_v$3 !== _p$.e && className(_el$
|
|
4514
|
-
_v$4 !== _p$.t && setStyleProperty(_el$
|
|
4515
|
-
_v$5 !== _p$.a && className(_el$
|
|
4546
|
+
_v$3 !== _p$.e && className(_el$37, _p$.e = _v$3);
|
|
4547
|
+
_v$4 !== _p$.t && setStyleProperty(_el$39, "grid-template-rows", _p$.t = _v$4);
|
|
4548
|
+
_v$5 !== _p$.a && className(_el$40, _p$.a = _v$5);
|
|
4516
4549
|
return _p$;
|
|
4517
4550
|
}, {
|
|
4518
4551
|
e: void 0,
|
|
4519
4552
|
t: void 0,
|
|
4520
4553
|
a: void 0
|
|
4521
4554
|
});
|
|
4522
|
-
return _el$
|
|
4555
|
+
return _el$36;
|
|
4523
4556
|
}
|
|
4524
4557
|
}), null);
|
|
4525
|
-
insert(_el$
|
|
4558
|
+
insert(_el$28, createComponent(Show, {
|
|
4526
4559
|
get when() {
|
|
4527
4560
|
return memo(() => !!(isNotProcessing() && props.isInputExpanded))() && !props.isPendingDismiss;
|
|
4528
4561
|
},
|
|
4529
4562
|
get children() {
|
|
4530
|
-
var _el$
|
|
4531
|
-
insert(_el$
|
|
4563
|
+
var _el$44 = _tmpl$222(), _el$45 = _el$44.firstChild;
|
|
4564
|
+
insert(_el$45, createComponent(ClickToCopyPill, {
|
|
4532
4565
|
onClick: handleSubmit,
|
|
4533
4566
|
dimmed: true,
|
|
4534
4567
|
shrink: true,
|
|
@@ -4539,19 +4572,19 @@ var SelectionLabel = (props) => {
|
|
|
4539
4572
|
return props.hasAgent;
|
|
4540
4573
|
}
|
|
4541
4574
|
}), null);
|
|
4542
|
-
insert(_el$
|
|
4575
|
+
insert(_el$45, createComponent(Show, {
|
|
4543
4576
|
get when() {
|
|
4544
4577
|
return props.componentName;
|
|
4545
4578
|
},
|
|
4546
4579
|
get children() {
|
|
4547
|
-
var _el$
|
|
4548
|
-
insert(_el$
|
|
4580
|
+
var _el$46 = _tmpl$16();
|
|
4581
|
+
insert(_el$46, createComponent(ParentBadge, {
|
|
4549
4582
|
get name() {
|
|
4550
4583
|
return props.componentName;
|
|
4551
4584
|
}
|
|
4552
4585
|
}), null);
|
|
4553
|
-
insert(_el$
|
|
4554
|
-
insert(_el$
|
|
4586
|
+
insert(_el$46, createComponent(ChevronSeparator, {}), null);
|
|
4587
|
+
insert(_el$46, createComponent(TagBadge, {
|
|
4555
4588
|
get tagName() {
|
|
4556
4589
|
return tagDisplay();
|
|
4557
4590
|
},
|
|
@@ -4564,10 +4597,10 @@ var SelectionLabel = (props) => {
|
|
|
4564
4597
|
shrink: true,
|
|
4565
4598
|
forceShowIcon: true
|
|
4566
4599
|
}), null);
|
|
4567
|
-
return _el$
|
|
4600
|
+
return _el$46;
|
|
4568
4601
|
}
|
|
4569
4602
|
}), null);
|
|
4570
|
-
insert(_el$
|
|
4603
|
+
insert(_el$45, createComponent(Show, {
|
|
4571
4604
|
get when() {
|
|
4572
4605
|
return !props.componentName;
|
|
4573
4606
|
},
|
|
@@ -4587,21 +4620,21 @@ var SelectionLabel = (props) => {
|
|
|
4587
4620
|
});
|
|
4588
4621
|
}
|
|
4589
4622
|
}), null);
|
|
4590
|
-
insert(_el$
|
|
4623
|
+
insert(_el$44, createComponent(BottomSection, {
|
|
4591
4624
|
get children() {
|
|
4592
|
-
var _el$
|
|
4593
|
-
_el$
|
|
4594
|
-
_el$
|
|
4625
|
+
var _el$47 = _tmpl$21(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling;
|
|
4626
|
+
_el$48.$$keydown = handleKeyDown;
|
|
4627
|
+
_el$48.$$input = handleInput;
|
|
4595
4628
|
var _ref$3 = inputRef;
|
|
4596
|
-
typeof _ref$3 === "function" ? use(_ref$3, _el$
|
|
4597
|
-
insert(_el$
|
|
4629
|
+
typeof _ref$3 === "function" ? use(_ref$3, _el$48) : inputRef = _el$48;
|
|
4630
|
+
insert(_el$49, createComponent(Show, {
|
|
4598
4631
|
get when() {
|
|
4599
4632
|
return memo(() => !!(props.hasAgent && speechRecognition.isSupported()))() && !props.inputValue;
|
|
4600
4633
|
},
|
|
4601
4634
|
get children() {
|
|
4602
|
-
var _el$
|
|
4603
|
-
addEventListener(_el$
|
|
4604
|
-
insert(_el$
|
|
4635
|
+
var _el$50 = _tmpl$19();
|
|
4636
|
+
addEventListener(_el$50, "click", speechRecognition.toggle);
|
|
4637
|
+
insert(_el$50, createComponent(IconMic, {
|
|
4605
4638
|
size: 11,
|
|
4606
4639
|
get ["class"]() {
|
|
4607
4640
|
return speechRecognition.isListening() ? "animate-pulse" : "";
|
|
@@ -4609,40 +4642,40 @@ var SelectionLabel = (props) => {
|
|
|
4609
4642
|
}));
|
|
4610
4643
|
createRenderEffect((_p$) => {
|
|
4611
4644
|
var _v$6 = cn("contain-layout shrink-0 flex items-center justify-center px-[2px] py-[2px] rounded-xs [border-width:0.5px] border-solid size-fit cursor-pointer transition-all hover:scale-105", speechRecognition.isListening() ? "bg-grab-purple border-grab-purple text-white" : "bg-white border-[#B3B3B3] text-black"), _v$7 = speechRecognition.isListening() ? "Stop listening" : "Start voice input";
|
|
4612
|
-
_v$6 !== _p$.e && className(_el$
|
|
4613
|
-
_v$7 !== _p$.t && setAttribute(_el$
|
|
4645
|
+
_v$6 !== _p$.e && className(_el$50, _p$.e = _v$6);
|
|
4646
|
+
_v$7 !== _p$.t && setAttribute(_el$50, "title", _p$.t = _v$7);
|
|
4614
4647
|
return _p$;
|
|
4615
4648
|
}, {
|
|
4616
4649
|
e: void 0,
|
|
4617
4650
|
t: void 0
|
|
4618
4651
|
});
|
|
4619
|
-
return _el$
|
|
4652
|
+
return _el$50;
|
|
4620
4653
|
}
|
|
4621
4654
|
}), null);
|
|
4622
|
-
insert(_el$
|
|
4655
|
+
insert(_el$49, createComponent(Show, {
|
|
4623
4656
|
get when() {
|
|
4624
4657
|
return props.inputValue;
|
|
4625
4658
|
},
|
|
4626
4659
|
get children() {
|
|
4627
|
-
var _el$
|
|
4628
|
-
_el$
|
|
4629
|
-
insert(_el$
|
|
4660
|
+
var _el$51 = _tmpl$20();
|
|
4661
|
+
_el$51.$$click = handleSubmit;
|
|
4662
|
+
insert(_el$51, createComponent(IconReturn, {
|
|
4630
4663
|
size: 10,
|
|
4631
4664
|
"class": "opacity-[0.99] text-black"
|
|
4632
4665
|
}));
|
|
4633
|
-
return _el$
|
|
4666
|
+
return _el$51;
|
|
4634
4667
|
}
|
|
4635
4668
|
}), null);
|
|
4636
|
-
createRenderEffect(() => setAttribute(_el$
|
|
4637
|
-
createRenderEffect(() => _el$
|
|
4638
|
-
return _el$
|
|
4669
|
+
createRenderEffect(() => setAttribute(_el$48, "placeholder", speechRecognition.isListening() ? "listening..." : "type prompt"));
|
|
4670
|
+
createRenderEffect(() => _el$48.value = props.inputValue ?? "");
|
|
4671
|
+
return _el$47;
|
|
4639
4672
|
}
|
|
4640
4673
|
}), null);
|
|
4641
|
-
createRenderEffect(() => className(_el$
|
|
4642
|
-
return _el$
|
|
4674
|
+
createRenderEffect(() => className(_el$45, cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1")));
|
|
4675
|
+
return _el$44;
|
|
4643
4676
|
}
|
|
4644
4677
|
}), null);
|
|
4645
|
-
insert(_el$
|
|
4678
|
+
insert(_el$28, createComponent(Show, {
|
|
4646
4679
|
get when() {
|
|
4647
4680
|
return props.isPendingDismiss;
|
|
4648
4681
|
},
|
|
@@ -4657,7 +4690,7 @@ var SelectionLabel = (props) => {
|
|
|
4657
4690
|
});
|
|
4658
4691
|
}
|
|
4659
4692
|
}), null);
|
|
4660
|
-
insert(_el$
|
|
4693
|
+
insert(_el$28, createComponent(Show, {
|
|
4661
4694
|
get when() {
|
|
4662
4695
|
return props.error;
|
|
4663
4696
|
},
|
|
@@ -4674,11 +4707,11 @@ var SelectionLabel = (props) => {
|
|
|
4674
4707
|
}), null);
|
|
4675
4708
|
createRenderEffect((_p$) => {
|
|
4676
4709
|
var _v$8 = `${computedPosition().top}px`, _v$9 = `${computedPosition().left}px`, _v$0 = props.isInputExpanded || props.status === "copied" && props.onDismiss || props.status === "copying" && props.onAbort ? "auto" : "none", _v$1 = props.status === "fading" ? 0 : 1, _v$10 = (props.status === "copied" || props.status === "fading") && !props.error ? "none" : void 0;
|
|
4677
|
-
_v$8 !== _p$.e && setStyleProperty(_el$
|
|
4678
|
-
_v$9 !== _p$.t && setStyleProperty(_el$
|
|
4679
|
-
_v$0 !== _p$.a && setStyleProperty(_el$
|
|
4680
|
-
_v$1 !== _p$.o && setStyleProperty(_el$
|
|
4681
|
-
_v$10 !== _p$.i && setStyleProperty(_el$
|
|
4710
|
+
_v$8 !== _p$.e && setStyleProperty(_el$27, "top", _p$.e = _v$8);
|
|
4711
|
+
_v$9 !== _p$.t && setStyleProperty(_el$27, "left", _p$.t = _v$9);
|
|
4712
|
+
_v$0 !== _p$.a && setStyleProperty(_el$27, "pointer-events", _p$.a = _v$0);
|
|
4713
|
+
_v$1 !== _p$.o && setStyleProperty(_el$27, "opacity", _p$.o = _v$1);
|
|
4714
|
+
_v$10 !== _p$.i && setStyleProperty(_el$28, "display", _p$.i = _v$10);
|
|
4682
4715
|
return _p$;
|
|
4683
4716
|
}, {
|
|
4684
4717
|
e: void 0,
|
|
@@ -4687,7 +4720,7 @@ var SelectionLabel = (props) => {
|
|
|
4687
4720
|
o: void 0,
|
|
4688
4721
|
i: void 0
|
|
4689
4722
|
});
|
|
4690
|
-
return _el$
|
|
4723
|
+
return _el$27;
|
|
4691
4724
|
}
|
|
4692
4725
|
});
|
|
4693
4726
|
};
|
|
@@ -6852,7 +6885,7 @@ var init = (rawOptions) => {
|
|
|
6852
6885
|
hasInited = true;
|
|
6853
6886
|
const logIntro = () => {
|
|
6854
6887
|
try {
|
|
6855
|
-
const version = "0.0.
|
|
6888
|
+
const version = "0.0.78";
|
|
6856
6889
|
const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
|
|
6857
6890
|
console.log(`%cReact Grab${version ? ` v${version}` : ""}%c
|
|
6858
6891
|
https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid #d75fcb; padding: 4px 4px 4px 24px; border-radius: 4px; background-image: url("${logoDataUri}"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; display: inline-block; margin-bottom: 4px;`, "");
|
|
@@ -7465,7 +7498,16 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7465
7498
|
if (pendingClickTimeoutId) {
|
|
7466
7499
|
window.clearTimeout(pendingClickTimeoutId);
|
|
7467
7500
|
pendingClickTimeoutId = null;
|
|
7501
|
+
const clickData = pendingClickData;
|
|
7468
7502
|
pendingClickData = null;
|
|
7503
|
+
if (clickData) {
|
|
7504
|
+
setLastGrabbedElement(clickData.element);
|
|
7505
|
+
const bounds = createElementBounds(clickData.element);
|
|
7506
|
+
const tagName = extractElementTagName(clickData.element);
|
|
7507
|
+
void getNearestComponentName(clickData.element).then((componentName) => {
|
|
7508
|
+
void executeCopyOperation(clickData.clientX, clickData.clientY, () => copySingleElementToClipboard(clickData.element), bounds, tagName, componentName ?? void 0, clickData.element);
|
|
7509
|
+
});
|
|
7510
|
+
}
|
|
7469
7511
|
}
|
|
7470
7512
|
stopAutoScroll();
|
|
7471
7513
|
stopProgressAnimation();
|