npm - @frontify/guideline-blocks-settings - Versions diffs - 4.0.0-alpha.2 → 4.0.0-alpha.4 - Mend

@frontify/guideline-blocks-settings 4.0.0-alpha.2 → 4.0.0-alpha.4

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.

Files changed (9) hide show

package/dist/index.umd.js CHANGED Viewed

@@ -1,2 +1,2 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@frontify/app-bridge"),require("@frontify/fondue/components"),require("@frontify/fondue/icons"),require("react"),require("react/jsx-runtime"),require("@ctrl/tinycolor"),require("@dnd-kit/core"),require("@dnd-kit/modifiers"),require("@dnd-kit/sortable"),require("@frontify/fondue"),require("@frontify/fondue/rte"),require("react-dom")):typeof define==`function`&&define.amd?define([`exports`,`@frontify/app-bridge`,`@frontify/fondue/components`,`@frontify/fondue/icons`,`react`,`react/jsx-runtime`,`@ctrl/tinycolor`,`@dnd-kit/core`,`@dnd-kit/modifiers`,`@dnd-kit/sortable`,`@frontify/fondue`,`@frontify/fondue/rte`,`react-dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GuidelineBlocksSettings={},e._frontify_app_bridge,e._frontify_fondue_components,e._frontify_fondue_icons,e.React,e.react_jsx_runtime,e._ctrl_tinycolor,e._dnd_kit_core,e._dnd_kit_modifiers,e._dnd_kit_sortable,e._frontify_fondue,e._frontify_fondue_rte,e.ReactDOM))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d,f){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.prototype.hasOwnProperty,_=(e,t)=>{let n={};for(var r in e)p(n,r,{get:e[r],enumerable:!0});return t||p(n,Symbol.toStringTag,{value:`Module`}),n},v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!g.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e},y=(e,t,n)=>(v(e,t,`default`),n&&v(n,t,`default`)),b=e=>e.filter(Boolean).join(` `),x=({onDrop:e,label:o,icon:s,secondaryLabel:c,isLoading:l,fillParentContainer:u,onAssetChooseClick:d,onUploadClick:f,withMenu:p=!0,onClick:m,validFileType:h,verticalLayout:g})=>{let[_,v]=(0,i.useState)(!1),[y,x]=(0,i.useState)(),S=(0,i.useRef)(null),[C,w]=(0,i.useState)(void 0),T=t=>{if(t.preventDefault(),v(!1),!E(t.dataTransfer.files)){w(`Invalid`),setTimeout(()=>{w(void 0)},1e3);return}e?.(t.dataTransfer.files)},E=e=>{if(!h)return!0;for(let n=0;n<e.length;n++){let r=e[n].name.split(`.`).pop()??``;if(!t.FileExtensionSets[h].includes(r))return!1}return!0},D=e=>{if(!S.current||l)return;let{clientX:t,clientY:n}=e,r=t===0&&n===0,{left:i,top:a,width:o,height:s}=S.current.getBoundingClientRect(),c=r?o/2:t-i,u=r?s/2:n-a;x([c,u])},O=(0,i.useCallback)(e=>{e(),x(void 0)},[]),ee=(0,i.useMemo)(()=>{let e=[];return f&&e.push({onSelect:()=>O(f),title:`Upload asset`,icon:(0,a.jsx)(r.IconArrowCircleUp,{size:`20`})}),d&&e.push({onSelect:()=>O(d),title:`Browse asset`,icon:(0,a.jsx)(r.IconImageStack,{size:`20`})}),e},[d,f,O]);return(0,a.jsxs)(`button`,{type:`button`,ref:S,"data-test-id":`block-inject-button`,className:b([`tw-body-medium tw-relative tw-border tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-gap-3 tw-w-full first:tw-rounded-tl last:tw-rounded-br`,g?`[&:not(:first-child)]:tw-border-t-0 first:tw-rounded-tr last:tw-rounded-bl`:`[&:not(:first-child)]:tw-border-l-0 first:tw-rounded-bl last:tw-rounded-tr`,u?`tw-h-full`:`tw-h-[72px]`,_&&!l?`tw-border-dashed`:`tw-border-solid`,y&&`tw-bg-surface-hover`,_&&`tw-bg-surface`,C?`!tw-border-red-50 !tw-cursor-not-allowed`:` tw-border-line-mid`,l||y||_||C?``:`tw-text-secondary hover:tw-text-primary hover:tw-bg-surface hover:tw-border-line-strong active:tw-text-primary active:tw-bg-surface-hover active:tw-border-line-strong`,(_||y)&&!C?`[&>*]:tw-pointer-events-none tw-border-line-strong`:`tw-bg-surface-dim tw-text-secondary`]),onDragEnter:e?e=>{if(v(!0),h===`Images`)for(let t of Array.from(e.dataTransfer.items))t?.type?.startsWith(`image/`)?w(void 0):w(`Invalid`)}:void 0,onDragOver:e?e=>{e.preventDefault()}:void 0,onDragLeave:e?()=>{v(!1),w(void 0)}:void 0,onDrop:e?T:void 0,onClick:e=>{p&&!y&&D(e),m?.()},children:[l?(0,a.jsx)(n.LoadingCircle,{}):C?(0,a.jsxs)(`div`,{className:` tw-flex tw-items-center tw-justify-center tw-text-red-60 tw-font-medium`,children:[(0,a.jsx)(r.IconExclamationMarkTriangle,{size:`16`}),C]}):(0,a.jsxs)(a.Fragment,{children:[s&&(0,a.jsx)(`div`,{children:s}),(o||c)&&(0,a.jsxs)(`div`,{className:`tw-flex tw-flex-col tw-items-start`,children:[o&&(0,a.jsx)(`div`,{className:`tw-font-medium`,children:o}),c&&(0,a.jsx)(`div`,{className:`tw-font-normal`,children:c})]})]}),y&&(0,a.jsx)(`div`,{className:`tw-absolute tw-left-0 tw-top-full tw-z-20`,style:{left:y[0],top:y[1]},children:(0,a.jsxs)(n.Flyout.Root,{open:!0,onOpenChange:e=>!e&&x(void 0),children:[(0,a.jsx)(n.Flyout.Trigger,{children:(0,a.jsx)(`div`,{})}),(0,a.jsx)(n.Flyout.Content,{triggerOffset:`compact`,children:(0,a.jsxs)(n.Dropdown.Root,{open:!0,children:[(0,a.jsx)(n.Dropdown.Trigger,{children:(0,a.jsx)(`div`,{})}),(0,a.jsx)(n.Dropdown.Content,{triggerOffset:`compact`,children:ee.map(e=>(0,a.jsxs)(n.Dropdown.Item,{onSelect:e.onSelect,children:[e.icon,e.title]},e.title))})]})})]})})]})},S=e=>(e=>typeof e==`object`&&[`red`,`green`,`blue`].every(t=>e.hasOwnProperty(t)))(e)?(e=>{let t=typeof e.alpha==`number`?e.alpha:1;return{r:e.red,g:e.green,b:e.blue,a:t}})(e):e,C=e=>typeof e==`object`&&[`red`,`green`,`blue`].every(t=>e?.hasOwnProperty(t)),w=(e,t)=>{let n=C(e)?S(e):e,r=new o.TinyColor(n);return t?r.getBrightness()<t:r.isDark()||r.getAlpha()>.25&&r.getAlpha()<1},T=e=>new o.TinyColor(S(e)).toHex8String(),E=e=>new o.TinyColor(S(e)).toHexString(),D=e=>new o.TinyColor(S(e)).toRgbString(),O=(e,t)=>new o.TinyColor(t).setAlpha(e).toRgbString(),ee=e=>{let{r:t,g:n,b:r,a:i}=new o.TinyColor(e);return{red:t,green:n,blue:r,alpha:i}},k=e=>typeof e==`object`&&[`red`,`green`,`blue`].every(t=>e?.hasOwnProperty(t)),A=(e,t)=>{let n=k(e)?S(e):e,r=k(t)?S(t):t,i=new o.TinyColor(n),a=new o.TinyColor(r);for(;(0,o.readability)(i,a)<4.5;)i=i.darken(1);return i.toRgbString()},te=e=>({backgroundColor:D(e)}),ne={red:241,green:241,blue:241,alpha:1},re={red:234,green:235,blue:235,alpha:1},j=`24px`,M=`24px`,N=function(e){return e.Solid=`Solid`,e.Dashed=`Dashed`,e.Dotted=`Dotted`,e}({}),ie={Solid:`solid`,Dotted:`dotted`,Dashed:`dashed`},P=function(e){return e.None=`None`,e.Small=`Small`,e.Medium=`Medium`,e.Large=`Large`,e}({}),F={None:`0px`,Small:`2px`,Medium:`4px`,Large:`12px`},I=function(e){return e.None=`None`,e.Small=`Small`,e.Medium=`Medium`,e.Large=`Large`,e}({}),L={None:`0px`,Small:`24px`,Medium:`36px`,Large:`60px`},R=function(e){return e.None=`None`,e.Small=`Small`,e.Medium=`Medium`,e.Large=`Large`,e}({}),z={None:`0px`,Small:`24px`,Medium:`36px`,Large:`60px`},B=function(e){return e.Global=`Global`,e.Custom=`Custom`,e}({}),V=function(e){return e.Auto=`Auto`,e.S=`S`,e.M=`M`,e.L=`L`,e}({}),ae={Auto:`4px`,S:`10px`,M:`30px`,L:`50px`},oe=(e=N.Solid,t=`1px`,n=re)=>({borderStyle:ie[e],borderWidth:t,borderColor:D(n)}),se=(e,t=!1,n)=>({borderRadius:t?n:F[e]}),ce=(0,i.createContext)(!1);ce.displayName=`DragPreviewContext`;var le=({children:e,isDragPreview:t})=>(0,a.jsx)(ce.Provider,{value:t,children:e}),H=()=>(0,i.useContext)(ce),ue=(0,i.createContext)({openFlyoutIds:[],setOpenFlyoutIds:()=>console.error(`No MultiFlyoutContext Provider found`)});ue.displayName=`MultiFlyoutContext`;var de=({children:e,openFlyoutIds:t,setOpenFlyoutIds:n})=>{let r=(0,i.useMemo)(()=>({openFlyoutIds:t,setOpenFlyoutIds:n}),[t,n]);return(0,a.jsx)(ue.Provider,{value:r,children:e})},fe=()=>(0,i.useContext)(ue),pe=e=>{let{openFlyoutIds:t,setOpenFlyoutIds:n}=fe(),r=(0,i.useCallback)(t=>{n(n=>{let r=n.filter(t=>t!==e);return t?[...r,e]:r})},[e,n]);return{isOpen:t.includes(e),onOpenChange:r}},me=(e,t)=>{let{blockAssets:n,addAssetIdsToKey:r,deleteAssetIdsFromKey:i,updateAssetIdsFromKey:a}=t,o=n?.[e]||[];return{onAttachmentsAdd:async t=>{await r(e,t.map(e=>e.id))},onAttachmentDelete:async t=>{await i(e,[t.id])},onAttachmentReplace:async(t,n)=>{let r=o.map(e=>e.id===t.id?n.id:e.id);await a(e,r)},onAttachmentsSorted:async t=>{let n=t.map(e=>e.id);await a(e,n)},attachments:o}},he=(e,n)=>{let{onAttachmentsAdd:r,onAttachmentDelete:i,onAttachmentReplace:a,onAttachmentsSorted:o,attachments:s}=me(n,(0,t.useBlockAssets)(e));return{onAttachmentsAdd:r,onAttachmentDelete:i,onAttachmentReplace:a,onAttachmentsSorted:o,attachments:s,appBridge:e}},ge=(0,i.createContext)(null);ge.displayName=`AttachmentsContext`;var _e=({appBridge:e,children:t,assetId:n})=>{let r=he(e,n);return(0,a.jsx)(ge.Provider,{value:r,children:t})},ve=({blockAssetBundle:e,appBridge:t,children:n,assetId:r})=>{let i=me(r,e);return(0,a.jsx)(ge.Provider,{value:{...i,appBridge:t},children:n})},ye=()=>{let e=(0,i.useContext)(ge);if(!e)throw Error(`No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC`);return e},be=(e,t)=>{let n=n=>(0,a.jsx)(_e,{appBridge:n.appBridge,assetId:t,children:(0,a.jsx)(e,{...n})});return n.displayName=`withAttachmentsProvider`,n},xe=e=>e===`IMAGE`?(0,a.jsx)(r.IconImage,{size:`24`}):e===`VIDEO`?(0,a.jsx)(r.IconPlayFrame,{size:`24`}):e===`AUDIO`?(0,a.jsx)(r.IconMusicNote,{size:`24`}):(0,a.jsx)(r.IconDocument,{size:`24`}),Se=(0,i.forwardRef)(({item:e,isEditing:o,draggableProps:s,transformStyle:c,isDragging:l,isOverlay:u,isLoading:d,onDelete:f,onReplaceWithBrowse:p,onReplaceWithUpload:m,onDownload:h},g)=>{let[_,v]=(0,i.useState)(),[y,{selectedFiles:x}]=(0,t.useFileInput)({multiple:!0,accept:`image/*`}),[S,{results:C,doneAll:w}]=(0,t.useAssetUpload)();(0,i.useEffect)(()=>{x&&S(x[0])},[x]),(0,i.useEffect)(()=>{w&&m(C[0])},[w,C]);let T=d||x&&!w;return(0,a.jsxs)(`button`,{type:`button`,"aria-label":`Download attachment`,"data-test-id":`attachments-item`,onClick:()=>!_&&h?.(),ref:g,style:{...c,opacity:l&&!u?.3:1,fontFamily:`var(-f-theme-settings-body-font-family)`},className:b([`tw-cursor-pointer tw-text-left tw-w-full tw-relative tw-flex tw-gap-3 tw-px-5 tw-py-3 tw-items-center tw-group hover:tw-bg-surface-hover focus-visible:tw-outline focus-visible:!-tw-outline-offset-4`,l?`tw-bg-surface-hover`:``]),children:[(0,a.jsx)(`div`,{className:`tw-text-secondary group-hover:tw-text-container-secondary-on-secondary-container`,children:T?(0,a.jsx)(n.LoadingCircle,{size:`small`}):xe(e.objectType)}),(0,a.jsxs)(`div`,{className:`tw-text-small tw-flex-1 tw-min-w-0`,children:[(0,a.jsx)(`div`,{className:`tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis tw-font-bold tw-text-secondary group-hover:tw-text-container-secondary-on-secondary-container`,children:e.title}),(0,a.jsx)(`div`,{className:`tw-text-secondary`,children:`${e.fileSizeHumanReadable} - ${e.extension}`})]}),o&&(0,a.jsxs)(`div`,{"data-test-id":`attachments-actionbar`,className:b([`tw-flex tw-gap-0.5 group-hover:tw-opacity-100 group-focus-visible:tw-opacity-100 has-[:focus-visible]:tw-opacity-100`,u||_?.id===e.id?`tw-opacity-100`:`tw-opacity-0`]),children:[(0,a.jsx)(n.Button,{aspect:`square`,emphasis:`weak`,"aria-label":`Drag attachment`,className:b([l||u?`tw-cursor-grabbing`:`tw-cursor-grab`,`focus-visible:tw-z-[2]`]),...s,children:(0,a.jsx)(r.IconGrabHandle,{})}),(0,a.jsx)(`div`,{"data-test-id":`attachments-actionbar-flyout`,children:(0,a.jsxs)(n.Dropdown.Root,{open:_?.id===e.id,onOpenChange:t=>v(t?e:void 0),children:[(0,a.jsx)(n.Dropdown.Trigger,{children:(0,a.jsx)(n.Button,{aspect:`square`,emphasis:_?.id===e.id?`default`:`weak`,onPress:e=>{e?.stopPropagation(),e?.preventDefault()},children:(0,a.jsx)(r.IconPen,{size:`20`})})}),(0,a.jsxs)(n.Dropdown.Content,{side:`right`,children:[(0,a.jsxs)(n.Dropdown.Group,{children:[(0,a.jsxs)(n.Dropdown.Item,{"data-test-id":`menu-item`,onSelect:e=>{e?.stopPropagation(),y(),v(void 0)},children:[(0,a.jsx)(r.IconArrowCircleUp,{size:`20`}),`Replace with upload`]}),(0,a.jsxs)(n.Dropdown.Item,{onSelect:e=>{e?.stopPropagation(),p(),v(void 0)},children:[(0,a.jsx)(r.IconImageStack,{size:`20`}),`Replace with asset`]})]}),(0,a.jsx)(n.Dropdown.Group,{children:(0,a.jsxs)(n.Dropdown.Item,{emphasis:`danger`,onSelect:e=>{e?.stopPropagation(),f(),v(void 0)},children:[(0,a.jsx)(r.IconTrashBin,{size:`20`}),`Delete`]})})]})]})})]})]})});Se.displayName=`AttachmentItem`;var Ce=e=>{let{attributes:t,listeners:n,setNodeRef:r,transform:i,transition:o,isDragging:s}=(0,l.useSortable)({id:e.item.id}),c={transform:i?`translate(${i.x}px, ${i.y}px)`:``,transition:o,zIndex:s?2:1},u={...t,...n};return(0,a.jsx)(Se,{ref:r,isDragging:s,transformStyle:c,draggableProps:u,...e})},we=(0,i.forwardRef)(({children:e,...t},i)=>(0,a.jsxs)(n.Button,{ref:i,size:`small`,rounding:`full`,emphasis:`default`,"data-test-id":`attachments-button-trigger`,className:`tw-body-medium`,...t,"aria-haspopup":`menu`,children:[(0,a.jsx)(r.IconPaperclip,{size:`16`}),e,(0,a.jsx)(r.IconCaretDown,{size:`12`})]}));we.displayName=`AttachmentsButtonTrigger`;var Te=({items:e=[],onDelete:o,onReplaceWithBrowse:u,onReplaceWithUpload:d,onBrowse:f,onUpload:p,onSorted:m,appBridge:h,triggerComponent:g=we,isOpen:_,onOpenChange:v})=>{let[y,b]=(0,i.useState)(e),[x,S]=(0,i.useState)(!1),C=(0,s.useSensors)((0,s.useSensor)(s.PointerSensor),(0,s.useSensor)(s.KeyboardSensor)),[w,T]=(0,i.useState)(void 0),[E,D]=(0,i.useState)(!1),[O,ee]=(0,i.useState)(!1),[k,A]=(0,i.useState)([]),[te,ne]=(0,i.useState)(null),re=(0,t.useEditorState)(h),{openAssetChooser:j,closeAssetChooser:M}=(0,t.useAssetChooser)(h),N=_!==void 0,ie=N?_:x,P=y?.find(e=>e.id===w),F=e.length,I=F>0?`Open attachments, ${F} ${F===1?`attachment`:`attachments`}`:`Add attachments`,[L,{results:R,doneAll:z}]=(0,t.useAssetUpload)({onUploadProgress:()=>!E&&D(!0)}),B=e=>{(N?v:S)?.(e)};(0,i.useEffect)(()=>{b(e)},[e]),(0,i.useEffect)(()=>{te&&(D(!0),L(te))},[te]),(0,i.useEffect)(()=>{(async()=>{z&&(await p(R),D(!1))})()},[z,R]);let V=()=>{B(!1),j(async e=>{M(),B(!0),ee(!0),await f(e),ee(!1)},{multiSelection:!0,selectedValueIds:y.map(e=>e.id)})},ae=e=>{B(!1),j(async t=>{B(!0),M(),A([...k,e.id]),await u(e,t[0]),A(k.filter(t=>t!==e.id))},{multiSelection:!1,selectedValueIds:y.map(e=>e.id)})},oe=async(e,t)=>{A([...k,e.id]),await d(e,t),A(k.filter(t=>t!==e.id))};return re||(y?.length??0)>0?(0,a.jsx)(`div`,{"data-test-id":`attachments-flyout-button`,children:(0,a.jsx)(n.Flyout.Root,{open:ie,onOpenChange:e=>B(P?!0:e),children:(0,a.jsxs)(n.Tooltip.Root,{enterDelay:500,children:[(0,a.jsx)(n.Tooltip.Trigger,{asChild:!0,children:(0,a.jsx)(n.Flyout.Trigger,{asChild:!0,"data-test-id":`attachments-button-trigger`,children:(0,a.jsx)(g,{isFlyoutOpen:ie,"aria-label":I,children:(0,a.jsx)(`div`,{"aria-hidden":`true`,children:F>0?F:`Add`})})})}),(0,a.jsx)(n.Flyout.Content,{side:`bottom`,align:`end`,width:`300px`,onEscapeKeyDown:e=>{e.stopPropagation(),B(!1)},children:(0,a.jsxs)(`div`,{className:`tw-w-full`,"data-test-id":`attachments-flyout-content`,children:[y.length>0&&(0,a.jsx)(s.DndContext,{sensors:C,collisionDetection:s.closestCenter,onDragStart:e=>{let{active:t}=e;T(t.id)},onDragEnd:e=>{let{active:t,over:n}=e;if(n&&t.id!==n.id&&y){let e=y.findIndex(e=>e.id===t.id),r=y.findIndex(e=>e.id===n.id),i=(0,l.arrayMove)(y,e,r);b(i),m(i)}T(void 0)},modifiers:[c.restrictToParentElement],children:(0,a.jsx)(l.SortableContext,{items:y,strategy:l.rectSortingStrategy,children:(0,a.jsx)(`div`,{className:`tw-border-b tw-border-b-line tw-relative`,children:y.map(e=>(0,a.jsx)(Ce,{isEditing:re,isLoading:k.includes(e.id),item:e,onDelete:()=>o(e),onReplaceWithBrowse:()=>ae(e),onReplaceWithUpload:t=>oe(e,t),onDownload:()=>h.dispatch({name:`downloadAsset`,payload:e})},e.id))})})}),re&&(0,a.jsxs)(`div`,{className:`tw-px-5 tw-py-3`,"data-test-id":`asset-input-placeholder`,children:[(0,a.jsx)(`div`,{className:`tw-font-primary tw-font-medium tw-text-primary tw-text-small tw-my-4`,children:`Add attachments`}),E||O?(0,a.jsxs)(n.AssetInput.Root,{orientation:`horizontal`,children:[(0,a.jsx)(n.AssetInput.Preview,{children:(0,a.jsx)(n.AssetInput.PreviewLoading,{})}),(0,a.jsx)(n.AssetInput.Title,{children:`Asset`}),(0,a.jsx)(n.AssetInput.Metadata,{children:(0,a.jsx)(n.AssetInput.MetadataItem,{children:(0,a.jsxs)(n.Flex,{align:`center`,gap:.5,children:[O?(0,a.jsx)(r.IconImageStack,{size:16}):(0,a.jsx)(r.IconArrowCircleUp,{size:16}),O?`Loading`:`Uploading`]})})})]}):(0,a.jsxs)(n.AssetInput.Placeholder,{children:[(0,a.jsx)(n.AssetInput.UploadInput,{allowMultiple:!0,onSelect:e=>ne(e.target.files)}),(0,a.jsx)(n.AssetInput.BrowseInput,{onBrowse:V})]})]})]})}),(0,a.jsx)(n.Tooltip.Content,{side:`top`,children:`Attachments`})]})})}):null},Ee=(e,t)=>{let n=[u.FOCUS_VISIBLE_STYLE,`tw-relative tw-inline-flex tw-items-center tw-justify-center`,`tw-h-6 tw-p-1`,`tw-rounded-medium`,`tw-body-medium`,`tw-gap-0.5`,`focus-visible:tw-z-10`];return t?n.push(`tw-bg-container-secondary-active`,`tw-text-container-secondary-on-secondary-container`,e===`grab`?`tw-cursor-grabbing`:`tw-cursor-pointer`):n.push(`hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active`,`tw-text-secondary hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container`,e===`grab`?`!tw-cursor-grab active:tw-cursor-grabbing`:`tw-cursor-pointer`),b(n)},U=(0,i.forwardRef)(({onClick:e,children:t,forceActiveStyle:n,cursor:r=`pointer`,"data-test-id":i=`base-toolbar-button`,...o},s)=>(0,a.jsx)(`button`,{onClick:e,className:Ee(r,n),"data-test-id":i,...o,ref:s,children:t}));U.displayName=`BaseToolbarButton`;var De=(0,i.forwardRef)(({children:e,isFlyoutOpen:t,...n},i)=>(0,a.jsxs)(U,{forceActiveStyle:t,"data-test-id":`attachments-toolbar-button-trigger`,ref:i,...n,"aria-haspopup":`menu`,children:[(0,a.jsx)(r.IconPaperclip,{size:`16`}),e,(0,a.jsx)(r.IconCaretDown,{size:`12`})]}));De.displayName=`AttachmentsToolbarButtonTrigger`;var Oe=`attachments`,ke=({flyoutId:e=Oe})=>{let{appBridge:t,attachments:n,onAttachmentsAdd:r,onAttachmentDelete:i,onAttachmentReplace:o,onAttachmentsSorted:s}=ye(),{isOpen:c,onOpenChange:l}=pe(e),u=H();return(0,a.jsx)(Te,{onUpload:r,onDelete:i,onReplaceWithBrowse:o,onReplaceWithUpload:o,onSorted:s,onBrowse:r,items:n,appBridge:t,triggerComponent:De,isOpen:c&&!u,onOpenChange:l})},Ae=`Drag or press ↵ to move`,je=`Move with ↑↓←→ and confirm with ↵`,Me=({content:e,children:t,open:r,disabled:i})=>i?t:(0,a.jsxs)(n.Tooltip.Root,{enterDelay:300,open:r,children:[(0,a.jsx)(n.Tooltip.Trigger,{asChild:!0,children:t}),(0,a.jsx)(n.Tooltip.Content,{side:`top`,children:(0,a.jsx)(`div`,{children:e})})]}),Ne=({tooltip:e,icon:t,setActivatorNodeRef:n,draggableProps:r})=>{let i=H(),{activatorEvent:o}=(0,s.useDndContext)(),c=o instanceof KeyboardEvent;return(0,a.jsx)(Me,{...i&&{open:c},content:(0,a.jsx)(`div`,{children:i?je:e??`Drag or press ↵ to move`}),children:(0,a.jsx)(U,{ref:n,"data-test-id":`block-item-wrapper-toolbar-btn`,forceActiveStyle:i,cursor:`grab`,...r,children:t})})},Pe=({content:e,icon:t,tooltip:r,flyoutId:i,flyoutFooter:o,flyoutHeader:s})=>{let{isOpen:c,onOpenChange:l}=pe(i),u=H();return(0,a.jsx)(Me,{disabled:u||c,content:r,children:(0,a.jsx)(`div`,{className:`tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative`,children:(0,a.jsxs)(n.Flyout.Root,{open:c&&!u,onOpenChange:l,children:[(0,a.jsx)(n.Flyout.Trigger,{asChild:!0,children:(0,a.jsx)(U,{"data-test-id":`block-item-wrapper-toolbar-flyout`,forceActiveStyle:c&&!u,children:t})}),(0,a.jsxs)(n.Flyout.Content,{side:`bottom`,align:`end`,padding:`comfortable`,children:[s?(0,a.jsx)(n.Flyout.Header,{children:s}):null,(0,a.jsx)(n.Flyout.Body,{children:e}),o?(0,a.jsx)(n.Flyout.Footer,{children:o}):null]})]})})})},Fe=`menu`,Ie=({items:e,flyoutId:t=Fe,tooltip:i=`Options`})=>{let{isOpen:o,onOpenChange:s}=pe(t),c=H();return(0,a.jsx)(n.Dropdown.Root,{open:o&&!c,onOpenChange:s,children:(0,a.jsxs)(n.Tooltip.Root,{children:[(0,a.jsx)(n.Tooltip.Trigger,{asChild:!0,children:(0,a.jsx)(n.Dropdown.Trigger,{asChild:!0,children:(0,a.jsx)(U,{"data-test-id":`block-item-wrapper-toolbar-flyout`,children:(0,a.jsx)(r.IconDotsHorizontal,{size:`16`})})})}),(0,a.jsx)(n.Dropdown.Content,{children:e.map((e,t)=>(0,a.jsx)(n.Dropdown.Group,{children:e.map((e,r)=>(0,a.jsxs)(n.Dropdown.Item,{"data-test-id":`menu-item`,onSelect:()=>{s(!1),e.onClick()},emphasis:e.style||`default`,children:[(0,a.jsx)(`div`,{className:`tw-mr-2`,children:e.icon}),(0,a.jsx)(`span`,{children:e.title})]},`${t}-${r}`))},t))}),(0,a.jsx)(n.Tooltip.Content,{children:i})]})})},Le=({tooltip:e,icon:t,onClick:n})=>{let r=H();return(0,a.jsx)(Me,{disabled:r,content:e??``,children:(0,a.jsx)(U,{"data-test-id":`block-item-wrapper-toolbar-btn`,onClick:n,children:t})})},Re=({children:e})=>(0,a.jsx)(`div`,{"data-test-id":`block-item-wrapper-toolbar-segment`,className:`tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none`,children:e}),ze=({items:e,attachments:t})=>(0,a.jsxs)(`div`,{"data-test-id":`block-item-wrapper-toolbar`,className:`tw-rounded-md tw-bg-surface tw-border tw-border-line-mid tw-divide-x tw-divide-line-mid tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate`,children:[t.isEnabled&&(0,a.jsx)(Re,{children:(0,a.jsx)(ke,{})}),e.length>0&&(0,a.jsx)(Re,{children:e.map(e=>{switch(e.type){case`dragHandle`:return(0,a.jsx)(Ne,{...e},e.tooltip+e.type);case`menu`:return(0,a.jsx)(Ie,{...e},e.tooltip+e.type);case`flyout`:return(0,a.jsx)(Pe,{...e},e.tooltip+e.type);default:return(0,a.jsx)(Le,{...e},e.tooltip+e.type)}})})]}),Be=(0,i.memo)(({children:e,toolbarItems:t,shouldHideWrapper:n,shouldHideComponent:r=!1,isDragging:o=!1,shouldFillContainer:s,outlineOffset:c=0,shouldBeShown:l=!1,showAttachments:u=!1})=>{let[d,f]=(0,i.useState)(l?[Fe]:[]),p=(0,i.useRef)(null);if(n)return(0,a.jsx)(a.Fragment,{children:e});let m=t?.filter(e=>e!==void 0),h=d.length>0||l;return(0,a.jsx)(le,{isDragPreview:o,children:(0,a.jsx)(de,{openFlyoutIds:d,setOpenFlyoutIds:f,children:(0,a.jsxs)(`div`,{ref:p,"data-test-id":`block-item-wrapper`,style:{outlineOffset:c},className:b([`tw-relative tw-group`,s&&`tw-flex-1 tw-h-full tw-w-full`,`hover:tw-outline hover:tw-outline-1 hover:tw-outline-container-highlight-on-highlight-container focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-container-highlight-on-highlight-container`,h&&`tw-outline tw-outline-1 tw-outline-container-highlight-on-highlight-container`,r&&`tw-opacity-0`]),children:[(0,a.jsx)(`div`,{style:{right:-1-c,bottom:`calc(100% - ${2+c}px)`},className:b([`tw-pointer-events-none tw-absolute tw-bottom-[calc(100%-4px)] tw-right-[-3px] tw-w-full tw-opacity-0 tw-z-[60]`,`group-hover:tw-opacity-100 group-focus:tw-opacity-100 focus-within:tw-opacity-100`,`tw-flex tw-justify-end`,h&&`tw-opacity-100`]),children:(0,a.jsx)(ze,{attachments:{isEnabled:u},items:m})}),e]})})})});Be.displayName=`BlockItemWrapper`;var Ve=({ref:e,disabled:t,onChange:n})=>{(0,i.useEffect)(()=>{if(t||!e.current)return;let r=!1,i=new IntersectionObserver(([e])=>{e.isIntersecting!==r&&(r=e.isIntersecting,n(e.isIntersecting))});return i.observe(e.current),()=>{i.disconnect()}},[e,t,n])},He=(0,d.createStore)(`floatingButton`)({openEditorId:null,mouseDown:!1,updated:!1,url:``,text:``,buttonStyle:`primary`,newTab:!1,mode:``,isEditing:!1}).extendActions(e=>({reset:()=>{e.url(``),e.text(``),e.buttonStyle(`primary`),e.newTab(!1),e.mode(``),e.isEditing(!1)}})).extendActions(e=>({show:(t,n)=>{e.mode(t),e.isEditing(!1),e.openEditorId(n)},hide:()=>{e.reset(),e.openEditorId(null)}})).extendSelectors(e=>({isOpen:t=>e.openEditorId===t})),W=He.set,G=He.get,Ue=()=>He.use,We=e=>{if(!e)return!1;let t=e=>e.some(e=>e.text?e.text!==``:e.children?t(e.children):!1);try{return t(JSON.parse(e))}catch{return!1}},Ge=(e=`p`,t=``,n)=>We(t)?t:JSON.stringify([{type:e,children:[{text:t,textStyle:e}],align:n}]),Ke=(e,t,n)=>e===B.Custom?t:n,qe=(e,t)=>{let n=(0,d.getAboveNode)(e,{match:{type:d.ELEMENT_LINK}});return Array.isArray(n)?t(n[0]):``},Je=e=>qe(e,e=>e.chosenLink?.searchResult?.link||``),Ye=e=>qe(e,e=>e.url||``),Xe=e=>e.url||e.chosenLink?.searchResult?.link||``,Ze=e=>qe(e,Xe),Qe=/^\/(?!\/)\S*$/,$e=e=>{if(Qe.test(e))return e;try{return new URL(e),e}catch{return`https://${e}`}},et=e=>{if(Qe.test(e))return!0;try{let t=new URL(e);return[`http:`,`https:`,`mailto:`,`tel:`].includes(t.protocol)&&t.pathname!==``}catch{return!1}},K=e=>et($e(e))||e===``,tt=(e,{type:t})=>{let{apply:n,normalizeNode:r}=e;return e.apply=t=>{if(t.type!==`set_selection`){n(t);return}let r=t.newProperties;if(!r?.focus||!r.anchor||!(0,d.isCollapsed)(r)){n(t);return}let i=(0,d.getAboveNode)(e,{at:r,match:{type:(0,d.getPluginType)(e,Z)}});if(i){let[,n]=i,a;(0,d.isStartPoint)(e,r.focus,n)&&(a=(0,d.getPreviousNodeEndPoint)(e,n)),(0,d.isEndPoint)(e,r.focus,n)&&(a=(0,d.getNextNodeStartPoint)(e,n)),a&&(t.newProperties={anchor:a,focus:a})}n(t)},e.normalizeNode=([t,n])=>{if(t.type===(0,d.getPluginType)(e,`button`)){let t=e.selection;if(t&&(0,d.isCollapsed)(t)&&(0,d.isEndPoint)(e,t.focus,n)){let t=(0,d.getNextNodeStartPoint)(e,n);if(t)(0,d.select)(e,t);else{let t=d.Path.next(n);(0,d.insertNodes)(e,{text:``},{at:t}),(0,d.select)(e,t)}}}r([t,n])},(0,d.withRemoveEmptyNodes)(e,(0,d.mockPlugin)({options:{types:t}}))},nt=(e,t,n)=>{(0,d.insertNodes)(e,[ft(e,t)],n)},rt=e=>{if(!e.selection)return;let{isUrl:t,forceSubmit:n}=(0,d.getPluginOptions)(e,Z),r=G.url();if(!(t?.(r)||n))return;let i=G.text(),a=G.buttonStyle(),o=G.newTab()?void 0:`_self`;return W.reset(),it(e,{url:r,text:i,buttonStyle:a,target:o,isUrl:e=>n||!t?!0:t(e)}),setTimeout(()=>{(0,d.focusEditor)(e,e.selection??void 0)},0),!0},q=(e,t)=>(0,d.withoutNormalizing)(e,()=>{if(t?.split){if((0,d.getAboveNode)(e,{at:e.selection?.anchor,match:{type:(0,d.getPluginType)(e,`button`)}}))return(0,d.splitNodes)(e,{at:e.selection?.anchor,match:t=>(0,d.isElement)(t)&&t.type===(0,d.getPluginType)(e,`button`)}),q(e,{at:e.selection?.anchor}),!0;if((0,d.getAboveNode)(e,{at:e.selection?.focus,match:{type:(0,d.getPluginType)(e,`button`)}}))return(0,d.splitNodes)(e,{at:e.selection?.focus,match:t=>(0,d.isElement)(t)&&t.type===(0,d.getPluginType)(e,`button`)}),q(e,{at:e.selection?.focus}),!0}(0,d.unwrapNodes)(e,{match:{type:(0,d.getPluginType)(e,Z)},...t})}),it=(e,{url:t,text:n,buttonStyle:r,target:i,insertTextInButton:a,insertNodesOptions:o,isUrl:s=(0,d.getPluginOptions)(e,Z).isUrl})=>{let c=e.selection;if(!c)return;let l=(0,d.getAboveNode)(e,{at:c,match:{type:(0,d.getPluginType)(e,Z)}});if(a&&l)return e.insertText(t),!0;if(!s?.(t))return;if((0,d.isDefined)(n)&&n.length===0&&(n=t),l)return st(t,e,l,i,r,n),!0;let[u,f]=(0,d.findNode)(e,{at:c,match:{type:(0,d.getPluginType)(e,`button`)}})??[],p=at(e,f,n);if((0,d.isExpanded)(c))return ot(l,e,t,r,i,n),!0;p&&(0,d.removeNodes)(e,{at:f});let m=(0,d.getNodeProps)(u??{}),h=e.selection?.focus.path;if(!h)return;let g=(0,d.getNodeLeaf)(e,h);return n?.length||(n=t),nt(e,{...m,url:t,target:i,children:[{...g,text:n}]},o),!0};function at(e,t,n){return t&&n?.length&&n!==(0,d.getEditorString)(e,t)}function ot(e,t,n,r,i,a){e?q(t,{at:e[1]}):q(t,{split:!0}),lt(t,{url:n,buttonStyle:r,target:i}),ct(t,{url:n,target:i,text:a})}function st(e,t,n,r,i,a){(e!==n[0]?.url||r!==n[0]?.target||i!==n[0]?.buttonStyle)&&(0,d.setNodes)(t,{url:e,target:r,buttonStyle:i},{at:n[1]}),ct(t,{url:e,text:a,target:r})}var ct=(e,{text:t})=>{let n=(0,d.getAboveNode)(e,{match:{type:(0,d.getPluginType)(e,Z)}});if(n){let[r,i]=n;if(t?.length&&t!==(0,d.getEditorString)(e,i)){let n=r.children[0];(0,d.replaceNodeChildren)(e,{at:i,nodes:{...n,text:t},insertOptions:{select:!0}})}}},lt=(e,{url:t,buttonStyle:n,target:r,...i})=>{(0,d.wrapNodes)(e,{type:(0,d.getPluginType)(e,Z),url:t,buttonStyle:n,target:r,children:[]},{split:!0,...i})},ut=(e,t)=>{let n=(0,d.getAboveNode)(e,{match:{type:Z}});return Array.isArray(n)?t(n[0]):``},dt=e=>ut(e,e=>e.url??``),ft=(e,{url:t,text:n=``,buttonStyle:r=`primary`,target:i,children:a})=>({type:(0,d.getPluginType)(e,Z),url:t,target:i,buttonStyle:r,children:a??[{text:n}]}),pt=(e,{focused:t}={})=>{if(G.mode()===`edit`){mt(e);return}ht(e,{focused:t})},mt=e=>{let t=(0,d.findNode)(e,{match:{type:(0,d.getPluginType)(e,Z)}});if(!t)return;let[n,r]=t,i=(0,d.getEditorString)(e,r);W.url(n.url),W.newTab(n.target===void 0),i===n.url&&(i=``),W.text(i),W.isEditing(!0)},ht=(e,{focused:t}={})=>{G.mode()||t&&((0,d.isRangeAcrossBlocks)(e,{at:e.selection})||(0,d.someNode)(e,{match:{type:(0,d.getPluginType)(e,`button`)}})||(W.text((0,d.getEditorString)(e,e.selection)),W.show(`insert`,e.id)))},gt={marginTop:`10px`,marginBottom:`10px`,display:`inline-block`,overflow:`hidden`,textOverflow:`ellipsis`,maxWidth:`100%`,verticalAlign:`middle`,boxSizing:`border-box`,overflowWrap:`normal`},_t={buttonPrimary:{...gt,fontFamily:`var(--f-theme-settings-button-primary-font-family)`,fontSize:`var(--f-theme-settings-button-primary-font-size)`,fontWeight:`var(--f-theme-settings-button-primary-font-weight)`,lineHeight:`var(--f-theme-settings-button-primary-line-height)`,paddingTop:`var(--f-theme-settings-button-primary-padding-top)`,paddingRight:`var(--f-theme-settings-button-primary-padding-right)`,paddingBottom:`var(--f-theme-settings-button-primary-padding-bottom)`,paddingLeft:`var(--f-theme-settings-button-primary-padding-left)`,fontStyle:`var(--f-theme-settings-button-primary-font-style)`,textTransform:`var(--f-theme-settings-button-primary-text-transform)`,backgroundColor:`var(--f-theme-settings-button-primary-background-color)`,borderColor:`var(--f-theme-settings-button-primary-border-color)`,borderRadius:`var(--f-theme-settings-button-primary-border-radius)`,borderWidth:`var(--f-theme-settings-button-primary-border-width)`,color:`var(--f-theme-settings-button-primary-color)`,hover:{backgroundColor:`var(--f-theme-settings-button-primary-background-color-hover)`,borderColor:`var(--f-theme-settings-button-primary-border-color-hover)`,color:`var(--f-theme-settings-button-primary-color-hover)`}},buttonSecondary:{...gt,fontFamily:`var(--f-theme-settings-button-secondary-font-family)`,fontSize:`var(--f-theme-settings-button-secondary-font-size)`,fontWeight:`var(--f-theme-settings-button-secondary-font-weight)`,lineHeight:`var(--f-theme-settings-button-secondary-line-height)`,paddingTop:`var(--f-theme-settings-button-secondary-padding-top)`,paddingRight:`var(--f-theme-settings-button-secondary-padding-right)`,paddingBottom:`var(--f-theme-settings-button-secondary-padding-bottom)`,paddingLeft:`var(--f-theme-settings-button-secondary-padding-left)`,fontStyle:`var(--f-theme-settings-button-secondary-font-style)`,textTransform:`var(--f-theme-settings-button-secondary-text-transform)`,backgroundColor:`var(--f-theme-settings-button-secondary-background-color)`,borderColor:`var(--f-theme-settings-button-secondary-border-color)`,borderRadius:`var(--f-theme-settings-button-secondary-border-radius)`,borderWidth:`var(--f-theme-settings-button-secondary-border-width)`,color:`var(--f-theme-settings-button-secondary-color)`,hover:{backgroundColor:`var(--f-theme-settings-button-secondary-background-color-hover)`,borderColor:`var(--f-theme-settings-button-secondary-border-color-hover)`,color:`var(--f-theme-settings-button-secondary-color-hover)`}},buttonTertiary:{...gt,fontFamily:`var(--f-theme-settings-button-tertiary-font-family)`,fontSize:`var(--f-theme-settings-button-tertiary-font-size)`,fontWeight:`var(--f-theme-settings-button-tertiary-font-weight)`,lineHeight:`var(--f-theme-settings-button-tertiary-line-height)`,paddingTop:`var(--f-theme-settings-button-tertiary-padding-top)`,paddingRight:`var(--f-theme-settings-button-tertiary-padding-right)`,paddingBottom:`var(--f-theme-settings-button-tertiary-padding-bottom)`,paddingLeft:`var(--f-theme-settings-button-tertiary-padding-left)`,fontStyle:`var(--f-theme-settings-button-tertiary-font-style)`,textTransform:`var(--f-theme-settings-button-tertiary-text-transform)`,backgroundColor:`var(--f-theme-settings-button-tertiary-background-color)`,borderColor:`var(--f-theme-settings-button-tertiary-border-color)`,borderRadius:`var(--f-theme-settings-button-tertiary-border-radius)`,borderWidth:`var(--f-theme-settings-button-tertiary-border-width)`,color:`var(--f-theme-settings-button-tertiary-color)`,hover:{backgroundColor:`var(--f-theme-settings-button-tertiary-background-color-hover)`,borderColor:`var(--f-theme-settings-button-tertiary-border-color-hover)`,color:`var(--f-theme-settings-button-tertiary-color-hover)`}}},vt=e=>{let{attributes:t,children:n}=e,r=e.element.url||e.element.chosenLink?.searchResult?.link||``,i=e.element.target||`_self`,o=String(e.element.buttonStyle)||`primary`;return(0,a.jsx)(yt,{attributes:t,href:r,target:i,styles:_t[`button${o.charAt(0).toUpperCase()+o.slice(1)}`],children:n})},yt=({attributes:e,styles:t={hover:{}},children:n,href:r=`#`,target:o})=>{let[s,c]=(0,i.useState)(!1);return(0,a.jsx)(`a`,{...e,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),href:r,target:o,style:s?{...t,...t.hover}:t,children:n})},bt=class extends d.MarkupElement{constructor(e=Z,t=vt){super(e,t)}},xt=(0,i.forwardRef)((e,t)=>{let n=(0,d.useEditorRef)();return(0,a.jsx)(d.ToolbarButton,{ref:t,...e,onMouseDown:e=>{e.preventDefault(),(0,d.focusEditor)(n,n.selection??n.prevSelection??void 0)},onClick:()=>{pt(n,{focused:!0})},children:(0,a.jsx)(d.IconStylingWrapper,{icon:(0,a.jsx)(r.IconButton,{size:16})})})});xt.displayName=`ButtonToolbarButton`;var St=({editorId:e,id:t})=>{let n=(0,d.useEditorState)((0,d.useEventPlateId)(e)),r=!!(0,d.isRangeInSameBlock)(n,{at:n.selection}),i=(0,d.getPluginType)(n,Z),o=!!n?.selection&&(0,d.someNode)(n,{match:{type:i}});return(0,a.jsx)(`div`,{"data-plugin-id":t,children:(0,a.jsx)(xt,{pressed:o,disabled:!r,tooltip:(0,d.getTooltip)(r?`Button\n${(0,d.getHotkeyByPlatform)(`Ctrl+Shift+K`)}`:`Buttons can only be set for a single text block.`)})})},J=`link-plugin`,Y=function(e){return e.heading1=`heading1`,e.heading2=`heading2`,e.heading3=`heading3`,e.heading4=`heading4`,e.custom1=`custom1`,e.custom2=`custom2`,e.custom3=`custom3`,e.quote=`quote`,e.imageCaption=`imageCaption`,e.imageTitle=`imageTitle`,e.p=`p`,e}({}),X={heading1:{fontSize:`var(--f-theme-settings-heading1-font-size)`,lineHeight:`var(--f-theme-settings-heading1-line-height)`,marginTop:`var(--f-theme-settings-heading1-margin-top)`,marginBottom:`var(--f-theme-settings-heading1-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading1-text-decoration)`,fontStyle:`var(--f-theme-settings-heading1-font-style)`,textTransform:`var(--f-theme-settings-heading1-text-transform)`,letterSpacing:`var(--f-theme-settings-heading1-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading1-font-weight)`,fontFamily:`var(--f-theme-settings-heading1-font-family)`,color:`var(--f-theme-settings-heading1-color)`},heading2:{fontSize:`var(--f-theme-settings-heading2-font-size)`,lineHeight:`var(--f-theme-settings-heading2-line-height)`,marginTop:`var(--f-theme-settings-heading2-margin-top)`,marginBottom:`var(--f-theme-settings-heading2-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading2-text-decoration)`,fontStyle:`var(--f-theme-settings-heading2-font-style)`,textTransform:`var(--f-theme-settings-heading2-text-transform)`,letterSpacing:`var(--f-theme-settings-heading2-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading2-font-weight)`,fontFamily:`var(--f-theme-settings-heading2-font-family)`,color:`var(--f-theme-settings-heading2-color)`},heading3:{fontSize:`var(--f-theme-settings-heading3-font-size)`,lineHeight:`var(--f-theme-settings-heading3-line-height)`,marginTop:`var(--f-theme-settings-heading3-margin-top)`,marginBottom:`var(--f-theme-settings-heading3-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading3-text-decoration)`,fontStyle:`var(--f-theme-settings-heading3-font-style)`,textTransform:`var(--f-theme-settings-heading3-text-transform)`,letterSpacing:`var(--f-theme-settings-heading3-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading3-font-weight)`,fontFamily:`var(--f-theme-settings-heading3-font-family)`,color:`var(--f-theme-settings-heading3-color)`},heading4:{fontSize:`var(--f-theme-settings-heading4-font-size)`,lineHeight:`var(--f-theme-settings-heading4-line-height)`,marginTop:`var(--f-theme-settings-heading4-margin-top)`,marginBottom:`var(--f-theme-settings-heading4-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading4-text-decoration)`,fontStyle:`var(--f-theme-settings-heading4-font-style)`,textTransform:`var(--f-theme-settings-heading4-text-transform)`,letterSpacing:`var(--f-theme-settings-heading4-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading4-font-weight)`,fontFamily:`var(--f-theme-settings-heading4-font-family)`,color:`var(--f-theme-settings-heading4-color)`},custom1:{fontSize:`var(--f-theme-settings-custom1-font-size)`,lineHeight:`var(--f-theme-settings-custom1-line-height)`,marginTop:`var(--f-theme-settings-custom1-margin-top)`,marginBottom:`var(--f-theme-settings-custom1-margin-bottom)`,textDecoration:`var(--f-theme-settings-custom1-text-decoration)`,fontStyle:`var(--f-theme-settings-custom1-font-style)`,textTransform:`var(--f-theme-settings-custom1-text-transform)`,letterSpacing:`var(--f-theme-settings-custom1-letter-spacing)`,fontWeight:`var(--f-theme-settings-custom1-font-weight)`,fontFamily:`var(--f-theme-settings-custom1-font-family)`,color:`var(--f-theme-settings-custom1-color)`},custom2:{fontSize:`var(--f-theme-settings-custom2-font-size)`,lineHeight:`var(--f-theme-settings-custom2-line-height)`,marginTop:`var(--f-theme-settings-custom2-margin-top)`,marginBottom:`var(--f-theme-settings-custom2-margin-bottom)`,textDecoration:`var(--f-theme-settings-custom2-text-decoration)`,fontStyle:`var(--f-theme-settings-custom2-font-style)`,textTransform:`var(--f-theme-settings-custom2-text-transform)`,letterSpacing:`var(--f-theme-settings-custom2-letter-spacing)`,fontWeight:`var(--f-theme-settings-custom2-font-weight)`,fontFamily:`var(--f-theme-settings-custom2-font-family)`,color:`var(--f-theme-settings-custom2-color)`},custom3:{fontSize:`var(--f-theme-settings-custom3-font-size)`,lineHeight:`var(--f-theme-settings-custom3-line-height)`,marginTop:`var(--f-theme-settings-custom3-margin-top)`,marginBottom:`var(--f-theme-settings-custom3-margin-bottom)`,textDecoration:`var(--f-theme-settings-custom3-text-decoration)`,fontStyle:`var(--f-theme-settings-custom3-font-style)`,textTransform:`var(--f-theme-settings-custom3-text-transform)`,letterSpacing:`var(--f-theme-settings-custom3-letter-spacing)`,fontWeight:`var(--f-theme-settings-custom3-font-weight)`,fontFamily:`var(--f-theme-settings-custom3-font-family)`,color:`var(--f-theme-settings-custom3-color)`},p:{fontSize:`var(--f-theme-settings-body-font-size)`,lineHeight:`var(--f-theme-settings-body-line-height)`,marginTop:`var(--f-theme-settings-body-margin-top)`,marginBottom:`var(--f-theme-settings-body-margin-bottom)`,textDecoration:`var(--f-theme-settings-body-text-decoration)`,fontStyle:`var(--f-theme-settings-body-font-style)`,textTransform:`var(--f-theme-settings-body-text-transform)`,letterSpacing:`var(--f-theme-settings-body-letter-spacing)`,fontWeight:`var(--f-theme-settings-body-font-weight)`,fontFamily:`var(--f-theme-settings-body-font-family)`,color:`var(--f-theme-settings-body-color)`},quote:{fontSize:`var(--f-theme-settings-quote-font-size)`,lineHeight:`var(--f-theme-settings-quote-line-height)`,marginTop:`var(--f-theme-settings-quote-margin-top)`,marginBottom:`var(--f-theme-settings-quote-margin-bottom)`,textDecoration:`var(--f-theme-settings-quote-text-decoration)`,fontStyle:`var(--f-theme-settings-quote-font-style)`,textTransform:`var(--f-theme-settings-quote-text-transform)`,letterSpacing:`var(--f-theme-settings-quote-letter-spacing)`,fontWeight:`var(--f-theme-settings-quote-font-weight)`,fontFamily:`var(--f-theme-settings-quote-font-family)`,color:`var(--f-theme-settings-quote-color)`},imageCaption:{fontSize:`var(--f-theme-settings-image-caption-font-size)`,lineHeight:`var(--f-theme-settings-image-caption-line-height)`,marginTop:`var(--f-theme-settings-image-caption-margin-top)`,marginBottom:`var(--f-theme-settings-image-caption-margin-bottom)`,textDecoration:`var(--f-theme-settings-image-caption-text-decoration)`,fontStyle:`var(--f-theme-settings-image-caption-font-style)`,textTransform:`var(--f-theme-settings-image-caption-text-transform)`,letterSpacing:`var(--f-theme-settings-image-caption-letter-spacing)`,fontWeight:`var(--f-theme-settings-image-caption-font-weight)`,fontFamily:`var(--f-theme-settings-image-caption-font-family)`,color:`var(--f-theme-settings-image-caption-color)`},imageTitle:{fontSize:`var(--f-theme-settings-image-title-font-size)`,lineHeight:`var(--f-theme-settings-image-title-line-height)`,marginTop:`var(--f-theme-settings-image-title-margin-top)`,marginBottom:`var(--f-theme-settings-image-title-margin-bottom)`,textDecoration:`var(--f-theme-settings-image-title-text-decoration)`,fontStyle:`var(--f-theme-settings-image-title-font-style)`,textTransform:`var(--f-theme-settings-image-title-text-transform)`,letterSpacing:`var(--f-theme-settings-image-title-letter-spacing)`,fontWeight:`var(--f-theme-settings-image-title-font-weight)`,fontFamily:`var(--f-theme-settings-image-title-font-family)`,color:`var(--f-theme-settings-image-title-color)`},[J]:{fontSize:`var(--f-theme-settings-link-font-size)`,lineHeight:`var(--f-theme-settings-link-line-height)`,marginTop:`var(--f-theme-settings-link-margin-top)`,marginBottom:`var(--f-theme-settings-link-margin-bottom)`,textDecoration:`var(--f-theme-settings-link-text-decoration)`,fontStyle:`var(--f-theme-settings-link-font-style)`,textTransform:`var(--f-theme-settings-link-text-transform)`,letterSpacing:`var(--f-theme-settings-link-letter-spacing)`,fontWeight:`var(--f-theme-settings-link-font-weight)`,fontFamily:`var(--f-theme-settings-link-font-family)`,color:`var(--f-theme-settings-link-color)`},..._t},Ct=()=>{let e=(0,d.useEditorRef)();return(0,a.jsx)(d.FloatingModalWrapper,{padding:`16px`,minWidth:`400px`,"data-test-id":`floating-button-edit`,children:(0,a.jsxs)(`span`,{"data-test-id":`preview-button-flyout`,className:`tw-flex tw-justify-between tw-items-center tw-gap-2`,children:[(0,a.jsx)(`a`,{"data-test-id":`floating-button-edit-url`,href:G.url(),target:`_blank`,rel:`noopener noreferrer`,style:X[J],className:`tw-break-all`,children:G.url()}),(0,a.jsxs)(`span`,{className:`tw-flex tw-gap-2`,children:[(0,a.jsx)(`button`,{onClick:()=>{mt(e)},tabIndex:0,"data-test-id":`edit-button-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,children:(0,a.jsx)(r.IconPen,{size:16})}),(0,a.jsx)(`button`,{onClick:()=>{q(e),(0,d.focusEditor)(e,e.selection??void 0)},tabIndex:0,"data-test-id":`remove-button-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,children:(0,a.jsx)(r.IconTrashBin,{size:16})})]})]})})},wt=({onUrlChange:e,onToggleTab:i,isValidUrlOrEmpty:o,appBridge:s,placeholder:c,newTab:l,url:d=``,required:f,info:p,label:m,buttonSize:h,hideInternalLinkButton:g})=>{let _=o?o(d):K(d),{openLinkChooser:v,closeLinkChooser:y}=(0,t.useLinkChooser)(s);return(0,a.jsxs)(`div`,{"data-test-id":`link-input`,children:[(0,a.jsx)(u.FormControl,{label:{children:m,htmlFor:`url`,required:f,tooltip:p?{content:p,position:`top`}:void 0},children:(0,a.jsx)(n.TextInput,{"data-test-id":`text-input`,id:`url`,value:d,onChange:t=>e?.(t.target.value),placeholder:c??`https://example.com`})}),!_&&(0,a.jsx)(`div`,{className:`tw-text-error tw-mt-1 tw-text-small`,children:`Please enter a valid URL.`}),!g&&(0,a.jsx)(`div`,{className:`tw-mt-3`,onPointerDown:e=>{e.preventDefault()},children:(0,a.jsxs)(n.Button,{"data-test-id":`internal-link-chooser-button`,size:h??`medium`,emphasis:`default`,onPress:async()=>{await v(t=>{e?.(t),y().catch(console.error)},{selectedUrl:d})},children:[(0,a.jsx)(r.IconLink,{size:`20`}),`Internal link`]})}),(0,a.jsxs)(`div`,{className:`tw-mt-3 tw-flex tw-items-center tw-gap-1.5`,children:[(0,a.jsx)(n.Checkbox,{id:`new-tab`,value:l,onChange:()=>i?.(!l)}),(0,a.jsx)(n.Label,{id:`new-tab-label`,htmlFor:`new-tab`,className:`tw-whitespace-nowrap`,children:`Open in new tab`})]})]})},Tt=({state:e,onTextChange:t,onUrlChange:i,onToggleTab:o,onCancel:s,onSave:c,isValidUrlOrEmpty:l,hasValues:f,testId:p,appBridge:m,children:h})=>(0,a.jsxs)(d.FloatingModalWrapper,{"data-test-id":p,padding:`28px`,minWidth:`400px`,children:[(0,a.jsx)(u.FormControl,{label:{children:`Text`,htmlFor:`linkText`,required:!0},children:(0,a.jsx)(n.TextInput,{id:`linkText`,value:e.text,placeholder:`Link Text`,onChange:e=>t(e.target.value)})}),h,(0,a.jsx)(`div`,{className:`tw-mt-5`,children:(0,a.jsx)(wt,{url:e.url,newTab:e.newTab,onUrlChange:i,onToggleTab:o,isValidUrlOrEmpty:l,appBridge:m})}),(0,a.jsx)(`div`,{className:`tw-mt-3`,children:(0,a.jsxs)(`div`,{className:`tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10`,children:[(0,a.jsx)(n.Button,{"data-test-id":`button`,onPress:s,size:`medium`,emphasis:`default`,children:`Cancel`}),(0,a.jsxs)(n.Button,{"data-test-id":`button`,onPress:c,size:`medium`,disabled:!l(e?.url)||!f,children:[(0,a.jsx)(r.IconCheckMark,{size:`20`}),`Save`]})]})})]}),Et=e=>{let t=(0,d.getAboveNode)(e,{match:{type:Z}});return Array.isArray(t)&&t[0]?.buttonStyle||`primary`},Dt={url:``,text:``,buttonStyle:`primary`,newTab:!1},Ot=()=>{let[e,t]=(0,i.useReducer)((e,t)=>{let{type:n,payload:r}=t;switch(n){case`NEW_TAB`:return{...e,newTab:!0};case`SAME_TAB`:return{...e,newTab:!1};case`URL`:case`TEXT`:case`BUTTON_STYLE`:case`INIT`:return{...e,...r};default:return e}},Dt);return[e,t]},kt=()=>{let e=(0,d.useEditorRef)(),[t,n]=Ot();(0,i.useEffect)(()=>{let t=Et(e);n({type:`INIT`,payload:{text:G.text()||G.url(),buttonStyle:t,newTab:!!G.newTab(),url:G.url()}})},[n,e]);let r=e=>{n({type:`TEXT`,payload:{text:e}})},a=e=>{n({type:`BUTTON_STYLE`,payload:{buttonStyle:e}})},o=e=>{n({type:`URL`,payload:{url:e}})},s=e=>{n(e?{type:`NEW_TAB`}:{type:`SAME_TAB`})},c=()=>{W.reset()},l=n=>{if(!K(t.url)||!u)return;let r=$e(t.url);W.text(t.text),W.url(r),W.buttonStyle(t.buttonStyle),W.newTab(t.newTab),rt(e)&&n?.preventDefault()},u=t.url!==``&&t.text!==``,{appBridge:f}=(0,d.getPluginOptions)(e,Z);return(0,d.useHotkeys)(`enter`,l,{enableOnFormTags:[`INPUT`]},[]),{state:t,onTextChange:r,onButtonStyleChange:a,onUrlChange:o,onToggleTab:s,onCancel:c,onSave:l,hasValues:u,isValidUrlOrEmpty:K,appBridge:f}},At=()=>{let e=kt(),{state:t,onButtonStyleChange:n}=e;return(0,a.jsx)(Tt,{...e,testId:`floating-button-insert`,children:(0,a.jsx)(`div`,{className:`tw-pt-5`,children:(0,a.jsxs)(u.FormControl,{label:{children:`Button Style`,htmlFor:`buttonStyle`,required:!0},children:[(0,a.jsx)(jt,{id:`primary`,styles:X.buttonPrimary,isActive:t.buttonStyle===`primary`,onClick:()=>n(`primary`),children:t.text||`Primary Button`}),(0,a.jsx)(jt,{id:`secondary`,styles:X.buttonSecondary,isActive:t.buttonStyle===`secondary`,onClick:()=>n(`secondary`),children:t.text||`Secondary Button`}),(0,a.jsx)(jt,{id:`tertiary`,styles:X.buttonTertiary,isActive:t.buttonStyle===`tertiary`,onClick:()=>n(`tertiary`),children:t.text||`Tertiary Button`})]})})})},jt=({id:e,styles:t,isActive:n,onClick:r,children:o})=>{let[s,c]=(0,i.useState)(!1);return(0,a.jsx)(`button`,{"data-test-id":`floating-button-insert-${e}`,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onClick:r,style:{...t&&t.hover&&s?{...t,...t.hover}:t,marginTop:0,marginBottom:0},className:n?`tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit`:`tw-w-fit`,children:o})},Mt={placement:`bottom-start`,strategy:`absolute`,middleware:[(0,d.offset)(12),(0,d.flip)({padding:12,fallbackPlacements:[`bottom-end`,`top-start`,`top-end`]})]},Nt=()=>{let{ref:e,...t}=Bt(Mt),{ref:n,...r}=Lt(Mt),i=(0,d.useEditorRef)(),o=Ue(),s=o.isOpen(i.id),c=o.isEditing(),l=o.mode(),u=(0,a.jsx)(At,{}),p=c?u:(0,a.jsx)(Ct,{});return(0,a.jsxs)(a.Fragment,{children:[s&&l===`insert`&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:e,...t,style:{...t.style,...X[d.TextStyles.p]},children:u}),document.body),s&&l===`edit`&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:n,...r,style:{...r.style,...X[d.TextStyles.p]},children:p}),document.body)]})},Z=`button`,Pt=`button-plugin`,Ft=e=>(0,d.createPluginFactory)({key:Z,isElement:!0,isInline:!0,props:({element:e})=>({nodeProps:{href:e?.url,target:e?.target}}),withOverrides:tt,renderAfterEditable:Nt,options:{isUrl:et,rangeBeforeOptions:{matchString:` `,skipInvalid:!0,afterMatch:!0},triggerFloatingButtonHotkeys:`command+shift+k, ctrl+shift+k`,appBridge:e},then:(e,{type:t})=>({deserializeHtml:{rules:[{validNodeName:`A`,validClassName:`btn`}],getNode:e=>({type:t,url:e.getAttribute(`href`),target:e.getAttribute(`target`)||`_blank`})}})})(),It=class extends d.Plugin{styles={};appBridge;constructor({styles:e=_t,...t}){super(Pt,{button:St,markupElement:new bt,...t}),this.styles=e,this.appBridge=t?.appBridge}plugins(){return[Ft(this.appBridge)]}},Lt=e=>{let t=(0,d.useEditorRef)(),n=Ue().mode(),r=Ue().isOpen(t.id),a=(0,d.useEditorVersion)(),{triggerFloatingButtonHotkeys:o}=(0,d.getPluginOptions)(t,Z),s=(0,i.useCallback)(()=>{let e=(0,d.getAboveNode)(t,{match:{type:(0,d.getPluginType)(t,Z)}});if(e){let[,n]=e;return(0,d.getRangeBoundingClientRect)(t,{anchor:(0,d.getStartPoint)(t,n),focus:(0,d.getEndPoint)(t,n)})}return(0,d.getDefaultBoundingClientRect)()},[t]),{update:c,style:l,floating:u}=Wt({open:r&&n===`edit`,getBoundingClientRect:s,...e});return(0,i.useEffect)(()=>{let e=dt(t);if(e&&W.url(e),t.selection&&(0,d.someNode)(t,{match:{type:(0,d.getPluginType)(t,`button`)}})){W.show(`edit`,t.id),c();return}G.mode()===`edit`&&W.reset()},[t,a,c]),(0,d.useHotkeys)(o,e=>{e.preventDefault(),G.mode()===`edit`&&mt(t)},{enableOnContentEditable:!0},[]),Rt(),zt(),{style:l,ref:(0,d.useComposedRef)(u)}},Rt=()=>{let e=(0,d.useEditorRef)();(0,d.useHotkeys)(`*`,t=>{t.key===`Enter`&&rt(e)&&t.preventDefault()},{enableOnFormTags:[`INPUT`]},[])},zt=()=>{let e=(0,d.useEditorRef)();(0,d.useHotkeys)(`escape`,()=>{if(G.mode()===`edit`){if(G.isEditing()){W.show(`edit`,e.id),(0,d.focusEditor)(e,e.selection??void 0);return}W.reset()}},{enableOnFormTags:[`INPUT`],enableOnContentEditable:!0},[])},Bt=e=>{let t=(0,d.useEditorRef)(),n=(0,d.useFocused)(),r=Ue().mode(),a=Ue().isOpen(t.id),{triggerFloatingButtonHotkeys:o}=(0,d.getPluginOptions)(t,Z);(0,d.useHotkeys)(o,e=>{e.preventDefault(),ht(t,{focused:n})},{enableOnContentEditable:!0},[n]);let{update:s,style:c,floating:l}=Wt({open:a&&r===`insert`,getBoundingClientRect:d.getSelectionBoundingClientRect,whileElementsMounted:void 0,...e});return(0,i.useEffect)(()=>{a&&s(),W.updated(a)},[a,s]),zt(),{style:c,ref:(0,d.useComposedRef)(l)}},Vt=12,Ht=-22,Ut=96,Wt=e=>(0,d.useVirtualFloating)({placement:`bottom-start`,middleware:[(0,d.offset)({mainAxis:Vt,alignmentAxis:Ht}),(0,d.flip)({padding:Ut})],...e}),Gt=`[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @md:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @md:[&_.tw-break-after-column]:!tw-break-after-column @md:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column`,Kt={1:`tw-columns-1`,2:`tw-columns-1 @sm:!tw-columns-2 [&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @sm:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @sm:[&_.tw-break-after-column]:!tw-break-after-column @sm:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column`,3:`tw-columns-1 @md:!tw-columns-3 ${Gt}`,4:`tw-columns-1 @md:!tw-columns-4 ${Gt}`,5:`tw-columns-1 @md:!tw-columns-5 ${Gt}`},qt=e=>e?Kt[e]||Kt[1]:``,Jt=({value:e=``,gap:t,customClass:n,show:r=!0,plugins:o})=>{let[s,c]=(0,i.useState)(null);return(0,i.useEffect)(()=>{(async()=>{let r=await(0,d.serializeRawToHtmlAsync)(e,o,void 0,t,n);c(r)})().catch(console.error)},[e,t,o,n]),!r||s===`<br />`||s===null?null:(0,a.jsx)(`div`,{className:`tw-w-full tw-whitespace-pre-wrap`,"data-test-id":`rte-content-html`,dangerouslySetInnerHTML:{__html:s}})},Yt=e=>{G.isOpen(e)&&W.reset()},Xt=(0,i.memo)(({isEnabled:e,value:t,columns:n,gap:r,placeholder:o,plugins:s,onTextChange:c,showSerializedText:l})=>{let u=qt(n),[f,p]=(0,i.useState)(!1),m=(0,i.useId)(),h=(0,i.useCallback)(e=>{e!==t&&c?.(e),p(!1)},[c,t]),g=(0,i.useCallback)(()=>p(!0),[]);return(0,i.useEffect)(()=>{let e=e=>{e.preventDefault(),e.returnValue=`Unprocessed changes`};return f&&window.addEventListener(`beforeunload`,e),()=>window.removeEventListener(`beforeunload`,e)},[f]),e?(0,a.jsx)(d.RichTextEditor,{id:m,value:t,border:!1,placeholder:o,plugins:s,onValueChanged:g,onTextChange:h,hideExternalFloatingModals:Yt,placeholderOpacity:`high`}):(0,a.jsx)(Jt,{value:t,gap:r,customClass:u,show:l,plugins:s})});Xt.displayName=`InternalRichTextEditor`;var Zt=e=>{let t=(0,i.useRef)(null),[n,r]=(0,i.useState)(!1),{isEditing:o,...s}=e,c=(0,i.useCallback)(e=>{e&&r(!0)},[]);return Ve({ref:t,disabled:!o,onChange:c}),(0,i.useEffect)(()=>{o||r(!1)},[o]),(0,a.jsx)(`div`,{"data-test-id":`rich-text-editor-container`,className:`tw-block tw-w-full tw-@container`,ref:t,children:(0,a.jsx)(Xt,{...s,isEnabled:o&&n})})},Qt=({editButtonProps:e,unlinkButtonProps:t})=>{let{element:n}=(0,d.useLinkOpenButtonState)(),i=n?Xe(n):``;return(0,a.jsx)(d.FloatingModalWrapper,{"data-test-id":`floating-link-edit`,padding:`16px`,minWidth:`400px`,children:(0,a.jsxs)(`span`,{"data-test-id":`preview-link-flyout`,className:`tw-flex tw-justify-between tw-items-center tw-gap-2`,children:[(0,a.jsx)(`a`,{"data-test-id":`floating-link-edit-url`,href:i,target:`_blank`,rel:`noopener noreferrer`,style:X[J],className:`tw-break-all`,children:i}),(0,a.jsxs)(`span`,{className:`tw-flex tw-gap-2`,children:[(0,a.jsx)(`button`,{tabIndex:0,"data-test-id":`edit-link-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,...e,children:(0,a.jsx)(r.IconPen,{size:16})}),(0,a.jsx)(`button`,{tabIndex:0,"data-test-id":`remove-link-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,...t,children:(0,a.jsx)(r.IconTrashBin,{size:16})})]})]})})},$t=(e,t)=>{let n=(0,d.getAboveNode)(e,{match:{type:d.ELEMENT_LINK}});return Array.isArray(n)?t(n[0]):``},en=e=>$t(e,e=>e.chosenLink?.searchResult?.link||``),tn=e=>$t(e,e=>e.url||``),nn={url:``,text:``,newTab:!1},rn=()=>{let[e,t]=(0,i.useReducer)((e,t)=>{let{type:n,payload:r}=t;switch(n){case`NEW_TAB`:return{...e,newTab:!0};case`SAME_TAB`:return{...e,newTab:!1};case`URL`:case`TEXT`:case`INIT`:return{...e,...r};default:return e}},nn);return[e,t]},an=()=>{let e=(0,d.useEditorRef)(),[t,n]=rn();(0,i.useEffect)(()=>{let t=en(e),r=tn(e),i=d.floatingLinkSelectors.newTab();n({type:`INIT`,payload:{text:d.floatingLinkSelectors.text()||d.floatingLinkSelectors.url(),newTab:i,url:t&&r===``?t:d.floatingLinkSelectors.url()}})},[n,e]);let r=e=>{n({type:`TEXT`,payload:{text:e}})},a=e=>{n({type:`URL`,payload:{url:e}})},o=e=>{n(e?{type:`NEW_TAB`}:{type:`SAME_TAB`})},s=()=>{d.floatingLinkActions.reset()},c=n=>{!K(t.url)||!l||(d.floatingLinkActions.text(t.text),d.floatingLinkActions.url($e(t.url)),d.floatingLinkActions.newTab(t.newTab),(0,d.submitFloatingLink)(e)&&n?.preventDefault())},l=t.url!==``&&t.text!==``,{appBridge:u}=(0,d.getPluginOptions)(e,d.ELEMENT_LINK);return(0,d.useHotkeys)(`enter`,c,{enableOnFormTags:[`INPUT`]},[]),{state:t,onTextChange:r,onUrlChange:a,onToggleTab:o,onCancel:s,onSave:c,hasValues:l,isValidUrlOrEmpty:K,appBridge:u}},on=()=>(0,a.jsx)(Tt,{...an(),testId:`floating-link-insert`}),sn={placement:`bottom-start`,strategy:`absolute`,middleware:[(0,d.offset)(12),(0,d.flip)({padding:12,fallbackPlacements:[`bottom-end`,`top-start`,`top-end`]})]},cn=()=>{let e=(0,d.useFloatingLinkInsertState)({floatingOptions:sn}),{props:t,ref:n,hidden:r}=(0,d.useFloatingLinkInsert)(e),i=(0,d.useFloatingLinkEditState)({floatingOptions:sn}),{props:o,ref:s,editButtonProps:c,unlinkButtonProps:l}=(0,d.useFloatingLinkEdit)(i);if(r)return null;let u=(0,a.jsx)(on,{}),p=i.isEditing?u:(0,a.jsx)(Qt,{editButtonProps:c,unlinkButtonProps:l});return(0,a.jsxs)(a.Fragment,{children:[e.isOpen&&!i.isOpen&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:n,...t,style:{...t.style,...X[Y.p]},children:u}),document.body),i.isOpen&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:s,...o,style:{...o.style,...X[Y.p]},children:p}),document.body)]})},ln=(0,i.forwardRef)((e,t)=>{let n=(0,d.useEditorRef)(),i=(0,d.useLinkToolbarButtonState)(),{props:o}=(0,d.useLinkToolbarButton)(i);return(0,a.jsx)(d.ToolbarButton,{onMouseDown:e=>{e.preventDefault(),(0,d.focusEditor)(n,n.selection??n.prevSelection??void 0)},ref:t,...o,...e,children:(0,a.jsx)(d.IconStylingWrapper,{icon:(0,a.jsx)(r.IconLink,{size:16})})})});ln.displayName=`LinkToolbarButton`;var un=({id:e,editorId:t})=>{let n=(0,d.useEditorState)((0,d.useEventPlateId)(t)),r=!!(0,d.isRangeInSameBlock)(n,{at:n.selection});return(0,a.jsx)(`div`,{"data-plugin-id":e,children:(0,a.jsx)(ln,{disabled:!r,tooltip:(0,d.getTooltip)(r?`Link\n${(0,d.getHotkeyByPlatform)(`Ctrl+K`)}`:`Links can only be set for a single text block.`)})})},dn=e=>{let{attributes:t,children:n}=e,{styles:r}=(0,d.useRichTextEditorContext)(),i=e.element.url||e.element.chosenLink?.searchResult?.link||``,o=e.element.target||`_self`;return(0,a.jsx)(`a`,{...t,href:i,target:o,style:r[J],children:n})},fn=class extends d.MarkupElement{constructor(e=d.ELEMENT_LINK,t=dn){super(e,t)}},pn=e=>(0,d.createPluginFactory)({...(0,d.createLinkPlugin)(),renderAfterEditable:cn,options:{isUrl:et,rangeBeforeOptions:{matchString:` `,skipInvalid:!0,afterMatch:!0},triggerFloatingLinkHotkeys:`meta+k, ctrl+k`,keepSelectedTextOnPaste:!0,appBridge:e}})(),mn=class extends d.Plugin{styles={};appBridge;constructor({styles:e=X[J],...t}){super(J,{button:un,markupElement:new fn,...t}),this.styles=e,this.appBridge=t.appBridge}plugins(){return[pn(this.appBridge)]}},hn=`breakAfterColumn`,gn=`normal`,_n=class extends d.Plugin{columns;gap;customClass;constructor(e){super(`break-after-plugin`,{button:d.ColumnBreakButton,...e}),this.columns=e?.columns??1,this.gap=e?.gap??`normal`,this.customClass=qt(this.columns)}plugins(){return[(0,d.createColumnBreakPlugin)(this.columns,this.gap,this.customClass)]}},vn=`textstyle-custom1-plugin`,yn=class extends d.Plugin{styles={};constructor({styles:e=X.custom1,...t}={}){super(Y.custom1,{label:`Custom 1`,markupElement:new bn,...t}),this.styles=e}plugins(){return[Sn(this.styles)]}},bn=class extends d.MarkupElement{constructor(e=vn,t=xn){super(e,t)}},xn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,style:r,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),children:n})},Sn=e=>(0,d.createPluginFactory)({key:Y.custom1,isElement:!0,deserializeHtml:{rules:[{validClassName:Y.custom1}]}})({component:t=>(0,a.jsx)(xn,{...t,styles:e})}),Cn=`textstyle-custom2-plugin`,wn=class extends d.Plugin{styles={};constructor({styles:e=X.custom2,...t}={}){super(Y.custom2,{label:`Custom 2`,markupElement:new Tn,...t}),this.styles=e}plugins(){return[Dn(this.styles)]}},Tn=class extends d.MarkupElement{constructor(e=Cn,t=En){super(e,t)}},En=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Dn=e=>(0,d.createPluginFactory)({key:Y.custom2,isElement:!0,deserializeHtml:{rules:[{validClassName:Y.custom2}]}})({component:t=>(0,a.jsx)(En,{...t,styles:e})}),On=`textstyle-custom3-plugin`,kn=class extends d.Plugin{styles={};constructor({styles:e=X.custom3,...t}={}){super(d.TextStyles.custom3,{label:`Custom 3`,markupElement:new An,...t}),this.styles=e}plugins(){return[Mn(this.styles)]}},An=class extends d.MarkupElement{constructor(e=On,t=jn){super(e,t)}},jn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Mn=e=>(0,d.createPluginFactory)({key:d.TextStyles.custom3,isElement:!0,deserializeHtml:{rules:[{validClassName:d.TextStyles.custom3}]}})({component:t=>(0,a.jsx)(jn,{...t,styles:e})}),Nn=`textstyle-heading1-plugin`,Pn=class extends d.Plugin{styles={};constructor({styles:e=X.heading1,...t}={}){super(Y.heading1,{label:`Heading 1`,markupElement:new Fn,...t}),this.styles=e}plugins(){return[Ln(this.styles)]}},Fn=class extends d.MarkupElement{constructor(e=Nn,t=In){super(e,t)}},In=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h1`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Ln=e=>(0,d.createPluginFactory)({key:Y.heading1,isElement:!0,component:In,deserializeHtml:{rules:[{validNodeName:[`h1`,`H1`]}]}})({component:t=>(0,a.jsx)(In,{...t,styles:e})}),Rn=`textstyle-heading2-plugin`,zn=class extends d.Plugin{styles={};constructor({styles:e=X.heading2,...t}={}){super(Y.heading2,{label:`Heading 2`,markupElement:new Bn,...t}),this.styles=e}plugins(){return[Hn(this.styles)]}},Bn=class extends d.MarkupElement{constructor(e=Rn,t=Vn){super(e,t)}},Vn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h2`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Hn=e=>(0,d.createPluginFactory)({key:Y.heading2,isElement:!0,component:Vn,deserializeHtml:{rules:[{validNodeName:[`h2`,`H2`]}]}})({component:t=>(0,a.jsx)(Vn,{...t,styles:e})}),Un=`textstyle-heading3-plugin`,Wn=class extends d.Plugin{styles={};constructor({styles:e=X.heading3,...t}={}){super(Y.heading3,{label:`Heading 3`,markupElement:new Gn,...t}),this.styles=e}plugins(){return[qn(this.styles)]}},Gn=class extends d.MarkupElement{constructor(e=Un,t=Kn){super(e,t)}},Kn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h3`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},qn=e=>(0,d.createPluginFactory)({key:Y.heading3,isElement:!0,component:Kn,deserializeHtml:{rules:[{validNodeName:[`h3`,`H3`]}]}})({component:t=>(0,a.jsx)(Kn,{...t,styles:e})}),Jn=`textstyle-heading4-plugin`,Yn=class extends d.Plugin{styles={};constructor({styles:e=X.heading4,...t}={}){super(Y.heading4,{label:`Heading 4`,markupElement:new Xn,...t}),this.styles=e}plugins(){return[Qn(this.styles)]}},Xn=class extends d.MarkupElement{constructor(e=Jn,t=Zn){super(e,t)}},Zn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h4`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Qn=e=>(0,d.createPluginFactory)({key:Y.heading4,isElement:!0,component:Zn,deserializeHtml:{rules:[{validNodeName:[`h4`,`H4`]}]}})({component:t=>(0,a.jsx)(Zn,{...t,styles:e})}),$n=`textstyle-imageCaption-plugin`,er=class extends d.Plugin{styles={};constructor({styles:e=X.imageCaption,...t}={}){super(Y.imageCaption,{label:`Image Caption`,markupElement:new tr,...t}),this.styles=e}plugins(){return[rr(this.styles)]}},tr=class extends d.MarkupElement{constructor(e=$n,t=nr){super(e,t)}},nr=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},rr=e=>(0,d.createPluginFactory)({key:Y.imageCaption,isElement:!0,component:nr,deserializeHtml:{rules:[{validClassName:Y.imageCaption}]}})({component:t=>(0,a.jsx)(nr,{...t,styles:e})}),ir=`textstyle-imageTitle-plugin`,ar=class extends d.Plugin{styles={};constructor({styles:e=X.imageTitle,...t}={}){super(Y.imageTitle,{label:`Image Title`,markupElement:new or,...t}),this.styles=e}plugins(){return[cr(this.styles)]}},or=class extends d.MarkupElement{constructor(e=ir,t=sr){super(e,t)}},sr=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},cr=e=>(0,d.createPluginFactory)({key:Y.imageTitle,isElement:!0,component:sr,deserializeHtml:{rules:[{validClassName:Y.imageTitle}]}})({component:t=>(0,a.jsx)(sr,{...t,styles:e})}),lr=class extends d.Plugin{styles={};constructor({styles:e=X.p,...t}={}){super(Y.p,{markupElement:new fr,label:`Body Text`,...t}),this.styles=e}plugins(){return[pr(this.styles)]}},ur=`tw-m-0 tw-px-0 tw-py-0`,dr=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align,o=(0,d.merge)([i&&d.alignmentClassnames[i],ur,(0,d.getColumnBreakClasses)(e)]);return(0,a.jsx)(`p`,{...t,className:o,style:r,children:n})},fr=class extends d.MarkupElement{constructor(e=Y.p,t=dr){super(e,t)}},pr=e=>(0,d.createPluginFactory)({...(0,d.createParagraphPlugin)(),key:Y.p,isElement:!0,component:dr})({component:t=>(0,a.jsx)(dr,{...t,styles:e})}),mr=`textstyle-quote-plugin`,hr=class extends d.Plugin{styles={};constructor({styles:e=X.quote,...t}={}){super(Y.quote,{label:`Quote`,markupElement:new gr,...t}),this.styles=e}plugins(){return[vr(this.styles)]}},gr=class extends d.MarkupElement{constructor(e=mr,t=_r){super(e,t)}},_r=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`blockquote`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},vr=e=>(0,d.createPluginFactory)({key:Y.quote,isElement:!0,component:_r,deserializeHtml:{rules:[{validNodeName:[`blockquote`,`BLOCKQUOTE`]}]}})({component:t=>(0,a.jsx)(_r,{...t,styles:e})}),yr=[new Pn,new zn,new Wn,new Yn,new yn,new wn,new kn,new hr,new lr],Q=[Y.heading1,Y.heading2,Y.heading3,Y.heading4,Y.custom1,Y.custom2,Y.custom3,Y.quote,Y.p],br=[...yr,new er,new ar],xr=[...Q,Y.imageCaption,Y.imageTitle],Sr=[{color:`var(--f-theme-settings-list-bullet1-color, currentColor)`,shape:`var(--f-theme-settings-list-bullet1-shape, '•')`,size:`var(--f-theme-settings-list-bullet1-size, 1em)`},{color:`var(--f-theme-settings-list-bullet2-color, currentColor)`,shape:`var(--f-theme-settings-list-bullet2-shape, '•')`,size:`var(--f-theme-settings-list-bullet2-size, 1em)`},{color:`var(--f-theme-settings-list-bullet3-color, currentColor)`,shape:`var(--f-theme-settings-list-bullet3-shape, '•')`,size:`var(--f-theme-settings-list-bullet3-size, 1em)`}],Cr=class extends d.UnorderedListPlugin{constructor(e){super({listStyles:Sr,...e})}},wr=[{counterType:`var(--f-theme-settings-list-numbered1-counter-type, decimal)`,color:`var(--f-theme-settings-list-numbered1-color, currentColor)`},{counterType:`var(--f-theme-settings-list-numbered2-counter-type, lower-alpha)`,color:`var(--f-theme-settings-list-numbered2-color, currentColor)`},{counterType:`var(--f-theme-settings-list-numbered3-counter-type, lower-roman)`,color:`var(--f-theme-settings-list-numbered3-color, currentColor)`}],Tr=class extends d.OrderedListPlugin{constructor(e){super({listStyles:wr,...e})}},Er=e=>new d.PluginComposer().setPlugin(new d.SoftBreakPlugin,new d.TextStylePlugin({textStyles:yr})).setPlugin([new d.BoldPlugin,new d.ItalicPlugin,new d.UnderlinePlugin,new d.StrikethroughPlugin,new mn({appBridge:e}),new It({appBridge:e}),new d.CodePlugin],[new d.AlignLeftPlugin({validTypes:Q}),new d.AlignCenterPlugin({validTypes:Q}),new d.AlignRightPlugin({validTypes:Q}),new d.AlignJustifyPlugin({validTypes:Q}),new Cr,new d.CheckboxListPlugin,new Tr,new d.ResetFormattingPlugin,new d.AutoformatPlugin]),Dr=`--f-theme-settings-`,Or=e=>{let t=e?.id?`hasBackground${e.id}`:`hasBackground`,n=e?.id?`backgroundColor${e.id}`:`backgroundColor`,r=e?.preventDefaultColor?void 0:e?.defaultColor||ne;return{id:t,label:e?.label?e.label:`Background`,type:`switch`,switchLabel:e?.switchLabel?e.switchLabel:void 0,defaultValue:!!e?.defaultValue,on:[{id:n,defaultValue:r,type:`colorInput`}]}},kr=e=>{let t=e?.id?`hasBorder_${e.id}`:`hasBorder`,n=e?.id?`borderSelection_${e.id}`:`borderSelection`,r=e?.id?`borderStyle_${e.id}`:`borderStyle`,i=e?.id?`borderWidth_${e.id}`:`borderWidth`,a=e?.id?`borderColor_${e.id}`:`borderColor`,o=e?.defaultColor||re;return{id:t,label:`Border`,type:`switch`,switchLabel:e?.switchLabel?e.switchLabel:void 0,defaultValue:!!e?.defaultValue,on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Columns,lastItemFullWidth:!0,blocks:[{id:r,type:`dropdown`,defaultValue:N.Solid,choices:[{value:N.Solid,label:N.Solid},{value:N.Dotted,label:N.Dotted},{value:N.Dashed,label:N.Dashed}]},{id:i,type:`input`,defaultValue:`1px`,rules:[$.numericalOrPixelRule,(0,$.minimumNumericalOrPixelRule)(0),(0,$.maximumNumericalOrPixelOrAutoRule)(500)],placeholder:`e.g. 3px`,onChange:e=>(0,$.appendUnit)(e,i)},{id:a,type:`colorInput`,defaultValue:o}]}],off:[]}},Ar=(e,t=P.None)=>({id:e,type:`segmentedControls`,defaultValue:t,choices:[{value:P.None,label:`None`},{value:P.Small,label:`S`},{value:P.Medium,label:`M`},{value:P.Large,label:`L`}]}),jr=e=>{let t=e?.id?`hasRadius_${e.id}`:`hasRadius`,n=e?.id?`radiusValue_${e.id}`:`radiusValue`,r=e?.id?`radiusChoice_${e.id}`:`radiusChoice`,i=e?.defaultRadius||P.None;return{id:t,label:`Corner radius`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`Determining how rounded the corners are.`,show:t=>!e?.dependentSettingId||!!t.getBlock(e.dependentSettingId)?.value,onChange:t=>(0,$.presetCustomValue)(t,r,n,e?.radiusStyleMap||F),on:[{id:n,type:`input`,placeholder:`e.g. 10px`,rules:[$.numericalOrPixelRule,(0,$.minimumNumericalOrPixelRule)(0)],onChange:e=>(0,$.appendUnit)(e,n)}],off:[Ar(r,i)]}},Mr=e=>{let t=e?.id?`hasExtendedCustomRadius_${e.id}`:`hasExtendedCustomRadius`,n=e?.id?`extendedRadiusValue_${e.id}`:`extendedRadiusValue`,r=e?.id?`extendedRadiusChoice_${e.id}`:`extendedRadiusChoice`,i=e?.id?`extendedRadiusTopLeft_${e.id}`:`extendedRadiusTopLeft`,a=e?.id?`extendedRadiusTopRight_${e.id}`:`extendedRadiusTopRight`,o=e?.id?`extendedRadiusBottomLeft_${e.id}`:`extendedRadiusBottomLeft`,s=e?.id?`extendedRadiusBottomRight_${e.id}`:`extendedRadiusBottomRight`;return{id:t,label:`Corner radius`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`Determining how rounded the corners are.`,show:t=>!e?.dependentSettingId||!!t.getBlock(e.dependentSettingId)?.value,onChange:e=>{(0,$.presetCustomValue)(e,r,i,F),(0,$.presetCustomValue)(e,r,a,F),(0,$.presetCustomValue)(e,r,o,F),(0,$.presetCustomValue)(e,r,s,F)},on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Columns,blocks:[{id:i,type:`input`,label:`Top Left`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,i)},{id:a,type:`input`,label:`Top Right`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,a)},{id:o,type:`input`,label:`Bottom Left`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,o)},{id:s,type:`input`,label:`Bottom Right`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,s)}]}],off:[Ar(r,e?.defaultValue)]}},Nr=e=>{let t=e?.id?e.id:`hasCustomSpacing`,n=e?.dependentSettingId?e.dependentSettingId:`columns`,r=e?.spacingChoiceId?e.spacingChoiceId:`spacingChoice`,i=e?.spacingCustomId?e.spacingCustomId:`spacingCustom`,a=e?.defaultValueChoices?e.defaultValueChoices:V.M;return{id:t,type:`switch`,defaultValue:!1,switchLabel:`Custom`,label:`Gutter`,info:`An official nerds term for ‘gap’`,onChange:e=>(0,$.presetCustomValue)(e,r,i,ae),show:e=>e.getBlock(n)?.value!==`1`,on:[{id:i,type:`input`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,i)}],off:[{id:r,type:`slider`,defaultValue:a,choices:[{value:V.Auto,label:`Auto`},{value:V.S,label:`S`},{value:V.M,label:`M`},{value:V.L,label:`L`}]}]}},Pr=e=>({id:e,type:`segmentedControls`,defaultValue:R.None,choices:[{value:R.None,label:`None`},{value:R.Small,label:`S`},{value:R.Medium,label:`M`},{value:R.Large,label:`L`}]}),Fr=e=>{let t=e?.id?`hasCustomMarginValue_${e?.id}`:`hasCustomMarginValue`,n=e?.id?`marginValue_${e?.id}`:`marginValue`,r=e?.id?`marginChoice_${e?.id}`:`marginChoice`;return{id:t,label:`Margin`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more space`,onChange:t=>(0,$.presetCustomValue)(t,r,n,e?.marginStyleMap||z),on:[{id:n,type:`input`,placeholder:M,rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)],onChange:e=>(0,$.appendUnit)(e,n)}],off:[Pr(r)]}},Ir=e=>{let t=e?.id?`hasExtendedCustomMargin_${e?.id}`:`hasExtendedCustomMargin`,n=e?.id?`extendedMarginValues_${e?.id}`:`extendedMarginValues`,r=e?.id?`extendedMarginChoice_${e?.id}`:`extendedMarginChoice`,i=e?.id?`extendedMarginTop_${e?.id}`:`extendedMarginTop`,a=e?.id?`extendedMarginLeft_${e?.id}`:`extendedMarginLeft`,o=e?.id?`extendedMarginRight_${e?.id}`:`extendedMarginRight`,s=e?.id?`extendedMarginBottom_${e?.id}`:`extendedMarginBottom`;return{id:t,label:`Margin`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more negative space`,onChange:e=>{(0,$.presetCustomValue)(e,r,i,z),(0,$.presetCustomValue)(e,r,a,z),(0,$.presetCustomValue)(e,r,o,z),(0,$.presetCustomValue)(e,r,s,z)},on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Spider,blocks:[{id:i,type:`input`,label:`Top`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,i),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:a,type:`input`,label:`Left`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,a),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:o,type:`input`,label:`Right`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,o),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:s,type:`input`,label:`Bottom`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,s),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]}]}],off:[Pr(r)]}},Lr=e=>({id:e,type:`segmentedControls`,defaultValue:I.Small,choices:[{value:I.None,label:`None`},{value:I.Small,label:`S`},{value:I.Medium,label:`M`},{value:I.Large,label:`L`}]}),Rr=e=>{let t=e?.id?`hasCustomPaddingValue_${e?.id}`:`hasCustomPaddingValue`,n=e?.id?`paddingValue_${e?.id}`:`paddingValue`,r=e?.id?`paddingChoice_${e?.id}`:`paddingChoice`;return{id:t,label:`Padding`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more negative space`,onChange:t=>(0,$.presetCustomValue)(t,r,n,e?.paddingStyleMap||L),on:[{id:n,type:`input`,placeholder:j,rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)],onChange:e=>(0,$.appendUnit)(e,n)}],off:[Lr(r)]}},zr=e=>{let t=e?.id?`hasExtendedCustomPadding_${e?.id}`:`hasExtendedCustomPadding`,n=e?.id?`extendedPaddingValues_${e?.id}`:`extendedPaddingValues`,r=e?.id?`extendedPaddingChoice_${e?.id}`:`extendedPaddingChoice`,i=e?.id?`extendedPaddingTop_${e?.id}`:`extendedPaddingTop`,a=e?.id?`extendedPaddingLeft_${e?.id}`:`extendedPaddingLeft`,o=e?.id?`extendedPaddingRight_${e?.id}`:`extendedPaddingRight`,s=e?.id?`extendedPaddingBottom_${e?.id}`:`extendedPaddingBottom`;return{id:t,label:`Padding`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more negative space`,onChange:e=>{(0,$.presetCustomValue)(e,r,i,L),(0,$.presetCustomValue)(e,r,a,L),(0,$.presetCustomValue)(e,r,o,L),(0,$.presetCustomValue)(e,r,s,L)},on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Spider,blocks:[{id:i,type:`input`,label:`Top`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,i),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:a,type:`input`,label:`Left`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,a),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:o,type:`input`,label:`Right`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,o),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:s,type:`input`,label:`Bottom`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,s),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]}]}],off:[Lr(r)]}},Br=e=>{let t=Vr(e?.globalControlId);return{id:e?.id?e.id:`downloadable`,type:`switch`,defaultValue:!1,label:`Downloadable`,show:e=>e.getBlock(t)?.value===B.Custom}},Vr=e=>e||`security`,Hr=e=>[{id:Vr(e),type:`segmentedControls`,defaultValue:B.Global,choices:[{value:B.Global,label:`Global Settings`},{value:B.Custom,label:`Custom`}]},{id:`globalSettingsInfo`,type:`notification`,footer:(0,$.createFooter)({label:`Change global settings [here].`,replace:{here:{event:`general-settings.open`}}})}],$=_({AllTextStylePlugins:()=>br,AllTextStyles:()=>xr,AttachmentOperationsProvider:()=>ve,Attachments:()=>Te,AttachmentsProvider:()=>_e,AttachmentsToolbarButton:()=>ke,BUTTON_PLUGIN:()=>Pt,BlockButtonStyles:()=>_t,BlockInjectButton:()=>x,BlockItemWrapper:()=>Be,BlockStyles:()=>X,BorderStyle:()=>N,BreakAfterPlugin:()=>_n,ButtonPlugin:()=>It,Custom1Plugin:()=>yn,Custom2Plugin:()=>wn,Custom3Plugin:()=>kn,DEFAULT_ATTACHMENTS_BUTTON_ID:()=>Oe,DEFAULT_DRAGGING_TOOLTIP:()=>je,DEFAULT_DRAG_TOOLTIP:()=>Ae,DEFAULT_MENU_BUTTON_ID:()=>Fe,DragHandleToolbarButton:()=>Ne,DragPreviewContextProvider:()=>le,ELEMENT_BUTTON:()=>Z,FlyoutToolbarButton:()=>Pe,GAP_DEFAULT:()=>gn,GutterSpacing:()=>V,Heading1Plugin:()=>Pn,Heading2Plugin:()=>zn,Heading3Plugin:()=>Wn,Heading4Plugin:()=>Yn,ImageCaptionPlugin:()=>er,ImageTitlePlugin:()=>ar,KEY_ELEMENT_BREAK_AFTER_COLUMN:()=>hn,LinkInput:()=>wt,LinkPlugin:()=>mn,Margin:()=>R,MenuToolbarButton:()=>Ie,MultiFlyoutContextProvider:()=>de,OrderedListPlugin:()=>Tr,PARAGRAPH_CLASSES:()=>ur,Padding:()=>I,ParagraphMarkupElement:()=>fr,ParagraphMarkupElementNode:()=>dr,ParagraphPlugin:()=>lr,QuoteMarkupElementNode:()=>_r,QuotePlugin:()=>hr,Radius:()=>P,RichTextEditor:()=>Zt,Sections:()=>Ur,Security:()=>B,THEME_PREFIX:()=>Dr,TextStylePluginsWithoutImage:()=>yr,TextStyles:()=>Y,TextStylesWithoutImage:()=>Q,Toolbar:()=>ze,UnorderedListPlugin:()=>Cr,addHttps:()=>$e,borderStyleMap:()=>ie,convertToRteValue:()=>Ge,createButtonNode:()=>ft,createButtonPlugin:()=>Ft,createLinkPlugin:()=>pn,createParagraphPlugin:()=>pr,createQuotePlugin:()=>vr,defineBlock:()=>Wr,defineSettings:()=>Gr,getBackgroundColorStyles:()=>te,getBackgroundSettings:()=>Or,getBorderRadiusSettings:()=>jr,getBorderRadiusSlider:()=>Ar,getBorderSettings:()=>kr,getBorderStyles:()=>oe,getDefaultPluginsWithLinkChooser:()=>Er,getExtendedBorderRadiusSettings:()=>Mr,getGutterSettings:()=>Nr,getLegacyUrl:()=>Je,getLinkFromEditor:()=>Ze,getMarginExtendedSettings:()=>Ir,getMarginSettings:()=>Fr,getMarginSlider:()=>Pr,getPaddingExtendedSettings:()=>zr,getPaddingSettings:()=>Rr,getPaddingSlider:()=>Lr,getRadiusStyles:()=>se,getReadableColor:()=>A,getSecurityDownloadableSetting:()=>Br,getSecurityGlobalControlId:()=>Vr,getSecurityGlobalControlSetting:()=>Hr,getUrl:()=>Ye,getUrlFromEditor:()=>dt,getUrlFromLinkOrLegacyLink:()=>Xe,gutterSpacingStyleMap:()=>ae,hasRichTextValue:()=>We,insertButton:()=>nt,isDark:()=>w,isDownloadable:()=>Ke,isValidUrl:()=>et,isValidUrlOrEmpty:()=>K,joinClassNames:()=>b,marginStyleMap:()=>z,paddingStyleMap:()=>L,radiusStyleMap:()=>F,relativeUrlRegex:()=>Qe,setAlpha:()=>O,submitFloatingButton:()=>rt,toColorObject:()=>ee,toHex8String:()=>T,toHexString:()=>E,toRgbaString:()=>D,toShortRgba:()=>S,triggerFloatingButton:()=>pt,triggerFloatingButtonEdit:()=>mt,triggerFloatingButtonInsert:()=>ht,unwrapButton:()=>q,upsertButton:()=>it,upsertButtonText:()=>ct,useAttachmentOperations:()=>me,useAttachments:()=>he,useAttachmentsContext:()=>ye,useDragPreviewContext:()=>H,useMultiFlyoutContext:()=>fe,useMultiFlyoutState:()=>pe,withAttachmentsProvider:()=>be,withButton:()=>tt,wrapButton:()=>lt});y($,require("@frontify/sidebar-settings"));var Ur=function(e){return e.Main=`main`,e.Basics=`basics`,e.Layout=`layout`,e.Style=`style`,e.Security=`security`,e.Targets=`targets`,e}({}),Wr=e=>e,Gr=e=>e;e.AllTextStylePlugins=br,e.AllTextStyles=xr,e.AttachmentOperationsProvider=ve,e.Attachments=Te,e.AttachmentsProvider=_e,e.AttachmentsToolbarButton=ke,e.BUTTON_PLUGIN=Pt,e.BlockButtonStyles=_t,e.BlockInjectButton=x,e.BlockItemWrapper=Be,e.BlockStyles=X,e.BorderStyle=N,e.BreakAfterPlugin=_n,e.ButtonPlugin=It,e.Custom1Plugin=yn,e.Custom2Plugin=wn,e.Custom3Plugin=kn,e.DEFAULT_ATTACHMENTS_BUTTON_ID=Oe,e.DEFAULT_DRAGGING_TOOLTIP=je,e.DEFAULT_DRAG_TOOLTIP=Ae,e.DEFAULT_MENU_BUTTON_ID=Fe,e.DragHandleToolbarButton=Ne,e.DragPreviewContextProvider=le,e.ELEMENT_BUTTON=Z,e.FlyoutToolbarButton=Pe,e.GAP_DEFAULT=gn,e.GutterSpacing=V,e.Heading1Plugin=Pn,e.Heading2Plugin=zn,e.Heading3Plugin=Wn,e.Heading4Plugin=Yn,e.ImageCaptionPlugin=er,e.ImageTitlePlugin=ar,e.KEY_ELEMENT_BREAK_AFTER_COLUMN=hn,e.LinkInput=wt,e.LinkPlugin=mn,e.Margin=R,e.MenuToolbarButton=Ie,e.MultiFlyoutContextProvider=de,e.OrderedListPlugin=Tr,e.PARAGRAPH_CLASSES=ur,e.Padding=I,e.ParagraphMarkupElement=fr,e.ParagraphMarkupElementNode=dr,e.ParagraphPlugin=lr,e.QuoteMarkupElementNode=_r,e.QuotePlugin=hr,e.Radius=P,e.RichTextEditor=Zt,e.Sections=Ur,e.Security=B,e.THEME_PREFIX=Dr,e.TextStylePluginsWithoutImage=yr,e.TextStyles=Y,e.TextStylesWithoutImage=Q,e.Toolbar=ze,e.UnorderedListPlugin=Cr,e.addHttps=$e,e.borderStyleMap=ie,e.convertToRteValue=Ge,e.createButtonNode=ft,e.createButtonPlugin=Ft,e.createLinkPlugin=pn,e.createParagraphPlugin=pr,e.createQuotePlugin=vr,e.defineBlock=Wr,e.defineSettings=Gr,e.getBackgroundColorStyles=te,e.getBackgroundSettings=Or,e.getBorderRadiusSettings=jr,e.getBorderRadiusSlider=Ar,e.getBorderSettings=kr,e.getBorderStyles=oe,e.getDefaultPluginsWithLinkChooser=Er,e.getExtendedBorderRadiusSettings=Mr,e.getGutterSettings=Nr,e.getLegacyUrl=Je,e.getLinkFromEditor=Ze,e.getMarginExtendedSettings=Ir,e.getMarginSettings=Fr,e.getMarginSlider=Pr,e.getPaddingExtendedSettings=zr,e.getPaddingSettings=Rr,e.getPaddingSlider=Lr,e.getRadiusStyles=se,e.getReadableColor=A,e.getSecurityDownloadableSetting=Br,e.getSecurityGlobalControlId=Vr,e.getSecurityGlobalControlSetting=Hr,e.getUrl=Ye,e.getUrlFromEditor=dt,e.getUrlFromLinkOrLegacyLink=Xe,e.gutterSpacingStyleMap=ae,e.hasRichTextValue=We,e.insertButton=nt,e.isDark=w,e.isDownloadable=Ke,e.isValidUrl=et,e.isValidUrlOrEmpty=K,e.joinClassNames=b,e.marginStyleMap=z,e.paddingStyleMap=L,e.radiusStyleMap=F,e.relativeUrlRegex=Qe,e.setAlpha=O,e.submitFloatingButton=rt,e.toColorObject=ee,e.toHex8String=T,e.toHexString=E,e.toRgbaString=D,e.toShortRgba=S,e.triggerFloatingButton=pt,e.triggerFloatingButtonEdit=mt,e.triggerFloatingButtonInsert=ht,e.unwrapButton=q,e.upsertButton=it,e.upsertButtonText=ct,e.useAttachmentOperations=me,e.useAttachments=he,e.useAttachmentsContext=ye,e.useDragPreviewContext=H,e.useMultiFlyoutContext=fe,e.useMultiFlyoutState=pe,e.withAttachmentsProvider=be,e.withButton=tt,e.wrapButton=lt;var Kr=require("@frontify/sidebar-settings");Object.keys(Kr).forEach(function(t){t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return Kr[t]}})})});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@frontify/app-bridge"),require("@frontify/fondue/components"),require("@frontify/fondue/icons"),require("react"),require("react/jsx-runtime"),require("@ctrl/tinycolor"),require("@dnd-kit/core"),require("@dnd-kit/modifiers"),require("@dnd-kit/sortable"),require("@frontify/fondue"),require("@frontify/fondue/rte"),require("react-dom")):typeof define==`function`&&define.amd?define([`exports`,`@frontify/app-bridge`,`@frontify/fondue/components`,`@frontify/fondue/icons`,`react`,`react/jsx-runtime`,`@ctrl/tinycolor`,`@dnd-kit/core`,`@dnd-kit/modifiers`,`@dnd-kit/sortable`,`@frontify/fondue`,`@frontify/fondue/rte`,`react-dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GuidelineBlocksSettings={},e._frontify_app_bridge,e._frontify_fondue_components,e._frontify_fondue_icons,e.React,e.react_jsx_runtime,e._ctrl_tinycolor,e._dnd_kit_core,e._dnd_kit_modifiers,e._dnd_kit_sortable,e._frontify_fondue,e._frontify_fondue_rte,e.ReactDOM))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d,f){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.prototype.hasOwnProperty,_=(e,t)=>{let n={};for(var r in e)p(n,r,{get:e[r],enumerable:!0});return t||p(n,Symbol.toStringTag,{value:`Module`}),n},v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!g.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e},y=(e,t,n)=>(v(e,t,`default`),n&&v(n,t,`default`)),b=e=>e.filter(Boolean).join(` `),x=({onDrop:e,label:o,icon:s,secondaryLabel:c,isLoading:l,fillParentContainer:u,onAssetChooseClick:d,onUploadClick:f,withMenu:p=!0,onClick:m,validFileType:h,verticalLayout:g})=>{let[_,v]=(0,i.useState)(!1),[y,x]=(0,i.useState)(),S=(0,i.useRef)(null),[C,w]=(0,i.useState)(void 0),T=t=>{if(t.preventDefault(),v(!1),!E(t.dataTransfer.files)){w(`Invalid`),setTimeout(()=>{w(void 0)},1e3);return}e?.(t.dataTransfer.files)},E=e=>{if(!h)return!0;for(let n=0;n<e.length;n++){let r=e[n].name.split(`.`).pop()??``;if(!t.FileExtensionSets[h].includes(r))return!1}return!0},D=e=>{if(!S.current||l)return;let{clientX:t,clientY:n}=e,r=t===0&&n===0,{left:i,top:a,width:o,height:s}=S.current.getBoundingClientRect(),c=r?o/2:t-i,u=r?s/2:n-a;x([c,u])},O=(0,i.useCallback)(e=>{e(),x(void 0)},[]),ee=(0,i.useMemo)(()=>{let e=[];return f&&e.push({onSelect:()=>O(f),title:`Upload asset`,icon:(0,a.jsx)(r.IconArrowCircleUp,{size:`20`})}),d&&e.push({onSelect:()=>O(d),title:`Browse asset`,icon:(0,a.jsx)(r.IconImageStack,{size:`20`})}),e},[d,f,O]);return(0,a.jsxs)(`button`,{type:`button`,ref:S,"data-test-id":`block-inject-button`,className:b([`tw-body-medium tw-relative tw-border tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-gap-3 tw-w-full first:tw-rounded-tl last:tw-rounded-br`,g?`[&:not(:first-child)]:tw-border-t-0 first:tw-rounded-tr last:tw-rounded-bl`:`[&:not(:first-child)]:tw-border-l-0 first:tw-rounded-bl last:tw-rounded-tr`,u?`tw-h-full`:`tw-h-[72px]`,_&&!l?`tw-border-dashed`:`tw-border-solid`,y&&`tw-bg-surface-hover`,_&&`tw-bg-surface`,C?`!tw-border-red-50 !tw-cursor-not-allowed`:` tw-border-line-mid`,l||y||_||C?``:`tw-text-secondary hover:tw-text-primary hover:tw-bg-surface hover:tw-border-line-strong active:tw-text-primary active:tw-bg-surface-hover active:tw-border-line-strong`,(_||y)&&!C?`[&>*]:tw-pointer-events-none tw-border-line-strong`:`tw-bg-surface-dim tw-text-secondary`]),onDragEnter:e?e=>{if(v(!0),h===`Images`)for(let t of Array.from(e.dataTransfer.items))t?.type?.startsWith(`image/`)?w(void 0):w(`Invalid`)}:void 0,onDragOver:e?e=>{e.preventDefault()}:void 0,onDragLeave:e?()=>{v(!1),w(void 0)}:void 0,onDrop:e?T:void 0,onClick:e=>{p&&!y&&D(e),m?.()},children:[l?(0,a.jsx)(n.LoadingCircle,{}):C?(0,a.jsxs)(`div`,{className:` tw-flex tw-items-center tw-justify-center tw-text-red-60 tw-font-medium`,children:[(0,a.jsx)(r.IconExclamationMarkTriangle,{size:`16`}),C]}):(0,a.jsxs)(a.Fragment,{children:[s&&(0,a.jsx)(`div`,{children:s}),(o||c)&&(0,a.jsxs)(`div`,{className:`tw-flex tw-flex-col tw-items-start`,children:[o&&(0,a.jsx)(`div`,{className:`tw-font-medium`,children:o}),c&&(0,a.jsx)(`div`,{className:`tw-font-normal`,children:c})]})]}),y&&(0,a.jsx)(`div`,{className:`tw-absolute tw-left-0 tw-top-full tw-z-20`,style:{left:y[0],top:y[1]},children:(0,a.jsxs)(n.Flyout.Root,{open:!0,onOpenChange:e=>!e&&x(void 0),children:[(0,a.jsx)(n.Flyout.Trigger,{children:(0,a.jsx)(`div`,{})}),(0,a.jsx)(n.Flyout.Content,{triggerOffset:`compact`,children:(0,a.jsxs)(n.Dropdown.Root,{open:!0,children:[(0,a.jsx)(n.Dropdown.Trigger,{children:(0,a.jsx)(`div`,{})}),(0,a.jsx)(n.Dropdown.Content,{triggerOffset:`compact`,children:ee.map(e=>(0,a.jsxs)(n.Dropdown.Item,{onSelect:e.onSelect,children:[e.icon,e.title]},e.title))})]})})]})})]})},S=e=>(e=>typeof e==`object`&&[`red`,`green`,`blue`].every(t=>e.hasOwnProperty(t)))(e)?(e=>{let t=typeof e.alpha==`number`?e.alpha:1;return{r:e.red,g:e.green,b:e.blue,a:t}})(e):e,C=e=>typeof e==`object`&&[`red`,`green`,`blue`].every(t=>e?.hasOwnProperty(t)),w=(e,t)=>{let n=C(e)?S(e):e,r=new o.TinyColor(n);return t?r.getBrightness()<t:r.isDark()||r.getAlpha()>.25&&r.getAlpha()<1},T=e=>new o.TinyColor(S(e)).toHex8String(),E=e=>new o.TinyColor(S(e)).toHexString(),D=e=>new o.TinyColor(S(e)).toRgbString(),O=(e,t)=>new o.TinyColor(t).setAlpha(e).toRgbString(),ee=e=>{let{r:t,g:n,b:r,a:i}=new o.TinyColor(e);return{red:t,green:n,blue:r,alpha:i}},k=e=>typeof e==`object`&&[`red`,`green`,`blue`].every(t=>e?.hasOwnProperty(t)),A=(e,t)=>{let n=k(e)?S(e):e,r=k(t)?S(t):t,i=new o.TinyColor(n),a=new o.TinyColor(r);for(;(0,o.readability)(i,a)<4.5;)i=i.darken(1);return i.toRgbString()},te=e=>({backgroundColor:D(e)}),ne={red:241,green:241,blue:241,alpha:1},re={red:234,green:235,blue:235,alpha:1},j=`24px`,M=`24px`,N=function(e){return e.Solid=`Solid`,e.Dashed=`Dashed`,e.Dotted=`Dotted`,e}({}),ie={Solid:`solid`,Dotted:`dotted`,Dashed:`dashed`},P=function(e){return e.None=`None`,e.Small=`Small`,e.Medium=`Medium`,e.Large=`Large`,e}({}),F={None:`0px`,Small:`2px`,Medium:`4px`,Large:`12px`},I=function(e){return e.None=`None`,e.Small=`Small`,e.Medium=`Medium`,e.Large=`Large`,e}({}),L={None:`0px`,Small:`24px`,Medium:`36px`,Large:`60px`},R=function(e){return e.None=`None`,e.Small=`Small`,e.Medium=`Medium`,e.Large=`Large`,e}({}),z={None:`0px`,Small:`24px`,Medium:`36px`,Large:`60px`},B=function(e){return e.Global=`Global`,e.Custom=`Custom`,e}({}),V=function(e){return e.Auto=`Auto`,e.S=`S`,e.M=`M`,e.L=`L`,e}({}),ae={Auto:`4px`,S:`10px`,M:`30px`,L:`50px`},oe=(e=N.Solid,t=`1px`,n=re)=>({borderStyle:ie[e],borderWidth:t,borderColor:D(n)}),se=(e,t=!1,n)=>({borderRadius:t?n:F[e]}),ce=(0,i.createContext)(!1);ce.displayName=`DragPreviewContext`;var le=({children:e,isDragPreview:t})=>(0,a.jsx)(ce.Provider,{value:t,children:e}),H=()=>(0,i.useContext)(ce),ue=(0,i.createContext)({openFlyoutIds:[],setOpenFlyoutIds:()=>console.error(`No MultiFlyoutContext Provider found`)});ue.displayName=`MultiFlyoutContext`;var de=({children:e,openFlyoutIds:t,setOpenFlyoutIds:n})=>{let r=(0,i.useMemo)(()=>({openFlyoutIds:t,setOpenFlyoutIds:n}),[t,n]);return(0,a.jsx)(ue.Provider,{value:r,children:e})},fe=()=>(0,i.useContext)(ue),pe=e=>{let{openFlyoutIds:t,setOpenFlyoutIds:n}=fe(),r=(0,i.useCallback)(t=>{n(n=>{let r=n.filter(t=>t!==e);return t?[...r,e]:r})},[e,n]);return{isOpen:t.includes(e),onOpenChange:r}},me=(e,t)=>{let{blockAssets:n,addAssetIdsToKey:r,deleteAssetIdsFromKey:i,updateAssetIdsFromKey:a}=t,o=n?.[e]||[];return{onAttachmentsAdd:async t=>{await r(e,t.map(e=>e.id))},onAttachmentDelete:async t=>{await i(e,[t.id])},onAttachmentReplace:async(t,n)=>{let r=o.map(e=>e.id===t.id?n.id:e.id);await a(e,r)},onAttachmentsSorted:async t=>{let n=t.map(e=>e.id);await a(e,n)},attachments:o}},he=(e,n)=>{let{onAttachmentsAdd:r,onAttachmentDelete:i,onAttachmentReplace:a,onAttachmentsSorted:o,attachments:s}=me(n,(0,t.useBlockAssets)(e));return{onAttachmentsAdd:r,onAttachmentDelete:i,onAttachmentReplace:a,onAttachmentsSorted:o,attachments:s,appBridge:e}},ge=(0,i.createContext)(null);ge.displayName=`AttachmentsContext`;var _e=({appBridge:e,children:t,assetId:n})=>{let r=he(e,n);return(0,a.jsx)(ge.Provider,{value:r,children:t})},ve=({blockAssetBundle:e,appBridge:t,children:n,assetId:r})=>{let i=me(r,e);return(0,a.jsx)(ge.Provider,{value:{...i,appBridge:t},children:n})},ye=()=>{let e=(0,i.useContext)(ge);if(!e)throw Error(`No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC`);return e},be=(e,t)=>{let n=n=>(0,a.jsx)(_e,{appBridge:n.appBridge,assetId:t,children:(0,a.jsx)(e,{...n})});return n.displayName=`withAttachmentsProvider`,n},xe=e=>e===`IMAGE`?(0,a.jsx)(r.IconImage,{size:`24`}):e===`VIDEO`?(0,a.jsx)(r.IconPlayFrame,{size:`24`}):e===`AUDIO`?(0,a.jsx)(r.IconMusicNote,{size:`24`}):(0,a.jsx)(r.IconDocument,{size:`24`}),Se=(0,i.forwardRef)(({item:e,isEditing:o,draggableProps:s,transformStyle:c,isDragging:l,isOverlay:u,isLoading:d,onDelete:f,onReplaceWithBrowse:p,onReplaceWithUpload:m,onDownload:h},g)=>{let[_,v]=(0,i.useState)(),[y,{selectedFiles:x}]=(0,t.useFileInput)({multiple:!0,accept:`image/*`}),[S,{results:C,doneAll:w}]=(0,t.useAssetUpload)();(0,i.useEffect)(()=>{x&&S(x[0])},[x]),(0,i.useEffect)(()=>{w&&m(C[0])},[w,C]);let T=d||x&&!w;return(0,a.jsxs)(`button`,{type:`button`,"aria-label":`Download attachment`,"data-test-id":`attachments-item`,onClick:()=>!_&&h?.(),ref:g,style:{...c,opacity:l&&!u?.3:1,fontFamily:`var(-f-theme-settings-body-font-family)`},className:b([`tw-cursor-pointer tw-text-left tw-w-full tw-relative tw-flex tw-gap-3 tw-px-5 tw-py-3 tw-items-center tw-group hover:tw-bg-surface-hover focus-visible:tw-outline focus-visible:!-tw-outline-offset-4`,l?`tw-bg-surface-hover`:``]),children:[(0,a.jsx)(`div`,{className:`tw-text-secondary group-hover:tw-text-container-secondary-on-secondary-container`,children:T?(0,a.jsx)(n.LoadingCircle,{size:`small`}):xe(e.objectType)}),(0,a.jsxs)(`div`,{className:`tw-text-small tw-flex-1 tw-min-w-0`,children:[(0,a.jsx)(`div`,{className:`tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis tw-font-bold tw-text-secondary group-hover:tw-text-container-secondary-on-secondary-container`,children:e.title}),(0,a.jsx)(`div`,{className:`tw-text-secondary`,children:`${e.fileSizeHumanReadable} - ${e.extension}`})]}),o&&(0,a.jsxs)(`div`,{"data-test-id":`attachments-actionbar`,className:b([`tw-flex tw-gap-0.5 group-hover:tw-opacity-100 group-focus-visible:tw-opacity-100 has-[:focus-visible]:tw-opacity-100`,u||_?.id===e.id?`tw-opacity-100`:`tw-opacity-0`]),children:[(0,a.jsx)(n.Button,{aspect:`square`,emphasis:`weak`,"aria-label":`Drag attachment`,className:b([l||u?`tw-cursor-grabbing`:`tw-cursor-grab`,`focus-visible:tw-z-[2]`]),...s,children:(0,a.jsx)(r.IconGrabHandle,{})}),(0,a.jsx)(`div`,{"data-test-id":`attachments-actionbar-flyout`,children:(0,a.jsxs)(n.Dropdown.Root,{open:_?.id===e.id,onOpenChange:t=>v(t?e:void 0),children:[(0,a.jsx)(n.Dropdown.Trigger,{children:(0,a.jsx)(n.Button,{aspect:`square`,emphasis:_?.id===e.id?`default`:`weak`,onPress:e=>{e?.stopPropagation(),e?.preventDefault()},children:(0,a.jsx)(r.IconPen,{size:`20`})})}),(0,a.jsxs)(n.Dropdown.Content,{side:`right`,children:[(0,a.jsxs)(n.Dropdown.Group,{children:[(0,a.jsxs)(n.Dropdown.Item,{"data-test-id":`menu-item`,onSelect:e=>{e?.stopPropagation(),y(),v(void 0)},children:[(0,a.jsx)(r.IconArrowCircleUp,{size:`20`}),`Replace with upload`]}),(0,a.jsxs)(n.Dropdown.Item,{onSelect:e=>{e?.stopPropagation(),p(),v(void 0)},children:[(0,a.jsx)(r.IconImageStack,{size:`20`}),`Replace with asset`]})]}),(0,a.jsx)(n.Dropdown.Group,{children:(0,a.jsxs)(n.Dropdown.Item,{emphasis:`danger`,onSelect:e=>{e?.stopPropagation(),f(),v(void 0)},children:[(0,a.jsx)(r.IconTrashBin,{size:`20`}),`Delete`]})})]})]})})]})]})});Se.displayName=`AttachmentItem`;var Ce=e=>{let{attributes:t,listeners:n,setNodeRef:r,transform:i,transition:o,isDragging:s}=(0,l.useSortable)({id:e.item.id}),c={transform:i?`translate(${i.x}px, ${i.y}px)`:``,transition:o,zIndex:s?2:1},u={...t,...n};return(0,a.jsx)(Se,{ref:r,isDragging:s,transformStyle:c,draggableProps:u,...e})},we=(0,i.forwardRef)(({children:e,...t},i)=>(0,a.jsxs)(n.Button,{ref:i,size:`small`,rounding:`full`,emphasis:`default`,"data-test-id":`attachments-button-trigger`,className:`tw-body-medium`,...t,"aria-haspopup":`menu`,children:[(0,a.jsx)(r.IconPaperclip,{size:`16`}),e,(0,a.jsx)(r.IconCaretDown,{size:`12`})]}));we.displayName=`AttachmentsButtonTrigger`;var Te=({items:e=[],onDelete:o,onReplaceWithBrowse:u,onReplaceWithUpload:d,onBrowse:f,onUpload:p,onSorted:m,appBridge:h,triggerComponent:g=we,isOpen:_,onOpenChange:v})=>{let[y,b]=(0,i.useState)(e),[x,S]=(0,i.useState)(!1),C=(0,s.useSensors)((0,s.useSensor)(s.PointerSensor),(0,s.useSensor)(s.KeyboardSensor)),[w,T]=(0,i.useState)(void 0),[E,D]=(0,i.useState)(!1),[O,ee]=(0,i.useState)(!1),[k,A]=(0,i.useState)([]),[te,ne]=(0,i.useState)(null),re=(0,t.useEditorState)(h),{openAssetChooser:j,closeAssetChooser:M}=(0,t.useAssetChooser)(h),N=_!==void 0,ie=N?_:x,P=y?.find(e=>e.id===w),F=e.length,I=F>0?`Open attachments, ${F} ${F===1?`attachment`:`attachments`}`:`Add attachments`,[L,{results:R,doneAll:z}]=(0,t.useAssetUpload)({onUploadProgress:()=>!E&&D(!0)}),B=e=>{(N?v:S)?.(e)};(0,i.useEffect)(()=>{b(e)},[e]),(0,i.useEffect)(()=>{te&&(D(!0),L(te))},[te]),(0,i.useEffect)(()=>{(async()=>{z&&(await p(R),D(!1))})()},[z,R]);let V=()=>{B(!1),j(async e=>{M(),B(!0),ee(!0),await f(e),ee(!1)},{multiSelection:!0,selectedValueIds:y.map(e=>e.id)})},ae=e=>{B(!1),j(async t=>{B(!0),M(),A([...k,e.id]),await u(e,t[0]),A(k.filter(t=>t!==e.id))},{multiSelection:!1,selectedValueIds:y.map(e=>e.id)})},oe=async(e,t)=>{A([...k,e.id]),await d(e,t),A(k.filter(t=>t!==e.id))};return re||(y?.length??0)>0?(0,a.jsx)(`div`,{"data-test-id":`attachments-flyout-button`,children:(0,a.jsx)(n.Flyout.Root,{open:ie,onOpenChange:e=>B(P?!0:e),children:(0,a.jsxs)(n.Tooltip.Root,{enterDelay:500,children:[(0,a.jsx)(n.Tooltip.Trigger,{asChild:!0,children:(0,a.jsx)(n.Flyout.Trigger,{asChild:!0,"data-test-id":`attachments-button-trigger`,children:(0,a.jsx)(g,{isFlyoutOpen:ie,"aria-label":I,children:(0,a.jsx)(`div`,{"aria-hidden":`true`,children:F>0?F:`Add`})})})}),(0,a.jsx)(n.Flyout.Content,{side:`bottom`,align:`end`,width:`300px`,onEscapeKeyDown:e=>{e.stopPropagation(),B(!1)},children:(0,a.jsxs)(`div`,{className:`tw-w-full`,"data-test-id":`attachments-flyout-content`,children:[y.length>0&&(0,a.jsx)(s.DndContext,{sensors:C,collisionDetection:s.closestCenter,onDragStart:e=>{let{active:t}=e;T(t.id)},onDragEnd:e=>{let{active:t,over:n}=e;if(n&&t.id!==n.id&&y){let e=y.findIndex(e=>e.id===t.id),r=y.findIndex(e=>e.id===n.id),i=(0,l.arrayMove)(y,e,r);b(i),m(i)}T(void 0)},modifiers:[c.restrictToParentElement],children:(0,a.jsx)(l.SortableContext,{items:y,strategy:l.rectSortingStrategy,children:(0,a.jsx)(`div`,{className:`tw-border-b tw-border-b-line tw-relative`,children:y.map(e=>(0,a.jsx)(Ce,{isEditing:re,isLoading:k.includes(e.id),item:e,onDelete:()=>o(e),onReplaceWithBrowse:()=>ae(e),onReplaceWithUpload:t=>oe(e,t),onDownload:()=>h.dispatch({name:`downloadAsset`,payload:e})},e.id))})})}),re&&(0,a.jsxs)(`div`,{className:`tw-px-5 tw-py-3`,"data-test-id":`asset-input-placeholder`,children:[(0,a.jsx)(`div`,{className:`tw-font-primary tw-font-medium tw-text-primary tw-text-small tw-my-4`,children:`Add attachments`}),E||O?(0,a.jsxs)(n.AssetInput.Root,{orientation:`horizontal`,children:[(0,a.jsx)(n.AssetInput.Preview,{children:(0,a.jsx)(n.AssetInput.PreviewLoading,{})}),(0,a.jsx)(n.AssetInput.Title,{children:`Asset`}),(0,a.jsx)(n.AssetInput.Metadata,{children:(0,a.jsx)(n.AssetInput.MetadataItem,{children:(0,a.jsxs)(n.Flex,{align:`center`,gap:.5,children:[O?(0,a.jsx)(r.IconImageStack,{size:16}):(0,a.jsx)(r.IconArrowCircleUp,{size:16}),O?`Loading`:`Uploading`]})})})]}):(0,a.jsxs)(n.AssetInput.Placeholder,{children:[(0,a.jsx)(n.AssetInput.UploadInput,{allowMultiple:!0,onSelect:e=>ne(e.target.files)}),(0,a.jsx)(n.AssetInput.BrowseInput,{onBrowse:V})]})]})]})}),(0,a.jsx)(n.Tooltip.Content,{side:`top`,children:`Attachments`})]})})}):null},Ee=(e,t)=>{let n=[u.FOCUS_VISIBLE_STYLE,`tw-relative tw-inline-flex tw-items-center tw-justify-center`,`tw-h-6 tw-p-1`,`tw-rounded-medium`,`tw-body-medium`,`tw-gap-0.5`,`focus-visible:tw-z-10`];return t?n.push(`tw-bg-container-secondary-active`,`tw-text-container-secondary-on-secondary-container`,e===`grab`?`tw-cursor-grabbing`:`tw-cursor-pointer`):n.push(`hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active`,`tw-text-secondary hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container`,e===`grab`?`!tw-cursor-grab active:tw-cursor-grabbing`:`tw-cursor-pointer`),b(n)},U=(0,i.forwardRef)(({onClick:e,children:t,forceActiveStyle:n,cursor:r=`pointer`,"data-test-id":i=`base-toolbar-button`,...o},s)=>(0,a.jsx)(`button`,{onClick:e,className:Ee(r,n),"data-test-id":i,...o,ref:s,children:t}));U.displayName=`BaseToolbarButton`;var De=(0,i.forwardRef)(({children:e,isFlyoutOpen:t,...n},i)=>(0,a.jsxs)(U,{forceActiveStyle:t,"data-test-id":`attachments-toolbar-button-trigger`,ref:i,...n,"aria-haspopup":`menu`,children:[(0,a.jsx)(r.IconPaperclip,{size:`16`}),e,(0,a.jsx)(r.IconCaretDown,{size:`12`})]}));De.displayName=`AttachmentsToolbarButtonTrigger`;var Oe=`attachments`,ke=({flyoutId:e=Oe})=>{let{appBridge:t,attachments:n,onAttachmentsAdd:r,onAttachmentDelete:i,onAttachmentReplace:o,onAttachmentsSorted:s}=ye(),{isOpen:c,onOpenChange:l}=pe(e),u=H();return(0,a.jsx)(Te,{onUpload:r,onDelete:i,onReplaceWithBrowse:o,onReplaceWithUpload:o,onSorted:s,onBrowse:r,items:n,appBridge:t,triggerComponent:De,isOpen:c&&!u,onOpenChange:l})},Ae=`Drag or press ↵ to move`,je=`Move with ↑↓←→ and confirm with ↵`,Me=({content:e,children:t,open:r,disabled:i})=>i?t:(0,a.jsxs)(n.Tooltip.Root,{enterDelay:300,open:r,children:[(0,a.jsx)(n.Tooltip.Trigger,{asChild:!0,children:t}),(0,a.jsx)(n.Tooltip.Content,{side:`top`,children:(0,a.jsx)(`div`,{children:e})})]}),Ne=({tooltip:e,icon:t,setActivatorNodeRef:n,draggableProps:r})=>{let i=H(),{activatorEvent:o}=(0,s.useDndContext)(),c=o instanceof KeyboardEvent;return(0,a.jsx)(Me,{...i&&{open:c},content:(0,a.jsx)(`div`,{children:i?je:e??`Drag or press ↵ to move`}),children:(0,a.jsx)(U,{ref:n,"data-test-id":`block-item-wrapper-toolbar-btn`,forceActiveStyle:i,cursor:`grab`,...r,children:t})})},Pe=({content:e,icon:t,tooltip:r,flyoutId:i,flyoutFooter:o,flyoutHeader:s})=>{let{isOpen:c,onOpenChange:l}=pe(i),u=H();return(0,a.jsx)(Me,{disabled:u||c,content:r,children:(0,a.jsx)(`div`,{className:`tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative`,children:(0,a.jsxs)(n.Flyout.Root,{open:c&&!u,onOpenChange:l,children:[(0,a.jsx)(n.Flyout.Trigger,{asChild:!0,children:(0,a.jsx)(U,{"data-test-id":`block-item-wrapper-toolbar-flyout`,forceActiveStyle:c&&!u,children:t})}),(0,a.jsxs)(n.Flyout.Content,{side:`bottom`,align:`end`,padding:`comfortable`,children:[s?(0,a.jsx)(n.Flyout.Header,{children:s}):null,(0,a.jsx)(n.Flyout.Body,{children:e}),o?(0,a.jsx)(n.Flyout.Footer,{children:o}):null]})]})})})},Fe=`menu`,Ie=({items:e,flyoutId:t=Fe,tooltip:i=`Options`})=>{let{isOpen:o,onOpenChange:s}=pe(t),c=H();return(0,a.jsx)(n.Dropdown.Root,{open:o&&!c,onOpenChange:s,children:(0,a.jsxs)(n.Tooltip.Root,{children:[(0,a.jsx)(n.Tooltip.Trigger,{asChild:!0,children:(0,a.jsx)(n.Dropdown.Trigger,{asChild:!0,children:(0,a.jsx)(U,{"data-test-id":`block-item-wrapper-toolbar-flyout`,children:(0,a.jsx)(r.IconDotsHorizontal,{size:`16`})})})}),(0,a.jsx)(n.Dropdown.Content,{children:e.map((e,t)=>(0,a.jsx)(n.Dropdown.Group,{children:e.map((e,r)=>(0,a.jsxs)(n.Dropdown.Item,{"data-test-id":`menu-item`,onSelect:()=>{s(!1),e.onClick()},emphasis:e.style||`default`,children:[(0,a.jsx)(`div`,{className:`tw-mr-2`,children:e.icon}),(0,a.jsx)(`span`,{children:e.title})]},`${t}-${r}`))},t))}),(0,a.jsx)(n.Tooltip.Content,{children:i})]})})},Le=({tooltip:e,icon:t,onClick:n})=>{let r=H();return(0,a.jsx)(Me,{disabled:r,content:e??``,children:(0,a.jsx)(U,{"data-test-id":`block-item-wrapper-toolbar-btn`,onClick:n,children:t})})},Re=({children:e})=>(0,a.jsx)(`div`,{"data-test-id":`block-item-wrapper-toolbar-segment`,className:`tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none`,children:e}),ze=({items:e,attachments:t})=>(0,a.jsxs)(`div`,{"data-test-id":`block-item-wrapper-toolbar`,className:`tw-rounded-md tw-bg-surface tw-border tw-border-line-mid tw-divide-x tw-divide-line-mid tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate`,children:[t.isEnabled&&(0,a.jsx)(Re,{children:(0,a.jsx)(ke,{})}),e.length>0&&(0,a.jsx)(Re,{children:e.map(e=>{switch(e.type){case`dragHandle`:return(0,a.jsx)(Ne,{...e},e.tooltip+e.type);case`menu`:return(0,a.jsx)(Ie,{...e},e.tooltip+e.type);case`flyout`:return(0,a.jsx)(Pe,{...e},e.tooltip+e.type);default:return(0,a.jsx)(Le,{...e},e.tooltip+e.type)}})})]}),Be=(0,i.memo)(({children:e,toolbarItems:t,shouldHideWrapper:n,shouldHideComponent:r=!1,isDragging:o=!1,shouldFillContainer:s,outlineOffset:c=0,shouldBeShown:l=!1,showAttachments:u=!1})=>{let[d,f]=(0,i.useState)(l?[Fe]:[]),p=(0,i.useRef)(null);if(n)return(0,a.jsx)(a.Fragment,{children:e});let m=t?.filter(e=>e!==void 0),h=d.length>0||l;return(0,a.jsx)(le,{isDragPreview:o,children:(0,a.jsx)(de,{openFlyoutIds:d,setOpenFlyoutIds:f,children:(0,a.jsxs)(`div`,{ref:p,"data-test-id":`block-item-wrapper`,style:{outlineOffset:c},className:b([`tw-relative tw-group`,s&&`tw-flex-1 tw-h-full tw-w-full`,`hover:tw-outline hover:tw-outline-1 hover:tw-outline-container-highlight-on-highlight-container focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-container-highlight-on-highlight-container`,h&&`tw-outline tw-outline-1 tw-outline-container-highlight-on-highlight-container`,r&&`tw-opacity-0`]),children:[(0,a.jsx)(`div`,{style:{right:-1-c,bottom:`calc(100% - ${2+c}px)`},className:b([`tw-pointer-events-none tw-absolute tw-bottom-[calc(100%-4px)] tw-right-[-3px] tw-w-full tw-opacity-0 tw-z-[60]`,`group-hover:tw-opacity-100 group-focus:tw-opacity-100 focus-within:tw-opacity-100`,`tw-flex tw-justify-end`,h&&`tw-opacity-100`]),children:(0,a.jsx)(ze,{attachments:{isEnabled:u},items:m})}),e]})})})});Be.displayName=`BlockItemWrapper`;var Ve=({ref:e,disabled:t,onChange:n})=>{(0,i.useEffect)(()=>{if(t||!e.current)return;let r=!1,i=new IntersectionObserver(([e])=>{e.isIntersecting!==r&&(r=e.isIntersecting,n(e.isIntersecting))});return i.observe(e.current),()=>{i.disconnect()}},[e,t,n])},He=(0,d.createStore)(`floatingButton`)({openEditorId:null,mouseDown:!1,updated:!1,url:``,text:``,buttonStyle:`primary`,newTab:!1,mode:``,isEditing:!1}).extendActions(e=>({reset:()=>{e.url(``),e.text(``),e.buttonStyle(`primary`),e.newTab(!1),e.mode(``),e.isEditing(!1)}})).extendActions(e=>({show:(t,n)=>{e.mode(t),e.isEditing(!1),e.openEditorId(n)},hide:()=>{e.reset(),e.openEditorId(null)}})).extendSelectors(e=>({isOpen:t=>e.openEditorId===t})),W=He.set,G=He.get,Ue=()=>He.use,We=e=>{if(!e)return!1;let t=e=>e.some(e=>e.text?e.text!==``:e.children?t(e.children):!1);try{return t(JSON.parse(e))}catch{return!1}},Ge=(e=`p`,t=``,n)=>We(t)?t:JSON.stringify([{type:e,children:[{text:t,textStyle:e}],align:n}]),Ke=(e,t,n)=>e===B.Custom?t:n,qe=(e,t)=>{let n=(0,d.getAboveNode)(e,{match:{type:d.ELEMENT_LINK}});return Array.isArray(n)?t(n[0]):``},Je=e=>qe(e,e=>e.chosenLink?.searchResult?.link||``),Ye=e=>qe(e,e=>e.url||``),Xe=e=>e.url||e.chosenLink?.searchResult?.link||``,Ze=e=>qe(e,Xe),Qe=/^\/(?!\/)\S*$/,$e=e=>{if(Qe.test(e))return e;try{return new URL(e),e}catch{return`https://${e}`}},et=e=>{if(Qe.test(e))return!0;try{let t=new URL(e);return[`http:`,`https:`,`mailto:`,`tel:`].includes(t.protocol)&&t.pathname!==``}catch{return!1}},K=e=>et($e(e))||e===``,tt=(e,{type:t})=>{let{apply:n,normalizeNode:r}=e;return e.apply=t=>{if(t.type!==`set_selection`){n(t);return}let r=t.newProperties;if(!r?.focus||!r.anchor||!(0,d.isCollapsed)(r)){n(t);return}let i=(0,d.getAboveNode)(e,{at:r,match:{type:(0,d.getPluginType)(e,Z)}});if(i){let[,n]=i,a;(0,d.isStartPoint)(e,r.focus,n)&&(a=(0,d.getPreviousNodeEndPoint)(e,n)),(0,d.isEndPoint)(e,r.focus,n)&&(a=(0,d.getNextNodeStartPoint)(e,n)),a&&(t.newProperties={anchor:a,focus:a})}n(t)},e.normalizeNode=([t,n])=>{if(t.type===(0,d.getPluginType)(e,`button`)){let t=e.selection;if(t&&(0,d.isCollapsed)(t)&&(0,d.isEndPoint)(e,t.focus,n)){let t=(0,d.getNextNodeStartPoint)(e,n);if(t)(0,d.select)(e,t);else{let t=d.Path.next(n);(0,d.insertNodes)(e,{text:``},{at:t}),(0,d.select)(e,t)}}}r([t,n])},(0,d.withRemoveEmptyNodes)(e,(0,d.mockPlugin)({options:{types:t}}))},nt=(e,t,n)=>{(0,d.insertNodes)(e,[ft(e,t)],n)},rt=e=>{if(!e.selection)return;let{isUrl:t,forceSubmit:n}=(0,d.getPluginOptions)(e,Z),r=G.url();if(!(t?.(r)||n))return;let i=G.text(),a=G.buttonStyle(),o=G.newTab()?void 0:`_self`;return W.reset(),it(e,{url:r,text:i,buttonStyle:a,target:o,isUrl:e=>n||!t?!0:t(e)}),setTimeout(()=>{(0,d.focusEditor)(e,e.selection??void 0)},0),!0},q=(e,t)=>(0,d.withoutNormalizing)(e,()=>{if(t?.split){if((0,d.getAboveNode)(e,{at:e.selection?.anchor,match:{type:(0,d.getPluginType)(e,`button`)}}))return(0,d.splitNodes)(e,{at:e.selection?.anchor,match:t=>(0,d.isElement)(t)&&t.type===(0,d.getPluginType)(e,`button`)}),q(e,{at:e.selection?.anchor}),!0;if((0,d.getAboveNode)(e,{at:e.selection?.focus,match:{type:(0,d.getPluginType)(e,`button`)}}))return(0,d.splitNodes)(e,{at:e.selection?.focus,match:t=>(0,d.isElement)(t)&&t.type===(0,d.getPluginType)(e,`button`)}),q(e,{at:e.selection?.focus}),!0}(0,d.unwrapNodes)(e,{match:{type:(0,d.getPluginType)(e,Z)},...t})}),it=(e,{url:t,text:n,buttonStyle:r,target:i,insertTextInButton:a,insertNodesOptions:o,isUrl:s=(0,d.getPluginOptions)(e,Z).isUrl})=>{let c=e.selection;if(!c)return;let l=(0,d.getAboveNode)(e,{at:c,match:{type:(0,d.getPluginType)(e,Z)}});if(a&&l)return e.insertText(t),!0;if(!s?.(t))return;if((0,d.isDefined)(n)&&n.length===0&&(n=t),l)return st(t,e,l,i,r,n),!0;let[u,f]=(0,d.findNode)(e,{at:c,match:{type:(0,d.getPluginType)(e,`button`)}})??[],p=at(e,f,n);if((0,d.isExpanded)(c))return ot(l,e,t,r,i,n),!0;p&&(0,d.removeNodes)(e,{at:f});let m=(0,d.getNodeProps)(u??{}),h=e.selection?.focus.path;if(!h)return;let g=(0,d.getNodeLeaf)(e,h);return n?.length||(n=t),nt(e,{...m,url:t,target:i,children:[{...g,text:n}]},o),!0};function at(e,t,n){return t&&n?.length&&n!==(0,d.getEditorString)(e,t)}function ot(e,t,n,r,i,a){e?q(t,{at:e[1]}):q(t,{split:!0}),lt(t,{url:n,buttonStyle:r,target:i}),ct(t,{url:n,target:i,text:a})}function st(e,t,n,r,i,a){(e!==n[0]?.url||r!==n[0]?.target||i!==n[0]?.buttonStyle)&&(0,d.setNodes)(t,{url:e,target:r,buttonStyle:i},{at:n[1]}),ct(t,{url:e,text:a,target:r})}var ct=(e,{text:t})=>{let n=(0,d.getAboveNode)(e,{match:{type:(0,d.getPluginType)(e,Z)}});if(n){let[r,i]=n;if(t?.length&&t!==(0,d.getEditorString)(e,i)){let n=r.children[0];(0,d.replaceNodeChildren)(e,{at:i,nodes:{...n,text:t},insertOptions:{select:!0}})}}},lt=(e,{url:t,buttonStyle:n,target:r,...i})=>{(0,d.wrapNodes)(e,{type:(0,d.getPluginType)(e,Z),url:t,buttonStyle:n,target:r,children:[]},{split:!0,...i})},ut=(e,t)=>{let n=(0,d.getAboveNode)(e,{match:{type:Z}});return Array.isArray(n)?t(n[0]):``},dt=e=>ut(e,e=>e.url??``),ft=(e,{url:t,text:n=``,buttonStyle:r=`primary`,target:i,children:a})=>({type:(0,d.getPluginType)(e,Z),url:t,target:i,buttonStyle:r,children:a??[{text:n}]}),pt=(e,{focused:t}={})=>{if(G.mode()===`edit`){mt(e);return}ht(e,{focused:t})},mt=e=>{let t=(0,d.findNode)(e,{match:{type:(0,d.getPluginType)(e,Z)}});if(!t)return;let[n,r]=t,i=(0,d.getEditorString)(e,r);W.url(n.url),W.newTab(n.target===void 0),i===n.url&&(i=``),W.text(i),W.isEditing(!0)},ht=(e,{focused:t}={})=>{G.mode()||t&&((0,d.isRangeAcrossBlocks)(e,{at:e.selection})||(0,d.someNode)(e,{match:{type:(0,d.getPluginType)(e,`button`)}})||(W.text((0,d.getEditorString)(e,e.selection)),W.show(`insert`,e.id)))},gt={marginTop:`10px`,marginBottom:`10px`,display:`inline-block`,overflow:`hidden`,textOverflow:`ellipsis`,maxWidth:`100%`,verticalAlign:`middle`,boxSizing:`border-box`,overflowWrap:`normal`},_t={buttonPrimary:{...gt,fontFamily:`var(--f-theme-settings-button-primary-font-family)`,fontSize:`var(--f-theme-settings-button-primary-font-size)`,fontWeight:`var(--f-theme-settings-button-primary-font-weight)`,lineHeight:`var(--f-theme-settings-button-primary-line-height)`,paddingTop:`var(--f-theme-settings-button-primary-padding-top)`,paddingRight:`var(--f-theme-settings-button-primary-padding-right)`,paddingBottom:`var(--f-theme-settings-button-primary-padding-bottom)`,paddingLeft:`var(--f-theme-settings-button-primary-padding-left)`,fontStyle:`var(--f-theme-settings-button-primary-font-style)`,textTransform:`var(--f-theme-settings-button-primary-text-transform)`,backgroundColor:`var(--f-theme-settings-button-primary-background-color)`,borderColor:`var(--f-theme-settings-button-primary-border-color)`,borderRadius:`var(--f-theme-settings-button-primary-border-radius)`,borderWidth:`var(--f-theme-settings-button-primary-border-width)`,color:`var(--f-theme-settings-button-primary-color)`,hover:{backgroundColor:`var(--f-theme-settings-button-primary-background-color-hover)`,borderColor:`var(--f-theme-settings-button-primary-border-color-hover)`,color:`var(--f-theme-settings-button-primary-color-hover)`}},buttonSecondary:{...gt,fontFamily:`var(--f-theme-settings-button-secondary-font-family)`,fontSize:`var(--f-theme-settings-button-secondary-font-size)`,fontWeight:`var(--f-theme-settings-button-secondary-font-weight)`,lineHeight:`var(--f-theme-settings-button-secondary-line-height)`,paddingTop:`var(--f-theme-settings-button-secondary-padding-top)`,paddingRight:`var(--f-theme-settings-button-secondary-padding-right)`,paddingBottom:`var(--f-theme-settings-button-secondary-padding-bottom)`,paddingLeft:`var(--f-theme-settings-button-secondary-padding-left)`,fontStyle:`var(--f-theme-settings-button-secondary-font-style)`,textTransform:`var(--f-theme-settings-button-secondary-text-transform)`,backgroundColor:`var(--f-theme-settings-button-secondary-background-color)`,borderColor:`var(--f-theme-settings-button-secondary-border-color)`,borderRadius:`var(--f-theme-settings-button-secondary-border-radius)`,borderWidth:`var(--f-theme-settings-button-secondary-border-width)`,color:`var(--f-theme-settings-button-secondary-color)`,hover:{backgroundColor:`var(--f-theme-settings-button-secondary-background-color-hover)`,borderColor:`var(--f-theme-settings-button-secondary-border-color-hover)`,color:`var(--f-theme-settings-button-secondary-color-hover)`}},buttonTertiary:{...gt,fontFamily:`var(--f-theme-settings-button-tertiary-font-family)`,fontSize:`var(--f-theme-settings-button-tertiary-font-size)`,fontWeight:`var(--f-theme-settings-button-tertiary-font-weight)`,lineHeight:`var(--f-theme-settings-button-tertiary-line-height)`,paddingTop:`var(--f-theme-settings-button-tertiary-padding-top)`,paddingRight:`var(--f-theme-settings-button-tertiary-padding-right)`,paddingBottom:`var(--f-theme-settings-button-tertiary-padding-bottom)`,paddingLeft:`var(--f-theme-settings-button-tertiary-padding-left)`,fontStyle:`var(--f-theme-settings-button-tertiary-font-style)`,textTransform:`var(--f-theme-settings-button-tertiary-text-transform)`,backgroundColor:`var(--f-theme-settings-button-tertiary-background-color)`,borderColor:`var(--f-theme-settings-button-tertiary-border-color)`,borderRadius:`var(--f-theme-settings-button-tertiary-border-radius)`,borderWidth:`var(--f-theme-settings-button-tertiary-border-width)`,color:`var(--f-theme-settings-button-tertiary-color)`,hover:{backgroundColor:`var(--f-theme-settings-button-tertiary-background-color-hover)`,borderColor:`var(--f-theme-settings-button-tertiary-border-color-hover)`,color:`var(--f-theme-settings-button-tertiary-color-hover)`}}},vt=e=>{let{attributes:t,children:n}=e,r=e.element.url||e.element.chosenLink?.searchResult?.link||``,i=e.element.target||`_self`,o=String(e.element.buttonStyle)||`primary`;return(0,a.jsx)(yt,{attributes:t,href:r,target:i,styles:_t[`button${o.charAt(0).toUpperCase()+o.slice(1)}`],children:n})},yt=({attributes:e,styles:t={hover:{}},children:n,href:r=`#`,target:o})=>{let[s,c]=(0,i.useState)(!1);return(0,a.jsx)(`a`,{...e,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),href:r,target:o,style:s?{...t,...t.hover}:t,children:n})},bt=class extends d.MarkupElement{constructor(e=Z,t=vt){super(e,t)}},xt=(0,i.forwardRef)((e,t)=>{let n=(0,d.useEditorRef)();return(0,a.jsx)(d.ToolbarButton,{ref:t,...e,onMouseDown:e=>{e.preventDefault(),(0,d.focusEditor)(n,n.selection??n.prevSelection??void 0)},onClick:()=>{pt(n,{focused:!0})},children:(0,a.jsx)(d.IconStylingWrapper,{icon:(0,a.jsx)(r.IconButton,{size:16})})})});xt.displayName=`ButtonToolbarButton`;var St=({editorId:e,id:t})=>{let n=(0,d.useEditorState)((0,d.useEventPlateId)(e)),r=!!(0,d.isRangeInSameBlock)(n,{at:n.selection}),i=(0,d.getPluginType)(n,Z),o=!!n?.selection&&(0,d.someNode)(n,{match:{type:i}});return(0,a.jsx)(`div`,{"data-plugin-id":t,children:(0,a.jsx)(xt,{pressed:o,disabled:!r,tooltip:(0,d.getTooltip)(r?`Button\n${(0,d.getHotkeyByPlatform)(`Ctrl+Shift+K`)}`:`Buttons can only be set for a single text block.`)})})},J=`link-plugin`,Y=function(e){return e.heading1=`heading1`,e.heading2=`heading2`,e.heading3=`heading3`,e.heading4=`heading4`,e.custom1=`custom1`,e.custom2=`custom2`,e.custom3=`custom3`,e.quote=`quote`,e.imageCaption=`imageCaption`,e.imageTitle=`imageTitle`,e.p=`p`,e}({}),X={heading1:{fontSize:`var(--f-theme-settings-heading1-font-size)`,lineHeight:`var(--f-theme-settings-heading1-line-height)`,marginTop:`var(--f-theme-settings-heading1-margin-top)`,marginBottom:`var(--f-theme-settings-heading1-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading1-text-decoration)`,fontStyle:`var(--f-theme-settings-heading1-font-style)`,textTransform:`var(--f-theme-settings-heading1-text-transform)`,letterSpacing:`var(--f-theme-settings-heading1-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading1-font-weight)`,fontFamily:`var(--f-theme-settings-heading1-font-family)`,color:`var(--f-theme-settings-heading1-color)`},heading2:{fontSize:`var(--f-theme-settings-heading2-font-size)`,lineHeight:`var(--f-theme-settings-heading2-line-height)`,marginTop:`var(--f-theme-settings-heading2-margin-top)`,marginBottom:`var(--f-theme-settings-heading2-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading2-text-decoration)`,fontStyle:`var(--f-theme-settings-heading2-font-style)`,textTransform:`var(--f-theme-settings-heading2-text-transform)`,letterSpacing:`var(--f-theme-settings-heading2-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading2-font-weight)`,fontFamily:`var(--f-theme-settings-heading2-font-family)`,color:`var(--f-theme-settings-heading2-color)`},heading3:{fontSize:`var(--f-theme-settings-heading3-font-size)`,lineHeight:`var(--f-theme-settings-heading3-line-height)`,marginTop:`var(--f-theme-settings-heading3-margin-top)`,marginBottom:`var(--f-theme-settings-heading3-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading3-text-decoration)`,fontStyle:`var(--f-theme-settings-heading3-font-style)`,textTransform:`var(--f-theme-settings-heading3-text-transform)`,letterSpacing:`var(--f-theme-settings-heading3-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading3-font-weight)`,fontFamily:`var(--f-theme-settings-heading3-font-family)`,color:`var(--f-theme-settings-heading3-color)`},heading4:{fontSize:`var(--f-theme-settings-heading4-font-size)`,lineHeight:`var(--f-theme-settings-heading4-line-height)`,marginTop:`var(--f-theme-settings-heading4-margin-top)`,marginBottom:`var(--f-theme-settings-heading4-margin-bottom)`,textDecoration:`var(--f-theme-settings-heading4-text-decoration)`,fontStyle:`var(--f-theme-settings-heading4-font-style)`,textTransform:`var(--f-theme-settings-heading4-text-transform)`,letterSpacing:`var(--f-theme-settings-heading4-letter-spacing)`,fontWeight:`var(--f-theme-settings-heading4-font-weight)`,fontFamily:`var(--f-theme-settings-heading4-font-family)`,color:`var(--f-theme-settings-heading4-color)`},custom1:{fontSize:`var(--f-theme-settings-custom1-font-size)`,lineHeight:`var(--f-theme-settings-custom1-line-height)`,marginTop:`var(--f-theme-settings-custom1-margin-top)`,marginBottom:`var(--f-theme-settings-custom1-margin-bottom)`,textDecoration:`var(--f-theme-settings-custom1-text-decoration)`,fontStyle:`var(--f-theme-settings-custom1-font-style)`,textTransform:`var(--f-theme-settings-custom1-text-transform)`,letterSpacing:`var(--f-theme-settings-custom1-letter-spacing)`,fontWeight:`var(--f-theme-settings-custom1-font-weight)`,fontFamily:`var(--f-theme-settings-custom1-font-family)`,color:`var(--f-theme-settings-custom1-color)`},custom2:{fontSize:`var(--f-theme-settings-custom2-font-size)`,lineHeight:`var(--f-theme-settings-custom2-line-height)`,marginTop:`var(--f-theme-settings-custom2-margin-top)`,marginBottom:`var(--f-theme-settings-custom2-margin-bottom)`,textDecoration:`var(--f-theme-settings-custom2-text-decoration)`,fontStyle:`var(--f-theme-settings-custom2-font-style)`,textTransform:`var(--f-theme-settings-custom2-text-transform)`,letterSpacing:`var(--f-theme-settings-custom2-letter-spacing)`,fontWeight:`var(--f-theme-settings-custom2-font-weight)`,fontFamily:`var(--f-theme-settings-custom2-font-family)`,color:`var(--f-theme-settings-custom2-color)`},custom3:{fontSize:`var(--f-theme-settings-custom3-font-size)`,lineHeight:`var(--f-theme-settings-custom3-line-height)`,marginTop:`var(--f-theme-settings-custom3-margin-top)`,marginBottom:`var(--f-theme-settings-custom3-margin-bottom)`,textDecoration:`var(--f-theme-settings-custom3-text-decoration)`,fontStyle:`var(--f-theme-settings-custom3-font-style)`,textTransform:`var(--f-theme-settings-custom3-text-transform)`,letterSpacing:`var(--f-theme-settings-custom3-letter-spacing)`,fontWeight:`var(--f-theme-settings-custom3-font-weight)`,fontFamily:`var(--f-theme-settings-custom3-font-family)`,color:`var(--f-theme-settings-custom3-color)`},p:{fontSize:`var(--f-theme-settings-body-font-size)`,lineHeight:`var(--f-theme-settings-body-line-height)`,marginTop:`var(--f-theme-settings-body-margin-top)`,marginBottom:`var(--f-theme-settings-body-margin-bottom)`,textDecoration:`var(--f-theme-settings-body-text-decoration)`,fontStyle:`var(--f-theme-settings-body-font-style)`,textTransform:`var(--f-theme-settings-body-text-transform)`,letterSpacing:`var(--f-theme-settings-body-letter-spacing)`,fontWeight:`var(--f-theme-settings-body-font-weight)`,fontFamily:`var(--f-theme-settings-body-font-family)`,color:`var(--f-theme-settings-body-color)`},quote:{fontSize:`var(--f-theme-settings-quote-font-size)`,lineHeight:`var(--f-theme-settings-quote-line-height)`,marginTop:`var(--f-theme-settings-quote-margin-top)`,marginBottom:`var(--f-theme-settings-quote-margin-bottom)`,textDecoration:`var(--f-theme-settings-quote-text-decoration)`,fontStyle:`var(--f-theme-settings-quote-font-style)`,textTransform:`var(--f-theme-settings-quote-text-transform)`,letterSpacing:`var(--f-theme-settings-quote-letter-spacing)`,fontWeight:`var(--f-theme-settings-quote-font-weight)`,fontFamily:`var(--f-theme-settings-quote-font-family)`,color:`var(--f-theme-settings-quote-color)`},imageCaption:{fontSize:`var(--f-theme-settings-image-caption-font-size)`,lineHeight:`var(--f-theme-settings-image-caption-line-height)`,marginTop:`var(--f-theme-settings-image-caption-margin-top)`,marginBottom:`var(--f-theme-settings-image-caption-margin-bottom)`,textDecoration:`var(--f-theme-settings-image-caption-text-decoration)`,fontStyle:`var(--f-theme-settings-image-caption-font-style)`,textTransform:`var(--f-theme-settings-image-caption-text-transform)`,letterSpacing:`var(--f-theme-settings-image-caption-letter-spacing)`,fontWeight:`var(--f-theme-settings-image-caption-font-weight)`,fontFamily:`var(--f-theme-settings-image-caption-font-family)`,color:`var(--f-theme-settings-image-caption-color)`},imageTitle:{fontSize:`var(--f-theme-settings-image-title-font-size)`,lineHeight:`var(--f-theme-settings-image-title-line-height)`,marginTop:`var(--f-theme-settings-image-title-margin-top)`,marginBottom:`var(--f-theme-settings-image-title-margin-bottom)`,textDecoration:`var(--f-theme-settings-image-title-text-decoration)`,fontStyle:`var(--f-theme-settings-image-title-font-style)`,textTransform:`var(--f-theme-settings-image-title-text-transform)`,letterSpacing:`var(--f-theme-settings-image-title-letter-spacing)`,fontWeight:`var(--f-theme-settings-image-title-font-weight)`,fontFamily:`var(--f-theme-settings-image-title-font-family)`,color:`var(--f-theme-settings-image-title-color)`},[J]:{fontSize:`var(--f-theme-settings-link-font-size)`,lineHeight:`var(--f-theme-settings-link-line-height)`,marginTop:`var(--f-theme-settings-link-margin-top)`,marginBottom:`var(--f-theme-settings-link-margin-bottom)`,textDecoration:`var(--f-theme-settings-link-text-decoration)`,fontStyle:`var(--f-theme-settings-link-font-style)`,textTransform:`var(--f-theme-settings-link-text-transform)`,letterSpacing:`var(--f-theme-settings-link-letter-spacing)`,fontWeight:`var(--f-theme-settings-link-font-weight)`,fontFamily:`var(--f-theme-settings-link-font-family)`,color:`var(--f-theme-settings-link-color)`},..._t},Ct=()=>{let e=(0,d.useEditorRef)();return(0,a.jsx)(d.FloatingModalWrapper,{padding:`16px`,minWidth:`400px`,"data-test-id":`floating-button-edit`,children:(0,a.jsxs)(`span`,{"data-test-id":`preview-button-flyout`,className:`tw-flex tw-justify-between tw-items-center tw-gap-2`,children:[(0,a.jsx)(`a`,{"data-test-id":`floating-button-edit-url`,href:G.url(),target:`_blank`,rel:`noopener noreferrer`,style:X[J],className:`tw-break-all`,children:G.url()}),(0,a.jsxs)(`span`,{className:`tw-flex tw-gap-2`,children:[(0,a.jsx)(`button`,{onClick:()=>{mt(e)},tabIndex:0,"data-test-id":`edit-button-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,children:(0,a.jsx)(r.IconPen,{size:16})}),(0,a.jsx)(`button`,{onClick:()=>{q(e),(0,d.focusEditor)(e,e.selection??void 0)},tabIndex:0,"data-test-id":`remove-button-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,children:(0,a.jsx)(r.IconTrashBin,{size:16})})]})]})})},wt=({onUrlChange:e,onToggleTab:i,isValidUrlOrEmpty:o,appBridge:s,placeholder:c,newTab:l,url:d=``,required:f,info:p,label:m,buttonSize:h,hideInternalLinkButton:g})=>{let _=o?o(d):K(d),{openLinkChooser:v,closeLinkChooser:y}=(0,t.useLinkChooser)(s);return(0,a.jsxs)(`div`,{"data-test-id":`link-input`,children:[(0,a.jsx)(u.FormControl,{label:{children:m,htmlFor:`url`,required:f,tooltip:p?{content:p,position:`top`}:void 0},children:(0,a.jsx)(n.TextInput,{"data-test-id":`text-input`,id:`url`,value:d,onChange:t=>e?.(t.target.value),placeholder:c??`https://example.com`})}),!_&&(0,a.jsx)(`div`,{className:`tw-text-error tw-mt-1 tw-text-small`,children:`Please enter a valid URL.`}),!g&&(0,a.jsx)(`div`,{className:`tw-mt-3`,onPointerDown:e=>{e.preventDefault()},children:(0,a.jsxs)(n.Button,{"data-test-id":`internal-link-chooser-button`,size:h??`medium`,emphasis:`default`,onPress:async()=>{await v(t=>{e?.(t),y().catch(console.error)},{selectedUrl:d})},children:[(0,a.jsx)(r.IconLink,{size:`20`}),`Internal link`]})}),(0,a.jsxs)(`div`,{className:`tw-mt-3 tw-flex tw-items-center tw-gap-1.5`,children:[(0,a.jsx)(n.Checkbox,{id:`new-tab`,value:l,onChange:()=>i?.(!l)}),(0,a.jsx)(n.Label,{id:`new-tab-label`,htmlFor:`new-tab`,className:`tw-whitespace-nowrap`,children:`Open in new tab`})]})]})},Tt=({state:e,onTextChange:t,onUrlChange:i,onToggleTab:o,onCancel:s,onSave:c,isValidUrlOrEmpty:l,hasValues:f,testId:p,appBridge:m,children:h})=>(0,a.jsxs)(d.FloatingModalWrapper,{"data-test-id":p,padding:`28px`,minWidth:`400px`,children:[(0,a.jsx)(u.FormControl,{label:{children:`Text`,htmlFor:`linkText`,required:!0},children:(0,a.jsx)(n.TextInput,{id:`linkText`,value:e.text,placeholder:`Link Text`,onChange:e=>t(e.target.value)})}),h,(0,a.jsx)(`div`,{className:`tw-mt-5`,children:(0,a.jsx)(wt,{url:e.url,newTab:e.newTab,onUrlChange:i,onToggleTab:o,isValidUrlOrEmpty:l,appBridge:m})}),(0,a.jsx)(`div`,{className:`tw-mt-3`,children:(0,a.jsxs)(`div`,{className:`tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10`,children:[(0,a.jsx)(n.Button,{"data-test-id":`button`,onPress:s,size:`medium`,emphasis:`default`,children:`Cancel`}),(0,a.jsxs)(n.Button,{"data-test-id":`button`,onPress:c,size:`medium`,disabled:!l(e?.url)||!f,children:[(0,a.jsx)(r.IconCheckMark,{size:`20`}),`Save`]})]})})]}),Et=e=>{let t=(0,d.getAboveNode)(e,{match:{type:Z}});return Array.isArray(t)&&t[0]?.buttonStyle||`primary`},Dt={url:``,text:``,buttonStyle:`primary`,newTab:!1},Ot=()=>{let[e,t]=(0,i.useReducer)((e,t)=>{let{type:n,payload:r}=t;switch(n){case`NEW_TAB`:return{...e,newTab:!0};case`SAME_TAB`:return{...e,newTab:!1};case`URL`:case`TEXT`:case`BUTTON_STYLE`:case`INIT`:return{...e,...r};default:return e}},Dt);return[e,t]},kt=()=>{let e=(0,d.useEditorRef)(),[t,n]=Ot();(0,i.useEffect)(()=>{let t=Et(e);n({type:`INIT`,payload:{text:G.text()||G.url(),buttonStyle:t,newTab:!!G.newTab(),url:G.url()}})},[n,e]);let r=e=>{n({type:`TEXT`,payload:{text:e}})},a=e=>{n({type:`BUTTON_STYLE`,payload:{buttonStyle:e}})},o=e=>{n({type:`URL`,payload:{url:e}})},s=e=>{n(e?{type:`NEW_TAB`}:{type:`SAME_TAB`})},c=()=>{W.reset()},l=n=>{if(!K(t.url)||!u)return;let r=$e(t.url);W.text(t.text),W.url(r),W.buttonStyle(t.buttonStyle),W.newTab(t.newTab),rt(e)&&n?.preventDefault()},u=t.url!==``&&t.text!==``,{appBridge:f}=(0,d.getPluginOptions)(e,Z);return(0,d.useHotkeys)(`enter`,l,{enableOnFormTags:[`INPUT`]},[]),{state:t,onTextChange:r,onButtonStyleChange:a,onUrlChange:o,onToggleTab:s,onCancel:c,onSave:l,hasValues:u,isValidUrlOrEmpty:K,appBridge:f}},At=()=>{let e=kt(),{state:t,onButtonStyleChange:n}=e;return(0,a.jsx)(Tt,{...e,testId:`floating-button-insert`,children:(0,a.jsx)(`div`,{className:`tw-pt-5`,children:(0,a.jsxs)(u.FormControl,{label:{children:`Button Style`,htmlFor:`buttonStyle`,required:!0},children:[(0,a.jsx)(jt,{id:`primary`,styles:X.buttonPrimary,isActive:t.buttonStyle===`primary`,onClick:()=>n(`primary`),children:t.text||`Primary Button`}),(0,a.jsx)(jt,{id:`secondary`,styles:X.buttonSecondary,isActive:t.buttonStyle===`secondary`,onClick:()=>n(`secondary`),children:t.text||`Secondary Button`}),(0,a.jsx)(jt,{id:`tertiary`,styles:X.buttonTertiary,isActive:t.buttonStyle===`tertiary`,onClick:()=>n(`tertiary`),children:t.text||`Tertiary Button`})]})})})},jt=({id:e,styles:t,isActive:n,onClick:r,children:o})=>{let[s,c]=(0,i.useState)(!1);return(0,a.jsx)(`button`,{"data-test-id":`floating-button-insert-${e}`,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onClick:r,style:{...t&&t.hover&&s?{...t,...t.hover}:t,marginTop:0,marginBottom:0},className:n?`tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit`:`tw-w-fit`,children:o})},Mt={placement:`bottom-start`,strategy:`absolute`,middleware:[(0,d.offset)(12),(0,d.flip)({padding:12,fallbackPlacements:[`bottom-end`,`top-start`,`top-end`]})]},Nt=()=>{let{ref:e,...t}=Bt(Mt),{ref:n,...r}=Lt(Mt),i=(0,d.useEditorRef)(),o=Ue(),s=o.isOpen(i.id),c=o.isEditing(),l=o.mode(),u=(0,a.jsx)(At,{}),p=c?u:(0,a.jsx)(Ct,{});return(0,a.jsxs)(a.Fragment,{children:[s&&l===`insert`&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:e,...t,style:{...t.style,...X[d.TextStyles.p],zIndex:`auto`},children:u}),document.body),s&&l===`edit`&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:n,...r,style:{...r.style,...X[d.TextStyles.p],zIndex:`auto`},children:p}),document.body)]})},Z=`button`,Pt=`button-plugin`,Ft=e=>(0,d.createPluginFactory)({key:Z,isElement:!0,isInline:!0,props:({element:e})=>({nodeProps:{href:e?.url,target:e?.target}}),withOverrides:tt,renderAfterEditable:Nt,options:{isUrl:et,rangeBeforeOptions:{matchString:` `,skipInvalid:!0,afterMatch:!0},triggerFloatingButtonHotkeys:`command+shift+k, ctrl+shift+k`,appBridge:e},then:(e,{type:t})=>({deserializeHtml:{rules:[{validNodeName:`A`,validClassName:`btn`}],getNode:e=>({type:t,url:e.getAttribute(`href`),target:e.getAttribute(`target`)||`_blank`})}})})(),It=class extends d.Plugin{styles={};appBridge;constructor({styles:e=_t,...t}){super(Pt,{button:St,markupElement:new bt,...t}),this.styles=e,this.appBridge=t?.appBridge}plugins(){return[Ft(this.appBridge)]}},Lt=e=>{let t=(0,d.useEditorRef)(),n=Ue().mode(),r=Ue().isOpen(t.id),a=(0,d.useEditorVersion)(),{triggerFloatingButtonHotkeys:o}=(0,d.getPluginOptions)(t,Z),s=(0,i.useCallback)(()=>{let e=(0,d.getAboveNode)(t,{match:{type:(0,d.getPluginType)(t,Z)}});if(e){let[,n]=e;return(0,d.getRangeBoundingClientRect)(t,{anchor:(0,d.getStartPoint)(t,n),focus:(0,d.getEndPoint)(t,n)})}return(0,d.getDefaultBoundingClientRect)()},[t]),{update:c,style:l,floating:u}=Wt({open:r&&n===`edit`,getBoundingClientRect:s,...e});return(0,i.useEffect)(()=>{let e=dt(t);if(e&&W.url(e),t.selection&&(0,d.someNode)(t,{match:{type:(0,d.getPluginType)(t,`button`)}})){W.show(`edit`,t.id),c();return}G.mode()===`edit`&&W.reset()},[t,a,c]),(0,d.useHotkeys)(o,e=>{e.preventDefault(),G.mode()===`edit`&&mt(t)},{enableOnContentEditable:!0},[]),Rt(),zt(),{style:l,ref:(0,d.useComposedRef)(u)}},Rt=()=>{let e=(0,d.useEditorRef)();(0,d.useHotkeys)(`*`,t=>{t.key===`Enter`&&rt(e)&&t.preventDefault()},{enableOnFormTags:[`INPUT`]},[])},zt=()=>{let e=(0,d.useEditorRef)();(0,d.useHotkeys)(`escape`,()=>{if(G.mode()===`edit`){if(G.isEditing()){W.show(`edit`,e.id),(0,d.focusEditor)(e,e.selection??void 0);return}W.reset()}},{enableOnFormTags:[`INPUT`],enableOnContentEditable:!0},[])},Bt=e=>{let t=(0,d.useEditorRef)(),n=(0,d.useFocused)(),r=Ue().mode(),a=Ue().isOpen(t.id),{triggerFloatingButtonHotkeys:o}=(0,d.getPluginOptions)(t,Z);(0,d.useHotkeys)(o,e=>{e.preventDefault(),ht(t,{focused:n})},{enableOnContentEditable:!0},[n]);let{update:s,style:c,floating:l}=Wt({open:a&&r===`insert`,getBoundingClientRect:d.getSelectionBoundingClientRect,whileElementsMounted:void 0,...e});return(0,i.useEffect)(()=>{a&&s(),W.updated(a)},[a,s]),zt(),{style:c,ref:(0,d.useComposedRef)(l)}},Vt=12,Ht=-22,Ut=96,Wt=e=>(0,d.useVirtualFloating)({placement:`bottom-start`,middleware:[(0,d.offset)({mainAxis:Vt,alignmentAxis:Ht}),(0,d.flip)({padding:Ut})],...e}),Gt=`[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @md:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @md:[&_.tw-break-after-column]:!tw-break-after-column @md:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column`,Kt={1:`tw-columns-1`,2:`tw-columns-1 @sm:!tw-columns-2 [&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @sm:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @sm:[&_.tw-break-after-column]:!tw-break-after-column @sm:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column`,3:`tw-columns-1 @md:!tw-columns-3 ${Gt}`,4:`tw-columns-1 @md:!tw-columns-4 ${Gt}`,5:`tw-columns-1 @md:!tw-columns-5 ${Gt}`},qt=e=>e?Kt[e]||Kt[1]:``,Jt=({value:e=``,gap:t,customClass:n,show:r=!0,plugins:o})=>{let[s,c]=(0,i.useState)(null);return(0,i.useEffect)(()=>{(async()=>{let r=await(0,d.serializeRawToHtmlAsync)(e,o,void 0,t,n);c(r)})().catch(console.error)},[e,t,o,n]),!r||s===`<br />`||s===null?null:(0,a.jsx)(`div`,{className:`tw-w-full tw-whitespace-pre-wrap`,"data-test-id":`rte-content-html`,dangerouslySetInnerHTML:{__html:s}})},Yt=e=>{G.isOpen(e)&&W.reset()},Xt=(0,i.memo)(({isEnabled:e,value:t,columns:n,gap:r,placeholder:o,plugins:s,onTextChange:c,showSerializedText:l})=>{let u=qt(n),[f,p]=(0,i.useState)(!1),m=(0,i.useId)(),h=(0,i.useCallback)(e=>{e!==t&&c?.(e),p(!1)},[c,t]),g=(0,i.useCallback)(()=>p(!0),[]);return(0,i.useEffect)(()=>{let e=e=>{e.preventDefault(),e.returnValue=`Unprocessed changes`};return f&&window.addEventListener(`beforeunload`,e),()=>window.removeEventListener(`beforeunload`,e)},[f]),e?(0,a.jsx)(d.RichTextEditor,{id:m,value:t,border:!1,placeholder:o,plugins:s,onValueChanged:g,onTextChange:h,hideExternalFloatingModals:Yt,placeholderOpacity:`high`}):(0,a.jsx)(Jt,{value:t,gap:r,customClass:u,show:l,plugins:s})});Xt.displayName=`InternalRichTextEditor`;var Zt=e=>{let t=(0,i.useRef)(null),[n,r]=(0,i.useState)(!1),{isEditing:o,...s}=e,c=(0,i.useCallback)(e=>{e&&r(!0)},[]);return Ve({ref:t,disabled:!o,onChange:c}),(0,i.useEffect)(()=>{o||r(!1)},[o]),(0,a.jsx)(`div`,{"data-test-id":`rich-text-editor-container`,className:`tw-block tw-w-full tw-@container`,ref:t,children:(0,a.jsx)(Xt,{...s,isEnabled:o&&n})})},Qt=({editButtonProps:e,unlinkButtonProps:t})=>{let{element:n}=(0,d.useLinkOpenButtonState)(),i=n?Xe(n):``;return(0,a.jsx)(d.FloatingModalWrapper,{"data-test-id":`floating-link-edit`,padding:`16px`,minWidth:`400px`,children:(0,a.jsxs)(`span`,{"data-test-id":`preview-link-flyout`,className:`tw-flex tw-justify-between tw-items-center tw-gap-2`,children:[(0,a.jsx)(`a`,{"data-test-id":`floating-link-edit-url`,href:i,target:`_blank`,rel:`noopener noreferrer`,style:X[J],className:`tw-break-all`,children:i}),(0,a.jsxs)(`span`,{className:`tw-flex tw-gap-2`,children:[(0,a.jsx)(`button`,{tabIndex:0,"data-test-id":`edit-link-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,...e,children:(0,a.jsx)(r.IconPen,{size:16})}),(0,a.jsx)(`button`,{tabIndex:0,"data-test-id":`remove-link-button`,className:`tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1`,...t,children:(0,a.jsx)(r.IconTrashBin,{size:16})})]})]})})},$t=(e,t)=>{let n=(0,d.getAboveNode)(e,{match:{type:d.ELEMENT_LINK}});return Array.isArray(n)?t(n[0]):``},en=e=>$t(e,e=>e.chosenLink?.searchResult?.link||``),tn=e=>$t(e,e=>e.url||``),nn={url:``,text:``,newTab:!1},rn=()=>{let[e,t]=(0,i.useReducer)((e,t)=>{let{type:n,payload:r}=t;switch(n){case`NEW_TAB`:return{...e,newTab:!0};case`SAME_TAB`:return{...e,newTab:!1};case`URL`:case`TEXT`:case`INIT`:return{...e,...r};default:return e}},nn);return[e,t]},an=()=>{let e=(0,d.useEditorRef)(),[t,n]=rn();(0,i.useEffect)(()=>{let t=en(e),r=tn(e),i=d.floatingLinkSelectors.newTab();n({type:`INIT`,payload:{text:d.floatingLinkSelectors.text()||d.floatingLinkSelectors.url(),newTab:i,url:t&&r===``?t:d.floatingLinkSelectors.url()}})},[n,e]);let r=e=>{n({type:`TEXT`,payload:{text:e}})},a=e=>{n({type:`URL`,payload:{url:e}})},o=e=>{n(e?{type:`NEW_TAB`}:{type:`SAME_TAB`})},s=()=>{d.floatingLinkActions.reset()},c=n=>{!K(t.url)||!l||(d.floatingLinkActions.text(t.text),d.floatingLinkActions.url($e(t.url)),d.floatingLinkActions.newTab(t.newTab),(0,d.submitFloatingLink)(e)&&n?.preventDefault())},l=t.url!==``&&t.text!==``,{appBridge:u}=(0,d.getPluginOptions)(e,d.ELEMENT_LINK);return(0,d.useHotkeys)(`enter`,c,{enableOnFormTags:[`INPUT`]},[]),{state:t,onTextChange:r,onUrlChange:a,onToggleTab:o,onCancel:s,onSave:c,hasValues:l,isValidUrlOrEmpty:K,appBridge:u}},on=()=>(0,a.jsx)(Tt,{...an(),testId:`floating-link-insert`}),sn={placement:`bottom-start`,strategy:`absolute`,middleware:[(0,d.offset)(12),(0,d.flip)({padding:12,fallbackPlacements:[`bottom-end`,`top-start`,`top-end`]})]},cn=()=>{let e=(0,d.useFloatingLinkInsertState)({floatingOptions:sn}),{props:t,ref:n,hidden:r}=(0,d.useFloatingLinkInsert)(e),i=(0,d.useFloatingLinkEditState)({floatingOptions:sn}),{props:o,ref:s,editButtonProps:c,unlinkButtonProps:l}=(0,d.useFloatingLinkEdit)(i);if(r)return null;let u=(0,a.jsx)(on,{}),p=i.isEditing?u:(0,a.jsx)(Qt,{editButtonProps:c,unlinkButtonProps:l});return(0,a.jsxs)(a.Fragment,{children:[e.isOpen&&!i.isOpen&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:n,...t,style:{...t.style,...X[Y.p],zIndex:`auto`},children:u}),document.body),i.isOpen&&(0,f.createPortal)((0,a.jsx)(`div`,{"data-is-underlay":!0,ref:s,...o,style:{...o.style,...X[Y.p],zIndex:`auto`},children:p}),document.body)]})},ln=(0,i.forwardRef)((e,t)=>{let n=(0,d.useEditorRef)(),i=(0,d.useLinkToolbarButtonState)(),{props:o}=(0,d.useLinkToolbarButton)(i);return(0,a.jsx)(d.ToolbarButton,{onMouseDown:e=>{e.preventDefault(),(0,d.focusEditor)(n,n.selection??n.prevSelection??void 0)},ref:t,...o,...e,children:(0,a.jsx)(d.IconStylingWrapper,{icon:(0,a.jsx)(r.IconLink,{size:16})})})});ln.displayName=`LinkToolbarButton`;var un=({id:e,editorId:t})=>{let n=(0,d.useEditorState)((0,d.useEventPlateId)(t)),r=!!(0,d.isRangeInSameBlock)(n,{at:n.selection});return(0,a.jsx)(`div`,{"data-plugin-id":e,children:(0,a.jsx)(ln,{disabled:!r,tooltip:(0,d.getTooltip)(r?`Link\n${(0,d.getHotkeyByPlatform)(`Ctrl+K`)}`:`Links can only be set for a single text block.`)})})},dn=e=>{let{attributes:t,children:n}=e,{styles:r}=(0,d.useRichTextEditorContext)(),i=e.element.url||e.element.chosenLink?.searchResult?.link||``,o=e.element.target||`_self`;return(0,a.jsx)(`a`,{...t,href:i,target:o,style:r[J],children:n})},fn=class extends d.MarkupElement{constructor(e=d.ELEMENT_LINK,t=dn){super(e,t)}},pn=e=>(0,d.createPluginFactory)({...(0,d.createLinkPlugin)(),renderAfterEditable:cn,options:{isUrl:et,rangeBeforeOptions:{matchString:` `,skipInvalid:!0,afterMatch:!0},triggerFloatingLinkHotkeys:`meta+k, ctrl+k`,keepSelectedTextOnPaste:!0,appBridge:e}})(),mn=class extends d.Plugin{styles={};appBridge;constructor({styles:e=X[J],...t}){super(J,{button:un,markupElement:new fn,...t}),this.styles=e,this.appBridge=t.appBridge}plugins(){return[pn(this.appBridge)]}},hn=`breakAfterColumn`,gn=`normal`,_n=class extends d.Plugin{columns;gap;customClass;constructor(e){super(`break-after-plugin`,{button:d.ColumnBreakButton,...e}),this.columns=e?.columns??1,this.gap=e?.gap??`normal`,this.customClass=qt(this.columns)}plugins(){return[(0,d.createColumnBreakPlugin)(this.columns,this.gap,this.customClass)]}},vn=`textstyle-custom1-plugin`,yn=class extends d.Plugin{styles={};constructor({styles:e=X.custom1,...t}={}){super(Y.custom1,{label:`Custom 1`,markupElement:new bn,...t}),this.styles=e}plugins(){return[Sn(this.styles)]}},bn=class extends d.MarkupElement{constructor(e=vn,t=xn){super(e,t)}},xn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,style:r,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),children:n})},Sn=e=>(0,d.createPluginFactory)({key:Y.custom1,isElement:!0,deserializeHtml:{rules:[{validClassName:Y.custom1}]}})({component:t=>(0,a.jsx)(xn,{...t,styles:e})}),Cn=`textstyle-custom2-plugin`,wn=class extends d.Plugin{styles={};constructor({styles:e=X.custom2,...t}={}){super(Y.custom2,{label:`Custom 2`,markupElement:new Tn,...t}),this.styles=e}plugins(){return[Dn(this.styles)]}},Tn=class extends d.MarkupElement{constructor(e=Cn,t=En){super(e,t)}},En=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Dn=e=>(0,d.createPluginFactory)({key:Y.custom2,isElement:!0,deserializeHtml:{rules:[{validClassName:Y.custom2}]}})({component:t=>(0,a.jsx)(En,{...t,styles:e})}),On=`textstyle-custom3-plugin`,kn=class extends d.Plugin{styles={};constructor({styles:e=X.custom3,...t}={}){super(d.TextStyles.custom3,{label:`Custom 3`,markupElement:new An,...t}),this.styles=e}plugins(){return[Mn(this.styles)]}},An=class extends d.MarkupElement{constructor(e=On,t=jn){super(e,t)}},jn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Mn=e=>(0,d.createPluginFactory)({key:d.TextStyles.custom3,isElement:!0,deserializeHtml:{rules:[{validClassName:d.TextStyles.custom3}]}})({component:t=>(0,a.jsx)(jn,{...t,styles:e})}),Nn=`textstyle-heading1-plugin`,Pn=class extends d.Plugin{styles={};constructor({styles:e=X.heading1,...t}={}){super(Y.heading1,{label:`Heading 1`,markupElement:new Fn,...t}),this.styles=e}plugins(){return[Ln(this.styles)]}},Fn=class extends d.MarkupElement{constructor(e=Nn,t=In){super(e,t)}},In=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h1`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Ln=e=>(0,d.createPluginFactory)({key:Y.heading1,isElement:!0,component:In,deserializeHtml:{rules:[{validNodeName:[`h1`,`H1`]}]}})({component:t=>(0,a.jsx)(In,{...t,styles:e})}),Rn=`textstyle-heading2-plugin`,zn=class extends d.Plugin{styles={};constructor({styles:e=X.heading2,...t}={}){super(Y.heading2,{label:`Heading 2`,markupElement:new Bn,...t}),this.styles=e}plugins(){return[Hn(this.styles)]}},Bn=class extends d.MarkupElement{constructor(e=Rn,t=Vn){super(e,t)}},Vn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h2`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Hn=e=>(0,d.createPluginFactory)({key:Y.heading2,isElement:!0,component:Vn,deserializeHtml:{rules:[{validNodeName:[`h2`,`H2`]}]}})({component:t=>(0,a.jsx)(Vn,{...t,styles:e})}),Un=`textstyle-heading3-plugin`,Wn=class extends d.Plugin{styles={};constructor({styles:e=X.heading3,...t}={}){super(Y.heading3,{label:`Heading 3`,markupElement:new Gn,...t}),this.styles=e}plugins(){return[qn(this.styles)]}},Gn=class extends d.MarkupElement{constructor(e=Un,t=Kn){super(e,t)}},Kn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h3`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},qn=e=>(0,d.createPluginFactory)({key:Y.heading3,isElement:!0,component:Kn,deserializeHtml:{rules:[{validNodeName:[`h3`,`H3`]}]}})({component:t=>(0,a.jsx)(Kn,{...t,styles:e})}),Jn=`textstyle-heading4-plugin`,Yn=class extends d.Plugin{styles={};constructor({styles:e=X.heading4,...t}={}){super(Y.heading4,{label:`Heading 4`,markupElement:new Xn,...t}),this.styles=e}plugins(){return[Qn(this.styles)]}},Xn=class extends d.MarkupElement{constructor(e=Jn,t=Zn){super(e,t)}},Zn=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`h4`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},Qn=e=>(0,d.createPluginFactory)({key:Y.heading4,isElement:!0,component:Zn,deserializeHtml:{rules:[{validNodeName:[`h4`,`H4`]}]}})({component:t=>(0,a.jsx)(Zn,{...t,styles:e})}),$n=`textstyle-imageCaption-plugin`,er=class extends d.Plugin{styles={};constructor({styles:e=X.imageCaption,...t}={}){super(Y.imageCaption,{label:`Image Caption`,markupElement:new tr,...t}),this.styles=e}plugins(){return[rr(this.styles)]}},tr=class extends d.MarkupElement{constructor(e=$n,t=nr){super(e,t)}},nr=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},rr=e=>(0,d.createPluginFactory)({key:Y.imageCaption,isElement:!0,component:nr,deserializeHtml:{rules:[{validClassName:Y.imageCaption}]}})({component:t=>(0,a.jsx)(nr,{...t,styles:e})}),ir=`textstyle-imageTitle-plugin`,ar=class extends d.Plugin{styles={};constructor({styles:e=X.imageTitle,...t}={}){super(Y.imageTitle,{label:`Image Title`,markupElement:new or,...t}),this.styles=e}plugins(){return[cr(this.styles)]}},or=class extends d.MarkupElement{constructor(e=ir,t=sr){super(e,t)}},sr=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`p`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},cr=e=>(0,d.createPluginFactory)({key:Y.imageTitle,isElement:!0,component:sr,deserializeHtml:{rules:[{validClassName:Y.imageTitle}]}})({component:t=>(0,a.jsx)(sr,{...t,styles:e})}),lr=class extends d.Plugin{styles={};constructor({styles:e=X.p,...t}={}){super(Y.p,{markupElement:new fr,label:`Body Text`,...t}),this.styles=e}plugins(){return[pr(this.styles)]}},ur=`tw-m-0 tw-px-0 tw-py-0`,dr=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align,o=(0,d.merge)([i&&d.alignmentClassnames[i],ur,(0,d.getColumnBreakClasses)(e)]);return(0,a.jsx)(`p`,{...t,className:o,style:r,children:n})},fr=class extends d.MarkupElement{constructor(e=Y.p,t=dr){super(e,t)}},pr=e=>(0,d.createPluginFactory)({...(0,d.createParagraphPlugin)(),key:Y.p,isElement:!0,component:dr})({component:t=>(0,a.jsx)(dr,{...t,styles:e})}),mr=`textstyle-quote-plugin`,hr=class extends d.Plugin{styles={};constructor({styles:e=X.quote,...t}={}){super(Y.quote,{label:`Quote`,markupElement:new gr,...t}),this.styles=e}plugins(){return[vr(this.styles)]}},gr=class extends d.MarkupElement{constructor(e=mr,t=_r){super(e,t)}},_r=({element:e,attributes:t,children:n,styles:r})=>{let i=e.align;return(0,a.jsx)(`blockquote`,{...t,className:(0,d.merge)([i&&d.alignmentClassnames[i],(0,d.getColumnBreakClasses)(e)]),style:r,children:n})},vr=e=>(0,d.createPluginFactory)({key:Y.quote,isElement:!0,component:_r,deserializeHtml:{rules:[{validNodeName:[`blockquote`,`BLOCKQUOTE`]}]}})({component:t=>(0,a.jsx)(_r,{...t,styles:e})}),yr=[new Pn,new zn,new Wn,new Yn,new yn,new wn,new kn,new hr,new lr],Q=[Y.heading1,Y.heading2,Y.heading3,Y.heading4,Y.custom1,Y.custom2,Y.custom3,Y.quote,Y.p],br=[...yr,new er,new ar],xr=[...Q,Y.imageCaption,Y.imageTitle],Sr=[{color:`var(--f-theme-settings-list-bullet1-color, currentColor)`,shape:`var(--f-theme-settings-list-bullet1-shape, '•')`,size:`var(--f-theme-settings-list-bullet1-size, 1em)`},{color:`var(--f-theme-settings-list-bullet2-color, currentColor)`,shape:`var(--f-theme-settings-list-bullet2-shape, '•')`,size:`var(--f-theme-settings-list-bullet2-size, 1em)`},{color:`var(--f-theme-settings-list-bullet3-color, currentColor)`,shape:`var(--f-theme-settings-list-bullet3-shape, '•')`,size:`var(--f-theme-settings-list-bullet3-size, 1em)`}],Cr=class extends d.UnorderedListPlugin{constructor(e){super({listStyles:Sr,...e})}},wr=[{counterType:`var(--f-theme-settings-list-numbered1-counter-type, decimal)`,color:`var(--f-theme-settings-list-numbered1-color, currentColor)`},{counterType:`var(--f-theme-settings-list-numbered2-counter-type, lower-alpha)`,color:`var(--f-theme-settings-list-numbered2-color, currentColor)`},{counterType:`var(--f-theme-settings-list-numbered3-counter-type, lower-roman)`,color:`var(--f-theme-settings-list-numbered3-color, currentColor)`}],Tr=class extends d.OrderedListPlugin{constructor(e){super({listStyles:wr,...e})}},Er=e=>new d.PluginComposer().setPlugin(new d.SoftBreakPlugin,new d.TextStylePlugin({textStyles:yr})).setPlugin([new d.BoldPlugin,new d.ItalicPlugin,new d.UnderlinePlugin,new d.StrikethroughPlugin,new mn({appBridge:e}),new It({appBridge:e}),new d.CodePlugin],[new d.AlignLeftPlugin({validTypes:Q}),new d.AlignCenterPlugin({validTypes:Q}),new d.AlignRightPlugin({validTypes:Q}),new d.AlignJustifyPlugin({validTypes:Q}),new Cr,new d.CheckboxListPlugin,new Tr,new d.ResetFormattingPlugin,new d.AutoformatPlugin]),Dr=`--f-theme-settings-`,Or=e=>{let t=e?.id?`hasBackground${e.id}`:`hasBackground`,n=e?.id?`backgroundColor${e.id}`:`backgroundColor`,r=e?.preventDefaultColor?void 0:e?.defaultColor||ne;return{id:t,label:e?.label?e.label:`Background`,type:`switch`,switchLabel:e?.switchLabel?e.switchLabel:void 0,defaultValue:!!e?.defaultValue,on:[{id:n,defaultValue:r,type:`colorInput`}]}},kr=e=>{let t=e?.id?`hasBorder_${e.id}`:`hasBorder`,n=e?.id?`borderSelection_${e.id}`:`borderSelection`,r=e?.id?`borderStyle_${e.id}`:`borderStyle`,i=e?.id?`borderWidth_${e.id}`:`borderWidth`,a=e?.id?`borderColor_${e.id}`:`borderColor`,o=e?.defaultColor||re;return{id:t,label:`Border`,type:`switch`,switchLabel:e?.switchLabel?e.switchLabel:void 0,defaultValue:!!e?.defaultValue,on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Columns,lastItemFullWidth:!0,blocks:[{id:r,type:`dropdown`,defaultValue:N.Solid,choices:[{value:N.Solid,label:N.Solid},{value:N.Dotted,label:N.Dotted},{value:N.Dashed,label:N.Dashed}]},{id:i,type:`input`,defaultValue:`1px`,rules:[$.numericalOrPixelRule,(0,$.minimumNumericalOrPixelRule)(0),(0,$.maximumNumericalOrPixelOrAutoRule)(500)],placeholder:`e.g. 3px`,onChange:e=>(0,$.appendUnit)(e,i)},{id:a,type:`colorInput`,defaultValue:o}]}],off:[]}},Ar=(e,t=P.None)=>({id:e,type:`segmentedControls`,defaultValue:t,choices:[{value:P.None,label:`None`},{value:P.Small,label:`S`},{value:P.Medium,label:`M`},{value:P.Large,label:`L`}]}),jr=e=>{let t=e?.id?`hasRadius_${e.id}`:`hasRadius`,n=e?.id?`radiusValue_${e.id}`:`radiusValue`,r=e?.id?`radiusChoice_${e.id}`:`radiusChoice`,i=e?.defaultRadius||P.None;return{id:t,label:`Corner radius`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`Determining how rounded the corners are.`,show:t=>!e?.dependentSettingId||!!t.getBlock(e.dependentSettingId)?.value,onChange:t=>(0,$.presetCustomValue)(t,r,n,e?.radiusStyleMap||F),on:[{id:n,type:`input`,placeholder:`e.g. 10px`,rules:[$.numericalOrPixelRule,(0,$.minimumNumericalOrPixelRule)(0)],onChange:e=>(0,$.appendUnit)(e,n)}],off:[Ar(r,i)]}},Mr=e=>{let t=e?.id?`hasExtendedCustomRadius_${e.id}`:`hasExtendedCustomRadius`,n=e?.id?`extendedRadiusValue_${e.id}`:`extendedRadiusValue`,r=e?.id?`extendedRadiusChoice_${e.id}`:`extendedRadiusChoice`,i=e?.id?`extendedRadiusTopLeft_${e.id}`:`extendedRadiusTopLeft`,a=e?.id?`extendedRadiusTopRight_${e.id}`:`extendedRadiusTopRight`,o=e?.id?`extendedRadiusBottomLeft_${e.id}`:`extendedRadiusBottomLeft`,s=e?.id?`extendedRadiusBottomRight_${e.id}`:`extendedRadiusBottomRight`;return{id:t,label:`Corner radius`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`Determining how rounded the corners are.`,show:t=>!e?.dependentSettingId||!!t.getBlock(e.dependentSettingId)?.value,onChange:e=>{(0,$.presetCustomValue)(e,r,i,F),(0,$.presetCustomValue)(e,r,a,F),(0,$.presetCustomValue)(e,r,o,F),(0,$.presetCustomValue)(e,r,s,F)},on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Columns,blocks:[{id:i,type:`input`,label:`Top Left`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,i)},{id:a,type:`input`,label:`Top Right`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,a)},{id:o,type:`input`,label:`Bottom Left`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,o)},{id:s,type:`input`,label:`Bottom Right`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,s)}]}],off:[Ar(r,e?.defaultValue)]}},Nr=e=>{let t=e?.id?e.id:`hasCustomSpacing`,n=e?.dependentSettingId?e.dependentSettingId:`columns`,r=e?.spacingChoiceId?e.spacingChoiceId:`spacingChoice`,i=e?.spacingCustomId?e.spacingCustomId:`spacingCustom`,a=e?.defaultValueChoices?e.defaultValueChoices:V.M;return{id:t,type:`switch`,defaultValue:!1,switchLabel:`Custom`,label:`Gutter`,info:`An official nerds term for ‘gap’`,onChange:e=>(0,$.presetCustomValue)(e,r,i,ae),show:e=>e.getBlock(n)?.value!==`1`,on:[{id:i,type:`input`,rules:[$.numericalOrPixelRule],onChange:e=>(0,$.appendUnit)(e,i)}],off:[{id:r,type:`slider`,defaultValue:a,choices:[{value:V.Auto,label:`Auto`},{value:V.S,label:`S`},{value:V.M,label:`M`},{value:V.L,label:`L`}]}]}},Pr=e=>({id:e,type:`segmentedControls`,defaultValue:R.None,choices:[{value:R.None,label:`None`},{value:R.Small,label:`S`},{value:R.Medium,label:`M`},{value:R.Large,label:`L`}]}),Fr=e=>{let t=e?.id?`hasCustomMarginValue_${e?.id}`:`hasCustomMarginValue`,n=e?.id?`marginValue_${e?.id}`:`marginValue`,r=e?.id?`marginChoice_${e?.id}`:`marginChoice`;return{id:t,label:`Margin`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more space`,onChange:t=>(0,$.presetCustomValue)(t,r,n,e?.marginStyleMap||z),on:[{id:n,type:`input`,placeholder:M,rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)],onChange:e=>(0,$.appendUnit)(e,n)}],off:[Pr(r)]}},Ir=e=>{let t=e?.id?`hasExtendedCustomMargin_${e?.id}`:`hasExtendedCustomMargin`,n=e?.id?`extendedMarginValues_${e?.id}`:`extendedMarginValues`,r=e?.id?`extendedMarginChoice_${e?.id}`:`extendedMarginChoice`,i=e?.id?`extendedMarginTop_${e?.id}`:`extendedMarginTop`,a=e?.id?`extendedMarginLeft_${e?.id}`:`extendedMarginLeft`,o=e?.id?`extendedMarginRight_${e?.id}`:`extendedMarginRight`,s=e?.id?`extendedMarginBottom_${e?.id}`:`extendedMarginBottom`;return{id:t,label:`Margin`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more negative space`,onChange:e=>{(0,$.presetCustomValue)(e,r,i,z),(0,$.presetCustomValue)(e,r,a,z),(0,$.presetCustomValue)(e,r,o,z),(0,$.presetCustomValue)(e,r,s,z)},on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Spider,blocks:[{id:i,type:`input`,label:`Top`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,i),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:a,type:`input`,label:`Left`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,a),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:o,type:`input`,label:`Right`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,o),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:s,type:`input`,label:`Bottom`,placeholder:M,onChange:e=>(0,$.appendUnit)(e,s),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]}]}],off:[Pr(r)]}},Lr=e=>({id:e,type:`segmentedControls`,defaultValue:I.Small,choices:[{value:I.None,label:`None`},{value:I.Small,label:`S`},{value:I.Medium,label:`M`},{value:I.Large,label:`L`}]}),Rr=e=>{let t=e?.id?`hasCustomPaddingValue_${e?.id}`:`hasCustomPaddingValue`,n=e?.id?`paddingValue_${e?.id}`:`paddingValue`,r=e?.id?`paddingChoice_${e?.id}`:`paddingChoice`;return{id:t,label:`Padding`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more negative space`,onChange:t=>(0,$.presetCustomValue)(t,r,n,e?.paddingStyleMap||L),on:[{id:n,type:`input`,placeholder:j,rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)],onChange:e=>(0,$.appendUnit)(e,n)}],off:[Lr(r)]}},zr=e=>{let t=e?.id?`hasExtendedCustomPadding_${e?.id}`:`hasExtendedCustomPadding`,n=e?.id?`extendedPaddingValues_${e?.id}`:`extendedPaddingValues`,r=e?.id?`extendedPaddingChoice_${e?.id}`:`extendedPaddingChoice`,i=e?.id?`extendedPaddingTop_${e?.id}`:`extendedPaddingTop`,a=e?.id?`extendedPaddingLeft_${e?.id}`:`extendedPaddingLeft`,o=e?.id?`extendedPaddingRight_${e?.id}`:`extendedPaddingRight`,s=e?.id?`extendedPaddingBottom_${e?.id}`:`extendedPaddingBottom`;return{id:t,label:`Padding`,type:`switch`,switchLabel:`Custom`,defaultValue:!1,info:`The spacing around UI elements to create more negative space`,onChange:e=>{(0,$.presetCustomValue)(e,r,i,L),(0,$.presetCustomValue)(e,r,a,L),(0,$.presetCustomValue)(e,r,o,L),(0,$.presetCustomValue)(e,r,s,L)},on:[{id:n,type:`multiInput`,layout:$.MultiInputLayout.Spider,blocks:[{id:i,type:`input`,label:`Top`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,i),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:a,type:`input`,label:`Left`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,a),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:o,type:`input`,label:`Right`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,o),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]},{id:s,type:`input`,label:`Bottom`,placeholder:j,onChange:e=>(0,$.appendUnit)(e,s),rules:[$.numericalOrPixelRule,(0,$.maximumNumericalOrPixelOrAutoRule)(500)]}]}],off:[Lr(r)]}},Br=e=>{let t=Vr(e?.globalControlId);return{id:e?.id?e.id:`downloadable`,type:`switch`,defaultValue:!1,label:`Downloadable`,show:e=>e.getBlock(t)?.value===B.Custom}},Vr=e=>e||`security`,Hr=e=>[{id:Vr(e),type:`segmentedControls`,defaultValue:B.Global,choices:[{value:B.Global,label:`Global Settings`},{value:B.Custom,label:`Custom`}]},{id:`globalSettingsInfo`,type:`notification`,footer:(0,$.createFooter)({label:`Change global settings [here].`,replace:{here:{event:`general-settings.open`}}})}],$=_({AllTextStylePlugins:()=>br,AllTextStyles:()=>xr,AttachmentOperationsProvider:()=>ve,Attachments:()=>Te,AttachmentsProvider:()=>_e,AttachmentsToolbarButton:()=>ke,BUTTON_PLUGIN:()=>Pt,BlockButtonStyles:()=>_t,BlockInjectButton:()=>x,BlockItemWrapper:()=>Be,BlockStyles:()=>X,BorderStyle:()=>N,BreakAfterPlugin:()=>_n,ButtonPlugin:()=>It,Custom1Plugin:()=>yn,Custom2Plugin:()=>wn,Custom3Plugin:()=>kn,DEFAULT_ATTACHMENTS_BUTTON_ID:()=>Oe,DEFAULT_DRAGGING_TOOLTIP:()=>je,DEFAULT_DRAG_TOOLTIP:()=>Ae,DEFAULT_MENU_BUTTON_ID:()=>Fe,DragHandleToolbarButton:()=>Ne,DragPreviewContextProvider:()=>le,ELEMENT_BUTTON:()=>Z,FlyoutToolbarButton:()=>Pe,GAP_DEFAULT:()=>gn,GutterSpacing:()=>V,Heading1Plugin:()=>Pn,Heading2Plugin:()=>zn,Heading3Plugin:()=>Wn,Heading4Plugin:()=>Yn,ImageCaptionPlugin:()=>er,ImageTitlePlugin:()=>ar,KEY_ELEMENT_BREAK_AFTER_COLUMN:()=>hn,LinkInput:()=>wt,LinkPlugin:()=>mn,Margin:()=>R,MenuToolbarButton:()=>Ie,MultiFlyoutContextProvider:()=>de,OrderedListPlugin:()=>Tr,PARAGRAPH_CLASSES:()=>ur,Padding:()=>I,ParagraphMarkupElement:()=>fr,ParagraphMarkupElementNode:()=>dr,ParagraphPlugin:()=>lr,QuoteMarkupElementNode:()=>_r,QuotePlugin:()=>hr,Radius:()=>P,RichTextEditor:()=>Zt,Sections:()=>Ur,Security:()=>B,THEME_PREFIX:()=>Dr,TextStylePluginsWithoutImage:()=>yr,TextStyles:()=>Y,TextStylesWithoutImage:()=>Q,Toolbar:()=>ze,UnorderedListPlugin:()=>Cr,addHttps:()=>$e,borderStyleMap:()=>ie,convertToRteValue:()=>Ge,createButtonNode:()=>ft,createButtonPlugin:()=>Ft,createLinkPlugin:()=>pn,createParagraphPlugin:()=>pr,createQuotePlugin:()=>vr,defineBlock:()=>Wr,defineSettings:()=>Gr,getBackgroundColorStyles:()=>te,getBackgroundSettings:()=>Or,getBorderRadiusSettings:()=>jr,getBorderRadiusSlider:()=>Ar,getBorderSettings:()=>kr,getBorderStyles:()=>oe,getDefaultPluginsWithLinkChooser:()=>Er,getExtendedBorderRadiusSettings:()=>Mr,getGutterSettings:()=>Nr,getLegacyUrl:()=>Je,getLinkFromEditor:()=>Ze,getMarginExtendedSettings:()=>Ir,getMarginSettings:()=>Fr,getMarginSlider:()=>Pr,getPaddingExtendedSettings:()=>zr,getPaddingSettings:()=>Rr,getPaddingSlider:()=>Lr,getRadiusStyles:()=>se,getReadableColor:()=>A,getSecurityDownloadableSetting:()=>Br,getSecurityGlobalControlId:()=>Vr,getSecurityGlobalControlSetting:()=>Hr,getUrl:()=>Ye,getUrlFromEditor:()=>dt,getUrlFromLinkOrLegacyLink:()=>Xe,gutterSpacingStyleMap:()=>ae,hasRichTextValue:()=>We,insertButton:()=>nt,isDark:()=>w,isDownloadable:()=>Ke,isValidUrl:()=>et,isValidUrlOrEmpty:()=>K,joinClassNames:()=>b,marginStyleMap:()=>z,paddingStyleMap:()=>L,radiusStyleMap:()=>F,relativeUrlRegex:()=>Qe,setAlpha:()=>O,submitFloatingButton:()=>rt,toColorObject:()=>ee,toHex8String:()=>T,toHexString:()=>E,toRgbaString:()=>D,toShortRgba:()=>S,triggerFloatingButton:()=>pt,triggerFloatingButtonEdit:()=>mt,triggerFloatingButtonInsert:()=>ht,unwrapButton:()=>q,upsertButton:()=>it,upsertButtonText:()=>ct,useAttachmentOperations:()=>me,useAttachments:()=>he,useAttachmentsContext:()=>ye,useDragPreviewContext:()=>H,useMultiFlyoutContext:()=>fe,useMultiFlyoutState:()=>pe,withAttachmentsProvider:()=>be,withButton:()=>tt,wrapButton:()=>lt});y($,require("@frontify/sidebar-settings"));var Ur=function(e){return e.Main=`main`,e.Basics=`basics`,e.Layout=`layout`,e.Style=`style`,e.Security=`security`,e.Targets=`targets`,e}({}),Wr=e=>e,Gr=e=>e;e.AllTextStylePlugins=br,e.AllTextStyles=xr,e.AttachmentOperationsProvider=ve,e.Attachments=Te,e.AttachmentsProvider=_e,e.AttachmentsToolbarButton=ke,e.BUTTON_PLUGIN=Pt,e.BlockButtonStyles=_t,e.BlockInjectButton=x,e.BlockItemWrapper=Be,e.BlockStyles=X,e.BorderStyle=N,e.BreakAfterPlugin=_n,e.ButtonPlugin=It,e.Custom1Plugin=yn,e.Custom2Plugin=wn,e.Custom3Plugin=kn,e.DEFAULT_ATTACHMENTS_BUTTON_ID=Oe,e.DEFAULT_DRAGGING_TOOLTIP=je,e.DEFAULT_DRAG_TOOLTIP=Ae,e.DEFAULT_MENU_BUTTON_ID=Fe,e.DragHandleToolbarButton=Ne,e.DragPreviewContextProvider=le,e.ELEMENT_BUTTON=Z,e.FlyoutToolbarButton=Pe,e.GAP_DEFAULT=gn,e.GutterSpacing=V,e.Heading1Plugin=Pn,e.Heading2Plugin=zn,e.Heading3Plugin=Wn,e.Heading4Plugin=Yn,e.ImageCaptionPlugin=er,e.ImageTitlePlugin=ar,e.KEY_ELEMENT_BREAK_AFTER_COLUMN=hn,e.LinkInput=wt,e.LinkPlugin=mn,e.Margin=R,e.MenuToolbarButton=Ie,e.MultiFlyoutContextProvider=de,e.OrderedListPlugin=Tr,e.PARAGRAPH_CLASSES=ur,e.Padding=I,e.ParagraphMarkupElement=fr,e.ParagraphMarkupElementNode=dr,e.ParagraphPlugin=lr,e.QuoteMarkupElementNode=_r,e.QuotePlugin=hr,e.Radius=P,e.RichTextEditor=Zt,e.Sections=Ur,e.Security=B,e.THEME_PREFIX=Dr,e.TextStylePluginsWithoutImage=yr,e.TextStyles=Y,e.TextStylesWithoutImage=Q,e.Toolbar=ze,e.UnorderedListPlugin=Cr,e.addHttps=$e,e.borderStyleMap=ie,e.convertToRteValue=Ge,e.createButtonNode=ft,e.createButtonPlugin=Ft,e.createLinkPlugin=pn,e.createParagraphPlugin=pr,e.createQuotePlugin=vr,e.defineBlock=Wr,e.defineSettings=Gr,e.getBackgroundColorStyles=te,e.getBackgroundSettings=Or,e.getBorderRadiusSettings=jr,e.getBorderRadiusSlider=Ar,e.getBorderSettings=kr,e.getBorderStyles=oe,e.getDefaultPluginsWithLinkChooser=Er,e.getExtendedBorderRadiusSettings=Mr,e.getGutterSettings=Nr,e.getLegacyUrl=Je,e.getLinkFromEditor=Ze,e.getMarginExtendedSettings=Ir,e.getMarginSettings=Fr,e.getMarginSlider=Pr,e.getPaddingExtendedSettings=zr,e.getPaddingSettings=Rr,e.getPaddingSlider=Lr,e.getRadiusStyles=se,e.getReadableColor=A,e.getSecurityDownloadableSetting=Br,e.getSecurityGlobalControlId=Vr,e.getSecurityGlobalControlSetting=Hr,e.getUrl=Ye,e.getUrlFromEditor=dt,e.getUrlFromLinkOrLegacyLink=Xe,e.gutterSpacingStyleMap=ae,e.hasRichTextValue=We,e.insertButton=nt,e.isDark=w,e.isDownloadable=Ke,e.isValidUrl=et,e.isValidUrlOrEmpty=K,e.joinClassNames=b,e.marginStyleMap=z,e.paddingStyleMap=L,e.radiusStyleMap=F,e.relativeUrlRegex=Qe,e.setAlpha=O,e.submitFloatingButton=rt,e.toColorObject=ee,e.toHex8String=T,e.toHexString=E,e.toRgbaString=D,e.toShortRgba=S,e.triggerFloatingButton=pt,e.triggerFloatingButtonEdit=mt,e.triggerFloatingButtonInsert=ht,e.unwrapButton=q,e.upsertButton=it,e.upsertButtonText=ct,e.useAttachmentOperations=me,e.useAttachments=he,e.useAttachmentsContext=ye,e.useDragPreviewContext=H,e.useMultiFlyoutContext=fe,e.useMultiFlyoutState=pe,e.withAttachmentsProvider=be,e.withButton=tt,e.wrapButton=lt;var Kr=require("@frontify/sidebar-settings");Object.keys(Kr).forEach(function(t){t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return Kr[t]}})})});
 //# sourceMappingURL=index.umd.js.map