@frontify/guideline-blocks-settings 0.33.4 → 0.34.0

package/dist/index.es.js

@@ -0,0 +1,217 @@
+import "./styles.css.es.js";
+export * from "@frontify/sidebar-settings";
+import { BlockInjectButton as m } from "./components/BlockInjectButton/BlockInjectButton.es.js";
+import { BlockItemWrapper as g } from "./components/BlockItemWrapper/BlockItemWrapper.es.js";
+import { DragPreviewContextProvider as u, useDragPreviewContext as f } from "./components/BlockItemWrapper/Toolbar/context/DragPreviewContext.es.js";
+import { MultiFlyoutContextProvider as d, useMultiFlyoutContext as S } from "./components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.es.js";
+import { useMultiFlyoutState as B } from "./components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.es.js";
+import { Toolbar as y } from "./components/BlockItemWrapper/Toolbar/Toolbar.es.js";
+import { AttachmentsToolbarButton as A, DEFAULT_ATTACHMENTS_BUTTON_ID as E } from "./components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
+import { DragHandleToolbarButton as h } from "./components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.es.js";
+import { FlyoutToolbarButton as F } from "./components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js";
+import { DEFAULT_MENU_BUTTON_ID as k, MenuToolbarButton as I } from "./components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.es.js";
+import { ToolbarFlyoutMenu as D } from "./components/BlockItemWrapper/Toolbar/MenuToolbarButton/ToolbarFlyoutMenu.es.js";
+import { DEFAULT_DRAGGING_TOOLTIP as U, DEFAULT_DRAG_TOOLTIP as _ } from "./components/BlockItemWrapper/constants.es.js";
+import { Attachments as G } from "./components/Attachments/Attachments.es.js";
+import { DownloadButton as O } from "./components/DownloadButton/DownloadButton.es.js";
+import { RichTextEditor as w } from "./components/RichTextEditor/RichTextEditor.es.js";
+import { LinkPlugin as W, createLinkPlugin as j } from "./components/RichTextEditor/plugins/LinkPlugin/index.es.js";
+import { BUTTON_PLUGIN as X, ButtonPlugin as q, ELEMENT_BUTTON as z, createButtonPlugin as J } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
+import { withButton as Y } from "./components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js";
+import { insertButton as $ } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js";
+import { submitFloatingButton as rt } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js";
+import { unwrapButton as et } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js";
+import { upsertButton as at } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js";
+import { upsertButtonText as pt } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js";
+import { wrapButton as lt } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.es.js";
+import { getUrlFromEditor as xt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js";
+import { createButtonNode as ft } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js";
+import { triggerFloatingButton as dt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js";
+import { triggerFloatingButtonEdit as Pt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js";
+import { triggerFloatingButtonInsert as Tt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js";
+import { BlockButtonStyles as ct } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/styles.es.js";
+import { Custom1Plugin as Et } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
+import { Custom2Plugin as ht } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
+import { Custom3Plugin as Ft } from "./components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js";
+import { Heading1Plugin as kt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
+import { Heading2Plugin as bt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js";
+import { Heading3Plugin as Rt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
+import { Heading4Plugin as _t } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
+import { ImageCaptionPlugin as Gt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js";
+import { ImageTitlePlugin as Ot } from "./components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js";
+import { PARAGRAPH_CLASSES as wt, ParagraphMarkupElement as Vt, ParagraphMarkupElementNode as Wt, ParagraphPlugin as jt, createParagraphPlugin as Qt } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
+import { QuoteMarkupElementNode as qt, QuotePlugin as zt, createQuotePlugin as Jt } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
+import { AllTextStylePlugins as Yt, AllTextStyles as Zt, TextStylePluginsWithoutImage as $t, TextStylesWithoutImage as tr } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
+import { BlockStyles as or, TextStyles as er } from "./components/RichTextEditor/plugins/styles.es.js";
+import { getDefaultPluginsWithLinkChooser as ar } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
+import { THEME_PREFIX as pr } from "./components/RichTextEditor/constants.es.js";
+import { LinkSelector as lr } from "./components/Link/LinkSelector/LinkSelector.es.js";
+import { LinkInput as xr } from "./components/Link/LinkInput.es.js";
+import { getLegacyUrl as fr, getLinkFromEditor as sr, getUrl as dr, getUrlFromLinkOrLegacyLink as Sr } from "./components/Link/utils/getUrl.es.js";
+import { relativeUrlRegex as Br } from "./components/Link/utils/relativeUrlRegex.es.js";
+import { isValidUrl as yr, isValidUrlOrEmpty as cr } from "./components/Link/utils/url.es.js";
+import { convertToRteValue as Er } from "./helpers/convertToRichTextValue.es.js";
+import { customCoordinatesGetterFactory as hr } from "./helpers/customCoordinatesGetterFactory.es.js";
+import { hasRichTextValue as Fr } from "./helpers/hasRichTextValue.es.js";
+import { isDownloadable as kr } from "./helpers/isDownloadable.es.js";
+import { mapAppBridgeColorPaletteToFonduePalette as br, mapAppBridgeColorPalettesToFonduePalettes as Dr } from "./helpers/mapColorPalettes.es.js";
+import { addHttps as Ur } from "./helpers/addHttps.es.js";
+import { AttachmentsProvider as Nr, useAttachments as Gr, useAttachmentsContext as Hr, withAttachmentsProvider as Or } from "./hooks/useAttachments.es.js";
+import { useDndSensors as wr } from "./hooks/useDndSensors.es.js";
+import { getBackgroundSettings as Wr } from "./settings/background.es.js";
+import { getBorderSettings as Qr } from "./settings/border.es.js";
+import { getBorderRadiusSettings as qr, getBorderRadiusSlider as zr } from "./settings/borderRadius.es.js";
+import { getExtendedBorderRadiusSettings as Kr } from "./settings/borderRadiusExtended.es.js";
+import { getGutterSettings as Zr } from "./settings/gutter.es.js";
+import { getMarginSettings as to, getMarginSlider as ro } from "./settings/margin.es.js";
+import { getMarginExtendedSettings as eo } from "./settings/marginExtended.es.js";
+import { getPaddingSettings as ao, getPaddingSlider as io } from "./settings/padding.es.js";
+import { getPaddingExtendedSettings as mo } from "./settings/paddingExtended.es.js";
+import { BorderStyle as go, GutterSpacing as xo, Margin as uo, Padding as fo, Radius as so, Security as So, borderStyleMap as Po, gutterSpacingStyleMap as Bo, marginStyleMap as To, paddingStyleMap as yo, radiusStyleMap as co } from "./settings/types.es.js";
+import { getSecurityDownloadableSetting as Eo, getSecurityGlobalControlId as Mo } from "./settings/securityDownloadable.es.js";
+import { getSecurityGlobalControlSetting as Co } from "./settings/securityGlobalControl.es.js";
+import { isDark as Lo } from "./utilities/color/isDark.es.js";
+import { toHex8String as Io } from "./utilities/color/toHex8String.es.js";
+import { toHexString as Do } from "./utilities/color/toHexString.es.js";
+import { toRgbaString as Uo } from "./utilities/color/toRgbaString.es.js";
+import { setAlpha as No } from "./utilities/color/setAlpha.es.js";
+import { toColorObject as Ho } from "./utilities/color/toColorObject.es.js";
+import { getReadableColor as vo } from "./utilities/color/getReadableColor.es.js";
+import { toShortRgba as Vo } from "./utilities/color/toShortRgba.es.js";
+import { moveItemInArray as jo } from "./utilities/moveItemInArray.es.js";
+import { getBackgroundColorStyles as Xo } from "./utilities/react/getBackgroundColorStyles.es.js";
+import { getBorderStyles as zo } from "./utilities/react/getBorderStyles.es.js";
+import { getRadiusStyles as Ko } from "./utilities/react/getRadiusStyles.es.js";
+import { joinClassNames as Zo } from "./utilities/react/joinClassNames.es.js";
+var r = /* @__PURE__ */ ((t) => (t.Main = "main", t.Basics = "basics", t.Layout = "layout", t.Style = "style", t.Security = "security", t.Targets = "targets", t))(r || {});
+const e = (t) => t, n = (t) => t;
+export {
+  Yt as AllTextStylePlugins,
+  Zt as AllTextStyles,
+  G as Attachments,
+  Nr as AttachmentsProvider,
+  A as AttachmentsToolbarButton,
+  X as BUTTON_PLUGIN,
+  ct as BlockButtonStyles,
+  m as BlockInjectButton,
+  g as BlockItemWrapper,
+  or as BlockStyles,
+  go as BorderStyle,
+  q as ButtonPlugin,
+  Et as Custom1Plugin,
+  ht as Custom2Plugin,
+  Ft as Custom3Plugin,
+  E as DEFAULT_ATTACHMENTS_BUTTON_ID,
+  U as DEFAULT_DRAGGING_TOOLTIP,
+  _ as DEFAULT_DRAG_TOOLTIP,
+  k as DEFAULT_MENU_BUTTON_ID,
+  O as DownloadButton,
+  h as DragHandleToolbarButton,
+  u as DragPreviewContextProvider,
+  z as ELEMENT_BUTTON,
+  F as FlyoutToolbarButton,
+  xo as GutterSpacing,
+  kt as Heading1Plugin,
+  bt as Heading2Plugin,
+  Rt as Heading3Plugin,
+  _t as Heading4Plugin,
+  Gt as ImageCaptionPlugin,
+  Ot as ImageTitlePlugin,
+  xr as LinkInput,
+  W as LinkPlugin,
+  lr as LinkSelector,
+  uo as Margin,
+  I as MenuToolbarButton,
+  d as MultiFlyoutContextProvider,
+  wt as PARAGRAPH_CLASSES,
+  fo as Padding,
+  Vt as ParagraphMarkupElement,
+  Wt as ParagraphMarkupElementNode,
+  jt as ParagraphPlugin,
+  qt as QuoteMarkupElementNode,
+  zt as QuotePlugin,
+  so as Radius,
+  w as RichTextEditor,
+  r as Sections,
+  So as Security,
+  pr as THEME_PREFIX,
+  $t as TextStylePluginsWithoutImage,
+  er as TextStyles,
+  tr as TextStylesWithoutImage,
+  y as Toolbar,
+  D as ToolbarFlyoutMenu,
+  Ur as addHttps,
+  Po as borderStyleMap,
+  Er as convertToRteValue,
+  ft as createButtonNode,
+  J as createButtonPlugin,
+  j as createLinkPlugin,
+  Qt as createParagraphPlugin,
+  Jt as createQuotePlugin,
+  hr as customCoordinatesGetterFactory,
+  e as defineBlock,
+  n as defineSettings,
+  Xo as getBackgroundColorStyles,
+  Wr as getBackgroundSettings,
+  qr as getBorderRadiusSettings,
+  zr as getBorderRadiusSlider,
+  Qr as getBorderSettings,
+  zo as getBorderStyles,
+  ar as getDefaultPluginsWithLinkChooser,
+  Kr as getExtendedBorderRadiusSettings,
+  Zr as getGutterSettings,
+  fr as getLegacyUrl,
+  sr as getLinkFromEditor,
+  eo as getMarginExtendedSettings,
+  to as getMarginSettings,
+  ro as getMarginSlider,
+  mo as getPaddingExtendedSettings,
+  ao as getPaddingSettings,
+  io as getPaddingSlider,
+  Ko as getRadiusStyles,
+  vo as getReadableColor,
+  Eo as getSecurityDownloadableSetting,
+  Mo as getSecurityGlobalControlId,
+  Co as getSecurityGlobalControlSetting,
+  dr as getUrl,
+  xt as getUrlFromEditor,
+  Sr as getUrlFromLinkOrLegacyLink,
+  Bo as gutterSpacingStyleMap,
+  Fr as hasRichTextValue,
+  $ as insertButton,
+  Lo as isDark,
+  kr as isDownloadable,
+  yr as isValidUrl,
+  cr as isValidUrlOrEmpty,
+  Zo as joinClassNames,
+  br as mapAppBridgeColorPaletteToFonduePalette,
+  Dr as mapAppBridgeColorPalettesToFonduePalettes,
+  To as marginStyleMap,
+  jo as moveItemInArray,
+  yo as paddingStyleMap,
+  co as radiusStyleMap,
+  Br as relativeUrlRegex,
+  No as setAlpha,
+  rt as submitFloatingButton,
+  Ho as toColorObject,
+  Io as toHex8String,
+  Do as toHexString,
+  Uo as toRgbaString,
+  Vo as toShortRgba,
+  dt as triggerFloatingButton,
+  Pt as triggerFloatingButtonEdit,
+  Tt as triggerFloatingButtonInsert,
+  et as unwrapButton,
+  at as upsertButton,
+  pt as upsertButtonText,
+  Gr as useAttachments,
+  Hr as useAttachmentsContext,
+  wr as useDndSensors,
+  f as useDragPreviewContext,
+  S as useMultiFlyoutContext,
+  B as useMultiFlyoutState,
+  Or as withAttachmentsProvider,
+  Y as withButton,
+  lt as wrapButton
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport './styles.css';\n\nimport type { FC } from 'react';\nimport type { AppBridgeBlock } from '@frontify/app-bridge';\nimport type {\n    AssetInputBlock as AssetInputBlockSidebarSettings,\n    BaseBlock as BaseBlockSidebarSettings,\n    Bundle as BundleSidebarSettings,\n    ChecklistBlock as ChecklistBlockSidebarSettings,\n    ChoicesType as ChoicesTypeSidebarSettings,\n    ColorInputBlock as ColorInputBlockSidebarSettings,\n    DropdownBlock as DropdownBlockSidebarSettings,\n    DynamicSettingBlock as DynamicSettingBlockSidebarSettings,\n    DynamicSupportedBlock as DynamicSupportedBlockSidebarSettings,\n    FontInputBlock as FontInputBlockSidebarSettings,\n    InputBlock as InputBlockSidebarSettings,\n    LegacyAssetInputBlock as LegacyAssetInputBlockSidebarSettings,\n    LinkBlock as LinkBlockSidebarSettings,\n    LinkChooserBlock as LinkChooserBlockSidebarSettings,\n    MultiInputBlock as MultiInputBlockSidebarSettings,\n    NotificationBlock as NotificationBlockSidebarSettings,\n    SectionHeadingBlock as SectionHeadingBlockSidebarSettings,\n    SegmentedControlsBlock as SegmentedControlsBlockSidebarSettings,\n    SettingBlock as SettingBlockSidebarSettings,\n    SimpleSettingBlock as SimpleSettingBlockSidebarSettings,\n    SwitchBlock as SwitchBlockSidebarSettings,\n    TemplateInputBlock as TemplateInputBlockSidebarSettings,\n    TextareaBlock as TextareaBlockSidebarSettings,\n    ValueOrPromisedValue as ValueOrPromisedValueSidebarSettings,\n} from '@frontify/sidebar-settings';\n\nexport * from '@frontify/sidebar-settings';\n\nexport type AssetInputBlock = AssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type BaseBlock<T = undefined> = BaseBlockSidebarSettings<AppBridgeBlock, T>;\nexport type Bundle = BundleSidebarSettings<AppBridgeBlock>;\nexport type ChecklistBlock = ChecklistBlockSidebarSettings<AppBridgeBlock>;\nexport type ChoicesType = ChoicesTypeSidebarSettings<AppBridgeBlock>;\nexport type ColorInputBlock = ColorInputBlockSidebarSettings<AppBridgeBlock>;\nexport type DropdownBlock = DropdownBlockSidebarSettings<AppBridgeBlock>;\nexport type DynamicSettingBlock<Block extends DynamicSupportedBlock = DynamicSupportedBlock> =\n    DynamicSettingBlockSidebarSettings<AppBridgeBlock, Block>;\nexport type DynamicSupportedBlock = DynamicSupportedBlockSidebarSettings<AppBridgeBlock>;\nexport type FontInputBlock = FontInputBlockSidebarSettings<AppBridgeBlock>;\nexport type InputBlock = InputBlockSidebarSettings<AppBridgeBlock>;\nexport type LegacyAssetInputBlock = LegacyAssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkBlock = LinkBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkChooserBlock = LinkChooserBlockSidebarSettings<AppBridgeBlock>;\nexport type MultiInputBlock = MultiInputBlockSidebarSettings<AppBridgeBlock>;\nexport type NotificationBlock = NotificationBlockSidebarSettings<AppBridgeBlock>;\nexport type SectionHeadingBlock = SectionHeadingBlockSidebarSettings<AppBridgeBlock>;\nexport type SegmentedControlsBlock = SegmentedControlsBlockSidebarSettings<AppBridgeBlock>;\nexport type SettingBlock = SettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SimpleSettingBlock = SimpleSettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SwitchBlock = SwitchBlockSidebarSettings<AppBridgeBlock>;\nexport type TemplateInputBlock = TemplateInputBlockSidebarSettings<AppBridgeBlock>;\nexport type TextareaBlock = TextareaBlockSidebarSettings<AppBridgeBlock>;\nexport type ValueOrPromisedValue<T> = ValueOrPromisedValueSidebarSettings<AppBridgeBlock, T>;\n\nexport enum Sections {\n    Main = 'main',\n    Basics = 'basics',\n    Layout = 'layout',\n    Style = 'style',\n    Security = 'security',\n    Targets = 'targets',\n}\n\nexport type BlockSettingsStructureExport = {\n    [Sections.Main]?: SettingBlock[];\n    [Sections.Basics]?: SettingBlock[];\n    [Sections.Layout]?: SettingBlock[];\n    [Sections.Style]?: SettingBlock[];\n    [Sections.Security]?: SettingBlock[];\n} & { [customSectionName: string]: SettingBlock[] };\n\nexport type BlockProps = {\n    /**\n     * The Frontify App Bridge provides an interface to the Frontify app internals.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks/introducing-the-app-bridge}\n     */\n    appBridge: AppBridgeBlock;\n};\n\nexport type BlockConfigExport = {\n    /**\n     * Block component to render.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks}\n     */\n    block: FC<BlockProps>;\n    /**\n     * Contains the block settings and its structure.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-settings-1}\n     */\n    settings: ReturnType<typeof defineSettings>;\n    /**\n     * Block lifecycle hook ran before the block gets added in the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-creation}\n     */\n    onBlockCreated?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n    /**\n     * Block lifecycle hook ran before the block gets deleted from the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-deletion}\n     */\n    onBlockDeleted?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n};\n\n/**\n * Type helper to make it easier to export a theme, accepts a direct {@link BlockConfigExport} object.\n */\nexport const defineBlock = (config: BlockConfigExport): BlockConfigExport => config;\n\n/**\n * Type helper to make it easier to export block's settings structure, accepts a direct {@link BlockSettingsStructureExport} object\n * or a function return a direct {@link BlockSettingsStructureExport} or a function returning a Promise of {@link BlockSettingsStructureExport}.\n */\nexport const defineSettings = <\n    T extends\n        | BlockSettingsStructureExport\n        | (() => Promise<BlockSettingsStructureExport>)\n        | (() => BlockSettingsStructureExport),\n>(\n    settingsStructure: T,\n): T => settingsStructure;\n\nexport * from './components';\nexport * from './helpers';\nexport * from './hooks';\nexport * from './settings';\nexport * from './utilities';\n"],"names":["Sections","defineBlock","config","defineSettings","settingsStructure"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DY,IAAAA,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,UAAU,WANFA,IAAAA,KAAA,CAAA,CAAA;AAyDC,MAAAC,IAAc,CAACC,MAAiDA,GAMhEC,IAAiB,CAM1BC,MACIA;"}

package/dist/index.umd.js

@@ -0,0 +1,4 @@
+(function(i,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("@frontify/sidebar-settings"),require("react/jsx-runtime"),require("@frontify/fondue"),require("react"),require("@frontify/app-bridge"),require("@dnd-kit/core"),require("@dnd-kit/modifiers"),require("@dnd-kit/sortable"),require("@react-aria/focus"),require("@react-stately/overlays"),require("@ctrl/tinycolor")):typeof define=="function"&&define.amd?define(["exports","@frontify/sidebar-settings","react/jsx-runtime","@frontify/fondue","react","@frontify/app-bridge","@dnd-kit/core","@dnd-kit/modifiers","@dnd-kit/sortable","@react-aria/focus","@react-stately/overlays","@ctrl/tinycolor"],u):(i=typeof globalThis<"u"?globalThis:i||self,u(i.GuidelineBlocksSettings={},i.sidebarSettings,i.jsxRuntime,i.fondue,i.React,i.appBridge,i.core,i.modifiers,i.sortable,i.focus,i.overlays,i.tinycolor))})(this,function(i,u,s,r,y,W,T,mn,ct,jt,wn,V){"use strict";var Ma=Object.defineProperty;var Da=(i,u,s)=>u in i?Ma(i,u,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[u]=s;var L=(i,u,s)=>(Da(i,typeof u!="symbol"?u+"":u,s),s);const _=t=>t.filter(Boolean).join(" "),yn=({onDrop:t,label:e,icon:n,secondaryLabel:a,isLoading:l,fillParentContainer:o,onAssetChooseClick:c,onUploadClick:g,withMenu:d=!0,onClick:w,validFileType:m,verticalLayout:h})=>{const[f,b]=y.useState(!1),[C,k]=y.useState(),P=y.useRef(null),[B,D]=y.useState(void 0),F=S=>{if(S.preventDefault(),b(!1),!U(S.dataTransfer.files)){D("Invalid"),setTimeout(()=>{D(void 0)},1e3);return}t==null||t(S.dataTransfer.files)},U=S=>{if(!m)return!0;for(let M=0;M<S.length;M++){const O=S[M].name.split(".").pop()??"";if(!W.FileExtensionSets[m].includes(O))return!1}return!0},z=S=>{if(!P.current||l)return;const{left:M,top:O}=P.current.getBoundingClientRect(),bt=S.clientX-M,vt=S.clientY-O;k([bt,vt])};return s.jsxs("button",{ref:P,"data-test-id":"block-inject-button",className:_(["tw-font-body tw-relative tw-text-sm tw-leading-4 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",h?"[&: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",o?"tw-h-full":"tw-h-[72px]",f&&!l?"tw-border-dashed":"tw-border-solid",C&&"tw-bg-blank-state-pressed-inverse",f&&"tw-bg-blank-state-weak-inverse",B?"!tw-border-red-50 !tw-cursor-not-allowed":" tw-border-blank-state-line",l||C||f||B?"":"tw-text-text-weak hover:tw-text-blank-state-hover hover:tw-bg-blank-state-hover-inverse hover:tw-border-blank-state-line-hover active:tw-text-blank-state-pressed active:tw-bg-blank-state-pressed-inverse active:tw-border-blank-state-line-hover",(f||C)&&!B?"[&>*]:tw-pointer-events-none tw-border-blank-state-line-hover":"tw-bg-blank-state-shaded-inverse tw-text-blank-state-shaded"]),onDragEnter:t?S=>{var M;if(b(!0),m==="Images")for(const O of Array.from(S.dataTransfer.items))(M=O==null?void 0:O.type)!=null&&M.startsWith("image/")?D(void 0):D("Invalid")}:void 0,onDragLeave:t?()=>{b(!1),D(void 0)}:void 0,onDrop:t?F:void 0,onClick:S=>{d&&z(S),w==null||w()},children:[l?s.jsx(r.LoadingCircle,{}):B?s.jsxs("div",{className:" tw-flex tw-items-center tw-justify-center tw-text-red-60 tw-font-medium",children:[s.jsx(r.IconExclamationMarkTriangle,{}),B]}):s.jsxs(s.Fragment,{children:[n&&s.jsx("div",{children:n}),(e||a)&&s.jsxs("div",{className:"tw-flex tw-flex-col tw-items-start",children:[e&&s.jsx("div",{className:"tw-font-medium",children:e}),a&&s.jsx("div",{className:"tw-font-normal",children:a})]})]}),C&&s.jsx("div",{className:"tw-absolute tw-left-0 tw-top-full tw-z-20",style:{left:C[0],top:C[1]},children:s.jsx(r.Flyout,{onOpenChange:S=>!S&&k(void 0),isOpen:!0,fitContent:!0,hug:!1,legacyFooter:!1,trigger:s.jsx("div",{}),children:s.jsx(r.ActionMenu,{menuBlocks:[{id:"menu",menuItems:[...g?[{id:"upload",size:r.MenuItemContentSize.XSmall,title:"Upload asset",onClick:()=>{g(),k(void 0)},initialValue:!0,decorator:s.jsx("div",{className:"tw-mr-2",children:s.jsx(r.IconArrowCircleUp20,{})})}]:[],...c?[{id:"asset",size:r.MenuItemContentSize.XSmall,title:"Browse asset",onClick:()=>{c(),k(void 0)},initialValue:!0,decorator:s.jsx("div",{className:"tw-mr-2",children:s.jsx(r.IconImageStack20,{})})}]:[]]}]})})})]})},q=t=>{const e=a=>typeof a=="object"&&["red","green","blue"].every(o=>a.hasOwnProperty(o)),n=a=>{const l=typeof a.alpha=="number"?a.alpha:1;return{r:a.red,g:a.green,b:a.blue,a:l}};return e(t)?n(t):t},fn=t=>typeof t=="object"&&["red","green","blue"].every(n=>t==null?void 0:t.hasOwnProperty(n)),bn=(t,e)=>{const n=fn(t)?q(t):t,a=new V.TinyColor(n);return e?a.getBrightness()<e:a.isDark()||a.getAlpha()>.25&&a.getAlpha()<1},vn=t=>new V.TinyColor(q(t)).toHex8String(),pn=t=>new V.TinyColor(q(t)).toHexString(),pt=t=>new V.TinyColor(q(t)).toRgbString(),Cn=(t,e)=>new V.TinyColor(e).setAlpha(t).toRgbString(),kn=t=>{const{r:e,g:n,b:a,a:l}=new V.TinyColor(t);return{red:e,green:n,blue:a,alpha:l}},Kt=t=>typeof t=="object"&&["red","green","blue"].every(n=>t==null?void 0:t.hasOwnProperty(n)),xn=(t,e)=>{const n=Kt(t)?q(t):t,a=Kt(e)?q(e):e;let l=new V.TinyColor(n);const o=new V.TinyColor(a);for(;V.readability(l,o)<4.5;)l=l.darken(1);return l.toRgbString()},Sn=(t,e,n)=>{const a=[...t],l=n<0?a.length+n:n;if(l>=0&&l<a.length){const o=a.splice(e,1)[0];a.splice(l,0,o)}return a},Tn=t=>({backgroundColor:pt(t)});var H=(t=>(t.Solid="Solid",t.Dashed="Dashed",t.Dotted="Dotted",t))(H||{});const Xt={Solid:"solid",Dotted:"dotted",Dashed:"dashed"};var $=(t=>(t.None="None",t.Small="Small",t.Medium="Medium",t.Large="Large",t))($||{});const G={None:"0px",Small:"2px",Medium:"4px",Large:"12px"};var j=(t=>(t.None="None",t.Small="Small",t.Medium="Medium",t.Large="Large",t))(j||{});const J={None:"0px",Small:"24px",Medium:"36px",Large:"60px"};var K=(t=>(t.None="None",t.Small="Small",t.Medium="Medium",t.Large="Large",t))(K||{});const Z={None:"0px",Small:"24px",Medium:"36px",Large:"60px"};var X=(t=>(t.Global="Global",t.Custom="Custom",t))(X||{}),Q=(t=>(t.Auto="Auto",t.S="S",t.M="M",t.L="L",t))(Q||{});const Qt={Auto:"4px",S:"10px",M:"30px",L:"50px"},Pn={red:241,green:241,blue:241,alpha:1},Yt={red:234,green:235,blue:235,alpha:1},In="1px",rt="24px",at="24px",En=(t=H.Solid,e="1px",n=Yt)=>({borderStyle:Xt[t],borderWidth:e,borderColor:pt(n)}),Bn=(t,e=!1,n)=>({borderRadius:e?n:G[t]}),Jt=y.createContext(!1),Zt=({children:t,isDragPreview:e})=>s.jsx(Jt.Provider,{value:e,children:t}),st=()=>y.useContext(Jt),Rt=y.createContext({openFlyoutIds:[],setOpenFlyoutIds:()=>console.error("No MultiFlyoutContext Provider found")}),te=({children:t,openFlyoutIds:e,setOpenFlyoutIds:n})=>{const a=y.useMemo(()=>({openFlyoutIds:e,setOpenFlyoutIds:n}),[e,n]);return s.jsx(Rt.Provider,{value:a,children:t})},ee=()=>y.useContext(Rt),dt=t=>{const{openFlyoutIds:e,setOpenFlyoutIds:n}=ee(),a=y.useCallback(l=>{n(o=>{const c=o.filter(g=>g!==t);return l?[...c,t]:c})},[t,n]);return{isOpen:e.includes(t),onOpenChange:a}},ne=({children:t})=>s.jsx("div",{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:t}),re=(t,e)=>{const{blockAssets:n,addAssetIdsToKey:a,deleteAssetIdsFromKey:l,updateAssetIdsFromKey:o}=W.useBlockAssets(t),c=(n==null?void 0:n[e])||[];return{onAttachmentsAdd:async h=>{await a(e,h.map(f=>f.id))},onAttachmentDelete:async h=>{await l(e,[h.id])},onAttachmentReplace:async(h,f)=>{const b=c.map(C=>C.id===h.id?f.id:C.id);await o(e,b)},onAttachmentsSorted:async h=>{const f=h.map(b=>b.id);await o(e,f)},attachments:c,appBridge:t}},ae=y.createContext(null),se=({appBridge:t,children:e,assetId:n})=>{const a=re(t,n);return s.jsx(ae.Provider,{value:a,children:e})},le=()=>{const t=y.useContext(ae);if(!t)throw new Error("No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC");return t},Nn=(t,e)=>{const n=a=>s.jsx(se,{appBridge:a.appBridge,assetId:e,children:s.jsx(t,{...a})});return n.displayName="withAttachmentsProvider",n},Ln=[T.KeyboardCode.Down,T.KeyboardCode.Right,T.KeyboardCode.Up,T.KeyboardCode.Left],ie=(t,e)=>(n,{currentCoordinates:a,context:{activeNode:l}})=>{if(n.preventDefault(),Ln.includes(n.code)){const o=(l==null?void 0:l.offsetWidth)??0,c=(l==null?void 0:l.offsetHeight)??0;switch(n.code){case T.KeyboardCode.Right:return{...a,x:a.x+o+t};case T.KeyboardCode.Left:return{...a,x:a.x-o-t};case T.KeyboardCode.Down:return{...a,y:a.y+c+e};case T.KeyboardCode.Up:return{...a,y:a.y-c-e}}}},An={start:["Space","Enter"],cancel:[],end:["Space","Enter","Escape"]},Mn=(t=0,e=0)=>{const n=ie(t,e);return T.useSensors(T.useSensor(T.PointerSensor),T.useSensor(T.KeyboardSensor,{coordinateGetter:n,keyboardCodes:An}))},Dn=t=>t==="IMAGE"?s.jsx(r.IconImage24,{}):t==="VIDEO"?s.jsx(r.IconPlayFrame24,{}):t==="AUDIO"?s.jsx(r.IconMusicNote24,{}):s.jsx(r.IconDocument24,{}),Ct=y.forwardRef(({item:t,isEditing:e,draggableProps:n,transformStyle:a,isDragging:l,isOverlay:o,isLoading:c,onDelete:g,onReplaceWithBrowse:d,onReplaceWithUpload:w,onDownload:m},h)=>{const[f,b]=y.useState(),[C,{selectedFiles:k}]=W.useFileInput({multiple:!0,accept:"image/*"}),[P,{results:B,doneAll:D}]=W.useAssetUpload(),{focusProps:F,isFocusVisible:U}=jt.useFocusRing();y.useEffect(()=>{k&&P(k[0])},[k]),y.useEffect(()=>{D&&w(B[0])},[D,B]);const z=c||k&&!D;return s.jsxs("button",{"aria-label":"Download attachment","data-test-id":"attachments-item",onClick:()=>m==null?void 0:m(),ref:h,style:{...a,opacity:l&&!o?.3:1,fontFamily:"var(-f-theme-settings-body-font-family)"},className:_(["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-box-neutral-hover",l?"tw-bg-box-neutral-hover":""]),children:[s.jsx("div",{className:"tw-text-text-weak group-hover:tw-text-box-neutral-inverse-hover",children:z?s.jsx(r.LoadingCircle,{size:r.LoadingCircleSize.Small}):Dn(t.objectType)}),s.jsxs("div",{className:"tw-text-s tw-flex-1 tw-min-w-0",children:[s.jsx("div",{className:"tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis tw-font-bold tw-text-text-weak group-hover:tw-text-box-neutral-inverse-hover",children:t.title}),s.jsx("div",{className:"tw-text-text-weak",children:`${t.fileSizeHumanReadable} - ${t.extension}`})]}),e&&s.jsxs("div",{"data-test-id":"attachments-actionbar",className:_(["tw-flex tw-gap-0.5 group-focus:tw-opacity-100 focus-visible:tw-opacity-100 focus-within:tw-opacity-100 group-hover:tw-opacity-100",o||(f==null?void 0:f.id)===t.id?"tw-opacity-100":"tw-opacity-0"]),children:[s.jsx("button",{...F,...n,"aria-label":"Drag attachment",className:_([" tw-border-button-border tw-bg-button-background active:tw-bg-button-background-pressed tw-group tw-border tw-box-box tw-relative tw-flex tw-items-center tw-justify-center tw-outline-none tw-font-medium tw-rounded tw-h-9 tw-w-9 ",l||o?"tw-cursor-grabbing tw-bg-button-background-pressed hover:tw-bg-button-background-pressed":"tw-cursor-grab hover:tw-bg-button-background-hover",U&&r.FOCUS_STYLE,U&&"tw-z-[2]"]),children:s.jsx(r.IconGrabHandle20,{})}),s.jsx("div",{"data-test-id":"attachments-actionbar-flyout",children:s.jsx(r.Flyout,{placement:r.FlyoutPlacement.Right,isOpen:(f==null?void 0:f.id)===t.id,fitContent:!0,legacyFooter:!1,onOpenChange:S=>b(S?t:void 0),trigger:(S,M)=>s.jsx(r.Button,{ref:M,icon:s.jsx(r.IconPen20,{}),emphasis:r.ButtonEmphasis.Default,onClick:()=>b(t)}),children:s.jsx(r.ActionMenu,{menuBlocks:[{id:"menu",menuItems:[{id:"upload",size:r.MenuItemContentSize.XSmall,title:"Replace with upload",onClick:()=>{C(),b(void 0)},initialValue:!0,decorator:s.jsx("div",{className:"tw-mr-2",children:s.jsx(r.IconArrowCircleUp20,{})})},{id:"asset",size:r.MenuItemContentSize.XSmall,title:"Replace with asset",onClick:()=>{d(),b(void 0)},initialValue:!0,decorator:s.jsx("div",{className:"tw-mr-2",children:s.jsx(r.IconImageStack20,{})})}]},{id:"menu-delete",menuItems:[{id:"delete",size:r.MenuItemContentSize.XSmall,title:"Delete",style:r.MenuItemStyle.Danger,onClick:()=>{g(),b(void 0)},initialValue:!0,decorator:s.jsx("div",{className:"tw-mr-2",children:s.jsx(r.IconTrashBin20,{})})}]}]})})})]})]})});Ct.displayName="AttachmentItem";const Fn=t=>{const{attributes:e,listeners:n,setNodeRef:a,transform:l,transition:o,isDragging:c}=ct.useSortable({id:t.item.id}),g={transform:l?`translate(${l.x}px, ${l.y}px)`:"",transition:o,zIndex:c?2:1},d={...e,...n};return s.jsx(Ct,{ref:a,isDragging:c,transformStyle:g,draggableProps:d,...t})},On=({children:t,isFlyoutOpen:e,triggerProps:n,triggerRef:a})=>s.jsxs("button",{className:_(["tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line",e?"tw-bg-box-neutral-pressed tw-text-box-neutral-inverse-pressed":"tw-bg-base hover:tw-bg-box-neutral-hover active:tw-bg-box-neutral-pressed tw-text-box-neutral-inverse hover:tw-text-box-neutral-inverse-hover active:tw-text-box-neutral-inverse-pressed"]),...n,ref:a,"data-test-id":"attachments-button-trigger",children:[s.jsx(r.IconPaperclip16,{}),t,s.jsx(r.IconCaretDown12,{})]}),oe=({items:t=[],onDelete:e,onReplaceWithBrowse:n,onReplaceWithUpload:a,onBrowse:l,onUpload:o,onSorted:c,appBridge:g,triggerComponent:d=On,isOpen:w,onOpenChange:m})=>{const[h,f]=y.useState(t),[b,C]=y.useState(!1),k=T.useSensors(T.useSensor(T.PointerSensor),T.useSensor(T.KeyboardSensor)),[P,B]=y.useState(void 0),[D,F]=y.useState(!1),[U,z]=y.useState([]),[S,M]=y.useState(null),O=W.useEditorState(g),{openAssetChooser:bt,closeAssetChooser:vt}=W.useAssetChooser(g),on=w!==void 0,qt=on?w:b,nt=h==null?void 0:h.find(p=>p.id===P),[Ia,{results:cn,doneAll:dn}]=W.useAssetUpload({onUploadProgress:()=>!D&&F(!0)}),ot=p=>{const E=on?m:C;E==null||E(p)};y.useEffect(()=>{f(t)},[t]),y.useEffect(()=>{S&&(F(!0),Ia(S))},[S]),y.useEffect(()=>{(async()=>{dn&&(await o(cn),F(!1))})()},[dn,cn]);const Ea=()=>{ot(!1),bt(p=>{l(p),vt(),ot(!0)},{multiSelection:!0,selectedValueIds:h.map(p=>p.id)})},gn=p=>{ot(!1),bt(async E=>{ot(!0),vt(),z([...U,p.id]),await n(p,E[0]),z(U.filter(Y=>Y!==p.id))},{multiSelection:!1,selectedValueIds:h.map(E=>E.id)})},un=async(p,E)=>{z([...U,p.id]),await a(p,E),z(U.filter(Y=>Y!==p.id))},Ba=p=>{const{active:E}=p;B(E.id)},Na=p=>{const{active:E,over:Y}=p;if(Y&&E.id!==Y.id&&h){const La=h.findIndex(Gt=>Gt.id===E.id),Aa=h.findIndex(Gt=>Gt.id===Y.id),hn=ct.arrayMove(h,La,Aa);f(hn),c(hn)}B(void 0)};return O||((h==null?void 0:h.length)??0)>0?s.jsx(r.LegacyTooltip,{withArrow:!0,position:r.TooltipPosition.Top,content:"Attachments",disabled:qt,enterDelay:500,triggerElement:s.jsx("div",{"data-test-id":"attachments-flyout-button",children:s.jsx(r.Flyout,{placement:r.FlyoutPlacement.BottomRight,onOpenChange:p=>ot(nt?!0:p),isOpen:qt,hug:!1,fitContent:!0,legacyFooter:!1,trigger:(p,E)=>s.jsx(d,{isFlyoutOpen:qt,triggerProps:p,triggerRef:E,children:s.jsx("div",{children:t.length>0?t.length:"Add"})}),children:s.jsxs("div",{className:"tw-w-[300px]","data-test-id":"attachments-flyout-content",children:[h.length>0&&s.jsxs(T.DndContext,{sensors:k,collisionDetection:T.closestCenter,onDragStart:Ba,onDragEnd:Na,modifiers:[mn.restrictToWindowEdges],children:[s.jsx(ct.SortableContext,{items:h,strategy:ct.rectSortingStrategy,children:s.jsx("div",{className:"tw-border-b tw-border-b-line",children:h.map(p=>s.jsx(Fn,{isEditing:O,isLoading:U.includes(p.id),item:p,onDelete:()=>e(p),onReplaceWithBrowse:()=>gn(p),onReplaceWithUpload:E=>un(p,E),onDownload:()=>g.dispatch({name:"downloadAsset",payload:p})},p.id))})}),s.jsx(T.DragOverlay,{children:nt&&s.jsx(Ct,{isOverlay:!0,isEditing:O,item:nt,isDragging:!0,onDelete:()=>e(nt),onReplaceWithBrowse:()=>gn(nt),onReplaceWithUpload:p=>un(nt,p)},P)})]}),O&&s.jsxs("div",{className:"tw-px-5 tw-py-3",children:[s.jsx("div",{className:"tw-font-body tw-font-medium tw-text-text tw-text-s tw-my-4",children:"Add attachments"}),s.jsx(r.AssetInput,{isLoading:D,size:r.AssetInputSize.Small,onUploadClick:p=>M(p),onLibraryClick:Ea})]})]})})})}):null},Un=(t,e)=>{const n=[r.FOCUS_VISIBLE_STYLE,"tw-relative tw-inline-flex tw-items-center tw-justify-center","tw-h-6 tw-p-1","tw-rounded","tw-text-xs tw-font-medium","tw-gap-0.5","focus-visible:tw-z-10"];return e?n.push("tw-bg-box-neutral-pressed","tw-text-box-neutral-inverse-pressed",t==="grab"?"tw-cursor-grabbing":"tw-cursor-pointer"):n.push("hover:tw-bg-box-neutral-hover active:tw-bg-box-neutral-pressed","tw-text-text-weak hover:tw-text-box-neutral-inverse-hover active:tw-text-box-neutral-inverse-pressed",t==="grab"?"!tw-cursor-grab active:tw-cursor-grabbing":"tw-cursor-pointer"),_(n)},lt=y.forwardRef(({onClick:t,children:e,forceActiveStyle:n,cursor:a="pointer","data-test-id":l="base-toolbar-button",...o},c)=>s.jsx("button",{onClick:t,className:Un(a,n),"data-test-id":l,...o,ref:c,children:e}));lt.displayName="BaseToolbarButton";const _n=({children:t,isFlyoutOpen:e,triggerProps:n,triggerRef:a})=>s.jsxs(lt,{forceActiveStyle:e,"data-test-id":"attachments-toolbar-button-trigger",...n,ref:a,children:[s.jsx(r.IconPaperclip16,{}),t,s.jsx(r.IconCaretDown12,{})]}),ce="attachments",de=({flyoutId:t=ce})=>{const e=r.useMemoizedId(t),{appBridge:n,attachments:a,onAttachmentsAdd:l,onAttachmentDelete:o,onAttachmentReplace:c,onAttachmentsSorted:g}=le(),{isOpen:d,onOpenChange:w}=dt(e),m=st();return s.jsx(oe,{onUpload:l,onDelete:o,onReplaceWithBrowse:c,onReplaceWithUpload:c,onSorted:g,onBrowse:l,items:a,appBridge:n,triggerComponent:_n,isOpen:d&&!m,onOpenChange:w})},kt=({open:t,content:e,children:n,disabled:a})=>s.jsx(r.LegacyTooltip,{withArrow:!0,hoverDelay:0,enterDelay:300,open:t,disabled:a,position:r.TooltipPosition.Top,content:s.jsx("div",{children:e}),triggerElement:n,"data-test-id":"toolbar-button-tooltip"}),Hn=({tooltip:t,icon:e,onClick:n})=>{const a=st();return s.jsx(kt,{disabled:a,content:t??"",children:s.jsx(lt,{"data-test-id":"block-item-wrapper-toolbar-btn",onClick:n,children:e})})},ge="Drag or press ↵ to move",ue="Move with ↑↓←→ and confirm with ↵",he=({tooltip:t,icon:e,setActivatorNodeRef:n,draggableProps:a})=>{const l=st();return s.jsx(kt,{open:l,content:s.jsx("div",{children:l?ue:t??ge}),children:s.jsx(lt,{ref:n,"data-test-id":"block-item-wrapper-toolbar-btn",forceActiveStyle:l,cursor:"grab",...a,children:e})})},xt=({content:t,icon:e,tooltip:n,flyoutId:a,flyoutFooter:l,flyoutHeader:o})=>{const c=r.useMemoizedId(a),{isOpen:g,onOpenChange:d}=dt(c),w=st();return s.jsx(kt,{disabled:w||g,content:n,children:s.jsx("div",{className:"tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative",children:s.jsx(r.Flyout,{isOpen:g&&!w,legacyFooter:!1,fixedFooter:l,fixedHeader:o,fitContent:!0,hug:!1,placement:r.FlyoutPlacement.BottomRight,onOpenChange:d,trigger:(m,h)=>s.jsx(lt,{"data-test-id":"block-item-wrapper-toolbar-flyout",forceActiveStyle:g&&!w,...m,ref:h,children:e}),children:t})})})},me=({items:t,flyoutId:e})=>{const{onOpenChange:n}=dt(e);return s.jsx(r.ActionMenu,{menuBlocks:t.map((a,l)=>({id:l.toString(),menuItems:a.map((o,c)=>({id:l.toString()+c.toString(),size:r.MenuItemContentSize.XSmall,title:o.title,style:o.style,onClick:()=>{n(!1),o.onClick()},initialValue:!0,decorator:s.jsx("div",{className:"tw-mr-2",children:o.icon})}))}))})},St="menu",we=({items:t,flyoutId:e=St,tooltip:n="Options"})=>{const a=r.useMemoizedId(e);return s.jsx(xt,{icon:s.jsx(r.IconDotsHorizontal16,{}),tooltip:n,flyoutId:a,content:s.jsx(me,{items:t,flyoutId:a})})},ye=({items:t,attachments:e})=>s.jsxs("div",{"data-test-id":"block-item-wrapper-toolbar",className:"tw-rounded-md tw-bg-base tw-border tw-border-line-strong tw-divide-x tw-divide-line-strong tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate",children:[e.isEnabled&&s.jsx(ne,{children:s.jsx(de,{})}),s.jsx(ne,{children:t.map(n=>n.type==="dragHandle"?s.jsx(he,{...n},n.tooltip+n.type):n.type==="menu"?s.jsx(we,{...n},n.tooltip+n.type):n.type==="flyout"?s.jsx(xt,{...n},n.tooltip+n.type):s.jsx(Hn,{...n},n.tooltip+n.type))})]}),Vn=({children:t,toolbarItems:e,shouldHideWrapper:n,shouldHideComponent:a=!1,isDragging:l=!1,shouldFillContainer:o,outlineOffset:c=2,shouldBeShown:g=!1,showAttachments:d=!1})=>{const[w,m]=y.useState(g?[St]:[]),h=y.useRef(null);if(n)return s.jsx(s.Fragment,{children:t});const f=e==null?void 0:e.filter(C=>C!==void 0),b=w.length>0||g;return s.jsx(Zt,{isDragPreview:l,children:s.jsx(te,{openFlyoutIds:w,setOpenFlyoutIds:m,children:s.jsxs("div",{ref:h,"data-test-id":"block-item-wrapper",style:{outlineOffset:c},className:_(["tw-relative tw-group tw-outline-1 tw-outline-box-selected-inverse",o&&"tw-flex-1 tw-h-full tw-w-full","hover:tw-outline focus-within:tw-outline",b&&"tw-outline",a&&"tw-opacity-0"]),children:[s.jsx("div",{style:{right:-1-c,bottom:`calc(100% - ${2+c}px)`},className:_(["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",b&&"tw-opacity-100"]),children:s.jsx(ye,{attachments:{isEnabled:d},items:f})}),t]})})})},zn=({onDownload:t})=>{const{isFocused:e,focusProps:n}=jt.useFocusRing();return s.jsx(r.LegacyTooltip,{withArrow:!0,position:r.TooltipPosition.Top,content:"Download",enterDelay:500,triggerElement:s.jsx("button",{tabIndex:0,"aria-label":"Download",...n,className:_(["tw-outline-none tw-rounded",e&&r.FOCUS_STYLE]),onClick:t,onPointerDown:a=>a.preventDefault(),children:s.jsx("span",{"data-test-id":"download-button",className:"tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line",children:s.jsx(r.IconArrowCircleDown16,{})})})})},$n=({value:t="",gap:e,columns:n,show:a=!0,plugins:l})=>{const[o,c]=y.useState(null);return y.useEffect(()=>{(async()=>c(await r.serializeRawToHtmlAsync(t,l,n,e)))()},[t,n,e,l]),!a||o==="<br />"?null:o!==null?s.jsx("div",{className:"tw-w-full tw-whitespace-pre-wrap","data-test-id":"rte-content-html",dangerouslySetInnerHTML:{__html:o}}):s.jsx("div",{className:"tw-rounded-sm tw-bg-base-alt tw-animate-pulse tw-h-full tw-min-h-[10px] tw-w-full"})},Tt=r.createStore("floatingButton")({openEditorId:null,mouseDown:!1,updated:!1,url:"",text:"",buttonStyle:"primary",newTab:!1,mode:"",isEditing:!1}).extendActions(t=>({reset:()=>{t.url(""),t.text(""),t.buttonStyle("primary"),t.newTab(!1),t.mode(""),t.isEditing(!1)}})).extendActions(t=>({show:(e,n)=>{t.mode(e),t.isEditing(!1),t.openEditorId(n)},hide:()=>{t.reset(),t.openEditorId(null)}})).extendSelectors(t=>({isOpen:e=>t.openEditorId===e})),I=Tt.set,A=Tt.get,it=()=>Tt.use,fe=t=>{if(!t)return!1;const e=n=>n.some(a=>a.text?a.text!=="":a.children?e(a.children):!1);try{const n=JSON.parse(t);return e(n)}catch{return!1}},Wn=(t="p",e="",n)=>fe(e)?e:JSON.stringify([{type:t,children:[{text:e,textStyle:t}],align:n}]),qn=(t,e,n)=>t===X.Custom?e:n,Gn=t=>t.map(be),be=t=>({id:t.id,title:t.name,colors:t.colors.map(Kn)}),jn=t=>"revision"in t,Kn=t=>{if(jn(t)){const{title:e,revision:n}=t;return{alpha:n.rgba.alpha?n.rgba.alpha/255:1,red:n.rgba.red??0,green:n.rgba.green??0,blue:n.rgba.blue??0,name:e??""}}return{alpha:t.alpha?t.alpha/255:1,red:t.red??0,green:t.green??0,blue:t.blue??0,name:t.name??""}},Pt=(t,e)=>{const n=r.getAboveNode(t,{match:{type:r.ELEMENT_LINK}});return Array.isArray(n)?e(n[0]):""},Xn=t=>Pt(t,e=>{var n,a;return((a=(n=e.chosenLink)==null?void 0:n.searchResult)==null?void 0:a.link)||""}),Qn=t=>Pt(t,e=>e.url||""),It=t=>{var e,n;return t.url||((n=(e=t.chosenLink)==null?void 0:e.searchResult)==null?void 0:n.link)||""},Yn=t=>Pt(t,It),Et=/^\/(document|r)\/\S+$/i,gt=t=>{if(Et.test(t))return t;try{return new URL(t),t}catch{return`https://${t}`}},ut=t=>{if(Et.test(t))return!0;try{const e=new URL(t);return["http:","https:","mailto:","tel:"].includes(e.protocol)&&e.pathname!==""}catch{return!1}},R=t=>ut(gt(t))||t==="",ve=(t,{type:e})=>{const{apply:n,normalizeNode:a}=t;return t.apply=l=>{if(l.type!=="set_selection"){n(l);return}const o=l.newProperties;if(!(o!=null&&o.focus)||!o.anchor||!r.isCollapsed(o)){n(l);return}const c=r.getAboveNode(t,{at:o,match:{type:r.getPluginType(t,x)}});if(c){const[,g]=c;let d;r.isStartPoint(t,o.focus,g)&&(d=r.getPreviousNodeEndPoint(t,g)),r.isEndPoint(t,o.focus,g)&&(d=r.getNextNodeStartPoint(t,g)),d&&(l.newProperties={anchor:d,focus:d})}n(l)},t.normalizeNode=([l,o])=>{if(l.type===r.getPluginType(t,x)){const c=t.selection;if(c&&r.isCollapsed(c)&&r.isEndPoint(t,c.focus,o)){const g=r.getNextNodeStartPoint(t,o);if(g)r.select(t,g);else{const d=r.Path.next(o);r.insertNodes(t,{text:""},{at:d}),r.select(t,d)}}}a([l,o])},r.withRemoveEmptyNodes(t,r.mockPlugin({options:{types:e}}))},pe=(t,e,n)=>{r.insertNodes(t,[Se(t,e)],n)},Bt=t=>{if(!t.selection)return;const{isUrl:e,forceSubmit:n}=r.getPluginOptions(t,x),a=A.url();if(!((e==null?void 0:e(a))||n))return;const o=A.text(),c=A.buttonStyle(),g=A.newTab()?void 0:"_self";return I.reset(),Ce(t,{url:a,text:o,buttonStyle:c,target:g,isUrl:d=>n||!e?!0:e(d)}),setTimeout(()=>{r.focusEditor(t,t.selection??void 0)},0),!0},tt=(t,e)=>r.withoutNormalizing(t,()=>{var n,a,l,o,c,g;if(e!=null&&e.split){if(r.getAboveNode(t,{at:(n=t.selection)==null?void 0:n.anchor,match:{type:r.getPluginType(t,x)}}))return r.splitNodes(t,{at:(a=t.selection)==null?void 0:a.anchor,match:m=>r.isElement(m)&&m.type===r.getPluginType(t,x)}),tt(t,{at:(l=t.selection)==null?void 0:l.anchor}),!0;if(r.getAboveNode(t,{at:(o=t.selection)==null?void 0:o.focus,match:{type:r.getPluginType(t,x)}}))return r.splitNodes(t,{at:(c=t.selection)==null?void 0:c.focus,match:m=>r.isElement(m)&&m.type===r.getPluginType(t,x)}),tt(t,{at:(g=t.selection)==null?void 0:g.focus}),!0}r.unwrapNodes(t,{match:{type:r.getPluginType(t,x)},...e})}),Ce=(t,{url:e,text:n,buttonStyle:a,target:l,insertTextInButton:o,insertNodesOptions:c,isUrl:g=r.getPluginOptions(t,x).isUrl})=>{var B;const d=t.selection;if(!d)return;const w=r.getAboveNode(t,{at:d,match:{type:r.getPluginType(t,x)}});if(o&&w)return t.insertText(e),!0;if(!(g!=null&&g(e)))return;if(r.isDefined(n)&&n.length===0&&(n=e),w)return Rn(e,t,w,l,a,n),!0;const m=r.findNode(t,{at:d,match:{type:r.getPluginType(t,x)}}),[h,f]=m??[],b=Jn(t,f,n);if(r.isExpanded(d))return Zn(w,t,e,a,l,n),!0;b&&r.removeNodes(t,{at:f});const C=r.getNodeProps(h??{}),k=(B=t.selection)==null?void 0:B.focus.path;if(!k)return;const P=r.getNodeLeaf(t,k);return n!=null&&n.length||(n=e),pe(t,{...C,url:e,target:l,children:[{...P,text:n}]},c),!0};function Jn(t,e,n){return e&&(n==null?void 0:n.length)&&n!==r.getEditorString(t,e)}function Zn(t,e,n,a,l,o){t?tt(e,{at:t[1]}):tt(e,{split:!0}),ke(e,{url:n,buttonStyle:a,target:l}),Nt(e,{url:n,target:l,text:o})}function Rn(t,e,n,a,l,o){var c,g,d;(t!==((c=n[0])==null?void 0:c.url)||a!==((g=n[0])==null?void 0:g.target)||l!==((d=n[0])==null?void 0:d.buttonStyle))&&r.setNodes(e,{url:t,target:a,buttonStyle:l},{at:n[1]}),Nt(e,{url:t,text:o,target:a})}const Nt=(t,{text:e})=>{const n=r.getAboveNode(t,{match:{type:r.getPluginType(t,x)}});if(n){const[a,l]=n;if(e!=null&&e.length&&e!==r.getEditorString(t,l)){const o=a.children[0];r.replaceNodeChildren(t,{at:l,nodes:{...o,text:e},insertOptions:{select:!0}})}}},ke=(t,{url:e,buttonStyle:n,target:a,...l})=>{r.wrapNodes(t,{type:r.getPluginType(t,x),url:e,buttonStyle:n,target:a,children:[]},{split:!0,...l})},tr=(t,e)=>{const n=r.getAboveNode(t,{match:{type:x}});return Array.isArray(n)?e(n[0]):""},xe=t=>tr(t,e=>e.url??""),Se=(t,{url:e,text:n="",buttonStyle:a="primary",target:l,children:o})=>({type:r.getPluginType(t,x),url:e,target:l,buttonStyle:a,children:o??[{text:n}]}),Te=(t,{focused:e}={})=>{if(A.mode()==="edit"){ht(t);return}Lt(t,{focused:e})},ht=t=>{const e=r.findNode(t,{match:{type:r.getPluginType(t,x)}});if(!e)return;const[n,a]=e;let l=r.getEditorString(t,a);I.url(n.url),I.newTab(n.target===void 0),l===n.url&&(l=""),I.text(l),I.isEditing(!0)},Lt=(t,{focused:e}={})=>{A.mode()||!e||r.isRangeAcrossBlocks(t,{at:t.selection})||r.someNode(t,{match:{type:r.getPluginType(t,x)}})||(I.text(r.getEditorString(t,t.selection)),I.show("insert",t.id))},mt={buttonPrimary:{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)",marginTop:"10px",marginBottom:"10px",display:"inline-block",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:{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)",display:"inline-block",marginTop:"10px",marginBottom:"10px",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:{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)",display:"inline-block",marginTop:"10px",marginBottom:"10px",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)"}}},er=t=>{var c,g;const{attributes:e,children:n}=t,a=t.element.url||((g=(c=t.element.chosenLink)==null?void 0:c.searchResult)==null?void 0:g.link)||"",l=t.element.target||"_self",o=String(t.element.buttonStyle)||"primary";return s.jsx(nr,{attributes:e,href:a,target:l,styles:mt[`button${o.charAt(0).toUpperCase()+o.slice(1)}`],children:n})},nr=({attributes:t,styles:e={hover:{}},children:n,href:a="#",target:l})=>{const[o,c]=y.useState(!1);return s.jsx("a",{...t,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),href:a,target:l,style:o?{...e,...e.hover}:e,children:n})};class rr extends r.MarkupElement{constructor(e=x,n=er){super(e,n)}}const Pe=y.forwardRef((t,e)=>{const n=r.useEditorRef();return s.jsx(r.ToolbarButton,{ref:e,...t,onMouseDown:()=>{r.focusEditor(n,n.selection??n.prevSelection??void 0)},onClick:()=>{Te(n,{focused:!0})},children:s.jsx(r.IconStylingWrapper,{icon:s.jsx(r.IconButton16,{})})})});Pe.displayName="ButtonToolbarButton";const ar=({editorId:t,id:e})=>{const n=r.useEditorState(r.useEventPlateId(t)),a=!!r.isRangeInSameBlock(n,{at:n.selection}),l=r.getPluginType(n,x),o=!!(n!=null&&n.selection)&&r.someNode(n,{match:{type:l}});return s.jsx("div",{"data-plugin-id":e,children:s.jsx(Pe,{pressed:o,disabled:!a,tooltip:r.getTooltip(a?`Button
+${r.getHotkeyByPlatform("Ctrl+Shift+K")}`:"Buttons can only be set for a single text block.")})})},sr=()=>{const t=r.useEditorRef();return s.jsx("div",{"data-test-id":"floating-button-edit",className:"tw-bg-white tw-text-text tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]",children:s.jsxs("span",{"data-test-id":"preview-button-flyout",className:"tw-flex tw-justify-between tw-items-center",children:[s.jsx("span",{className:"tw-pointer-events-none",children:A.url()}),s.jsxs("span",{className:"tw-flex tw-gap-2",children:[s.jsx("button",{onClick:()=>{ht(t)},tabIndex:0,"data-test-id":"edit-button-button",className:"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",children:s.jsx(r.IconPen16,{})}),s.jsx("button",{onClick:()=>{tt(t),r.focusEditor(t,t.selection??void 0)},tabIndex:0,"data-test-id":"remove-button-button",className:"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",children:s.jsx(r.IconTrashBin16,{})})]})]})})},lr=({section:t,selectedUrl:e,onSelectUrl:n})=>{const a=t.permanentLink===e;return s.jsx("button",{"data-test-id":"internal-link-selector-section-link",className:r.merge(["tw-py-2 tw-pr-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full",a?"tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover":"hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"]),onClick:()=>n(t.permanentLink),children:s.jsxs("div",{className:"tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6",children:[s.jsx(r.IconDocumentText16,{}),s.jsx("span",{className:"tw-text-s",children:t.title}),s.jsx("span",{className:"tw-flex-auto tw-font-sans tw-text-xs tw-text-right",children:"Section"})]})})},ir=({page:t,selectedUrl:e,onSelectUrl:n,itemsToExpandInitially:a,getDocumentSectionsByDocumentPageId:l})=>{const[o,c]=y.useState(t.id===a.documentId),[g,d]=y.useState([]),w=t.permanentLink===e;y.useEffect(()=>{(async()=>{const b=await l(t.id);d(b)})()},[t.id,l]),y.useEffect(()=>{t.id===a.pageId&&c(!0)},[a,t.id]);const m=[...g.values()],h=m.length>0;return s.jsxs(s.Fragment,{children:[s.jsx("button",{"data-test-id":"internal-link-selector-page-link",className:r.merge(["tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-flex tw-w-full",h?"tw-pl-7":"tw-pl-12",w?"tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover":"hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"]),onClick:()=>n(t.permanentLink),children:s.jsxs("div",{className:"tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6",children:[h&&s.jsx("button",{"data-test-id":"tree-item-toggle",className:"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer",onClick:()=>c(!o),children:s.jsx("div",{className:r.merge(["tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong",o?"tw-rotate-90":""])})}),s.jsx("span",{className:"tw-text-s",children:t.title}),s.jsx("span",{className:"tw-flex-auto tw-font-sans tw-text-xs tw-text-right",children:"Page"})]},t.id)}),o&&m.length>0&&m.map(f=>s.jsx(lr,{section:f,selectedUrl:e,onSelectUrl:n},f.id))]})},Ie=()=>s.jsx("div",{className:"tw-flex tw-justify-center tw-h-10 tw-items-center",children:s.jsx(r.LoadingCircle,{size:r.LoadingCircleSize.Small})}),or=({documentId:t,selectedUrl:e,onSelectUrl:n,itemsToExpandInitially:a,getDocumentSectionsByDocumentPageId:l,getDocumentPagesByDocumentId:o})=>{const[c,g]=y.useState([]),[d,w]=y.useState(!0),m=[...c.values()],h=!d&&m.length>0;return y.useEffect(()=>{o(t).then(f=>{const b=f.filter(k=>!!k.category).sort((k,P)=>k.category.sort===P.category.sort?k.sort-P.sort:k.category.sort-P.category.sort),C=f.filter(k=>!k.category).sort((k,P)=>k.sort-P.sort);g([...b,...C])}).finally(()=>{w(!1)})},[]),d?s.jsx(Ie,{}):h?s.jsx(s.Fragment,{children:m.map(f=>s.jsx(ir,{page:f,selectedUrl:e,onSelectUrl:n,itemsToExpandInitially:a,getDocumentSectionsByDocumentPageId:l},f.id))}):s.jsx("div",{className:"tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-s tw-text-text-weak",children:"This document does not contain any pages."})},cr=({document:t,selectedUrl:e,onSelectUrl:n,itemsToExpandInitially:a,getDocumentSectionsByDocumentPageId:l,getDocumentPagesByDocumentId:o})=>{const[c,g]=y.useState(t.id===a.documentId),d=t.permanentLink===e;return y.useEffect(()=>{t.id===a.documentId&&g(!0)},[a,t.id]),s.jsxs(s.Fragment,{children:[s.jsxs("button",{"data-test-id":"internal-link-selector-document-link",className:r.merge(["tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-w-full",d?"tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover":"hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"]),onClick:()=>n(t.permanentLink),children:[s.jsx("button",{role:"button",tabIndex:0,"data-test-id":"tree-item-toggle",className:"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer",onClick:()=>g(!c),children:s.jsx("div",{className:r.merge(["tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong",c?"tw-rotate-90":""])})}),s.jsx(r.IconColorFan16,{}),s.jsx("span",{className:"tw-text-s",children:t.title}),s.jsx("span",{className:"tw-flex-auto tw-font-sans tw-text-xs tw-text-right",children:"Document"})]}),c&&s.jsx(or,{documentId:t.id,selectedUrl:e,onSelectUrl:n,itemsToExpandInitially:a,getDocumentSectionsByDocumentPageId:l,getDocumentPagesByDocumentId:o})]})},dr=({selectedUrl:t,onSelectUrl:e,getAllDocuments:n,getDocumentPagesByDocumentId:a,getDocumentSectionsByDocumentPageId:l})=>{const[o,c]=y.useState(!0),[g,d]=y.useState([]),[w,m]=y.useState({documentId:void 0,pageId:void 0}),h=[...g.values()];y.useEffect(()=>{t&&h.length>0&&f().then(b=>{m(b)})},[h.length]),y.useEffect(()=>{n().then(b=>{d(b)}).finally(()=>{c(!1)})},[]);const f=async()=>{const b={documentId:void 0,pageId:void 0};if(h.find(k=>k.permanentLink===t))return b;for(const k of h){const B=[...(await a(k.id)).values()];if(!!B.find(F=>F.permanentLink===t))return b.documentId=k.id,b;for(const F of B)if(!![...(await l(F.id)).values()].find(M=>M.permanentLink===t))return b.documentId=k.id,b.pageId=F.id,b}return b};return o?s.jsx(Ie,{}):s.jsx(s.Fragment,{children:h.map(b=>s.jsx(cr,{document:b,selectedUrl:t,onSelectUrl:e,itemsToExpandInitially:w,getDocumentSectionsByDocumentPageId:l,getDocumentPagesByDocumentId:a},b.id))})},Ee=({url:t,onUrlChange:e,buttonSize:n=r.ButtonSize.Medium,getAllDocuments:a,getDocumentPagesByDocumentId:l,getDocumentSectionsByDocumentPageId:o})=>{const{open:c,isOpen:g,close:d}=wn.useOverlayTriggerState({}),[w,m]=y.useState(t),h=C=>{m(C)},f=C=>{C.key==="Enter"&&b()};y.useEffect(()=>{t&&!w&&m(t)},[t,w]);const b=()=>{e==null||e(w),d()};return s.jsxs("div",{onPointerDown:C=>C.preventDefault(),"data-test-id":"internal-link-selector",onKeyDown:f,children:[s.jsx(r.Button,{icon:s.jsx(r.IconLink,{}),size:n,type:r.ButtonType.Button,style:r.ButtonStyle.Default,emphasis:r.ButtonEmphasis.Default,onClick:()=>c(),children:"Internal link"}),s.jsxs(r.Modal,{zIndex:1001,onClose:()=>d(),isOpen:g,isDismissable:!0,children:[s.jsx(r.Modal.Header,{title:"Select internal link"}),s.jsx(r.Modal.Body,{children:s.jsx(dr,{selectedUrl:w,onSelectUrl:h,getAllDocuments:a,getDocumentPagesByDocumentId:l,getDocumentSectionsByDocumentPageId:o})}),s.jsx(r.Modal.Footer,{buttons:[{children:"Cancel",onClick:()=>d(),style:r.ButtonStyle.Default,emphasis:r.ButtonEmphasis.Default},{children:"Choose",onClick:C=>{C==null||C.preventDefault(),b()},style:r.ButtonStyle.Default,emphasis:r.ButtonEmphasis.Strong,disabled:!w}]})]})]})},Be=({onUrlChange:t,onToggleTab:e,isValidUrlOrEmpty:n,appBridge:a,clearable:l,placeholder:o,newTab:c,openInNewTab:g,url:d="",required:w,info:m,label:h,buttonSize:f,hideInternalLinkButton:b})=>{const C=n?n(d):R(d),k=c??(g?r.CheckboxState.Checked:r.CheckboxState.Unchecked);return s.jsxs("div",{"data-test-id":"link-input",children:[s.jsx(r.FormControl,{label:{children:h,htmlFor:"url",required:w,tooltip:m?{content:m,position:r.TooltipPosition.Top}:void 0},children:s.jsx(r.TextInput,{id:"url",value:d,clearable:l,onChange:t,placeholder:o??"https://example.com",focusOnMount:!0})}),!C&&s.jsx("div",{className:"tw-text-text-negative tw-mt-1 tw-text-s",children:"Please enter a valid URL."}),!b&&s.jsx("div",{className:"tw-mt-3",children:s.jsx(Ee,{url:d,onUrlChange:t,buttonSize:f??r.ButtonSize.Medium,getAllDocuments:()=>a.getAllDocuments(),getDocumentPagesByDocumentId:P=>a.getDocumentPagesByDocumentId(P),getDocumentSectionsByDocumentPageId:P=>a.getDocumentSectionsByDocumentPageId(P)})}),s.jsx("div",{className:"tw-mt-3",children:s.jsx(r.Checkbox,{value:"new-tab",label:"Open in new tab",state:k,onChange:e})})]})},Ne=({state:t,onTextChange:e,onUrlChange:n,onToggleTab:a,onCancel:l,onSave:o,isValidUrlOrEmpty:c,hasValues:g,testId:d,appBridge:w,children:m})=>s.jsxs("div",{"data-test-id":d,className:"tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px] tw-overflow-y-auto",children:[s.jsx(r.FormControl,{label:{children:"Text",htmlFor:"linkText",required:!0},children:s.jsx(r.TextInput,{id:"linkText",value:t.text,placeholder:"Link Text",onChange:e})}),m,s.jsx("div",{className:"tw-mt-5",children:s.jsx(Be,{url:t.url,newTab:t.newTab,onUrlChange:n,onToggleTab:a,isValidUrlOrEmpty:c,appBridge:w})}),s.jsx("div",{className:"tw-mt-3",children:s.jsxs("div",{className:"tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10",children:[s.jsx(r.Button,{onClick:l,size:r.ButtonSize.Medium,style:r.ButtonStyle.Default,emphasis:r.ButtonEmphasis.Default,children:"Cancel"}),s.jsx(r.Button,{onClick:o,size:r.ButtonSize.Medium,icon:s.jsx(r.IconCheckMark20,{}),disabled:!c(t==null?void 0:t.url)||!g,children:"Save"})]})})]}),gr=t=>{var n;const e=r.getAboveNode(t,{match:{type:x}});return Array.isArray(e)&&((n=e[0])==null?void 0:n.buttonStyle)||"primary"},ur={url:"",text:"",buttonStyle:"primary",newTab:r.CheckboxState.Unchecked},hr=()=>{const[t,e]=y.useReducer((n,a)=>{const{type:l,payload:o}=a;switch(l){case"NEW_TAB":return{...n,newTab:r.CheckboxState.Checked};case"SAME_TAB":return{...n,newTab:r.CheckboxState.Unchecked};case"URL":case"TEXT":case"BUTTON_STYLE":case"INIT":return{...n,...o};default:return n}},ur);return[t,e]},mr=()=>{const t=r.useEditorRef(),[e,n]=hr();y.useEffect(()=>{const h=gr(t);n({type:"INIT",payload:{text:A.text(),buttonStyle:h,newTab:A.newTab()?r.CheckboxState.Checked:r.CheckboxState.Unchecked,url:A.url()}})},[n,t]);const a=h=>{n({type:"TEXT",payload:{text:h}})},l=h=>{n({type:"BUTTON_STYLE",payload:{buttonStyle:h}})},o=h=>{n({type:"URL",payload:{url:h}})},c=h=>{n(h?{type:"NEW_TAB"}:{type:"SAME_TAB"})},g=()=>{I.reset()},d=h=>{if(!R(e.url)||!w)return;const f=gt(e.url);I.text(e.text),I.url(f),I.buttonStyle(e.buttonStyle),I.newTab(e.newTab===r.CheckboxState.Checked),Bt(t)&&(h==null||h.preventDefault())},w=e.url!==""&&e.text!=="",{appBridge:m}=r.getPluginOptions(t,x);return r.useHotkeys("enter",d,{enableOnFormTags:["INPUT"]},[]),{state:e,onTextChange:a,onButtonStyleChange:l,onUrlChange:o,onToggleTab:c,onCancel:g,onSave:d,hasValues:w,isValidUrlOrEmpty:R,appBridge:m}},wt="link-plugin";var v=(t=>(t.heading1="heading1",t.heading2="heading2",t.heading3="heading3",t.heading4="heading4",t.custom1="custom1",t.custom2="custom2",t.custom3="custom3",t.quote="quote",t.imageCaption="imageCaption",t.imageTitle="imageTitle",t.p="p",t))(v||{});const N={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)"},[wt]:{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)"},...mt},wr=()=>{const t=mr(),{state:e,onButtonStyleChange:n}=t;return s.jsx(Ne,{...t,testId:"floating-button-insert",children:s.jsx("div",{className:"tw-pt-5",children:s.jsxs(r.FormControl,{label:{children:"Button Style",htmlFor:"buttonStyle",required:!0},children:[s.jsx(At,{id:"primary",styles:N.buttonPrimary,isActive:e.buttonStyle==="primary",onClick:()=>n("primary"),children:e.text||"Primary Button"}),s.jsx(At,{id:"secondary",styles:N.buttonSecondary,isActive:e.buttonStyle==="secondary",onClick:()=>n("secondary"),children:e.text||"Secondary Button"}),s.jsx(At,{id:"tertiary",styles:N.buttonTertiary,isActive:e.buttonStyle==="tertiary",onClick:()=>n("tertiary"),children:e.text||"Tertiary Button"})]})})})},At=({id:t,styles:e,isActive:n,onClick:a,children:l})=>{const[o,c]=y.useState(!1),g=()=>e&&e.hover&&o?{...e,...e.hover}:e;return s.jsx("button",{"data-test-id":`floating-button-insert-${t}`,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onClick:a,style:{...g(),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:l})},Le={placement:"bottom-start",strategy:"absolute",middleware:[r.offset(12),r.flip({padding:12,fallbackPlacements:["bottom-end","top-start","top-end"]})]},yr=()=>{const{ref:t,...e}=vr(Le),{ref:n,...a}=fr(Le),l=r.useEditorRef(),o=it(),c=o.isOpen(l.id),g=o.isEditing(),d=o.mode(),w=s.jsx(wr,{}),m=g?w:s.jsx(sr,{});return s.jsxs(s.Fragment,{children:[c&&d==="insert"&&s.jsx("div",{ref:t,...e,children:w}),c&&d==="edit"&&s.jsx("div",{ref:n,...a,children:m})]})},x="button",Ae="button-plugin",Me=t=>r.createPluginFactory({key:x,isElement:!0,isInline:!0,props:({element:e})=>({nodeProps:{href:e==null?void 0:e.url,target:e==null?void 0:e.target}}),withOverrides:ve,renderAfterEditable:yr,options:{isUrl:ut,rangeBeforeOptions:{matchString:" ",skipInvalid:!0,afterMatch:!0},triggerFloatingButtonHotkeys:"command+shift+k, ctrl+shift+k",appBridge:t},then:(e,{type:n})=>({deserializeHtml:{rules:[{validNodeName:"A",validClassName:"btn"}],getNode:a=>({type:n,url:a.getAttribute("href"),target:a.getAttribute("target")||"_blank"})}})})();class De extends r.Plugin{constructor({styles:n=mt,...a}){super(Ae,{button:ar,markupElement:new rr,...a});L(this,"styles",{});L(this,"appBridge");this.styles=n,this.appBridge=a==null?void 0:a.appBridge}plugins(){return[Me(this.appBridge)]}}const fr=t=>{const e=r.useEditorRef(),n=it().mode(),a=it().isOpen(e.id),l=r.useEditorVersion(),{triggerFloatingButtonHotkeys:o}=r.getPluginOptions(e,x),c=y.useCallback(()=>{const h=r.getAboveNode(e,{match:{type:r.getPluginType(e,x)}});if(h){const[,f]=h;return r.getRangeBoundingClientRect(e,{anchor:r.getStartPoint(e,f),focus:r.getEndPoint(e,f)})}return r.getDefaultBoundingClientRect()},[e]),g=a&&n==="edit",{update:d,style:w,floating:m}=Oe({open:g,getBoundingClientRect:c,...t});return y.useEffect(()=>{const h=xe(e);if(h&&I.url(h),e.selection&&r.someNode(e,{match:{type:r.getPluginType(e,x)}})){I.show("edit",e.id),d();return}A.mode()==="edit"&&I.reset()},[e,l,d]),r.useHotkeys(o,h=>{h.preventDefault(),A.mode()==="edit"&&ht(e)},{enableOnContentEditable:!0},[]),br(),Fe(),{style:{...w,zIndex:1e3},ref:r.useComposedRef(m)}},br=()=>{const t=r.useEditorRef();r.useHotkeys("*",e=>{e.key==="Enter"&&Bt(t)&&e.preventDefault()},{enableOnFormTags:["INPUT"]},[])},Fe=()=>{const t=r.useEditorRef();r.useHotkeys("escape",()=>{if(A.mode()==="edit"){if(A.isEditing()){I.show("edit",t.id),r.focusEditor(t,t.selection??void 0);return}I.reset()}},{enableOnFormTags:["INPUT"],enableOnContentEditable:!0},[])},vr=t=>{const e=r.useEditorRef(),n=r.useFocused(),a=it().mode(),l=it().isOpen(e.id),{triggerFloatingButtonHotkeys:o}=r.getPluginOptions(e,x);r.useHotkeys(o,w=>{w.preventDefault(),Lt(e,{focused:n})},{enableOnContentEditable:!0},[n]);const{update:c,style:g,floating:d}=Oe({open:l&&a==="insert",getBoundingClientRect:r.getSelectionBoundingClientRect,whileElementsMounted:void 0,...t});return y.useEffect(()=>{l&&c(),I.updated(l)},[l,c]),Fe(),{style:{...g,zIndex:1e3},ref:r.useComposedRef(d)}},pr=12,Cr=-22,kr=96,Oe=t=>r.useVirtualFloating({placement:"bottom-start",middleware:[r.offset({mainAxis:pr,alignmentAxis:Cr}),r.flip({padding:kr})],...t}),xr=({id:t="rte",isEditing:e,value:n,columns:a,gap:l,placeholder:o,plugins:c,onTextChange:g,showSerializedText:d})=>{const[w,m]=y.useState(!1),h=f=>{g&&f!==n&&g(f),m(!1)};return y.useEffect(()=>{const f=b=>(b.preventDefault(),b.returnValue="Unprocessed changes");return w&&window.addEventListener("beforeunload",f),()=>window.removeEventListener("beforeunload",f)},[w]),e?s.jsx(r.RichTextEditor,{id:t,value:n,border:!1,placeholder:o,plugins:c,onValueChanged:()=>m(!0),onTextChange:h,hideExternalFloatingModals:f=>{A.isOpen(f)&&I.reset()}}):s.jsx($n,{value:n,columns:a,gap:l,show:d,plugins:c})},Sr=({editButtonProps:t,unlinkButtonProps:e})=>{const{element:n}=r.useLinkOpenButtonState(),a=n?It(n):"";return s.jsx("div",{"data-test-id":"floating-link-edit",className:"tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]",children:s.jsxs("span",{"data-test-id":"preview-link-flyout",className:"tw-flex tw-justify-between tw-items-center",children:[s.jsx("span",{className:"tw-pointer-events-none",children:a}),s.jsxs("span",{className:"tw-flex tw-gap-2",children:[s.jsx("button",{tabIndex:0,"data-test-id":"edit-link-button",className:"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",...t,children:s.jsx(r.IconPen16,{})}),s.jsx("button",{tabIndex:0,"data-test-id":"remove-link-button",className:"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",...e,children:s.jsx(r.IconTrashBin16,{})})]})]})})},Ue=(t,e)=>{const n=r.getAboveNode(t,{match:{type:r.ELEMENT_LINK}});return Array.isArray(n)?e(n[0]):""},Tr=t=>Ue(t,e=>{var n,a;return((a=(n=e.chosenLink)==null?void 0:n.searchResult)==null?void 0:a.link)||""}),Pr=t=>Ue(t,e=>e.url||""),Ir={url:"",text:"",newTab:r.CheckboxState.Unchecked},Er=()=>{const[t,e]=y.useReducer((n,a)=>{const{type:l,payload:o}=a;switch(l){case"NEW_TAB":return{...n,newTab:r.CheckboxState.Checked};case"SAME_TAB":return{...n,newTab:r.CheckboxState.Unchecked};case"URL":case"TEXT":case"INIT":return{...n,...o};default:return n}},Ir);return[t,e]},Br=()=>{const t=r.useEditorRef(),[e,n]=Er();y.useEffect(()=>{const m=Tr(t),h=Pr(t),f=r.floatingLinkSelectors.newTab();n({type:"INIT",payload:{text:r.floatingLinkSelectors.text(),newTab:f?r.CheckboxState.Checked:r.CheckboxState.Unchecked,url:m&&h===""?m:r.floatingLinkSelectors.url()}})},[n,t]);const a=m=>{n({type:"TEXT",payload:{text:m}})},l=m=>{n({type:"URL",payload:{url:m}})},o=m=>{n(m?{type:"NEW_TAB"}:{type:"SAME_TAB"})},c=()=>{r.floatingLinkActions.reset()},g=m=>{!R(e.url)||!d||(r.floatingLinkActions.text(e.text),r.floatingLinkActions.url(gt(e.url)),r.floatingLinkActions.newTab(e.newTab===r.CheckboxState.Checked),r.submitFloatingLink(t)&&(m==null||m.preventDefault()))},d=e.url!==""&&e.text!=="",{appBridge:w}=r.getPluginOptions(t,r.ELEMENT_LINK);return r.useHotkeys("enter",g,{enableOnFormTags:["INPUT"]},[]),{state:e,onTextChange:a,onUrlChange:l,onToggleTab:o,onCancel:c,onSave:g,hasValues:d,isValidUrlOrEmpty:R,appBridge:w}},Nr=()=>s.jsx(Ne,{...Br(),testId:"floating-link-insert"}),_e={placement:"bottom-start",strategy:"absolute",middleware:[r.offset(12),r.flip({padding:12,fallbackPlacements:["bottom-end","top-start","top-end"]})]},Lr=()=>{const t=r.useFloatingLinkInsertState({floatingOptions:_e}),{props:e,ref:n,hidden:a}=r.useFloatingLinkInsert(t),l=r.useFloatingLinkEditState({floatingOptions:_e}),{props:o,ref:c,editButtonProps:g,unlinkButtonProps:d}=r.useFloatingLinkEdit(l);if(a)return null;const w=s.jsx(Nr,{}),m=l.isEditing?w:s.jsx(Sr,{editButtonProps:g,unlinkButtonProps:d});return s.jsxs(s.Fragment,{children:[t.isOpen&&!l.isOpen&&s.jsx("div",{ref:n,...e,style:{...e.style,zIndex:1e3},children:w}),l.isOpen&&s.jsx("div",{ref:c,...o,style:{...o.style,zIndex:1e3},children:m})]})},He=y.forwardRef((t,e)=>{const n=r.useEditorRef(),a=r.useLinkToolbarButtonState(),{props:l}=r.useLinkToolbarButton(a);return s.jsx(r.ToolbarButton,{onMouseDown:()=>{r.focusEditor(n,n.selection??n.prevSelection??void 0)},ref:e,...l,...t,children:s.jsx(r.IconStylingWrapper,{icon:s.jsx(r.IconLink16,{})})})});He.displayName="LinkToolbarButton";const Ar=({id:t,editorId:e})=>{const n=r.useEditorState(r.useEventPlateId(e)),a=!!r.isRangeInSameBlock(n,{at:n.selection});return s.jsx("div",{"data-plugin-id":t,children:s.jsx(He,{disabled:!a,tooltip:r.getTooltip(a?`Link
+${r.getHotkeyByPlatform("Ctrl+K")}`:"Links can only be set for a single text block.")})})},Mr=t=>{var c,g;const{attributes:e,children:n}=t,{styles:a}=r.useRichTextEditorContext(),l=t.element.url||((g=(c=t.element.chosenLink)==null?void 0:c.searchResult)==null?void 0:g.link)||"",o=t.element.target||"_self";return s.jsx("a",{...e,href:l,target:o,style:a[wt],children:n})};class Dr extends r.MarkupElement{constructor(e=r.ELEMENT_LINK,n=Mr){super(e,n)}}const Ve=t=>r.createPluginFactory({...r.createLinkPlugin(),renderAfterEditable:Lr,options:{isUrl:ut,rangeBeforeOptions:{matchString:" ",skipInvalid:!0,afterMatch:!0},triggerFloatingLinkHotkeys:"meta+k, ctrl+k",keepSelectedTextOnPaste:!0,appBridge:t}})();class ze extends r.Plugin{constructor({styles:n=N[wt],...a}){super(wt,{button:Ar,markupElement:new Dr,...a});L(this,"styles",{});L(this,"appBridge");this.styles=n,this.appBridge=a.appBridge}plugins(){return[Ve(this.appBridge)]}}const Fr="textstyle-custom1-plugin";class $e extends r.Plugin{constructor({styles:n=N.custom1,...a}={}){super(v.custom1,{label:"Custom 1",markupElement:new Or,...a});L(this,"styles",{});this.styles=n}plugins(){return[Ur(this.styles)]}}class Or extends r.MarkupElement{constructor(e=Fr,n=We){super(e,n)}}const We=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("p",{...e,style:a,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),children:n})},Ur=t=>r.createPluginFactory({key:v.custom1,isElement:!0,deserializeHtml:{rules:[{validClassName:v.custom1}]}})({component:e=>s.jsx(We,{...e,styles:t})}),_r="textstyle-custom2-plugin";class qe extends r.Plugin{constructor({styles:n=N.custom2,...a}={}){super(v.custom2,{label:"Custom 2",markupElement:new Hr,...a});L(this,"styles",{});this.styles=n}plugins(){return[Vr(this.styles)]}}class Hr extends r.MarkupElement{constructor(e=_r,n=Ge){super(e,n)}}const Ge=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("p",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},Vr=t=>r.createPluginFactory({key:v.custom2,isElement:!0,deserializeHtml:{rules:[{validClassName:v.custom2}]}})({component:e=>s.jsx(Ge,{...e,styles:t})}),zr="textstyle-custom3-plugin";class je extends r.Plugin{constructor({styles:n=N.custom3,...a}={}){super(r.TextStyles.custom3,{label:"Custom 3",markupElement:new $r,...a});L(this,"styles",{});this.styles=n}plugins(){return[Wr(this.styles)]}}class $r extends r.MarkupElement{constructor(e=zr,n=Ke){super(e,n)}}const Ke=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("p",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},Wr=t=>r.createPluginFactory({key:r.TextStyles.custom3,isElement:!0,deserializeHtml:{rules:[{validClassName:r.TextStyles.custom3}]}})({component:e=>s.jsx(Ke,{...e,styles:t})}),qr="textstyle-heading1-plugin";class Xe extends r.Plugin{constructor({styles:n=N.heading1,...a}={}){super(v.heading1,{label:"Heading 1",markupElement:new Gr,...a});L(this,"styles",{});this.styles=n}plugins(){return[jr(this.styles)]}}class Gr extends r.MarkupElement{constructor(e=qr,n=Mt){super(e,n)}}const Mt=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("h1",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},jr=t=>r.createPluginFactory({key:v.heading1,isElement:!0,component:Mt,deserializeHtml:{rules:[{validNodeName:["h1","H1"]}]}})({component:e=>s.jsx(Mt,{...e,styles:t})}),Kr="textstyle-heading2-plugin";class Qe extends r.Plugin{constructor({styles:n=N.heading2,...a}={}){super(v.heading2,{label:"Heading 2",markupElement:new Xr,...a});L(this,"styles",{});this.styles=n}plugins(){return[Qr(this.styles)]}}class Xr extends r.MarkupElement{constructor(e=Kr,n=Dt){super(e,n)}}const Dt=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("h2",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},Qr=t=>r.createPluginFactory({key:v.heading2,isElement:!0,component:Dt,deserializeHtml:{rules:[{validNodeName:["h2","H2"]}]}})({component:e=>s.jsx(Dt,{...e,styles:t})}),Yr="textstyle-heading3-plugin";class Ye extends r.Plugin{constructor({styles:n=N.heading3,...a}={}){super(v.heading3,{label:"Heading 3",markupElement:new Jr,...a});L(this,"styles",{});this.styles=n}plugins(){return[Zr(this.styles)]}}class Jr extends r.MarkupElement{constructor(e=Yr,n=Ft){super(e,n)}}const Ft=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("h3",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},Zr=t=>r.createPluginFactory({key:v.heading3,isElement:!0,component:Ft,deserializeHtml:{rules:[{validNodeName:["h3","H3"]}]}})({component:e=>s.jsx(Ft,{...e,styles:t})}),Rr="textstyle-heading4-plugin";class Je extends r.Plugin{constructor({styles:n=N.heading4,...a}={}){super(v.heading4,{label:"Heading 4",markupElement:new ta,...a});L(this,"styles",{});this.styles=n}plugins(){return[ea(this.styles)]}}class ta extends r.MarkupElement{constructor(e=Rr,n=Ot){super(e,n)}}const Ot=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("h4",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},ea=t=>r.createPluginFactory({key:v.heading4,isElement:!0,component:Ot,deserializeHtml:{rules:[{validNodeName:["h4","H4"]}]}})({component:e=>s.jsx(Ot,{...e,styles:t})}),na="textstyle-imageCaption-plugin";class Ze extends r.Plugin{constructor({styles:n=N.imageCaption,...a}={}){super(v.imageCaption,{label:"Image Caption",markupElement:new ra,...a});L(this,"styles",{});this.styles=n}plugins(){return[aa(this.styles)]}}class ra extends r.MarkupElement{constructor(e=na,n=Ut){super(e,n)}}const Ut=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("p",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},aa=t=>r.createPluginFactory({key:v.imageCaption,isElement:!0,component:Ut,deserializeHtml:{rules:[{validClassName:v.imageCaption}]}})({component:e=>s.jsx(Ut,{...e,styles:t})}),sa="textstyle-imageTitle-plugin";class Re extends r.Plugin{constructor({styles:n=N.imageTitle,...a}={}){super(v.imageTitle,{label:"Image Title",markupElement:new la,...a});L(this,"styles",{});this.styles=n}plugins(){return[ia(this.styles)]}}class la extends r.MarkupElement{constructor(e=sa,n=_t){super(e,n)}}const _t=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("p",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},ia=t=>r.createPluginFactory({key:v.imageTitle,isElement:!0,component:_t,deserializeHtml:{rules:[{validClassName:v.imageTitle}]}})({component:e=>s.jsx(_t,{...e,styles:t})});class tn extends r.Plugin{constructor({styles:n=N.p,...a}={}){super(v.p,{markupElement:new nn,label:"Body Text",...a});L(this,"styles",{});this.styles=n}plugins(){return[rn(this.styles)]}}const en="tw-m-0 tw-px-0 tw-py-0",yt=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align,o=r.merge([l&&r.alignmentClassnames[l],en,r.getColumnBreakClasses(t)]);return s.jsx("p",{...e,className:o,style:a,children:n})};class nn extends r.MarkupElement{constructor(e=v.p,n=yt){super(e,n)}}const rn=t=>r.createPluginFactory({...r.createParagraphPlugin(),key:v.p,isElement:!0,component:yt})({component:e=>s.jsx(yt,{...e,styles:t})}),oa="textstyle-quote-plugin";class an extends r.Plugin{constructor({styles:n=N.quote,...a}={}){super(v.quote,{label:"Quote",markupElement:new ca,...a});L(this,"styles",{});this.styles=n}plugins(){return[sn(this.styles)]}}class ca extends r.MarkupElement{constructor(e=oa,n=ft){super(e,n)}}const ft=({element:t,attributes:e,children:n,styles:a})=>{const l=t.align;return s.jsx("blockquote",{...e,className:r.merge([l&&r.alignmentClassnames[l],r.getColumnBreakClasses(t)]),style:a,children:n})},sn=t=>r.createPluginFactory({key:v.quote,isElement:!0,component:ft,deserializeHtml:{rules:[{validNodeName:["blockquote","BLOCKQUOTE"]}]}})({component:e=>s.jsx(ft,{...e,styles:t})}),Ht=[new Xe,new Qe,new Ye,new Je,new $e,new qe,new je,new an,new tn],et=[v.heading1,v.heading2,v.heading3,v.heading4,v.custom1,v.custom2,v.custom3,v.quote,v.p],da=[...Ht,new Ze,new Re],ga=[...et,v.imageCaption,v.imageTitle],ua=t=>new r.PluginComposer().setPlugin(new r.SoftBreakPlugin,new r.TextStylePlugin({textStyles:Ht})).setPlugin([new r.BoldPlugin,new r.ItalicPlugin,new r.UnderlinePlugin,new r.StrikethroughPlugin,new ze({appBridge:t}),new De({appBridge:t}),new r.CodePlugin],[new r.AlignLeftPlugin({validTypes:et}),new r.AlignCenterPlugin({validTypes:et}),new r.AlignRightPlugin({validTypes:et}),new r.AlignJustifyPlugin({validTypes:et}),new r.UnorderedListPlugin,new r.CheckboxListPlugin,new r.OrderedListPlugin,new r.ResetFormattingPlugin,new r.AutoformatPlugin]),ha="--f-theme-settings-",ma=t=>{const e=t!=null&&t.id?`hasBackground${t.id}`:"hasBackground",n=t!=null&&t.id?`backgroundColor${t.id}`:"backgroundColor",a=t!=null&&t.preventDefaultColor?void 0:(t==null?void 0:t.defaultColor)||Pn,l=t!=null&&t.label?t.label:"Background",o=t!=null&&t.switchLabel?t.switchLabel:void 0;return{id:e,label:l,type:"switch",switchLabel:o,defaultValue:!!(t!=null&&t.defaultValue),on:[{id:n,defaultValue:a,type:"colorInput"}]}},wa=t=>{const e=t!=null&&t.id?`hasBorder_${t.id}`:"hasBorder",n=t!=null&&t.id?`borderSelection_${t.id}`:"borderSelection",a=t!=null&&t.id?`borderStyle_${t.id}`:"borderStyle",l=t!=null&&t.id?`borderWidth_${t.id}`:"borderWidth",o=t!=null&&t.id?`borderColor_${t.id}`:"borderColor",c=(t==null?void 0:t.defaultColor)||Yt,g=t!=null&&t.switchLabel?t.switchLabel:void 0;return{id:e,label:"Border",type:"switch",switchLabel:g,defaultValue:!!(t!=null&&t.defaultValue),on:[{id:n,type:"multiInput",onChange:d=>u.appendUnit(d,l),layout:u.MultiInputLayout.Columns,lastItemFullWidth:!0,blocks:[{id:a,type:"dropdown",defaultValue:H.Solid,choices:[{value:H.Solid,label:H.Solid},{value:H.Dotted,label:H.Dotted},{value:H.Dashed,label:H.Dashed}]},{id:l,type:"input",defaultValue:In,rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)],placeholder:"e.g. 3px"},{id:o,type:"colorInput",defaultValue:c}]}],off:[]}},Vt=(t,e=$.None)=>({id:t,type:"segmentedControls",defaultValue:e,choices:[{value:$.None,label:"None"},{value:$.Small,label:"S"},{value:$.Medium,label:"M"},{value:$.Large,label:"L"}]}),ya=t=>{const e=t!=null&&t.id?`hasRadius_${t.id}`:"hasRadius",n=t!=null&&t.id?`radiusValue_${t.id}`:"radiusValue",a=t!=null&&t.id?`radiusChoice_${t.id}`:"radiusChoice",l=(t==null?void 0:t.defaultRadius)||$.None;return{id:e,label:"Corner radius",type:"switch",switchLabel:"Custom",defaultValue:!1,info:"Determining how rounded the corners are.",show:o=>{var c;return t!=null&&t.dependentSettingId?!!((c=o.getBlock(t.dependentSettingId))!=null&&c.value):!0},onChange:o=>u.presetCustomValue(o,a,n,(t==null?void 0:t.radiusStyleMap)||G),on:[{id:n,type:"input",placeholder:"e.g. 10px",rules:[u.numericalOrPixelRule],onChange:o=>u.appendUnit(o,n)}],off:[Vt(a,l)]}},fa=t=>{const e=t!=null&&t.id?`hasExtendedCustomRadius_${t.id}`:"hasExtendedCustomRadius",n=t!=null&&t.id?`extendedRadiusValue_${t.id}`:"extendedRadiusValue",a=t!=null&&t.id?`extendedRadiusChoice_${t.id}`:"extendedRadiusChoice",l=t!=null&&t.id?`extendedRadiusTopLeft_${t.id}`:"extendedRadiusTopLeft",o=t!=null&&t.id?`extendedRadiusTopRight_${t.id}`:"extendedRadiusTopRight",c=t!=null&&t.id?`extendedRadiusBottomLeft_${t.id}`:"extendedRadiusBottomLeft",g=t!=null&&t.id?`extendedRadiusBottomRight_${t.id}`:"extendedRadiusBottomRight";return{id:e,label:"Corner radius",type:"switch",switchLabel:"Custom",defaultValue:!1,info:"Determining how rounded the corners are.",show:d=>{var w;return t!=null&&t.dependentSettingId?!!((w=d.getBlock(t.dependentSettingId))!=null&&w.value):!0},onChange:d=>{u.presetCustomValue(d,a,l,G),u.presetCustomValue(d,a,o,G),u.presetCustomValue(d,a,c,G),u.presetCustomValue(d,a,g,G)},on:[{id:n,type:"multiInput",layout:u.MultiInputLayout.Columns,blocks:[{id:l,type:"input",label:"Top Left",rules:[u.numericalOrPixelRule],onChange:d=>u.appendUnit(d,l)},{id:o,type:"input",label:"Top Right",rules:[u.numericalOrPixelRule],onChange:d=>u.appendUnit(d,o)},{id:c,type:"input",label:"Bottom Left",rules:[u.numericalOrPixelRule],onChange:d=>u.appendUnit(d,c)},{id:g,type:"input",label:"Bottom Right",rules:[u.numericalOrPixelRule],onChange:d=>u.appendUnit(d,g)}]}],off:[Vt(a,t==null?void 0:t.defaultValue)]}},ba=t=>{const e=t!=null&&t.id?t.id:"hasCustomSpacing",n=t!=null&&t.dependentSettingId?t.dependentSettingId:"columns",a=t!=null&&t.spacingChoiceId?t.spacingChoiceId:"spacingChoice",l=t!=null&&t.spacingCustomId?t.spacingCustomId:"spacingCustom",o=t!=null&&t.defaultValueChoices?t.defaultValueChoices:Q.M;return{id:e,type:"switch",defaultValue:!1,switchLabel:"Custom",label:"Gutter",info:"An official nerds term for ‘gap’",onChange:c=>u.presetCustomValue(c,a,l,Qt),show:c=>{var g;return((g=c.getBlock(n))==null?void 0:g.value)!=="1"},on:[{id:l,type:"input",rules:[u.numericalOrPixelRule],onChange:c=>u.appendUnit(c,l)}],off:[{id:a,type:"slider",defaultValue:o,choices:[{value:Q.Auto,label:"Auto"},{value:Q.S,label:"S"},{value:Q.M,label:"M"},{value:Q.L,label:"L"}]}]}},zt=t=>({id:t,type:"segmentedControls",defaultValue:K.None,choices:[{value:K.None,label:"None"},{value:K.Small,label:"S"},{value:K.Medium,label:"M"},{value:K.Large,label:"L"}]}),va=t=>{const e=t!=null&&t.id?`hasCustomMarginValue_${t==null?void 0:t.id}`:"hasCustomMarginValue",n=t!=null&&t.id?`marginValue_${t==null?void 0:t.id}`:"marginValue",a=t!=null&&t.id?`marginChoice_${t==null?void 0:t.id}`:"marginChoice";return{id:e,label:"Margin",type:"switch",switchLabel:"Custom",defaultValue:!1,info:"The spacing around UI elements to create more space",onChange:l=>u.presetCustomValue(l,a,n,(t==null?void 0:t.marginStyleMap)||Z),on:[{id:n,type:"input",placeholder:at,rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)],onChange:l=>u.appendUnit(l,n)}],off:[zt(a)]}},pa=t=>{const e=t!=null&&t.id?`hasExtendedCustomMargin_${t==null?void 0:t.id}`:"hasExtendedCustomMargin",n=t!=null&&t.id?`extendedMarginValues_${t==null?void 0:t.id}`:"extendedMarginValues",a=t!=null&&t.id?`extendedMarginChoice_${t==null?void 0:t.id}`:"extendedMarginChoice",l=t!=null&&t.id?`extendedMarginTop_${t==null?void 0:t.id}`:"extendedMarginTop",o=t!=null&&t.id?`extendedMarginLeft_${t==null?void 0:t.id}`:"extendedMarginLeft",c=t!=null&&t.id?`extendedMarginRight_${t==null?void 0:t.id}`:"extendedMarginRight",g=t!=null&&t.id?`extendedMarginBottom_${t==null?void 0:t.id}`:"extendedMarginBottom";return{id:e,label:"Margin",type:"switch",switchLabel:"Custom",defaultValue:!1,info:"The spacing around UI elements to create more negative space",onChange:d=>{u.presetCustomValue(d,a,l,Z),u.presetCustomValue(d,a,o,Z),u.presetCustomValue(d,a,c,Z),u.presetCustomValue(d,a,g,Z)},on:[{id:n,type:"multiInput",layout:u.MultiInputLayout.Spider,blocks:[{id:l,type:"input",label:"Top",placeholder:at,onChange:d=>u.appendUnit(d,l),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]},{id:o,type:"input",label:"Left",placeholder:at,onChange:d=>u.appendUnit(d,o),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]},{id:c,type:"input",label:"Right",placeholder:at,onChange:d=>u.appendUnit(d,c),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]},{id:g,type:"input",label:"Bottom",placeholder:at,onChange:d=>u.appendUnit(d,g),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]}]}],off:[zt(a)]}},$t=t=>({id:t,type:"segmentedControls",defaultValue:j.Small,choices:[{value:j.None,label:"None"},{value:j.Small,label:"S"},{value:j.Medium,label:"M"},{value:j.Large,label:"L"}]}),Ca=t=>{const e=t!=null&&t.id?`hasCustomPaddingValue_${t==null?void 0:t.id}`:"hasCustomPaddingValue",n=t!=null&&t.id?`paddingValue_${t==null?void 0:t.id}`:"paddingValue",a=t!=null&&t.id?`paddingChoice_${t==null?void 0:t.id}`:"paddingChoice";return{id:e,label:"Padding",type:"switch",switchLabel:"Custom",defaultValue:!1,info:"The spacing around UI elements to create more negative space",onChange:l=>u.presetCustomValue(l,a,n,(t==null?void 0:t.paddingStyleMap)||J),on:[{id:n,type:"input",placeholder:rt,rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)],onChange:l=>u.appendUnit(l,n)}],off:[$t(a)]}},ka=t=>{const e=t!=null&&t.id?`hasExtendedCustomPadding_${t==null?void 0:t.id}`:"hasExtendedCustomPadding",n=t!=null&&t.id?`extendedPaddingValues_${t==null?void 0:t.id}`:"extendedPaddingValues",a=t!=null&&t.id?`extendedPaddingChoice_${t==null?void 0:t.id}`:"extendedPaddingChoice",l=t!=null&&t.id?`extendedPaddingTop_${t==null?void 0:t.id}`:"extendedPaddingTop",o=t!=null&&t.id?`extendedPaddingLeft_${t==null?void 0:t.id}`:"extendedPaddingLeft",c=t!=null&&t.id?`extendedPaddingRight_${t==null?void 0:t.id}`:"extendedPaddingRight",g=t!=null&&t.id?`extendedPaddingBottom_${t==null?void 0:t.id}`:"extendedPaddingBottom";return{id:e,label:"Padding",type:"switch",switchLabel:"Custom",defaultValue:!1,info:"The spacing around UI elements to create more negative space",onChange:d=>{u.presetCustomValue(d,a,l,J),u.presetCustomValue(d,a,o,J),u.presetCustomValue(d,a,c,J),u.presetCustomValue(d,a,g,J)},on:[{id:n,type:"multiInput",layout:u.MultiInputLayout.Spider,blocks:[{id:l,type:"input",label:"Top",placeholder:rt,onChange:d=>u.appendUnit(d,l),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]},{id:o,type:"input",label:"Left",placeholder:rt,onChange:d=>u.appendUnit(d,o),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]},{id:c,type:"input",label:"Right",placeholder:rt,onChange:d=>u.appendUnit(d,c),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]},{id:g,type:"input",label:"Bottom",placeholder:rt,onChange:d=>u.appendUnit(d,g),rules:[u.numericalOrPixelRule,u.maximumNumericalOrPixelOrAutoRule(500)]}]}],off:[$t(a)]}},xa=t=>{const e=Wt(t==null?void 0:t.globalControlId);return{id:t!=null&&t.id?t.id:"downloadable",type:"switch",defaultValue:!1,label:"Downloadable",show:n=>{var a;return((a=n.getBlock(e))==null?void 0:a.value)===X.Custom}}},Wt=t=>t||"security",Sa=t=>[{id:Wt(t),type:"segmentedControls",defaultValue:X.Global,choices:[{value:X.Global,label:"Global Settings"},{value:X.Custom,label:"Custom"}]},{id:"globalSettingsInfo",type:"notification",footer:u.createFooter({label:"Change global settings [here].",replace:{here:{event:"general-settings.open"}}})}];var ln=(t=>(t.Main="main",t.Basics="basics",t.Layout="layout",t.Style="style",t.Security="security",t.Targets="targets",t))(ln||{});const Ta=t=>t,Pa=t=>t;i.AllTextStylePlugins=da,i.AllTextStyles=ga,i.Attachments=oe,i.AttachmentsProvider=se,i.AttachmentsToolbarButton=de,i.BUTTON_PLUGIN=Ae,i.BlockButtonStyles=mt,i.BlockInjectButton=yn,i.BlockItemWrapper=Vn,i.BlockStyles=N,i.BorderStyle=H,i.ButtonPlugin=De,i.Custom1Plugin=$e,i.Custom2Plugin=qe,i.Custom3Plugin=je,i.DEFAULT_ATTACHMENTS_BUTTON_ID=ce,i.DEFAULT_DRAGGING_TOOLTIP=ue,i.DEFAULT_DRAG_TOOLTIP=ge,i.DEFAULT_MENU_BUTTON_ID=St,i.DownloadButton=zn,i.DragHandleToolbarButton=he,i.DragPreviewContextProvider=Zt,i.ELEMENT_BUTTON=x,i.FlyoutToolbarButton=xt,i.GutterSpacing=Q,i.Heading1Plugin=Xe,i.Heading2Plugin=Qe,i.Heading3Plugin=Ye,i.Heading4Plugin=Je,i.ImageCaptionPlugin=Ze,i.ImageTitlePlugin=Re,i.LinkInput=Be,i.LinkPlugin=ze,i.LinkSelector=Ee,i.Margin=K,i.MenuToolbarButton=we,i.MultiFlyoutContextProvider=te,i.PARAGRAPH_CLASSES=en,i.Padding=j,i.ParagraphMarkupElement=nn,i.ParagraphMarkupElementNode=yt,i.ParagraphPlugin=tn,i.QuoteMarkupElementNode=ft,i.QuotePlugin=an,i.Radius=$,i.RichTextEditor=xr,i.Sections=ln,i.Security=X,i.THEME_PREFIX=ha,i.TextStylePluginsWithoutImage=Ht,i.TextStyles=v,i.TextStylesWithoutImage=et,i.Toolbar=ye,i.ToolbarFlyoutMenu=me,i.addHttps=gt,i.borderStyleMap=Xt,i.convertToRteValue=Wn,i.createButtonNode=Se,i.createButtonPlugin=Me,i.createLinkPlugin=Ve,i.createParagraphPlugin=rn,i.createQuotePlugin=sn,i.customCoordinatesGetterFactory=ie,i.defineBlock=Ta,i.defineSettings=Pa,i.getBackgroundColorStyles=Tn,i.getBackgroundSettings=ma,i.getBorderRadiusSettings=ya,i.getBorderRadiusSlider=Vt,i.getBorderSettings=wa,i.getBorderStyles=En,i.getDefaultPluginsWithLinkChooser=ua,i.getExtendedBorderRadiusSettings=fa,i.getGutterSettings=ba,i.getLegacyUrl=Xn,i.getLinkFromEditor=Yn,i.getMarginExtendedSettings=pa,i.getMarginSettings=va,i.getMarginSlider=zt,i.getPaddingExtendedSettings=ka,i.getPaddingSettings=Ca,i.getPaddingSlider=$t,i.getRadiusStyles=Bn,i.getReadableColor=xn,i.getSecurityDownloadableSetting=xa,i.getSecurityGlobalControlId=Wt,i.getSecurityGlobalControlSetting=Sa,i.getUrl=Qn,i.getUrlFromEditor=xe,i.getUrlFromLinkOrLegacyLink=It,i.gutterSpacingStyleMap=Qt,i.hasRichTextValue=fe,i.insertButton=pe,i.isDark=bn,i.isDownloadable=qn,i.isValidUrl=ut,i.isValidUrlOrEmpty=R,i.joinClassNames=_,i.mapAppBridgeColorPaletteToFonduePalette=be,i.mapAppBridgeColorPalettesToFonduePalettes=Gn,i.marginStyleMap=Z,i.moveItemInArray=Sn,i.paddingStyleMap=J,i.radiusStyleMap=G,i.relativeUrlRegex=Et,i.setAlpha=Cn,i.submitFloatingButton=Bt,i.toColorObject=kn,i.toHex8String=vn,i.toHexString=pn,i.toRgbaString=pt,i.toShortRgba=q,i.triggerFloatingButton=Te,i.triggerFloatingButtonEdit=ht,i.triggerFloatingButtonInsert=Lt,i.unwrapButton=tt,i.upsertButton=Ce,i.upsertButtonText=Nt,i.useAttachments=re,i.useAttachmentsContext=le,i.useDndSensors=Mn,i.useDragPreviewContext=st,i.useMultiFlyoutContext=ee,i.useMultiFlyoutState=dt,i.withAttachmentsProvider=Nn,i.withButton=ve,i.wrapButton=ke,Object.keys(u).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(i,t)&&Object.defineProperty(i,t,{enumerable:!0,get:()=>u[t]})}),Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=index.umd.js.map