npm - @graphysdk/react-renderer - Versions diffs - 1.8.1-beta.1788177959949 → 1.8.1-beta.1788179158232 - Mend

@graphysdk/react-renderer 1.8.1-beta.1788177959949 → 1.8.1-beta.1788179158232

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/editable.cjs +1 -1
package/dist/editable.mjs +1 -1
package/dist/{history-chords-7n30nyDB.js → history-chords-C1NlrFOO.js} +1 -1
package/dist/{history-chords-DEZikQza.cjs → history-chords-DqnLlnY4.cjs} +1 -1
package/dist/index.cjs +1 -1
package/dist/index.mjs +1 -1
package/package.json +2 -2

package/dist/editable.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./editable.css');const s=require("./history-chords-DEZikQza.cjs"),G=require("./dev.utils-CMfcBcJw.cjs");let p=require("@graphysdk/viz-engine"),b=require("react"),t=require("react/jsx-runtime"),oe=require("zustand/react/shallow"),en=require("react-dom"),V=require("clsx");V=s.__toESM(V,1);let ae=require("@floating-ui/react-dom"),tn=require("@vanilla-extract/dynamic"),nn=require("@tiptap/core"),ro=require("@tiptap/extension-bold"),ve=require("@tiptap/extension-document"),oo=require("@tiptap/extension-hard-break"),ao=require("@tiptap/extension-heading"),io=require("@tiptap/extension-italic"),lo=require("@tiptap/extension-link"),so=require("@tiptap/extension-text"),co=require("@tiptap/extension-text-align"),fe=require("@tiptap/extension-text-style"),uo=require("@tiptap/extension-underline"),Ae=require("@tiptap/extensions"),rn=require("@tiptap/extension-paragraph"),Pe=require("@tiptap/react"),W=require("@base-ui/react/toolbar"),te=require("@base-ui/react/tooltip"),B=require("@base-ui/react/popover"),xt=require("react-colorful"),q=require("@base-ui/react/slider"),M=require("@base-ui/react/menu"),ho=require("@base-ui/react/toggle"),X=require("@base-ui/react"),re=require("lodash-es/clamp");re=s.__toESM(re,1);let le=require("@base-ui/react/accordion"),vt=require("@base-ui/react/number-field"),on=require("@base-ui/react/radio"),an=require("@base-ui/react/radio-group"),$=require("@base-ui/react/select"),ft=require("@base-ui/react/switch"),po=require("@base-ui/react/input");var mo={save:"حفظ",cancel:"إلغاء",confirm:"تأكيد",delete:"حذف",confirmDelete:e=>`هل أنت متأكد من رغبتك في حذف ${e.item}؟`,abbreviations:{thousands:"ألف",millions:"مليون",billions:"مليار"}},go={title:"محرر Graphy",description:"قم بتحرير المحتوى الخاص بك هنا",graphTypes:{column:"أعمدة",columnStacked:"أعمدة مكدسة",columnStackedFill:"أعمدة مكدسة 100%",bar:"شريطي",barStacked:"أشرطة مكدسة",barStackedFill:"أشرطة مكدسة 100%",line:"خطي",areaStacked:"مساحة مكدسة",pie:"دائري",donut:"حلقي",scatter:"نقطي",bubble:"فقاعي",funnel:"قمعي",combo:"مركب",heatmap:"خريطة حرارية",waterfall:"شلالي",mekko:"ميكو",table:"جدول"},sizePanel:{toolbarButton:"الحجم",presetsSection:{title:"إعدادات مسبقة"},customSizeSection:{title:"حجم مخصص"},presets:{googleSlides:"Google Slides / PowerPoint",webEmail:"ويب / بريد إلكتروني",linkedIn:"منشور LinkedIn",instagram:"منشور Instagram",tiktok:"TikTok / قصة Instagram",twitter:"X (Twitter)",mobile:"جوال"},inputs:{unitLabel:"بكسل"},validation:{maxSizeError:e=>`≤ ${e.max} بكسل`,minSizeError:e=>`≥ ${e.min} بكسل`}},graphPanel:{toolbarButton:"الرسم البياني",graphTypeSection:{title:"نوع الرسم البياني"},mappingSection:{title:"البيانات",x:"المحور السيني",y:"القيمة",color:"اللون",size:"الحجم",label:"التسمية",none:"بلا"},comboSection:{title:"مظهر الرسم البياني المركب",types:{"grouped-bars":"أعمدة مجمعة","stacked-bars":"أعمدة مكدسة",lines:"خطوط فقط"}},polarSection:{title:"قطبي",innerRadius:"نصف القطر الداخلي",startAngle:"زاوية البداية"},barSection:{title:"الأعمدة",thickness:"سمك العمود",rounding:"التدوير",roundingOptions:{none:"بلا",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",full:"كامل"}},graphOptionsSection:{title:"خيارات الرسم البياني"},gridSection:{title:"الشبكة",horizontalGridLines:"خطوط أفقية",verticalGridLines:"خطوط رأسية",rings:"حلقات",spokes:"أشعة",gridStyle:"نمط الشبكة",gridThickness:"سمك الشبكة",lineStyles:{solid:"متصل",dashed:"متقطع",dotted:"منقط"}},graphOptions:{sortBars:"ترتيب من الأعلى ← الأدنى",showPoints:"إظهار النقاط",lineFill:"تعبئة تحت الخط",smoothLines:"خطوط ناعمة",stackTotals:"مجاميع المكدس",dataLabels:"تسميات البيانات",showPercentages:"إظهار النسب المئوية",categoryLabels:"تسميات الفئات"},legendSection:{title:"وسيلة الإيضاح",auto:"تلقائي",top:"أعلى",bottom:"أسفل",left:"يسار",right:"يمين",none:"بدون",alignLabel:"المحاذاة",align:{auto:"تلقائي",start:"البداية",center:"الوسط",end:"النهاية"},displayLabel:"النمط",display:{auto:"تلقائي",pill:"شارات",direct:"على الرسم"}},numberFormatSection:{title:"تنسيق الأرقام"},numberFormat:{abbreviationLabel:"الاختصار",valueLabel:"القيمة",decimalPlacesLabel:"المنازل العشرية",options:{auto:"تلقائي",custom:"مخصص",none:"بدون"}},headlineNumberSize:{sizeLabel:"الحجم",valueLabel:"القيمة",sizes:{small:"ص",medium:"م",large:"ك"}},lineThickness:{label:"سمك الخط"},pointSize:{label:"حجم النقطة",options:{auto:"تلقائي",custom:"مخصص"}},headlineNumberSection:{title:"الرقم الرئيسي",toggle:"مرئي",metricLabel:"المقياس",compareWithLabel:"مقارنة مع",metrics:{total:"المجموع",average:"المتوسط",current:"الأخير",conversion:"التحويل",left:"يسار"},comparison:{first:"الأول",previous:"السابق"},position:{above:"أعلى",center:"وسط"}},treatEmptyValues:{leaveGap:{label:"ترك فجوة في الرسم البياني",description:"يترك فاصلاً مرئياً في الخط حيث تكون البيانات مفقودة"},fillZero:{label:"ملء بالصفر",description:"يعرض نقاط البيانات المفقودة كصفر"},connectGaps:{label:"الاتصال عبر الفجوات",description:"يربط الخط بين النقاط المتاحة، متخطياً الفجوة"}},comboChartAppearance:{title:"مظهر الرسم البياني المركب",groupedBars:"أشرطة مجمعة",stackedBars:"أشرطة مكدسة",linesOnly:"خطوط فقط"}},axesPanel:{toolbarButton:"المحاور",mainAxisSection:{yAxis:"المحور الصادي",xAxis:"المحور السيني"},crossAxisSection:{xAxis:"المحور السيني",yAxis:"المحور الصادي"},controls:{title:"العنوان",visible:"مرئي",ticks:"العلامات",labels:"التسميات",position:"الموضع",scale:"المقياس",startFrom:"البدء من",endAt:"الانتهاء عند",value:"القيمة",numberOfAxes:"عدد المحاور",reverse:"عكس"},labelMode:{auto:"تلقائي",edges:"الحواف"},scale:{auto:"تلقائي",log:"لوغاريتمي"},startFrom:{auto:"تلقائي",zero:"صفر",custom:"مخصص"},endAt:{auto:"تلقائي",custom:"مخصص"},axisCount:{single:"مفرد",double:"مزدوج"},position:{left:"يسار",right:"يمين",top:"أعلى",bottom:"أسفل"},yesNo:{yes:"نعم",no:"لا"}},colorPanel:{toolbarButton:"اللون",themeSection:{title:"السمة"},appearanceSection:{title:"المظهر",highlightStyle:"التمييز"},paletteSection:{title:"لوحة الألوان",colorScheme:"نظام الألوان",colors:"الألوان",colorPalettes:"لوحات الألوان"},paletteMode:{preset:"مسبق",brand:"العلامة التجارية",freestyle:"حر"},paletteThemes:{colorful:"ملون",pastel:"باستيل",neon:"نيون"},backgroundSection:{title:"الخلفية",black:"أسود",white:"أبيض",grey:"رمادي",tint:"صبغة",custom:"مخصص",none:"بدون"},borderSection:{title:"الحدود",borderColor:"لون الحدود",thickness:"السمك",cornerRadius:"نصف قطر الزاوية"},borderType:{solid:"صلب",gradient:"متدرج",grey:"رمادي",preset:"مسبق",custom:"مخصص",none:"بدون"},presetGradients:{lilac:"ليلكي",neonPink:"وردي نيون",blackberry:"توت أسود",sun:"شمس",iceland:"آيسلندا",sunset:"غروب",ultraviolet:"فوق بنفسجي",purple:"أرجواني",iceCream:"آيس كريم",mint:"نعناع",cool:"بارد",fresh:"منعش"}},designPanel:{toolbarButton:"التصميم",defaultExpanded:"لوحة الألوان"},annotatePanel:{toolbarButton:"التعليقات",callOutSection:{title:"وسائل الشرح",text:"نص",arrow:"سهم",box:"مربع",difference:"الفرق"},highlightSection:{title:"التمييز",button:"تمييز",colorLabel:"لون التمييز"}},annotationsPanel:{toolbarButton:"التعليقات",freeformSection:{title:"حر",text:"نص",arrow:"سهم",box:"مربع",difference:"فرق"},goalSection:{title:"الهدف",labelControl:"التسمية",labelPlaceholder:"الهدف",labelAriaLabel:"تسمية الهدف المخصصة",valueControl:"قيمة الهدف",valueAriaLabel:"قيمة الهدف",byDate:"حسب التاريخ",xAxisValue:"قيمة المحور السيني",optional:"(اختياري)"},trendsAndAveragesSection:{title:"الاتجاهات والمتوسطات",trend:"الاتجاه",average:"المتوسط"},trendType:{label:"نوع الاتجاه",placeholder:"نوع الاتجاه",options:{linear:"خطي",exponential:"أسي",quadratic:"تربيعي",polynomial:"متعدد الحدود",logarithmic:"لوغاريتمي",power:"قوة",loess:"لويس"}},averageLineSeries:{label:"سلسلة خط المتوسط",placeholder:"اختر السلسلة",ariaLabel:"قائمة منسدلة للسلسلة لخط المتوسط"},highlightSection:{title:"التمييز",button:"تمييز",fadeColorLabel:"لون التلاشي"},titleAndSubtitleSection:{title:"العنوان والعنوان الفرعي",toggleTitle:"العنوان",subtitle:"العنوان الفرعي"},captionAndSourceSection:{title:"التسمية التوضيحية والمصدر",caption:"التسمية التوضيحية",source:"المصدر",url:"الرابط",name:"الاسم"}},elementsPanel:{contentVisible:"مرئي",contentValue:"القيمة",toolbarButton:"العناصر",headerSection:{title:"الرأس",toggleTitle:"العنوان",subtitle:"العنوان الفرعي"},footerSection:{title:"التذييل",caption:"التسمية التوضيحية",source:"المصدر",url:"الرابط",name:"الاسم"},textSizeSection:{title:"حجم النص",scaleFormat:e=>`${e.value}x`},fontSection:{title:"الخط"},sourceSection:{title:"المصدر",url:"الرابط",name:"الاسم"}},powerUpPanel:{toolbarButton:"التحسينات",goalSection:{title:"الهدف",toggle:"الهدف",labelControl:"التسمية",labelPlaceholder:"الهدف",labelAriaLabel:"تسمية الهدف المخصصة",valueControl:"قيمة الهدف",byDate:"حسب التاريخ",xAxisValue:"قيمة المحور السيني",optional:" (اختياري)",xAxisReferenceAriaLabel:"قيمة مرجعية للمحور السيني",anyXAxisValue:"أي قيمة للمحور السيني",selectValuePlaceholder:"اختر القيمة"},trendSection:{title:"الاتجاه",toggle:"الاتجاه"},averageSection:{title:"المتوسط",toggle:"المتوسط",seriesLabel:"سلسلة خط المتوسط",seriesPlaceholder:"اختر السلسلة",seriesAriaLabel:"قائمة منسدلة للسلسلة لخط المتوسط"},trendType:{label:"نوع الاتجاه",placeholder:"نوع الاتجاه",options:{linear:"خطي",exponential:"أسي",quadratic:"تربيعي",polynomial:"متعدد الحدود",logarithmic:"لوغاريتمي",power:"قوة",loess:"لويس"}},valueInput:{percentagePlaceholder:"النسبة المئوية",numberPlaceholder:"الرقم",percentageSymbol:"٪"}},highlighting:{modeHelper:{title:"وضع التمييز",hover:"مرر",toHighlight:"للتمييز",anyElement:"أي عنصر",escToExit:"للخروج",esc:"ESC"},emptyState:"لا تتوفر خيارات تمييز",deleteAriaLabel:"حذف التمييز",highlightStyle:{tint:"صبغة",grey:"رمادي"}},fineTunePanel:{toolbarButton:"الضبط الدقيق",detailSection:{title:"التفاصيل",missingValues:"القيم المفقودة"},lineStyleSection:{title:"نمط الخط",lineCurve:"انحناء الخط",sharp:"حاد",smooth:"ناعم"}},customThemeEditor:{patternDropdownAriaLabel:"قائمة منسدلة للنمط للسلسلة",patterns:{solid:"صلب",pattern:"نمط",dotted:"منقط",dashed:"متقطع",hatched:"مظلل"},heatmapColorLabel:"اللون"},accessibility:{toggleSection:e=>`تبديل قسم ${e.title}`},graphyDefaults:{themeOptions:{light:"فاتح",dark:"داكن"}}},xo={titleEditor:{titlePlaceholder:"بدون عنوان",subtitlePlaceholder:"إضافة عنوان فرعي"},toolbar:{formatting:{bold:"عريض",italic:"مائل",underline:"تحته خط",link:"رابط"},link:{ariaLabel:"إنشاء رابط",placeholder:"اكتب أو الصق رابطاً...",submit:"إرسال",urlLabel:"عنوان الرابط",apply:"تطبيق الرابط"},font:{label:"الخط",ariaLabel:"عائلة الخط"},heading:{label:"مستوى العنوان",ariaLabel:"نمط النص",text:"نص",caption:"تسمية توضيحية",heading1:"عنوان 1",heading2:"عنوان 2",heading3:"عنوان 3"},textAlign:{left:"محاذاة لليسار",center:"توسيط",right:"محاذاة لليمين"},color:{label:"لون النص"}},colorDropdown:{colors:"الألوان",chartColors:"ألوان الرسم البياني",custom:"مخصص",opacity:"الشفافية",transparent:"شفاف",pickCustom:"اختيار لون مخصص",pickColor:"اختيار لون"},annotations:{differenceArrowToolbar:{label:"خيارات سهم الفرق",labelKind:{ariaLabel:"التسمية",absoluteDifference:"التغير المطلق",relativeDifference:"التغير المئوي",proportion:"النسبة",suspectValue:"تقسم هذه القيمة على أساس يساوي صفرًا.",incomparableEnds:"يقيس الطرفان كميتين مختلفتين، لذا لا معنى للفرق بينهما."},color:"لون السهم",size:{ariaLabel:"الحجم",small:"صغير",medium:"متوسط",large:"كبير"},swap:"عكس الاتجاه",remove:"إزالة السهم"},shapeToolbar:{label:"خيارات الشكل",color:"لون الشكل",border:{ariaLabel:"الحد",none:"بلا",thin:"رفيع (2 بكسل)",medium:"متوسط (8 بكسل)",thick:"سميك (16 بكسل)"},remove:"إزالة الشكل",resize:{"top-left":"تغيير الحجم من الزاوية العلوية اليسرى","top-right":"تغيير الحجم من الزاوية العلوية اليمنى","bottom-right":"تغيير الحجم من الزاوية السفلية اليمنى","bottom-left":"تغيير الحجم من الزاوية السفلية اليسرى"}},arrowToolbar:{label:"خيارات السهم",color:"لون السهم",thickness:{ariaLabel:"السماكة",thin:"رفيع",medium:"متوسط",thick:"سميك"},startArrowhead:"بداية السهم",endArrowhead:"نهاية السهم",arrowhead:{lineArrow:"رأس سهم",none:"بلا"},lineStyle:{ariaLabel:"نمط الخط",solid:"متصل",dashed:"متقطع",dotted:"منقّط"},sticker:"تأثير الملصق",remove:"إزالة السهم",moveEndpoint:{start:"تحريك بداية السهم",end:"تحريك نهاية السهم"}},textToolbar:{label:"خيارات النص",background:"لون الخلفية",color:"لون النص",font:{ariaLabel:"الخط",modern:"عصري",fresh:"منعش",timeless:"كلاسيكي",technical:"تقني",fineliner:"قلم رفيع"},fontSize:{ariaLabel:"حجم الخط",small:"صغير",medium:"متوسط",large:"كبير",extraLarge:"كبير جدًا",huge:"ضخم"},align:{left:"محاذاة إلى اليسار",center:"محاذاة إلى الوسط",right:"محاذاة إلى اليمين"},remove:"إزالة النص",resize:{left:"تغيير الحجم من اليسار",right:"تغيير الحجم من اليمين"}},text:{editLabel:"تحرير النص",placeholder:"اكتب شيئًا"},baseMenu:{pinNumber:"تثبيت الرقم",unpinNumber:"إلغاء تثبيت الرقم",annotate:"تعليق",removeAnnotation:"إزالة التعليق",highlight:"تمييز",highlightWithLabel:e=>`تمييز ${e.label}`,removeHighlight:"إزالة التمييز",differenceArrow:"سهم الفرق",addSticker:"إضافة ملصق",removeSticker:"إزالة الملصق"},textMenu:{title:"تعليق",placeholder:"إضافة تعليق",addButton:"إضافة"},highlights:{menuTitle:"تمييز",labels:{bar:"شريط",barGroup:"مجموعة",barStack:"مكدس",barSeries:"سلسلة",line:"خط",linePoint:"نقطة",lineSeries:"سلسلة",scatterPoint:"نقطة",scatterSeries:"سلسلة",pieSlice:"شريحة",pointOrBar:"نقطة / شريط",lineOrSeries:"خط / سلسلة"}},stickerMenu:{title:"إضافة ملصق"},delete:"حذف",arrow:{thickness:{label:"السمك",thin:"رفيع",medium:"متوسط",thick:"سميك"},arrowhead:{startPoint:"نقطة البداية",endPoint:"نقطة النهاية",lineArrow:"سهم الخط",none:"بدون"},lineStyle:{label:"نمط الخط",solid:"صلب",dotted:"منقط"},stickerEffect:"تأثير الملصق",toolbarAriaLabel:"شريط أدوات السهم الحر",editorAriaLabel:"محرر السهم"},differenceArrow:{type:{proportion:"النسبة",difference:({absoluteDifference:e})=>`الفرق (${e})`,increase:({absoluteDifference:e})=>`الزيادة (${e})`,decrease:({absoluteDifference:e})=>`النقصان (${e})`,percentageChange:({percentageChange:e})=>`تغيير النسبة المئوية (${e})`,percentIncrease:({percentageChange:e})=>`زيادة النسبة المئوية (${e})`,percentDecrease:({percentageChange:e})=>`نقصان النسبة المئوية (${e})`},size:{label:"الحجم",small:"صغير",medium:"متوسط",large:"كبير"},flipArrow:"عكس السهم",color:"اللون",toolbarAriaLabel:"شريط أدوات سهم الفرق",editorAriaLabel:"محرر سهم الفرق"},shape:{color:"اللون",border:{label:"الحدود",none:"بدون",thin:({value:e})=>`رفيع (${e})`,medium:({value:e})=>`متوسط (${e})`,thick:({value:e})=>`سميك (${e})`}}}},vo={common:mo,editor:go,graph:xo},fo={save:"Save",cancel:"Cancel",confirm:"Confirm",delete:"Delete",confirmDelete:e=>`Are you sure you want to delete ${e.item}?`,abbreviations:{thousands:"k",millions:"m",billions:"b"}},bo={title:"Graphy Editor",description:"Edit your content here",graphTypes:{column:"Column",columnStacked:"Stacked column",columnStackedFill:"100% stacked column",bar:"Bar",barStacked:"Stacked bar",barStackedFill:"100% stacked bar",line:"Line",areaStacked:"Stacked area",pie:"Pie",donut:"Donut",scatter:"Scatter",bubble:"Bubble",funnel:"Funnel",combo:"Combo",heatmap:"Heatmap",waterfall:"Waterfall",mekko:"Mekko",table:"Table"},sizePanel:{toolbarButton:"Size",presetsSection:{title:"Presets"},customSizeSection:{title:"Custom size"},presets:{googleSlides:"Google Slides / PowerPoint",webEmail:"Web / email",linkedIn:"LinkedIn post",instagram:"Instagram post",tiktok:"TikTok / Instagram story",twitter:"X (Twitter)",mobile:"Mobile"},inputs:{unitLabel:"px"},validation:{maxSizeError:e=>`≤ ${e.max}px`,minSizeError:e=>`≥ ${e.min}px`}},graphPanel:{toolbarButton:"Graph",graphTypeSection:{title:"Graph type"},mappingSection:{title:"Data",x:"X-axis",y:"Value",color:"Colour",size:"Size",label:"Label",none:"None"},comboSection:{title:"Combo chart appearance",types:{"grouped-bars":"Grouped bars","stacked-bars":"Stacked bars",lines:"Lines only"}},polarSection:{title:"Polar",innerRadius:"Inner radius",startAngle:"Start angle"},barSection:{title:"Bars",thickness:"Bar thickness",rounding:"Rounding",roundingOptions:{none:"None",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",full:"Full"}},graphOptionsSection:{title:"Graph options"},gridSection:{title:"Grid",horizontalGridLines:"Horizontal lines",verticalGridLines:"Vertical lines",rings:"Rings",spokes:"Spokes",gridStyle:"Grid style",gridThickness:"Grid thickness",lineStyles:{solid:"Solid",dashed:"Dashed",dotted:"Dotted"}},graphOptions:{sortBars:"Sort high → low",showPoints:"Show points",lineFill:"Fill under line",smoothLines:"Smooth lines",stackTotals:"Stack totals",dataLabels:"Data labels",showPercentages:"Show percentages",categoryLabels:"Category labels"},legendSection:{title:"Legend",auto:"Auto",top:"Top",bottom:"Bottom",left:"Left",right:"Right",none:"None",alignLabel:"Alignment",align:{auto:"Auto",start:"Start",center:"Center",end:"End"},displayLabel:"Style",display:{auto:"Auto",pill:"Pills",direct:"Direct"}},numberFormatSection:{title:"Number format"},numberFormat:{abbreviationLabel:"Abbreviation",valueLabel:"Value",decimalPlacesLabel:"Decimal places",options:{auto:"Auto",custom:"Custom",none:"None"}},headlineNumberSize:{sizeLabel:"Size",valueLabel:"Value",sizes:{small:"S",medium:"M",large:"L"}},lineThickness:{label:"Line thickness"},pointSize:{label:"Point size",options:{auto:"Auto",custom:"Custom"}},headlineNumberSection:{title:"Headline number",toggle:"Visible",metricLabel:"Metric",compareWithLabel:"Compare with",metrics:{total:"Total",average:"Avg.",current:"Last",conversion:"Conversion",left:"Left"},comparison:{first:"First",previous:"Previous"},position:{above:"Above",center:"Center"}},treatEmptyValues:{leaveGap:{label:"Leave gap in chart",description:"Leaves a visible break in the line where data is missing"},fillZero:{label:"Fill with zero",description:"Displays missing data points as zero"},connectGaps:{label:"Connect across gaps",description:"Joins the line between available points, skipping the gap"}},comboChartAppearance:{title:"Combo chart appearance",groupedBars:"Grouped bars",stackedBars:"Stacked bars",linesOnly:"Lines only"}},axesPanel:{toolbarButton:"Axes",mainAxisSection:{yAxis:"Y-axis",xAxis:"X-axis"},crossAxisSection:{xAxis:"X-axis",yAxis:"Y-axis"},controls:{title:"Title",visible:"Visible",ticks:"Ticks",labels:"Labels",position:"Position",scale:"Scale",startFrom:"Start from",endAt:"End at",value:"Value",numberOfAxes:"Number of axes",reverse:"Reverse"},labelMode:{auto:"Auto",edges:"Edges"},scale:{auto:"Auto",log:"Log"},startFrom:{auto:"Auto",zero:"Zero",custom:"Custom"},endAt:{auto:"Auto",custom:"Custom"},axisCount:{single:"Single",double:"Double"},position:{left:"Left",right:"Right",top:"Top",bottom:"Bottom"},yesNo:{yes:"Yes",no:"No"}},colorPanel:{toolbarButton:"Color",themeSection:{title:"Theme"},appearanceSection:{title:"Appearance",highlightStyle:"Highlight"},paletteSection:{title:"Palette",colorScheme:"Color scheme",colors:"Colors",colorPalettes:"Color palettes"},paletteMode:{preset:"Preset",freestyle:"Freestyle"},paletteThemes:{colorful:"Colorful",pastel:"Pastel",neon:"Neon"},backgroundSection:{title:"Background",black:"Black",white:"White",grey:"Grey",tint:"Tint",custom:"Custom",none:"None"},borderSection:{title:"Border",borderColor:"Border color",thickness:"Thickness",cornerRadius:"Corner radius"},borderType:{solid:"Solid",gradient:"Gradient",grey:"Grey",preset:"Preset",custom:"Custom",none:"None"},presetGradients:{lilac:"Lilac",neonPink:"Neon Pink",blackberry:"Blackberry",sun:"Sun",iceland:"Iceland",sunset:"Sunset",ultraviolet:"Ultraviolet",purple:"Purple",iceCream:"Ice Cream",mint:"Mint",cool:"Cool",fresh:"Fresh"}},designPanel:{toolbarButton:"Design",defaultExpanded:"Palette"},annotatePanel:{toolbarButton:"Annotate",callOutSection:{title:"Callouts",text:"Text",arrow:"Arrow",box:"Box",difference:"Difference"},highlightSection:{title:"Highlight",button:"Highlight",colorLabel:"Highlight color"}},annotationsPanel:{toolbarButton:"Annotate",freeformSection:{title:"Freeform",text:"Text",arrow:"Arrow",box:"Box",difference:"Difference"},goalSection:{title:"Goal",labelControl:"Label",labelPlaceholder:"Goal",labelAriaLabel:"Custom goal label",valueControl:"Goal value",valueAriaLabel:"Goal value",byDate:"By date",xAxisValue:"X-axis value",optional:"(optional)"},trendsAndAveragesSection:{title:"Trends and Averages",trend:"Trend",average:"Average"},trendType:{label:"Trend type",placeholder:"Trend type",options:{linear:"Linear",exponential:"Exponential",quadratic:"Quadratic",polynomial:"Polynomial",logarithmic:"Logarithmic",power:"Power",loess:"Loess"}},averageLineSeries:{label:"Average line series",placeholder:"Select series",ariaLabel:"Series dropdown for average line"},highlightSection:{title:"Highlight",button:"Highlight",fadeColorLabel:"Fade color"},titleAndSubtitleSection:{title:"Title & Subtitle",toggleTitle:"Title",subtitle:"Subtitle"},captionAndSourceSection:{title:"Caption & Source",caption:"Caption",source:"Source",url:"URL",name:"Name"}},elementsPanel:{contentVisible:"Visible",contentValue:"Value",toolbarButton:"Elements",headerSection:{title:"Header",toggleTitle:"Title",subtitle:"Subtitle"},footerSection:{title:"Footer",caption:"Caption",source:"Source",url:"URL",name:"Name"},textSizeSection:{title:"Text size",scaleFormat:e=>`${e.value}x`},fontSection:{title:"Font"},sourceSection:{title:"Source",url:"URL",name:"Name"}},powerUpPanel:{toolbarButton:"Power-ups",goalSection:{title:"Goal",toggle:"Goal",labelControl:"Label",labelPlaceholder:"Goal",labelAriaLabel:"Custom goal label",valueControl:"Goal value",byDate:"By date",xAxisValue:"X-axis value",optional:" (optional)",xAxisReferenceAriaLabel:"X-axis reference value",anyXAxisValue:"Any x-axis value",selectValuePlaceholder:"Select value"},trendSection:{title:"Trend",toggle:"Trend"},averageSection:{title:"Average",toggle:"Average",seriesLabel:"Average line series",seriesPlaceholder:"Select series",seriesAriaLabel:"Series dropdown for average line"},trendType:{label:"Trend type",placeholder:"Trend type",options:{linear:"Linear",exponential:"Exponential",quadratic:"Quadratic",polynomial:"Polynomial",logarithmic:"Logarithmic",power:"Power",loess:"Loess"}},valueInput:{percentagePlaceholder:"Percentage",numberPlaceholder:"Number",percentageSymbol:"%"}},highlighting:{modeHelper:{title:"Highlight mode",hover:"Hover",toHighlight:"to highlight",anyElement:"any element",escToExit:"to exit",esc:"ESC"},emptyState:"No highlight options available",deleteAriaLabel:"Delete highlight",highlightStyle:{tint:"Tint",grey:"Grey"}},fineTunePanel:{toolbarButton:"Fine tune",detailSection:{title:"Detail",missingValues:"Missing values"},lineStyleSection:{title:"Line style",lineCurve:"Line curve",sharp:"Sharp",smooth:"Smooth"}},customThemeEditor:{patternDropdownAriaLabel:"Pattern dropdown for series",patterns:{solid:"Solid",pattern:"Pattern",dotted:"Dotted",dashed:"Dashed",hatched:"Hatched"},heatmapColorLabel:"Color"},accessibility:{toggleSection:e=>`Toggle ${e.title} section`},graphyDefaults:{themeOptions:{light:"Light",dark:"Dark"}}},Co={titleEditor:{titlePlaceholder:"Untitled",subtitlePlaceholder:"Add a subtitle"},toolbar:{formatting:{bold:"Bold",italic:"Italic",underline:"Underline",link:"Link"},link:{ariaLabel:"Create link",placeholder:"Type or paste a link...",submit:"Submit",urlLabel:"Link URL",apply:"Apply link"},font:{label:"Font",ariaLabel:"Font family"},heading:{label:"Heading level",ariaLabel:"Text style",text:"Text",caption:"Caption",heading1:"Heading 1",heading2:"Heading 2",heading3:"Heading 3"},textAlign:{left:"Align left",center:"Align center",right:"Align right"},color:{label:"Text color"}},colorDropdown:{colors:"Colors",chartColors:"Chart colors",custom:"Custom",opacity:"Opacity",transparent:"Transparent",pickCustom:"Pick custom color",pickColor:"Pick color"},annotations:{differenceArrowToolbar:{label:"Difference arrow options",labelKind:{ariaLabel:"Label",absoluteDifference:"Absolute change",relativeDifference:"Percentage change",proportion:"Proportion",suspectValue:"This value divides by a baseline of zero.",incomparableEnds:"The two ends measure different quantities, so a difference between them has no meaning."},color:"Arrow colour",size:{ariaLabel:"Size",small:"Small",medium:"Medium",large:"Large"},swap:"Swap direction",remove:"Remove arrow"},shapeToolbar:{label:"Shape options",color:"Shape colour",border:{ariaLabel:"Border",none:"None",thin:"Thin (2px)",medium:"Medium (8px)",thick:"Thick (16px)"},remove:"Remove shape",resize:{"top-left":"Resize from the top left","top-right":"Resize from the top right","bottom-right":"Resize from the bottom right","bottom-left":"Resize from the bottom left"}},arrowToolbar:{label:"Arrow options",color:"Arrow colour",thickness:{ariaLabel:"Thickness",thin:"Thin",medium:"Medium",thick:"Thick"},startArrowhead:"Start of the arrow",endArrowhead:"End of the arrow",arrowhead:{lineArrow:"Line arrow",none:"None"},lineStyle:{ariaLabel:"Line style",solid:"Solid",dashed:"Dashed",dotted:"Dotted"},sticker:"Sticker effect",remove:"Remove arrow",moveEndpoint:{start:"Move the start of the arrow",end:"Move the end of the arrow"}},textToolbar:{label:"Text options",background:"Background colour",color:"Text colour",font:{ariaLabel:"Font",modern:"Modern",fresh:"Fresh",timeless:"Timeless",technical:"Technical",fineliner:"Fineliner"},fontSize:{ariaLabel:"Font size",small:"Small",medium:"Medium",large:"Large",extraLarge:"Extra Large",huge:"Huge"},align:{left:"Align left",center:"Align centre",right:"Align right"},remove:"Remove text",resize:{left:"Resize from the left",right:"Resize from the right"}},text:{editLabel:"Edit text",placeholder:"Type something"},baseMenu:{pinNumber:"Pin number",unpinNumber:"Unpin number",annotate:"Annotate",removeAnnotation:"Remove annotation",highlight:"Highlight",highlightWithLabel:e=>`Highlight ${e.label}`,removeHighlight:"Remove highlight",differenceArrow:"Difference arrow",addSticker:"Add sticker",removeSticker:"Remove sticker"},textMenu:{title:"Annotate",placeholder:"Add a comment",addButton:"Add"},highlights:{menuTitle:"Highlight",labels:{bar:"bar",barGroup:"group",barStack:"stack",barSeries:"series",line:"line",linePoint:"point",lineSeries:"series",scatterPoint:"point",scatterSeries:"series",pieSlice:"slice",pointOrBar:"point / bar",lineOrSeries:"line / series"}},stickerMenu:{title:"Add sticker"},delete:"Delete",arrow:{thickness:{label:"Thickness",thin:"Thin",medium:"Medium",thick:"Thick"},arrowhead:{startPoint:"Start point",endPoint:"End point",lineArrow:"Line arrow",none:"None"},lineStyle:{label:"Line style",solid:"Solid",dotted:"Dotted"},stickerEffect:"Sticker effect",toolbarAriaLabel:"Free-form arrow toolbar",editorAriaLabel:"Arrow editor"},differenceArrow:{type:{proportion:"Proportion",difference:({absoluteDifference:e})=>`Difference (${e})`,increase:({absoluteDifference:e})=>`Increase (${e})`,decrease:({absoluteDifference:e})=>`Decrease (${e})`,percentageChange:({percentageChange:e})=>`Percentage change (${e})`,percentIncrease:({percentageChange:e})=>`Percent increase (${e})`,percentDecrease:({percentageChange:e})=>`Percent decrease (${e})`},size:{label:"Size",small:"Small",medium:"Medium",large:"Large"},flipArrow:"Flip arrow",color:"Color",toolbarAriaLabel:"Difference arrow toolbar",editorAriaLabel:"Difference arrow editor"},shape:{color:"Color",border:{label:"Border",none:"None",thin:({value:e})=>`Thin (${e})`,medium:({value:e})=>`Medium (${e})`,thick:({value:e})=>`Thick (${e})`}}}},So={common:fo,editor:bo,graph:Co},yo={colorPanel:{backgroundSection:{grey:"Gray"},borderType:{grey:"Gray"}},highlighting:{highlightStyle:{grey:"Gray"}}},jo={editor:yo},To={save:"Guardar",cancel:"Cancelar",confirm:"Confirmar",delete:"Eliminar",confirmDelete:e=>`Tem a certeza que deseja eliminar ${e.item}?`,abbreviations:{thousands:"mil",millions:"M",billions:"MM"}},wo={title:"Editor Graphy",description:"Edite o seu conteúdo aqui",graphTypes:{column:"Colunas",columnStacked:"Colunas sobrepostas",columnStackedFill:"100% Colunas sobrepostas",bar:"Barras",barStacked:"Barras sobrepostas",barStackedFill:"100% Barras sobrepostas",line:"Linha",areaStacked:"Área sobreposta",pie:"Circular",donut:"Donut",scatter:"Dispersão",bubble:"Bolhas",funnel:"Funil",combo:"Combinado",heatmap:"Mapa de Calor",waterfall:"Cascata",mekko:"Mekko",table:"Tabela"},sizePanel:{toolbarButton:"Tamanho",presetsSection:{title:"Predefinições"},customSizeSection:{title:"Tamanho personalizado"},presets:{googleSlides:"Google Slides / PowerPoint",webEmail:"Web / email",linkedIn:"Publicação LinkedIn",instagram:"Publicação Instagram",tiktok:"TikTok / Instagram story",twitter:"X (Twitter)",mobile:"Móvel"},inputs:{unitLabel:"px"},validation:{maxSizeError:e=>`≤ ${e.max}px`,minSizeError:e=>`≥ ${e.min}px`}},graphPanel:{toolbarButton:"Gráfico",graphTypeSection:{title:"Tipo de gráfico"},mappingSection:{title:"Dados",x:"Eixo X",y:"Valor",color:"Cor",size:"Tamanho",label:"Etiqueta",none:"Nenhum"},comboSection:{title:"Aspeto do gráfico combinado",types:{"grouped-bars":"Barras agrupadas","stacked-bars":"Barras empilhadas",lines:"Apenas linhas"}},polarSection:{title:"Polar",innerRadius:"Raio interno",startAngle:"Ângulo inicial"},barSection:{title:"Barras",thickness:"Espessura da barra",rounding:"Arredondamento",roundingOptions:{none:"Nenhum",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",full:"Total"}},graphOptionsSection:{title:"Opções do gráfico"},gridSection:{title:"Grelha",horizontalGridLines:"Linhas horizontais",verticalGridLines:"Linhas verticais",rings:"Anéis",spokes:"Raios",gridStyle:"Estilo da grelha",gridThickness:"Espessura da grelha",lineStyles:{solid:"Sólida",dashed:"Tracejada",dotted:"Pontilhada"}},graphOptions:{sortBars:"Ordenar maior → menor",showPoints:"Mostrar pontos",lineFill:"Preencher sob a linha",smoothLines:"Linhas suaves",stackTotals:"Totais sobrepostos",dataLabels:"Etiquetas de dados",showPercentages:"Mostrar percentagens",categoryLabels:"Etiquetas de categorias"},legendSection:{title:"Legenda",auto:"Automático",top:"Topo",bottom:"Fundo",left:"Esquerda",right:"Direita",none:"Nenhuma",alignLabel:"Alinhamento",align:{auto:"Automático",start:"Início",center:"Centro",end:"Fim"},displayLabel:"Estilo",display:{auto:"Automático",pill:"Etiquetas",direct:"No gráfico"}},numberFormatSection:{title:"Formato numérico"},numberFormat:{abbreviationLabel:"Abreviação",valueLabel:"Valor",decimalPlacesLabel:"Casas decimais",options:{auto:"Automático",custom:"Personalizado",none:"Nenhum"}},headlineNumberSize:{sizeLabel:"Tamanho",valueLabel:"Valor",sizes:{small:"P",medium:"M",large:"G"}},lineThickness:{label:"Espessura da linha"},pointSize:{label:"Tamanho do ponto",options:{auto:"Automático",custom:"Personalizado"}},headlineNumberSection:{title:"Número destaque",toggle:"Visível",metricLabel:"Métrica",compareWithLabel:"Comparar com",metrics:{total:"Total",average:"Média",current:"Último",conversion:"Conversão",left:"Esquerda"},comparison:{first:"Primeiro",previous:"Anterior"},position:{above:"Acima",center:"Centro"}},treatEmptyValues:{leaveGap:{label:"Deixar espaço no gráfico",description:"Deixa uma quebra visível na linha onde faltam dados"},fillZero:{label:"Preencher com zero",description:"Exibe pontos de dados em falta como zero"},connectGaps:{label:"Ligar através dos espaços",description:"Une a linha entre pontos disponíveis, ignorando o espaço"}},comboChartAppearance:{title:"Aparência do gráfico combinado",groupedBars:"Barras agrupadas",stackedBars:"Barras sobrepostas",linesOnly:"Apenas linhas"}},axesPanel:{toolbarButton:"Eixos",mainAxisSection:{yAxis:"Eixo Y",xAxis:"Eixo X"},crossAxisSection:{xAxis:"Eixo X",yAxis:"Eixo Y"},controls:{title:"Título",visible:"Visível",ticks:"Marcas",labels:"Etiquetas",position:"Posição",scale:"Escala",startFrom:"Iniciar de",endAt:"Terminar em",value:"Valor",numberOfAxes:"Número de eixos",reverse:"Inverter"},labelMode:{auto:"Automático",edges:"Extremos"},scale:{auto:"Automático",log:"Logarítmico"},startFrom:{auto:"Automático",zero:"Zero",custom:"Personalizado"},endAt:{auto:"Automático",custom:"Personalizado"},axisCount:{single:"Único",double:"Duplo"},position:{left:"Esquerda",right:"Direita",top:"Topo",bottom:"Fundo"},yesNo:{yes:"Sim",no:"Não"}},colorPanel:{toolbarButton:"Cor",themeSection:{title:"Tema"},appearanceSection:{title:"Aparência",highlightStyle:"Destaque"},paletteSection:{title:"Paleta",colorScheme:"Esquema de cores",colors:"Cores",colorPalettes:"Paletas de cores"},paletteMode:{preset:"Predefinido",brand:"Marca",freestyle:"Livre"},paletteThemes:{colorful:"Colorido",pastel:"Pastel",neon:"Néon"},backgroundSection:{title:"Fundo",black:"Preto",white:"Branco",grey:"Cinzento",tint:"Tonalidade",custom:"Personalizado",none:"Nenhum"},borderSection:{title:"Contorno",borderColor:"Cor do contorno",thickness:"Espessura",cornerRadius:"Raio dos cantos"},borderType:{solid:"Sólido",gradient:"Gradiente",grey:"Cinzento",preset:"Predefinido",custom:"Personalizado",none:"Nenhum"},presetGradients:{lilac:"Lilás",neonPink:"Rosa Néon",blackberry:"Amora",sun:"Sol",iceland:"Islândia",sunset:"Pôr do Sol",ultraviolet:"Ultravioleta",purple:"Roxo",iceCream:"Gelado",mint:"Menta",cool:"Frio",fresh:"Fresco"}},designPanel:{toolbarButton:"Design",defaultExpanded:"Paleta"},annotatePanel:{toolbarButton:"Anotar",callOutSection:{title:"Destaques",text:"Texto",arrow:"Seta",box:"Caixa",difference:"Diferença"},highlightSection:{title:"Realce",button:"Realçar",colorLabel:"Cor do realce"}},annotationsPanel:{toolbarButton:"Anotar",freeformSection:{title:"Forma livre",text:"Texto",arrow:"Seta",box:"Caixa",difference:"Diferença"},goalSection:{title:"Objetivo",labelControl:"Etiqueta",labelPlaceholder:"Objetivo",labelAriaLabel:"Etiqueta de objetivo personalizada",valueControl:"Valor do objetivo",valueAriaLabel:"Valor do objetivo",byDate:"Por data",xAxisValue:"Valor do eixo X",optional:"(opcional)"},trendsAndAveragesSection:{title:"Tendências e Médias",trend:"Tendência",average:"Média"},trendType:{label:"Tipo de tendência",placeholder:"Tipo de tendência",options:{linear:"Linear",exponential:"Exponencial",quadratic:"Quadrática",polynomial:"Polinomial",logarithmic:"Logarítmica",power:"Potência",loess:"Loess"}},averageLineSeries:{label:"Série da linha de média",placeholder:"Selecionar série",ariaLabel:"Dropdown de séries para linha de média"},highlightSection:{title:"Realce",button:"Realçar",fadeColorLabel:"Cor de esmaecimento"},titleAndSubtitleSection:{title:"Título e Subtítulo",toggleTitle:"Título",subtitle:"Subtítulo"},captionAndSourceSection:{title:"Legenda e Fonte",caption:"Legenda",source:"Fonte",url:"URL",name:"Nome"}},elementsPanel:{contentVisible:"Visível",contentValue:"Valor",toolbarButton:"Elementos",headerSection:{title:"Cabeçalho",toggleTitle:"Título",subtitle:"Subtítulo"},footerSection:{title:"Rodapé",caption:"Legenda",source:"Fonte",url:"URL",name:"Nome"},textSizeSection:{title:"Tamanho do texto",scaleFormat:e=>`${e.value}x`},fontSection:{title:"Tipo de letra"},sourceSection:{title:"Fonte",url:"URL",name:"Nome"}},powerUpPanel:{toolbarButton:"Extras",goalSection:{title:"Objetivo",toggle:"Objetivo",labelControl:"Etiqueta",labelPlaceholder:"Objetivo",labelAriaLabel:"Etiqueta de objetivo personalizada",valueControl:"Valor do objetivo",byDate:"Por data",xAxisValue:"Valor do eixo X",optional:" (opcional)",xAxisReferenceAriaLabel:"Valor de referência do eixo X",anyXAxisValue:"Qualquer valor do eixo X",selectValuePlaceholder:"Selecionar valor"},trendSection:{title:"Tendência",toggle:"Tendência"},averageSection:{title:"Média",toggle:"Média",seriesLabel:"Série da linha de média",seriesPlaceholder:"Selecionar série",seriesAriaLabel:"Dropdown de séries para linha de média"},trendType:{label:"Tipo de tendência",placeholder:"Tipo de tendência",options:{linear:"Linear",exponential:"Exponencial",quadratic:"Quadrática",polynomial:"Polinomial",logarithmic:"Logarítmica",power:"Potência",loess:"Loess"}},valueInput:{percentagePlaceholder:"Percentagem",numberPlaceholder:"Número",percentageSymbol:"%"}},highlighting:{modeHelper:{title:"Modo de realce",hover:"Passe",toHighlight:"para realçar",anyElement:"qualquer elemento",escToExit:"para sair",esc:"ESC"},emptyState:"Sem opções de realce disponíveis",deleteAriaLabel:"Eliminar realce",highlightStyle:{tint:"Tonalidade",grey:"Cinzento"}},fineTunePanel:{toolbarButton:"Ajuste fino",detailSection:{title:"Detalhe",missingValues:"Valores em falta"},lineStyleSection:{title:"Estilo de linha",lineCurve:"Curva da linha",sharp:"Angulosa",smooth:"Suave"}},customThemeEditor:{patternDropdownAriaLabel:"Dropdown de padrões para série",patterns:{solid:"Sólido",pattern:"Padrão",dotted:"Pontilhado",dashed:"Tracejado",hatched:"Hachurado"},heatmapColorLabel:"Cor"},accessibility:{toggleSection:e=>`Alternar secção ${e.title}`},graphyDefaults:{themeOptions:{light:"Claro",dark:"Escuro"}}},Ao={titleEditor:{titlePlaceholder:"Sem título",subtitlePlaceholder:"Adicionar subtítulo"},toolbar:{formatting:{bold:"Negrito",italic:"Itálico",underline:"Sublinhado",link:"Ligação"},link:{ariaLabel:"Criar ligação",placeholder:"Escreva ou cole uma ligação...",submit:"Submeter",urlLabel:"URL da ligação",apply:"Aplicar ligação"},font:{label:"Tipo de letra",ariaLabel:"Família do tipo de letra"},heading:{label:"Nível de título",ariaLabel:"Estilo de texto",text:"Texto",caption:"Legenda",heading1:"Título 1",heading2:"Título 2",heading3:"Título 3"},textAlign:{left:"Alinhar à esquerda",center:"Alinhar ao centro",right:"Alinhar à direita"},color:{label:"Cor do texto"}},colorDropdown:{colors:"Cores",chartColors:"Cores do gráfico",custom:"Personalizado",opacity:"Opacidade",transparent:"Transparente",pickCustom:"Escolher cor personalizada",pickColor:"Escolher cor"},annotations:{differenceArrowToolbar:{label:"Opções da seta de diferença",labelKind:{ariaLabel:"Etiqueta",absoluteDifference:"Variação absoluta",relativeDifference:"Variação percentual",proportion:"Proporção",suspectValue:"Este valor divide por uma base igual a zero.",incomparableEnds:"As duas pontas medem quantidades diferentes, pelo que a diferença entre elas não tem significado."},color:"Cor da seta",size:{ariaLabel:"Tamanho",small:"Pequeno",medium:"Médio",large:"Grande"},swap:"Inverter sentido",remove:"Remover seta"},shapeToolbar:{label:"Opções da forma",color:"Cor da forma",border:{ariaLabel:"Contorno",none:"Nenhum",thin:"Fino (2px)",medium:"Médio (8px)",thick:"Espesso (16px)"},remove:"Remover forma",resize:{"top-left":"Redimensionar a partir do canto superior esquerdo","top-right":"Redimensionar a partir do canto superior direito","bottom-right":"Redimensionar a partir do canto inferior direito","bottom-left":"Redimensionar a partir do canto inferior esquerdo"}},arrowToolbar:{label:"Opções da seta",color:"Cor da seta",thickness:{ariaLabel:"Espessura",thin:"Fina",medium:"Média",thick:"Espessa"},startArrowhead:"Início da seta",endArrowhead:"Fim da seta",arrowhead:{lineArrow:"Ponta de seta",none:"Nenhuma"},lineStyle:{ariaLabel:"Estilo da linha",solid:"Sólida",dashed:"Tracejada",dotted:"Pontilhada"},sticker:"Efeito autocolante",remove:"Remover seta",moveEndpoint:{start:"Mover o início da seta",end:"Mover o fim da seta"}},textToolbar:{label:"Opções do texto",background:"Cor de fundo",color:"Cor do texto",font:{ariaLabel:"Tipo de letra",modern:"Moderno",fresh:"Fresco",timeless:"Intemporal",technical:"Técnico",fineliner:"Caneta fina"},fontSize:{ariaLabel:"Tamanho da letra",small:"Pequeno",medium:"Médio",large:"Grande",extraLarge:"Muito grande",huge:"Enorme"},align:{left:"Alinhar à esquerda",center:"Alinhar ao centro",right:"Alinhar à direita"},remove:"Remover texto",resize:{left:"Redimensionar a partir da esquerda",right:"Redimensionar a partir da direita"}},text:{editLabel:"Editar texto",placeholder:"Escreva algo"},baseMenu:{pinNumber:"Fixar número",unpinNumber:"Desafixar número",annotate:"Anotar",removeAnnotation:"Remover anotação",highlight:"Realçar",highlightWithLabel:e=>`Realçar ${e.label}`,removeHighlight:"Remover realce",differenceArrow:"Seta de diferença",addSticker:"Adicionar autocolante",removeSticker:"Remover autocolante"},textMenu:{title:"Anotar",placeholder:"Adicionar comentário",addButton:"Adicionar"},highlights:{menuTitle:"Realçar",labels:{bar:"Barra",barGroup:"Grupo",barStack:"Pilha",barSeries:"Série",line:"Linha",linePoint:"Ponto",lineSeries:"Série",scatterPoint:"Ponto",scatterSeries:"Série",pieSlice:"Fatia",pointOrBar:"Ponto / barra",lineOrSeries:"Linha / série"}},stickerMenu:{title:"Adicionar autocolante"},delete:"Eliminar",arrow:{thickness:{label:"Espessura",thin:"Fina",medium:"Média",thick:"Grossa"},arrowhead:{startPoint:"Ponto inicial",endPoint:"Ponto final",lineArrow:"Seta de linha",none:"Nenhuma"},lineStyle:{label:"Estilo de linha",solid:"Sólida",dotted:"Pontilhada"},stickerEffect:"Efeito de autocolante",toolbarAriaLabel:"Barra de ferramentas de seta livre",editorAriaLabel:"Editor de seta"},differenceArrow:{type:{proportion:"Proporção",difference:({absoluteDifference:e})=>`Diferença (${e})`,increase:({absoluteDifference:e})=>`Aumento (${e})`,decrease:({absoluteDifference:e})=>`Diminuição (${e})`,percentageChange:({percentageChange:e})=>`Variação percentual (${e})`,percentIncrease:({percentageChange:e})=>`Aumento percentual (${e})`,percentDecrease:({percentageChange:e})=>`Diminuição percentual (${e})`},size:{label:"Tamanho",small:"Pequeno",medium:"Médio",large:"Grande"},flipArrow:"Inverter seta",color:"Cor",toolbarAriaLabel:"Barra de ferramentas de seta de diferença",editorAriaLabel:"Editor de seta de diferença"},shape:{color:"Cor",border:{label:"Contorno",none:"Nenhum",thin:({value:e})=>`Fino (${e})`,medium:({value:e})=>`Médio (${e})`,thick:({value:e})=>`Grosso (${e})`}}}},Po={common:To,editor:wo,graph:Ao},Lo={"en-GB":So,"en-US":jo,ar:vo,"pt-PT":Po},ko=[Lo,s.dictionaries],ln=({children:e,...n})=>(0,t.jsx)(s.IntlProvider,{dictionaries:ko,...n,children:e}),Io="data-variant",sn=rn.Paragraph.extend({addAttributes(){return{variant:{default:null,parseHTML:e=>e.getAttribute("data-variant")??null,renderHTML:e=>e.variant?{[Io]:e.variant}:{}}}}}),Eo=nn.Extension.create({name:"preventBackspaceAcrossTitleBoundary",addOptions(){return{isTitleVisible:!0}},addKeyboardShortcuts(){return{Backspace:({editor:e})=>{if(!this.options.isTitleVisible)return!1;const{selection:n}=e.state;if(!n.empty)return!1;const{$from:r}=n;return r.depth!==1\|\|r.parentOffset!==0?!1:r.index(0)===1}}}}),Qe=()=>[so.Text,Ae.UndoRedo,ao.Heading.configure({levels:[1,2,3]}),ro.Bold,io.Italic,uo.Underline,co.TextAlign.configure({types:["heading","paragraph"]}),lo.Link.configure({openOnClick:!1,autolink:!0}),fe.TextStyle,fe.Color,oo.HardBreak],Mo=({titlePlaceholder:e,subtitlePlaceholder:n,isTitleVisible:r,isSubtitleVisible:o})=>[Ro({isTitleVisible:r,isSubtitleVisible:o}),sn,...Qe(),fe.FontFamily,Eo.configure({isTitleVisible:r}),Ae.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:a,editor:i})=>{if(r&&a===0)return e;const l=r?i.state.doc.firstChild?.nodeSize??-1:0;return o&&a===l?n:""}})],_o=({placeholder:e})=>[ve.Document,sn,...Qe(),fe.FontFamily,Ae.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:n})=>n===0?e:""})],Ro=({isTitleVisible:e,isSubtitleVisible:n})=>e&&n?ve.Document.extend({content:"block{2,}"}):ve.Document,No="linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))",Oo="d0bl00";var cn="d0bl03",Do="d0bl04",dn="d0bl05",Be="d0bl06",zo="d0bl07",Fo="d0bl08",un="d0bl09",Ho="d0bl0a",Bo="d0bl0b",Go="d0bl0c",Vo="d0bl0d",Uo="d0bl0e",$o="owf1yg0",qo="owf1yg1",Wo="owf1yg2",Ko="owf1yg3",Xo="owf1yg4",Zo=.01,Yo=({value:e,onChange:n,label:r})=>(0,t.jsx)(q.Slider.Root,{className:$o,value:e,onValueChange:o=>n(o),min:0,max:1,step:Zo,children:(0,t.jsx)(q.Slider.Control,{className:qo,children:(0,t.jsxs)(q.Slider.Track,{className:Wo,children:[(0,t.jsx)(q.Slider.Indicator,{className:Ko}),(0,t.jsx)(q.Slider.Thumb,{className:Xo,"aria-label":r})]})})}),Jo="transparent",Ge=G.CANVAS_COLOR_KEYS.map(e=>G.vars[e]),Qo=Object.fromEntries(G.CANVAS_COLOR_KEYS.map(e=>[G.vars[e],e])),ea=e=>Ge.some(n=>pn(n,e)),ta=({color:e,onChange:n,isOpen:r,onOpenChange:o,children:a,label:i,popupAttributes:l,opacity:c,onOpacityChange:d,hasTransparentOption:h=!1})=>{const u=s.useI18n(),m=ra(),v=h?[Jo,...Ge]:Ge,g=x=>{n(x),o(!1)};return(0,t.jsxs)(B.Popover.Root,{open:r,onOpenChange:o,children:[(0,t.jsx)(B.Popover.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":i??u("graph.toolbar.color.label"),className:Oo,onMouseDown:x=>x.preventDefault(),children:a??(0,t.jsx)("span",{className:"d0bl01",style:{background:e??"transparent"}})}),(0,t.jsx)(B.Popover.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(B.Popover.Positioner,{sideOffset:6,align:"start",className:cn,children:(0,t.jsxs)(B.Popover.Popup,{className:Do,onMouseDown:x=>x.preventDefault(),...l,children:[(0,t.jsx)(bt,{title:u("graph.colorDropdown.colors"),colors:v,currentColor:e,onPick:g}),m.length>0&&(0,t.jsx)(bt,{title:u("graph.colorDropdown.chartColors"),colors:m,currentColor:e,onPick:g}),(0,t.jsx)(na,{value:e??"#000000",onChange:n,popupAttributes:l}),c!==void 0&&d!==void 0&&(0,t.jsxs)("div",{className:"d0bl05",children:[(0,t.jsx)("div",{className:"d0bl06",children:u("graph.colorDropdown.opacity")}),(0,t.jsx)(Yo,{value:c,onChange:d,label:u("graph.colorDropdown.opacity")})]})]})})})})]})},bt=({title:e,colors:n,currentColor:r,onPick:o})=>{const a=s.useI18n();return(0,t.jsxs)("div",{className:dn,children:[(0,t.jsx)("div",{className:Be,children:e}),(0,t.jsx)("div",{className:zo,children:n.map(i=>(0,t.jsx)("button",{type:"button","aria-label":i==="transparent"?a("graph.colorDropdown.transparent"):i,className:Fo,"data-active":pn(i,r),onMouseDown:l=>l.preventDefault(),onClick:()=>o(i),children:(0,t.jsx)("span",{className:un,style:hn(i)})},i))})]})},na=({value:e,onChange:n,popupAttributes:r})=>{const o=s.useI18n(),[a,i]=(0,b.useState)(!1),l=s.isValidCssColor(e)?e:"#000000",c=oa(l);return(0,t.jsxs)(B.Popover.Root,{open:a,onOpenChange:i,children:[(0,t.jsxs)("div",{className:dn,children:[(0,t.jsx)("div",{className:Be,children:o("graph.colorDropdown.custom")}),(0,t.jsxs)(B.Popover.Trigger,{className:Ho,onMouseDown:d=>d.preventDefault(),"aria-label":o("graph.colorDropdown.pickCustom"),children:[(0,t.jsx)("span",{className:un,style:hn(l)}),(0,t.jsx)("span",{className:Bo,children:c})]})]}),(0,t.jsx)(B.Popover.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(B.Popover.Positioner,{side:"right",align:"start",sideOffset:18,className:cn,children:(0,t.jsxs)(B.Popover.Popup,{className:Go,onMouseDown:d=>d.preventDefault(),...r,children:[(0,t.jsx)("div",{className:Be,children:o("graph.colorDropdown.pickColor")}),(0,t.jsx)(xt.HexColorPicker,{color:c,onChange:n,className:Vo}),(0,t.jsx)(xt.HexColorInput,{color:c,onChange:n,prefixed:!0,className:Uo,onMouseDown:d=>d.stopPropagation()})]})})})})]})},ra=()=>{const e=s.useCompiledSelector(n=>n.scales.color);return(0,b.useMemo)(()=>{if(!e\|\|e.kind!=="visual")return[];const n=new Set;for(const r of e.domain){const o=e.map(r);typeof o=="string"&&n.add(o)}return[...n]},[e])},hn=e=>e==="transparent"?{background:No,border:`1px solid ${G.vars.border100}`}:{background:e,border:`1px solid ${s.darkenCss(e,.1)}`},oa=e=>{const{themeValues:n}=s.useThemeContext();if(s.isHex(e))return e.toUpperCase();const r=Qo[e];return r?n[r].toUpperCase():"#000000"},pn=(e,n)=>n===null?!1:e.toLowerCase()===n.toLowerCase(),aa="l9kff0",ia="l9kff1",la="l9kff2",sa="xn24px0",ca="xn24px1",da="xn24px2",ua=({children:e,popupAttributes:n})=>(0,t.jsx)(M.Menu.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:sa,children:(0,t.jsx)(M.Menu.Popup,{className:ca,onMouseDown:r=>r.preventDefault(),...n,children:e})})})}),ha=({children:e,isSelected:n=!1,isDisabled:r=!1,onClick:o})=>(0,t.jsx)(M.Menu.Item,{className:da,"data-selected":n,disabled:r,onClick:o,children:e}),pa=({className:e,...n})=>(0,t.jsx)(te.Tooltip.Provider,{children:(0,t.jsx)(W.Toolbar.Root,{...n,className:(0,V.default)(aa,e)})}),ma=({className:e,...n})=>(0,t.jsx)(W.Toolbar.Group,{...n,className:(0,V.default)(ia,e)}),ga=({className:e,...n})=>(0,t.jsx)(W.Toolbar.Separator,{...n,className:(0,V.default)(la,e)}),xa=({children:e})=>{const n=s.resolvePortalContainer();return n===null?null:(0,en.createPortal)((0,t.jsx)(s.PortalThemeProvider,{children:e}),n)},F={Portal:xa,Root:pa,Group:ma,Separator:ga,Button:W.Toolbar.Button,ColorPicker:ta,MenuPopup:ua,MenuItem:ha},ce=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"m6 9 6 6 6-6"})})}),va="'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'",fa=`'Aeonik', 'Aeonik Fallback', ${G.DEFAULT_FONT_FAMILY}`,ba="'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'",Ca="'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'",Ve=[{id:"modern",label:"Modern",preview:"Aa",fontFamily:G.DEFAULT_FONT_FAMILY},{id:"fresh",label:"Fresh",preview:"Aa",fontFamily:fa},{id:"timeless",label:"Timeless",preview:"Aa",fontFamily:va},{id:"technical",label:"Technical",preview:"00",fontFamily:ba},{id:"fineliner",label:"Fineliner",preview:"Aa",fontFamily:Ca}],Sa=e=>e?Ve.find(n=>n.fontFamily===e)??null:null,mn="_70l3rt0",gn="_70l3rt1",xn="_70l3rt3",vn="_70l3rt4",fn="_70l3rt5",ya=({editor:e,currentFontFamily:n,isOpen:r,onOpenChange:o})=>{const a=s.useI18n(),i=Sa(n)??Ve[0],l=c=>{e.chain().focus().setFontFamily(c.fontFamily).run()};return(0,t.jsxs)(M.Menu.Root,{open:r,onOpenChange:o,children:[(0,t.jsxs)(M.Menu.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":a("graph.toolbar.font.ariaLabel"),className:mn,onMouseDown:c=>c.preventDefault(),children:[(0,t.jsx)("span",{className:gn,style:{fontFamily:i?.fontFamily},children:i?.preview}),(0,t.jsx)(ce,{size:"sm"})]}),(0,t.jsx)(M.Menu.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:xn,children:(0,t.jsx)(M.Menu.Popup,{className:vn,onMouseDown:c=>c.preventDefault(),children:Ve.map(c=>(0,t.jsx)(M.Menu.Item,{className:fn,"data-selected":c.id===i?.id,onClick:()=>l(c),children:(0,t.jsx)("span",{style:{fontFamily:c.fontFamily},children:c.label})},c.id))})})})})]})},bn={id:"text",translationKey:"graph.toolbar.heading.text",previewFont:G.vars.fontTextEditorBody},Ct=[{id:"caption",translationKey:"graph.toolbar.heading.caption",previewFont:G.vars.fontTextEditorH6},bn,{id:"h3",translationKey:"graph.toolbar.heading.heading3",previewFont:G.vars.fontTextEditorH3},{id:"h2",translationKey:"graph.toolbar.heading.heading2",previewFont:G.vars.fontTextEditorH2},{id:"h1",translationKey:"graph.toolbar.heading.heading1",previewFont:G.vars.fontTextEditorH1}],ja=({editor:e,activeStyle:n,isOpen:r,onOpenChange:o})=>{const a=s.useI18n(),i=Ct.find(l=>l.id===n)??bn;return(0,t.jsxs)(M.Menu.Root,{open:r,onOpenChange:o,children:[(0,t.jsxs)(M.Menu.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":a("graph.toolbar.heading.ariaLabel"),className:mn,onMouseDown:l=>l.preventDefault(),children:[(0,t.jsx)("span",{className:gn,children:a(i.translationKey)}),(0,t.jsx)(ce,{size:"sm"})]}),(0,t.jsx)(M.Menu.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:xn,children:(0,t.jsx)(M.Menu.Popup,{className:vn,onMouseDown:l=>l.preventDefault(),children:Ct.map(l=>(0,t.jsx)(M.Menu.Item,{className:fn,"data-selected":l.id===i.id,onClick:()=>Ta(e,l.id),children:(0,t.jsx)(wa,{font:l.previewFont,children:a(l.translationKey)})},l.id))})})})})]})},Ta=(e,n)=>{switch(n){case"caption":e.chain().focus().setNode("paragraph",{variant:"caption"}).run();return;case"text":e.chain().focus().setNode("paragraph",{variant:null}).run();return;case"h1":e.chain().focus().setHeading({level:1}).run();return;case"h2":e.chain().focus().setHeading({level:2}).run();return;case"h3":e.chain().focus().setHeading({level:3}).run()}},wa=({font:e,children:n})=>(0,t.jsx)("span",{style:{font:e,margin:0},children:n}),Cn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),Aa=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),(0,t.jsx)("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]})}),Pa=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M18 6 6 18"}),(0,t.jsx)("path",{d:"m6 6 12 12"})]})}),La=e=>!e.content\|\|e.content.length===0?!0:e.content.every(n=>!n.content\|\|n.content.length===0),ka=e=>{const{$from:n}=e.state.selection,r=n.parent.textContent,o=n.parentOffset,a=n.start();let i=o;for(;i>0&&St(r[i-1]);)i-=1;let l=o;for(;l<r.length&&St(r[l]);)l+=1;return{from:a+i,to:a+l}},St=e=>e!==void 0&&/\S/.test(e),Ia="fop13s0",Ea="fop13s1",Ma="fop13s2",_a="fop13s3",yt="fop13s4",Ra=({editor:e,currentUrl:n,isActive:r,isOpen:o,onOpenChange:a})=>{const i=s.useI18n(),[l,c]=(0,b.useState)(""),d=(0,b.useRef)(null);(0,b.useEffect)(()=>{o&&c(n??"")},[o,n]);const h=()=>{Na(e,l),a(!1)},u=()=>{c(""),a(!1)},m=g=>{c(g.target.value)},v=g=>{g.key==="Enter"&&(g.preventDefault(),h())};return(0,t.jsxs)(B.Popover.Root,{open:o,onOpenChange:a,children:[(0,t.jsx)(B.Popover.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":i("graph.toolbar.formatting.link"),"data-active":r,className:Ia,onMouseDown:g=>g.preventDefault(),children:(0,t.jsx)(Aa,{})}),(0,t.jsx)(B.Popover.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(B.Popover.Positioner,{sideOffset:6,align:"end",className:Ea,children:(0,t.jsxs)(B.Popover.Popup,{className:Ma,initialFocus:d,onMouseDown:g=>g.preventDefault(),children:[(0,t.jsx)("input",{ref:d,type:"url",value:l,placeholder:i("graph.toolbar.link.placeholder"),"aria-label":i("graph.toolbar.link.urlLabel"),className:_a,onMouseDown:g=>g.stopPropagation(),onChange:m,onKeyDown:v}),(0,t.jsx)("button",{type:"button","aria-label":i("common.cancel"),className:yt,onClick:u,children:(0,t.jsx)(Pa,{})}),(0,t.jsx)("button",{type:"button","aria-label":i("graph.toolbar.link.apply"),className:yt,onClick:h,children:(0,t.jsx)(Cn,{})})]})})})})]})},Na=(e,n)=>{const r=n.trim(),{selection:o}=e.state;if(!r){e.chain().focus().extendMarkRange("link").unsetLink().run();return}if(!o.empty){e.chain().focus().setLink({href:r}).run();return}if(e.isActive("link")){e.chain().focus().extendMarkRange("link").setLink({href:r}).run();return}const a=ka(e);e.chain().focus().setTextSelection(a).setLink({href:r}).run()},Sn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M21 5H3"}),(0,t.jsx)("path",{d:"M17 12H7"}),(0,t.jsx)("path",{d:"M19 19H5"})]})}),yn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M21 5H3"}),(0,t.jsx)("path",{d:"M21 12H9"}),(0,t.jsx)("path",{d:"M21 19H7"})]})}),jn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M21 5H3"}),(0,t.jsx)("path",{d:"M15 12H3"}),(0,t.jsx)("path",{d:"M17 19H3"})]})}),Oa="_1d66w570",Da="_1d66w571",za=6,ne=({label:e,isActive:n,onToggle:r,children:o})=>{const a=i=>i.preventDefault();return(0,t.jsxs)(te.Tooltip.Root,{children:[(0,t.jsx)(te.Tooltip.Trigger,{render:(0,t.jsx)(ho.Toggle,{render:(0,t.jsx)(W.Toolbar.Button,{}),pressed:n,onPressedChange:()=>r()}),"aria-label":e,className:Oa,onMouseDown:a,children:o}),(0,t.jsx)(te.Tooltip.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(te.Tooltip.Positioner,{sideOffset:za,children:(0,t.jsx)(te.Tooltip.Popup,{className:Da,children:e})})})})]})},Fa=({editor:e,activeAlignment:n="left"})=>{const r=s.useI18n();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ne,{label:r("graph.toolbar.textAlign.left"),isActive:n==="left",onToggle:()=>e.chain().focus().setTextAlign("left").run(),children:(0,t.jsx)(jn,{})}),(0,t.jsx)(ne,{label:r("graph.toolbar.textAlign.center"),isActive:n==="center",onToggle:()=>e.chain().focus().setTextAlign("center").run(),children:(0,t.jsx)(Sn,{})}),(0,t.jsx)(ne,{label:r("graph.toolbar.textAlign.right"),isActive:n==="right",onToggle:()=>e.chain().focus().setTextAlign("right").run(),children:(0,t.jsx)(yn,{})})]})},Ha="_1u34vl40",Ba=({editor:e})=>({isBold:e?.isActive("bold")??!1,isItalic:e?.isActive("italic")??!1,isUnderline:e?.isActive("underline")??!1,isLink:e?.isActive("link")??!1,linkUrl:e?.getAttributes("link").href??null,color:e?.getAttributes("textStyle").color??null,fontFamily:e?.getAttributes("textStyle").fontFamily??null,fontSize:Ga(e),textAlign:Va(e)}),Ga=e=>e?e.isActive("heading",{level:1})?"h1":e.isActive("heading",{level:2})?"h2":e.isActive("heading",{level:3})?"h3":e.isActive("paragraph",{variant:"caption"})?"caption":"text":"text",Va=e=>e?e.isActive({textAlign:"center"})?"center":e.isActive({textAlign:"right"})?"right":"left":"left",Ua=8,$a=8,qa=({editor:e})=>{const n=s.useI18n(),[r,o]=(0,b.useState)(!1),[a,i]=(0,b.useState)(null),l=a!==null,c=g=>x=>{i(x?g:null)},{refs:d,floatingStyles:h}=(0,ae.useFloating)({placement:"top-start",strategy:"fixed",middleware:[(0,ae.offset)(Ua),(0,ae.flip)(),(0,ae.shift)({padding:$a})],whileElementsMounted:ae.autoUpdate}),u=(0,b.useRef)(null),m=(0,Pe.useEditorState)({editor:e,selector:Ba}),v=(0,b.useCallback)(g=>{u.current=g,d.setFloating(g)},[d]);return(0,b.useEffect)(()=>{e&&d.setReference(e.view.dom)},[e,d]),(0,b.useEffect)(()=>{if(!e)return;const g=()=>o(!0),x=({event:f})=>{const{relatedTarget:S,currentTarget:P}=f,C=S instanceof Node&&u.current?.contains(S),L=S instanceof Node&&P instanceof Node&&P.contains(S);!C&&!L&&o(!1)};return e.on("focus",g),e.on("blur",x),()=>{e.off("focus",g),e.off("blur",x)}},[e]),!e\|\|!r&&!l?null:(0,t.jsx)(F.Portal,{children:(0,t.jsxs)(F.Root,{ref:v,className:Ha,style:h,children:[(0,t.jsxs)(F.Group,{children:[(0,t.jsx)(F.ColorPicker,{color:m?.color??null,onChange:g=>e.chain().setColor(g).run(),isOpen:a==="color",onOpenChange:c("color")}),(0,t.jsx)(ya,{editor:e,currentFontFamily:m?.fontFamily??null,isOpen:a==="fontFamily",onOpenChange:c("fontFamily")})]}),(0,t.jsx)(F.Separator,{}),(0,t.jsx)(F.Group,{children:(0,t.jsx)(ja,{editor:e,activeStyle:m?.fontSize??"text",isOpen:a==="fontSize",onOpenChange:c("fontSize")})}),(0,t.jsx)(F.Separator,{}),(0,t.jsxs)(F.Group,{children:[(0,t.jsx)(ne,{label:n("graph.toolbar.formatting.bold"),isActive:m?.isBold??!1,onToggle:()=>e.chain().focus().toggleBold().run(),children:(0,t.jsx)("strong",{children:"B"})}),(0,t.jsx)(ne,{label:n("graph.toolbar.formatting.italic"),isActive:m?.isItalic??!1,onToggle:()=>e.chain().focus().toggleItalic().run(),children:(0,t.jsx)("em",{children:"I"})}),(0,t.jsx)(ne,{label:n("graph.toolbar.formatting.underline"),isActive:m?.isUnderline??!1,onToggle:()=>e.chain().focus().toggleUnderline().run(),children:(0,t.jsx)("u",{children:"U"})})]}),(0,t.jsx)(F.Separator,{}),(0,t.jsx)(F.Group,{children:(0,t.jsx)(Fa,{editor:e,activeAlignment:m?.textAlign})}),(0,t.jsx)(F.Separator,{}),(0,t.jsx)(F.Group,{children:(0,t.jsx)(Ra,{editor:e,currentUrl:m?.linkUrl??null,isActive:m?.isLink??!1,isOpen:a==="link",onOpenChange:c("link")})})]})})},Wa="_1uy50v30",Tn=({editor:e,ariaLabel:n})=>(0,t.jsxs)("div",{className:Wa,children:[(0,t.jsx)(qa,{editor:e}),(0,t.jsx)(Pe.EditorContent,{editor:e,"aria-label":n})]}),Ka=200,et=({content:e,extensions:n,isEditable:r,onUpdate:o,updateDebounceMs:a=Ka})=>{const i=(0,b.useRef)(jt(e)),l=(0,b.useRef)(i.current),c=s.useDebouncedCallback(h=>{l.current=h,o?.(h)},a),d=(0,Pe.useEditor)({extensions:n,content:i.current,editable:r,immediatelyRender:!1,onUpdate:({editor:h})=>{const u=h.getJSON();if(Oe(l.current,u))return c.cancel();c.run(u)}});return(0,b.useEffect)(()=>{d?.setEditable(r)},[d,r]),(0,b.useEffect)(()=>{if(!d)return;const h=jt(e);Oe(l.current,h)\|\|(l.current=h,!Oe(d.getJSON(),h)&&(c.cancel(),Xa(d,h)))},[d,e,c]),(0,b.useEffect)(()=>()=>c.flush(),[c]),d},jt=e=>e===null?{type:"doc",content:[]}:typeof e=="string"?{type:"doc",content:[{type:"paragraph",content:e?[{type:"text",text:e}]:[]}]}:e,Xa=(e,n)=>{const{from:r,to:o}=e.state.selection;e.commands.setContent(n,{emitUpdate:!1});const a=e.state.doc.content.size;e.commands.setTextSelection({from:Math.min(r,a),to:Math.min(o,a)})},Oe=(e,n)=>JSON.stringify(be(e))===JSON.stringify(be(n)),be=e=>Array.isArray(e)?e.map(be):e===null\|\|typeof e!="object"?e:Object.fromEntries(Object.entries(e).map(([n,r])=>[n,be(r)]).filter(([,n])=>!Za(n)).sort(([n],[r])=>String(n).localeCompare(String(r)))),Za=e=>e==null\|\|typeof e=="object"&&Object.keys(e).length===0,Ya=({caption:e})=>{const{dispatch:n}=s.useGraphCommands();return(0,t.jsx)(Tn,{editor:et({content:e,extensions:(0,b.useMemo)(()=>_o({placeholder:"Add caption"}),[]),isEditable:!0,onUpdate:r=>{const o=La(r)?null:r;n(new p.SetContentCaptionCommand({caption:o}))}}),ariaLabel:"Chart caption"})},Ja=e=>[ve.Document,rn.Paragraph,...Qe(),ei,Ae.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:n})=>n===0?e:""})],Qa=({annotation:e})=>{const n=s.useI18n(),{dispatch:r}=s.useGraphCommands(),o=s.useEditorStore(),a=(0,b.useMemo)(()=>Ja(n("graph.annotations.text.placeholder")),[n]),i=et({content:e.content,extensions:a,isEditable:!0,onUpdate:l=>{r(new p.UpdateAnnotationCommand({kind:"text",id:e.id,patch:{content:l}}))}});return(0,b.useEffect)(()=>{const{setCaretEditor:l}=o.getState();return l(i),()=>l(null)},[i,o]),(0,b.useEffect)(()=>{i?.commands.focus("end",{scrollIntoView:!1})},[i]),(0,t.jsx)(Pe.EditorContent,{"aria-label":n("graph.annotations.text.editLabel"),className:s.editor,editor:i,"data-testid":"text-annotation-editor"})},Tt=e=>{const n=s.resolveRichTextFontFamily(e);return n===void 0?{}:{style:`font-family: ${n}`}},ei=nn.Extension.create({name:"annotationTextStyleAttributes",addGlobalAttributes(){return[{types:["textStyle"],attributes:{fontFamily:{default:null,renderHTML:e=>Tt(e.fontFamily)},font:{default:null,renderHTML:e=>Tt(e.font)},fontSize:{default:null,renderHTML:e=>typeof e.fontSize=="number"&&Number.isFinite(e.fontSize)?{style:`font-size: ${e.fontSize/10}em`}:{}}}}]}}),ti=3,ni=({title:e,isTitleVisible:n,subtitle:r,isSubtitleVisible:o})=>{const a=[];return n&&a.push({type:"heading",attrs:{level:ti},content:oi(e)}),o&&a.push(...ai(r)),{type:"doc",content:a}},ri=e=>{const[n,...r]=e.content??[];return{title:ii(n?.content??[]),subtitle:li(r)}},tt=e=>({type:e.type??"text",...e.content!==void 0?{content:e.content.map(tt)}:{},...e.text!==void 0?{text:e.text}:{},...e.marks!==void 0?{marks:e.marks}:{},...e.attrs!==void 0?{attrs:e.attrs}:{}}),oi=e=>e===null?[]:typeof e=="string"?e===""?[]:[{type:"text",text:e}]:e.type==="doc"&&e.content?e.content.flatMap(n=>n.content??[]):e.type==="text"\|\|e.type==="hardBreak"?[e]:e.content??[],ai=e=>e===null?[{type:"paragraph"}]:typeof e=="string"?e===""?[{type:"paragraph"}]:[{type:"paragraph",content:[{type:"text",text:e}]}]:e.type==="doc"&&e.content?e.content.length===0?[{type:"paragraph"}]:e.content.map(wt):[wt(e)],wt=e=>e.type==="paragraph"?e:{type:"paragraph",content:e.content??[e]},ii=e=>{if(e.length===0)return null;const[n]=e;return n&&e.length===1&&n.type==="text"&&(!n.marks\|\|n.marks.length===0)?n.text??null:{type:"paragraph",content:e.map(tt)}},li=e=>{const n=e.filter(o=>(o.content??[]).length>0);if(n.length===0)return null;const[r]=n;if(r&&n.length===1&&r.type==="paragraph"){const o=r.content??[],[a]=o;if(a&&o.length===1&&a.type==="text"&&(!a.marks\|\|a.marks.length===0))return a.text??null}return{type:"doc",content:n.map(tt)}},si=({title:e,isTitleVisible:n,isSubtitleVisible:r,subtitle:o})=>{const{dispatch:a}=s.useGraphCommands(),i=(0,b.useMemo)(()=>Mo({titlePlaceholder:"Untitled",subtitlePlaceholder:"Untitled",isTitleVisible:n,isSubtitleVisible:r}),[n,r]);return(0,t.jsx)(Tn,{editor:et({content:(0,b.useMemo)(()=>ni({title:e,isTitleVisible:n,subtitle:o,isSubtitleVisible:r}),[e,n,o,r]),extensions:i,isEditable:!0,onUpdate:l=>{const c=ri(l);n&&a(new p.SetContentTitleCommand({title:c.title})),r&&a(new p.SetContentSubtitleCommand({subtitle:c.subtitle}))}}),ariaLabel:"Chart title and subtitle"})},ci={Title:si,Caption:Ya,TextAnnotation:Qa},di="data-graphy-chart-chrome",ui="data-graphy-chart-menu",wn={[ui]:""},Le=e=>({[di]:e}),xe=(e,n)=>e instanceof Element&&e.closest(`[data-graphy-chart-chrome="${CSS.escape(n)}"]`)!==null,hi=e=>e instanceof Element&&e.closest("[data-graphy-chart-menu]")!==null,Ue=e=>e instanceof Element&&e.closest("[data-graphy-chart-chrome]")!==null,An=(e,n,r)=>r!==null&&(0,p.isPointWithinEditMenuTrigger)({x:e.clientX-n.x,y:e.clientY-n.y},r),se=(e,n,r)=>e instanceof Node&&(n.contains(e)\|\|xe(e,r)),pi="cml7ha0",Pn=(0,b.createContext)(null),mi=({children:e})=>{const{chartId:n}=s.useGraphContext(),[r]=(0,b.useState)(s.resolvePortalContainer),[o,a]=(0,b.useState)(null);return r===null?null:(0,t.jsxs)(t.Fragment,{children:[(0,en.createPortal)((0,t.jsx)("div",{ref:a,className:pi,...Le(n)}),r),(0,t.jsx)(Pn.Provider,{value:o,children:e})]})},nt=()=>(0,b.useContext)(Pn),Ln=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",d:"M2.333 3h11.334v8.667c-2 0-4 .333-5.667 2.333-2-2-3.667-2.333-5.667-2.333z",opacity:".12"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",fillRule:"evenodd",d:"M3.325 3.156a.836.836 0 0 0-.836.836v6.832c0 .462.375.836.836.836h2.131a.5.5 0 0 1 .352.145L8 13.975l2.193-2.17a.5.5 0 0 1 .352-.145h2.13a.84.84 0 0 0 .836-.836V3.992a.84.84 0 0 0-.836-.836zm-1.836.836c0-1.014.822-1.836 1.836-1.836h9.35c1.015 0 1.836.825 1.836 1.836v6.832a1.84 1.84 0 0 1-1.836 1.836H10.75l-2.398 2.374a.5.5 0 0 1-.704 0L5.25 12.66H3.325a1.836 1.836 0 0 1-1.836-1.836z",clipRule:"evenodd"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",fillRule:"evenodd",d:"M8 4.505a.5.5 0 0 1 .5.5v2.172h2.171a.5.5 0 0 1 0 1H8.5v2.171a.5.5 0 0 1-1 0V8.177H5.329a.5.5 0 0 1 0-1H7.5V5.005a.5.5 0 0 1 .5-.5",clipRule:"evenodd"})]});var kn="efjmb40",In="efjmb41",J="efjmb42",Q="efjmb43",gi="efjmb44",xi="efjmb45",vi=new Set(["item-press","escape-key","outside-press","close-press","sibling-open","trigger-press"]),rt=({label:e,icon:n,onOpened:r,children:o})=>{const a=nt(),[i,l]=(0,b.useState)(!1),c=(d,h)=>{d?(l(!0),r?.()):vi.has(h.reason)&&l(!1)};return(0,t.jsxs)(X.Menu.SubmenuRoot,{open:i,onOpenChange:c,children:[(0,t.jsx)(fi,{label:e,icon:n}),(0,t.jsx)(X.Menu.Portal,{container:a,children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(X.Menu.Positioner,{side:"right",align:"start",sideOffset:4,className:kn,...wn,children:(0,t.jsx)(X.Menu.Popup,{className:In,children:o})})})})]})},fi=({label:e,icon:n})=>(0,t.jsxs)(X.Menu.SubmenuTrigger,{className:J,openOnHover:!1,children:[n,(0,t.jsx)("span",{className:Q,children:e}),(0,t.jsx)("span",{className:xi,children:(0,t.jsx)(ce,{size:"sm"})})]}),bi="_1qe7q450",Ci="_1qe7q451",Si="_1qe7q452",yi=({label:e,placeholder:n,addLabel:r,at:o,onRequestClose:a})=>{const i=(0,b.useRef)(null),[l,c]=(0,b.useState)(""),{dispatch:d}=s.useGraphCommands(),h=l.trim(),u=()=>{h.length!==0&&(d(new p.AddAnnotationCommand({kind:"comment",annotation:{at:o,content:ji(h)}})),a())},m=x=>{x.key==="Enter"&&(x.preventDefault(),u()),x.key!=="Escape"&&x.stopPropagation()},v=x=>{c(x.target.value)},g=()=>{requestAnimationFrame(()=>i.current?.focus())};return(0,t.jsx)(rt,{label:e,icon:(0,t.jsx)(Ln,{}),onOpened:g,children:(0,t.jsxs)("div",{className:bi,children:[(0,t.jsx)("input",{ref:i,className:Ci,value:l,placeholder:n,onChange:v,onKeyDown:m}),(0,t.jsx)("button",{type:"button",className:Si,disabled:h.length===0,onClick:u,children:r})]})})},ji=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),Ti=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 15 14",...e,children:(0,t.jsx)("path",{d:"M14.0146 5.20703C14.2118 5.40459 14.2121 5.72447 14.0146 5.92187L12.3291 7.6084C12.2343 7.70313 12.1047 7.75579 11.9707 7.75586C11.8369 7.75573 11.708 7.70291 11.6133 7.6084L9.92773 5.92187C9.73024 5.72438 9.73031 5.40457 9.92773 5.20703C10.1253 5.0095 10.445 5.0095 10.6426 5.20703L11.4658 6.03027L11.4658 1.68652L7.75586 1.68652L7.75586 12.6455C7.75563 12.9246 7.5291 13.1512 7.25 13.1514L2.5293 13.1514C2.2501 13.1514 2.02367 12.9247 2.02344 12.6455L2.02344 5.00781C0.868958 4.77348 0.000106647 3.7528 -1.10559e-07 2.5293C-4.95071e-08 1.13259 1.13261 9.74645e-05 2.5293 -5.23256e-07C3.92588 0.000220668 5.05859 1.13267 5.05859 2.5293C5.05849 3.75251 4.1892 4.77219 3.03516 5.00684L3.03516 12.1396L6.74414 12.1396L6.74414 1.18066C6.74414 0.901394 6.97076 0.674939 7.25 0.674804L11.9707 0.674805C12.2499 0.674939 12.4766 0.901394 12.4766 1.18066L12.4766 6.03027L13.2998 5.20703C13.4973 5.0095 13.8171 5.0095 14.0146 5.20703ZM4.04687 2.5293C4.04687 1.69137 3.36717 1.01194 2.5293 1.01172C1.69132 1.01182 1.01172 1.6913 1.01172 2.5293C1.01184 3.36719 1.6914 4.04678 2.5293 4.04687C3.36709 4.04665 4.04675 3.36712 4.04687 2.5293ZM14.5 11.2969C14.4998 12.6935 13.3673 13.8262 11.9707 13.8262C10.5742 13.826 9.4416 12.6934 9.44141 11.2969C9.44141 9.90018 10.574 8.7677 11.9707 8.76758C13.3675 8.76758 14.5 9.90011 14.5 11.2969ZM13.4883 11.2969C13.4883 10.4588 12.8088 9.7793 11.9707 9.7793C11.1327 9.77942 10.4531 10.4589 10.4531 11.2969C10.4533 12.1347 11.1329 12.8143 11.9707 12.8145C12.8086 12.8145 13.4881 12.1348 13.4883 11.2969Z",fill:"currentColor",fillOpacity:"0.8"})}),wi="relative-difference",Ai=({label:e,layer:n,at:r,onRequestClose:o})=>{const{dispatch:a}=s.useGraphCommands(),i=s.useCompiledSelector(d=>d.coordSystem),l=(0,b.useMemo)(()=>(0,p.inferDifferenceArrowEndpoints)({layer:n,at:r,coordSystem:i}),[n,r,i]);if(l===null)return null;const c=()=>{a(new p.AddAnnotationCommand({kind:"differenceArrow",annotation:{...p.DIFFERENCE_ARROW_DEFAULTS,...l,label:wi}})),o()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:c,children:[(0,t.jsx)(Ti,{}),(0,t.jsx)("span",{className:Q,children:e})]})};function Pi(e,n){if(e.type==="polar"&&!Li(n))return[{scope:"series",labelKey:"pieSlice"}];const r=(0,p.hasMultipleGroups)(n.data,n.mapping);switch(n.geom){case"bar":{const o=[{scope:"data-point",labelKey:"bar"}];if(r){const a=n.position==="stack"\|\|n.position==="fill";o.push({scope:"x-value",labelKey:a?"barStack":"barGroup"}),o.push({scope:"series",labelKey:"barSeries"})}return o}case"line":case"area":{const o=[{scope:"data-point",labelKey:"linePoint"}];return r&&o.push({scope:"series",labelKey:"lineSeries"}),o}case"point":{const o=[{scope:"data-point",labelKey:"scatterPoint"}];return r&&o.push({scope:"series",labelKey:"scatterSeries"}),o}default:return[]}}var Li=e=>{const n=(0,p.extractVariableName)(e.mapping.x);return n!==null&&n!==p.CONSTANT_VARIABLES.x},ki=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Ii=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Ei=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:".8",rx:".533"})]}),Mi=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",d:"M5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]}),_i=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:".8",strokeWidth:"1.163",d:"m-1.618 15.96 9.118-5.3 11 2.34"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",stroke:"currentColor",strokeOpacity:"0.3",d:"M8 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),(0,t.jsx)("rect",{width:"9.795",height:"6",x:"3",y:"2",fill:"currentColor",fillOpacity:"0.3",rx:"1.513"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",d:"M5.29 6.62a1.3 1.3 0 0 1-.424-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.262-.45 2.1 2.1 0 0 1-.096-.699q0-.389.082-.693.083-.304.238-.514a1.05 1.05 0 0 1 .374-.322q.22-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.321-.105.54.54 0 0 0-.485.273q-.168.273-.17.75h.021a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .813.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.571.134m-.003-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.07-.294.54.54 0 0 0-.484-.285.55.55 0 0 0-.403.173.596.596 0 0 0 .108.914.53.53 0 0 0 .288.08M6.88 6.579v-.396l1.05-1.03q.15-.15.25-.27a1 1 0 0 0 .151-.229.6.6 0 0 0 .05-.236.432.432 0 0 0-.244-.405.6.6 0 0 0-.258-.056q-.15 0-.261.062a.43.43 0 0 0-.175.173.56.56 0 0 0-.06.267H6.86q0-.288.132-.5a.9.9 0 0 1 .362-.33q.231-.117.532-.117.303 0 .534.114.23.114.358.312a.8.8 0 0 1 .128.452.9.9 0 0 1-.065.334q-.065.164-.229.363-.162.2-.456.483l-.522.53v.021h1.318v.458zM10.57 6.62a1.3 1.3 0 0 1-.423-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.263-.45 2.1 2.1 0 0 1-.096-.699q0-.389.083-.693t.238-.514a1.05 1.05 0 0 1 .374-.322q.219-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.322-.105.54.54 0 0 0-.484.273q-.168.273-.17.75h.02a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .814.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.572.134m-.002-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.071-.294.54.54 0 0 0-.483-.285.54.54 0 0 0-.403.173.597.597 0 0 0 .107.914.53.53 0 0 0 .289.08"})]}),Ri=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{stroke:"currentColor",strokeOpacity:"0.8",strokeLinecap:"round",strokeLinejoin:"bevel",strokeWidth:".993",d:"M1.5 12 6 6.5l4 3.5 4-5.5"}),(0,t.jsx)("circle",{cx:"1.493",cy:"11.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("circle",{cx:"5.993",cy:"6.493",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("circle",{cx:"9.993",cy:"9.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("circle",{cx:"13.993",cy:"4.493",r:".993",fill:"currentColor",fillOpacity:"0.8"})]}),Ni=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),Oi=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 3.598 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 6.681 11.327)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 9.251 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 10.28 2.59)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 13.877 6.187)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 2.056 12.869)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 15.933 .533)"})]}),Di=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 3.598 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 6.681 11.327)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 9.251 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 10.28 2.59)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 13.877 6.187)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 2.056 12.869)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 15.933 .533)"})]}),zi={bar:ki,barGroup:Ii,barStack:Mi,barSeries:Ei,linePoint:_i,lineSeries:Ri,scatterPoint:Oi,scatterSeries:Di,pieSlice:Ni},En=({labelKey:e})=>{const n=zi[e];return(0,t.jsx)(n,{})},Mn=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{opacity:"0.12",d:"M15 4.66667L12.3333 2L2.33334 12L5.00001 14.6667L15 4.66667Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M5.01683 15.3331C4.84407 15.3343 4.67292 15.2997 4.51421 15.2314C4.3555 15.1632 4.21268 15.0627 4.09476 14.9365L3.88656 14.7283L3.62877 14.8968L3.19253 15.3331H0L2.24072 13.0923L2.03251 12.8445C1.89423 12.7191 1.78392 12.566 1.70875 12.3952C1.63359 12.2244 1.59526 12.0396 1.59626 11.853C1.59579 11.6818 1.63078 11.5124 1.69904 11.3554C1.76729 11.1984 1.86733 11.0573 1.99285 10.9409L11.2036 1.73012C11.3215 1.60384 11.4643 1.5034 11.623 1.43514C11.7817 1.36688 11.9529 1.33228 12.1257 1.33353C12.2969 1.33245 12.4665 1.36716 12.6236 1.43546C12.7807 1.50375 12.9218 1.60412 13.0378 1.73012L15.1496 3.92126C15.2748 4.03899 15.3745 4.1811 15.4427 4.33882C15.5108 4.49654 15.546 4.66655 15.546 4.83837C15.546 5.01019 15.5108 5.1802 15.4427 5.33792C15.3745 5.49564 15.2748 5.63774 15.1496 5.75548L5.93889 14.9662C5.81806 15.0866 5.67403 15.1812 5.51552 15.2443C5.35702 15.3074 5.18736 15.3376 5.01683 15.3331ZM2.48858 11.9125L5.01683 14.4407L9.47843 9.97913L6.95019 7.4608L2.48858 11.9125ZM7.68388 6.72712L10.2022 9.24544L14.644 4.80367L12.1257 2.28534L7.68388 6.72712Z",fill:"currentColor",fillOpacity:"0.8"})]}),Fi=({label:e,options:n,onSelect:r})=>{const o=s.useI18n();return(0,t.jsx)(rt,{label:e,icon:(0,t.jsx)(Mn,{}),children:n.map(a=>(0,t.jsxs)(X.Menu.Item,{className:J,onClick:()=>r(a.scope),children:[(0,t.jsx)(En,{labelKey:a.labelKey}),(0,t.jsx)("span",{className:Q,children:o(`graph.annotations.highlights.labels.${a.labelKey}`)})]},a.scope))})},Hi=({label:e,layer:n,observation:r,highlights:o,onRequestClose:a})=>{const i=s.useI18n(),{dispatch:l}=s.useGraphCommands(),c=s.useCompiledSelector(g=>g.coordSystem),d=(0,b.useMemo)(()=>(0,p.buildObservationPredicate)(n,r),[n,r]),h=(0,b.useMemo)(()=>Pi(c,n),[c,n]),u=(0,b.useMemo)(()=>{const g=new Set(o.map(x=>x.scope));return h.filter(x=>!g.has(x.scope))},[h,o]),[m]=u;if(d===null\|\|m===void 0)return null;const v=g=>{l(new p.AddHighlightCommand({predicate:d,scope:g,layerId:n.id})),a()};if(u.length===1){const g=h.length===1?e:i("graph.annotations.baseMenu.highlightWithLabel",{label:i(`graph.annotations.highlights.labels.${m.labelKey}`)});return(0,t.jsxs)(X.Menu.Item,{className:J,onClick:()=>v(m.scope),children:[(0,t.jsx)(En,{labelKey:m.labelKey}),(0,t.jsx)("span",{className:Q,children:g})]})}return(0,t.jsx)(Fi,{label:e,options:u,onSelect:v})},Bi="_1aafi1g0",Gi="_1aafi1g1",_n=({children:e})=>(0,t.jsxs)("span",{className:Bi,"aria-hidden":"true",children:[e,(0,t.jsx)("span",{className:Gi})]}),Vi=({label:e,highlights:n,onRequestClose:r})=>{const{dispatch:o}=s.useGraphCommands(),a=n.at(-1);if(a===void 0)return null;const i=()=>{o(new p.RemoveHighlightCommand({id:a.id})),r()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:i,children:[(0,t.jsx)(_n,{children:(0,t.jsx)(Mn,{})}),(0,t.jsx)("span",{className:Q,children:e})]})},Ui=(e,n)=>{const r=s.useCompiledSelector(a=>a.spec.highlights),o=s.useCompiledSelector(a=>a.config.parsingLocale);return(0,b.useMemo)(()=>(0,p.findHighlightsAtObservation)({layer:e,highlights:r,observation:n,parsingLocale:o}),[e,r,n,o])},Rn=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{opacity:"0.12",d:"M13.5948 4.29016C13.8724 6.22367 12.5301 8.01618 10.5966 8.29384C8.66309 8.57151 6.87058 7.22918 6.59292 5.29567C6.31525 3.36216 7.65758 1.56965 9.59109 1.29198C11.5246 1.01432 13.3171 2.35665 13.5948 4.29016Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.71886 3.51052C6.25611 1.3626 8.43287 0.0568985 10.5808 0.594151C12.7287 1.1314 14.0344 3.30817 13.4972 5.45609C13.0316 7.31748 11.3347 8.54637 9.49237 8.49145L7.50898 12.492C7.46485 12.581 7.40179 12.6548 7.32702 12.7108C7.20005 12.8073 7.03703 12.8532 6.87248 12.8303C6.80957 12.822 6.74697 12.8038 6.68687 12.7749C6.39369 12.6342 6.26689 12.2915 6.3923 11.9963L7.63393 7.97371C6.10249 7.10872 5.27136 5.29962 5.71886 3.51052ZM10.2785 1.80253C8.79799 1.4322 7.29756 2.33222 6.92723 3.81277C6.55691 5.29332 7.45692 6.79375 8.93747 7.16408C10.418 7.5344 11.9185 6.63439 12.2888 5.15384C12.6591 3.67329 11.7591 2.17285 10.2785 1.80253Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M5.42977 11.1572C5.70072 11.104 5.8772 10.8411 5.82393 10.5702C5.77067 10.2992 5.50784 10.1227 5.23688 10.176C4.31848 10.3565 3.57421 10.6423 3.04695 11.0266C2.51409 11.4149 2.16666 11.936 2.16666 12.557C2.16666 13.0322 2.41215 13.4327 2.74425 13.7433C3.07553 14.0531 3.52776 14.3091 4.04484 14.5137C5.08193 14.9239 6.48048 15.1666 7.99999 15.1666C9.5195 15.1666 10.9181 14.9239 11.9551 14.5137C12.4722 14.3091 12.9244 14.0531 13.2557 13.7433C13.5878 13.4327 13.8333 13.0322 13.8333 12.557C13.8333 11.936 13.4859 11.4149 12.953 11.0266C12.4258 10.6423 11.6815 10.3565 10.7631 10.176C10.4921 10.1227 10.2293 10.2992 10.176 10.5702C10.1228 10.8411 10.2993 11.104 10.5702 11.1572C11.4079 11.3219 11.997 11.5672 12.364 11.8347C12.7255 12.0981 12.8333 12.3496 12.8333 12.557C12.8333 12.6643 12.7803 12.8187 12.5727 13.013C12.3642 13.2079 12.0354 13.4065 11.5873 13.5838C10.6941 13.9371 9.426 14.1666 7.99999 14.1666C6.57398 14.1666 5.30586 13.9371 4.41267 13.5838C3.9646 13.4065 3.63578 13.2079 3.4273 13.013C3.21964 12.8187 3.16666 12.6643 3.16666 12.557C3.16666 12.3496 3.2745 12.0981 3.63595 11.8347C4.00299 11.5672 4.59206 11.3219 5.42977 11.1572Z",fill:"currentColor",fillOpacity:"0.8"})]}),$i=({label:e,at:n,onRequestClose:r})=>{const{dispatch:o}=s.useGraphCommands(),a=()=>{o(new p.AddAnnotationCommand({kind:"pinnedNumber",annotation:{at:n}})),r()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:a,children:[(0,t.jsx)(Rn,{}),(0,t.jsx)("span",{className:Q,children:e})]})},Nn=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{opacity:"0.12",d:"M1.33334 8.00016C1.33334 4.31826 4.31811 1.3335 8.00001 1.3335C11.6819 1.3335 14.6667 4.31826 14.6667 8.00016C14.6667 11.6821 11.6819 14.6668 8.00001 14.6668C4.31811 14.6668 1.33334 11.6821 1.33334 8.00016Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M5.7328 9.69963C5.56696 9.47884 5.25352 9.43429 5.03273 9.60013C4.81193 9.76598 4.76739 10.0794 4.93323 10.3002C5.63175 11.2302 6.74548 11.8333 7.99993 11.8333C9.25438 11.8333 10.3681 11.2302 11.0666 10.3002C11.2325 10.0794 11.1879 9.76598 10.9671 9.60013C10.7463 9.43429 10.4329 9.47884 10.2671 9.69963C9.74929 10.3889 8.92657 10.8333 7.99993 10.8333C7.07329 10.8333 6.25057 10.3889 5.7328 9.69963Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M6.66668 6.66658C6.66668 7.03478 6.3682 7.33325 6.00001 7.33325C5.63182 7.33325 5.33334 7.03478 5.33334 6.66658C5.33334 6.29839 5.63182 5.99992 6.00001 5.99992C6.3682 5.99992 6.66668 6.29839 6.66668 6.66658Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M10 7.33325C10.3682 7.33325 10.6667 7.03478 10.6667 6.66658C10.6667 6.29839 10.3682 5.99992 10 5.99992C9.63182 5.99992 9.33334 6.29839 9.33334 6.66658C9.33334 7.03478 9.63182 7.33325 10 7.33325Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.00001 0.833252C4.04197 0.833252 0.833344 4.04188 0.833344 7.99992C0.833344 11.958 4.04197 15.1666 8.00001 15.1666C11.9581 15.1666 15.1667 11.958 15.1667 7.99992C15.1667 4.04188 11.9581 0.833252 8.00001 0.833252ZM14.1667 7.99992C14.1667 11.4057 11.4058 14.1666 8.00001 14.1666C4.59425 14.1666 1.83334 11.4057 1.83334 7.99992C1.83334 4.59416 4.59425 1.83325 8.00001 1.83325C11.4058 1.83325 14.1667 4.59416 14.1667 7.99992Z",fill:"currentColor",fillOpacity:"0.8"})]}),On={pinnedNumber:{icon:Rn,labelKey:"graph.annotations.baseMenu.unpinNumber"},comment:{icon:Ln,labelKey:"graph.annotations.baseMenu.removeAnnotation"},sticker:{icon:Nn,labelKey:"graph.annotations.baseMenu.removeSticker"},image:null},qi=e=>(0,p.isObservationAttachmentKind)(e.kind)&&On[e.kind]!==null,Wi=({attachment:e,onRequestClose:n})=>{const r=s.useI18n(),{dispatch:o}=s.useGraphCommands(),{icon:a,labelKey:i}=On[e.kind],l=()=>{o(new p.RemoveAnnotationCommand({id:e.annotation.id})),n()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:l,children:[(0,t.jsx)(_n,{children:(0,t.jsx)(a,{})}),(0,t.jsx)("span",{className:Q,children:r(i)})]})},Ki="ceeojg0",Xi="ceeojg1",Zi="ceeojg2",Yi=({label:e,at:n,onRequestClose:r})=>{const{dispatch:o}=s.useGraphCommands(),a=i=>{o(new p.AddAnnotationCommand({kind:"sticker",annotation:{at:{anchorType:"observation",...n},sticker:i}})),r()};return(0,t.jsx)(rt,{label:e,icon:(0,t.jsx)(Nn,{}),children:(0,t.jsx)("div",{className:Ki,children:Object.entries(s.STICKER_ASSETS).map(([i,l])=>(0,t.jsx)(X.Menu.Item,{className:Xi,"aria-label":i,onClick:()=>a(i),children:(0,t.jsx)("img",{className:Zi,src:l.src,alt:i})},i))})})},Ji=({interaction:e,panelOrigin:n})=>{const r=s.useEditorStore(),o=s.useEditorState(i=>i.menuTrigger);if(e.kind!=="menu"\|\|o===null)return null;const a=()=>{r.getState().releaseInteraction("menu")};return(0,t.jsx)(Qi,{trigger:{x:n.x+o.center.x,y:n.y+o.center.y,radius:o.radius},layer:e.anchor.layer,at:e.anchor.at,observation:e.anchor.observation,onClose:a})},Qi=({trigger:e,layer:n,at:r,observation:o,onClose:a})=>{const i=s.useI18n(),l=nt(),c=s.useCompiledSelector(C=>C.spec.annotations),d=s.useCompiledSelector(C=>C.config.parsingLocale),h=tl(),{x:u,y:m,radius:v}=e,g=(0,b.useMemo)(()=>el(u,m,v),[u,m,v]),x=(0,p.findObservationAttachment)(c,r,(0,b.useMemo)(()=>(0,p.createObservationAnchorParser)(n,d),[n,d])),f=x!==null&&qi(x)?x:null,S=Ui(n,o),P=(C,L)=>{!C&&nl(L.reason)&&a()};return(0,t.jsx)(M.Menu.Root,{open:h,modal:!1,onOpenChange:P,children:(0,t.jsx)(M.Menu.Portal,{container:l,children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{anchor:g,side:"right",align:"start",sideOffset:8,className:kn,...wn,children:(0,t.jsxs)(M.Menu.Popup,{className:In,"data-testid":"observation-menu",children:[f!==null&&(0,t.jsx)(Wi,{attachment:f,onRequestClose:a}),(0,t.jsx)(Vi,{label:i("graph.annotations.baseMenu.removeHighlight"),highlights:S,onRequestClose:a}),(0,t.jsx)(M.Menu.Separator,{className:gi}),f===null&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)($i,{label:i("graph.annotations.baseMenu.pinNumber"),at:r,onRequestClose:a}),(0,t.jsx)(yi,{label:i("graph.annotations.baseMenu.annotate"),placeholder:i("graph.annotations.textMenu.placeholder"),addLabel:i("graph.annotations.textMenu.addButton"),at:r,onRequestClose:a}),(0,t.jsx)(Yi,{label:i("graph.annotations.baseMenu.addSticker"),at:r,onRequestClose:a})]}),n.highlight!==null&&(0,t.jsx)(Hi,{label:i("graph.annotations.baseMenu.highlight"),layer:n,observation:o,highlights:S,onRequestClose:a}),(0,t.jsx)(Ai,{label:i("graph.annotations.baseMenu.differenceArrow"),layer:n,at:r,onRequestClose:a})]})})})})})},el=(e,n,r)=>({getBoundingClientRect:()=>new DOMRect(e-r,n-r,r2,r2)}),tl=()=>{const[e,n]=(0,b.useState)(!1);return(0,b.useEffect)(()=>{n(!0)},[]),e},nl=e=>e==="outside-press"\|\|e==="escape-key"\|\|e==="item-press",ot="l8tsqe0",Dn=["start","end"],zn=({anchor:e,point:n,delta:r})=>{const o={x:At(n.x,r.x),y:At(1-n.y,r.y)};return{anchor:{...e,x:e.x+o.x,y:e.y+o.y},point:{x:n.x+o.x,y:n.y-o.y}}},at=(e,n)=>({...e,[n.endpoint]:{...e[n.endpoint],...n.point}}),Fn=(e,n)=>e.x===n.x&&e.y===n.y,rl=(e,n)=>{const r=(0,p.projectAnchorToPanel)(e,n);return{x:n.x+r.x,y:n.y+r.y}},ol=(e,n,r)=>{const o=(0,p.projectAnchorToPanel)(e,r),a=(0,p.projectAnchorToPanel)(n,r);return{x:Math.min(o.x,a.x),y:Math.min(o.y,a.y),width:Math.abs(a.x-o.x),height:Math.abs(a.y-o.y)}},At=(e,n)=>!Number.isFinite(n)\|\|!Number.isFinite(e)?0:(0,re.default)(n,Math.min(-e,0),Math.max(1-e,0)),al=({panelRect:e})=>{const n=s.useEditorState(c=>s.readStanding(c,"arrow-endpoint-drag")),r=s.useResolvedAnnotations(e).arrows,o=s.useArrowAnnotationStyles();if(n===null)return null;const a=r.find(c=>c.id===n.annotationId);if(a===void 0)return null;const i=o(a.id),l=(0,p.computeArrow)({arrow:at(a,n),style:i,panelWidth:e.width,panelHeight:e.height});return l===null?null:(0,t.jsx)("svg",{"aria-hidden":"true",className:ot,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"arrow-endpoint-preview","data-annotation-id":n.annotationId,children:(0,t.jsx)(s.ArrowAnnotation,{computed:l,style:i,isAddressable:!1})})},de=()=>{const e=s.useGraphSelection();return $e(e)},$e=e=>{if(e.length!==1)return null;const[n]=e;return n?.kind==="annotation"?n.id:null},il=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"m12 19-7-7 7-7"}),(0,t.jsx)("path",{d:"M19 12H5"})]})}),Hn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M5 12h14"}),(0,t.jsx)("path",{d:"m12 5 7 7-7 7"})]})}),ll=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M7 17 17 7"}),(0,t.jsx)("path",{d:"M7 7h10v10"})]})}),Bn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{fill:"currentColor",children:[(0,t.jsx)("rect",{x:"3",y:"5",width:"18",height:"1.5",rx:"0.75"}),(0,t.jsx)("rect",{x:"3",y:"10",width:"18",height:"3",rx:"1.5"}),(0,t.jsx)("rect",{x:"3",y:"16.5",width:"18",height:"4.5",rx:"2.25"})]})}),ke=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M4 7h16"}),(0,t.jsx)("path",{d:"M10 11v6M14 11v6"}),(0,t.jsx)("path",{d:"M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12"}),(0,t.jsx)("path",{d:"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})}),sl="var(--pvjfpx0)",cl="var(--pvjfpx1)",dl="pvjfpx2",ul="pvjfpx3",hl="pvjfpx4",pl="pvjfpx6 pvjfpx5",ml="pvjfpx7 pvjfpx6 pvjfpx5",gl="pvjfpx8 pvjfpx5",ie=8,xl=({anchorBox:e,panelRect:n,frameWidth:r,frameHeight:o})=>{const a=n.y+e.y,i=a+e.height,l=a-8-36,c=i+8,d=(0,re.default)(l>=ie?l:c,ie,o-ie-36),h=ie;return{top:d,left:h,available:Math.max(0,r-ie2),centre:n.x+e.x+e.width/2-h}},vl=({anchorBox:e,panelRect:n,frameWidth:r,frameHeight:o,label:a,testId:i,children:l})=>{const{chartId:c}=s.useGraphContext(),d=xl({anchorBox:e,panelRect:n,frameWidth:r,frameHeight:o});return(0,t.jsx)("div",{className:dl,style:{top:d.top,left:d.left,width:d.available},children:(0,t.jsx)(F.Root,{"aria-label":a,className:ul,"data-testid":i,...Le(c),style:(0,tn.assignInlineVars)({[sl]:`${d.centre}px`,[cl]:`${d.available}px`}),children:l})})},fl=({label:e,trigger:n,isOpen:r,onOpenChange:o,isDisabled:a=!1,children:i})=>{const{chartId:l}=s.useGraphContext();return(0,t.jsxs)(M.Menu.Root,{open:r,modal:!1,onOpenChange:o,children:[(0,t.jsxs)(M.Menu.Trigger,{render:(0,t.jsx)(F.Button,{}),"aria-label":e,className:gl,disabled:a,onMouseDown:c=>c.preventDefault(),children:[n,(0,t.jsx)(ce,{size:"sm"})]}),(0,t.jsx)(F.MenuPopup,{popupAttributes:Le(l),children:i})]})},bl=e=>{const{chartId:n}=s.useGraphContext();return(0,t.jsx)(F.ColorPicker,{...e,popupAttributes:Le(n)})},Cl=({color:e,opacity:n})=>(0,t.jsx)("span",{className:hl,style:{background:e,opacity:n}}),Sl=({label:e,onClick:n,children:r})=>(0,t.jsx)(F.Button,{"aria-label":e,className:pl,onClick:n,children:r}),yl=({label:e,isPressed:n,onClick:r,children:o})=>(0,t.jsx)(F.Button,{"aria-label":e,"aria-pressed":n,className:ml,onClick:r,children:o}),I={Root:vl,Dropdown:fl,MenuItem:F.MenuItem,ColorPicker:bl,Swatch:Cl,IconButton:Sl,ToggleButton:yl,Button:F.Button,Separator:F.Separator},jl={kind:"chrome-popup"},Ie=()=>{const{commands:e}=s.useGraphContext(),n=s.useEditorStore(),[r,o]=(0,b.useState)(null);(0,b.useEffect)(()=>()=>e.seal(),[e]),(0,b.useEffect)(()=>{const{claimInteraction:i,releaseInteraction:l}=n.getState();return r===null?l("chrome-popup"):i(jl),()=>l("chrome-popup")},[n,r]);const a=()=>{o(null),e.seal()};return{bind:i=>({isOpen:r===i,onOpenChange:l=>l?o(i):a()}),close:a}},Tl=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M5 19 8 16"}),(0,t.jsx)("path",{d:"M10.5 13.5 13.5 10.5"}),(0,t.jsx)("path",{d:"M16 8 19 5"})]})}),wl=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M5 19h0"}),(0,t.jsx)("path",{d:"M8.5 15.5h0"}),(0,t.jsx)("path",{d:"M12 12h0"}),(0,t.jsx)("path",{d:"M15.5 8.5h0"}),(0,t.jsx)("path",{d:"M19 5h0"})]})}),Al=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("path",{d:"M5 19 19 5",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"})}),Pl=[{value:p.ARROW_STROKE_WIDTHS.thin,key:"graph.annotations.arrowToolbar.thickness.thin"},{value:p.ARROW_STROKE_WIDTHS.medium,key:"graph.annotations.arrowToolbar.thickness.medium"},{value:p.ARROW_STROKE_WIDTHS.thick,key:"graph.annotations.arrowToolbar.thickness.thick"}],Pt=[{value:"line-arrow",key:"graph.annotations.arrowToolbar.arrowhead.lineArrow",Icon:Hn},{value:"none",key:"graph.annotations.arrowToolbar.arrowhead.none",Icon:s.MinusIcon}],Lt=[{value:"solid",key:"graph.annotations.arrowToolbar.lineStyle.solid",Icon:Al},{value:"dashed",key:"graph.annotations.arrowToolbar.lineStyle.dashed",Icon:Tl},{value:"dotted",key:"graph.annotations.arrowToolbar.lineStyle.dotted",Icon:wl}],Ll=(e,n)=>e.find(r=>r.value===n)??e[0];var kl=({arrow:e,arrowBox:n,panelRect:r,frameWidth:o,frameHeight:a,frameElement:i})=>{const l=s.useI18n(),{commands:c}=s.useGraphContext(),d=s.useCompiledSelector(y=>y.spec.styles.overrides),h=Ie(),u=s.useArrowAnnotationStyles()(e.id),m=Ll(Lt,u.lineType),v=u.borderWidth>0\|\|u.shadow!=="none",g=(0,b.useMemo)(()=>({target:"annotation",kind:"arrow",annotation:e.id}),[e.id]),x=(y,E)=>{const A=(0,p.findStyleRule)(d,{select:g})?.declarations??{};c.dispatch(new p.SetStyleRuleCommand({list:"overrides",rule:{select:g,declarations:{...A,...y}}}),E)},f=y=>{x(y),h.close()},S=y=>{c.dispatch(new p.UpdateAnnotationCommand({kind:"arrow",id:e.id,patch:y})),h.close()},P=()=>{c.dispatch(new p.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},C=y=>x({color:y},{transient:!0}),L=y=>f({strokeWidth:y}),k=y=>S({startArrowheadStyle:y}),T=y=>f({lineType:y}),O=y=>S({endArrowheadStyle:y}),_=()=>x(v?{borderWidth:0,shadow:"none"}:p.ARROW_STICKER_DECLARATIONS);return(0,t.jsxs)(I.Root,{anchorBox:n,panelRect:r,frameWidth:o,frameHeight:a,label:l("graph.annotations.arrowToolbar.label"),testId:"arrow-toolbar",children:[(0,t.jsx)(I.ColorPicker,{color:u.color,label:l("graph.annotations.arrowToolbar.color"),onChange:C,...h.bind("color"),children:(0,t.jsx)(I.Swatch,{color:u.color})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.thickness.ariaLabel"),trigger:(0,t.jsx)(Bn,{size:"sm",title:""}),...h.bind("thickness"),children:(0,t.jsx)(pe,{options:Pl,current:u.strokeWidth,onPick:L})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.startArrowhead"),trigger:(0,t.jsx)(il,{size:"sm",title:""}),...h.bind("startArrowhead"),children:(0,t.jsx)(pe,{options:Pt,current:e.startArrowheadStyle,onPick:k})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.lineStyle.ariaLabel"),trigger:m?.Icon!==void 0&&(0,t.jsx)(m.Icon,{size:"sm",title:""}),...h.bind("lineStyle"),children:(0,t.jsx)(pe,{options:Lt,current:u.lineType,onPick:T})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.endArrowhead"),trigger:(0,t.jsx)(Hn,{size:"sm",title:""}),...h.bind("endArrowhead"),children:(0,t.jsx)(pe,{options:Pt,current:e.endArrowheadStyle,onPick:O})}),(0,t.jsx)(I.ToggleButton,{label:l("graph.annotations.arrowToolbar.sticker"),isPressed:v,onClick:_,children:(0,t.jsx)(ll,{size:"sm",title:""})}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:l("graph.annotations.arrowToolbar.remove"),onClick:P,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},pe=({options:e,current:n,onPick:r})=>{const o=s.useI18n(),a=i=>()=>r(i);return(0,t.jsx)(t.Fragment,{children:e.map(i=>(0,t.jsxs)(I.MenuItem,{isSelected:i.value===n,onClick:a(i.value),children:[(0,t.jsx)("span",{children:o(i.key)}),i.Icon!==void 0&&(0,t.jsx)("span",{className:"_112xh5c0",children:(0,t.jsx)(i.Icon,{size:"sm",title:""})})]},String(i.value)))})},Il="_1me29t10",U=(e,n)=>n>0?e/n:0,Ee=(e,n,r)=>({x:U(n.x-e.x,r.width),y:U(n.y-e.y,r.height)}),El=e=>e.x!==0\|\|e.y!==0,Gn=(e,n)=>({x:e.xn.width,y:e.yn.height});var Ml=(e,n)=>Math.hypot(n.x-e.x,n.y-e.y)>=3,ue=class{constructor(e){this.params=e,this.listeners=new AbortController,this.pendingEvent=null,this.scheduledFrame=null,this.hasMoved=!1,this.hasPublished=!1,this.handleMove=n=>{n.pointerId===this.params.pointerId&&(this.pendingEvent=n,this.hasMoved=!0,this.scheduledFrame===null&&(this.scheduledFrame=requestAnimationFrame(this.runFrame)))},this.handleUp=n=>{n.pointerId===this.params.pointerId&&(this.pendingEvent=n,this.finish(!0))},this.handleLost=n=>{n.pointerId===this.params.pointerId&&this.finish(!1)},this.runFrame=()=>{this.scheduledFrame=null;const n=this.pendingEvent;if(this.pendingEvent=null,n===null)return;const r=this.params.editorStore.getState();if(this.hasPublished&&this.readOwn(r)===null)return;const o={x:n.clientX,y:n.clientY};if(!this.hasPublished&&!this.isDragConfirmed(this.params.press,o))return;const a=this.resolvePreview(o);a!==null&&(r.claimInteraction(a),this.hasPublished=!0)}}start(){const{handle:e}=this.params,{signal:n}=this.listeners;e.addEventListener("pointermove",this.handleMove,{signal:n}),e.addEventListener("pointerup",this.handleUp,{signal:n}),e.addEventListener("lostpointercapture",this.handleLost,{signal:n})}finish(e){this.params.onSettled(),this.listeners.abort(),this.cancelFrame();try{e&&this.hasMoved&&this.runFrame()}finally{this.settle(e)}}isDragConfirmed(e,n){return Ml(e,n)}settle(e){this.pendingEvent=null;const n=this.params.editorStore.getState(),r=this.readOwn(n);r!==null&&n.releaseInteraction(this.kind),!(!e\|\|r===null)&&this.commit(r)}cancelFrame(){this.scheduledFrame!==null&&(cancelAnimationFrame(this.scheduledFrame),this.scheduledFrame=null)}},Ce=(e,n,r)=>{const o=e.arrows.find(i=>i.id===n);if(o===void 0)return null;const a=o[r];return a.anchorType==="panel"?a:null},Vn=(e,n)=>e==="start"?{start:n}:{end:n},_l=class extends ue{constructor(...e){super(...e),this.kind="arrow-endpoint-drag"}readOwn(e){const{annotationId:n,endpoint:r}=this.params;return s.readDraggedArrowEndpointFor(s.readStanding(e,"arrow-endpoint-drag"),n,r)}resolvePreview(e){const{annotationId:n,endpoint:r,press:o,readInputs:a}=this.params,{annotations:i,arrow:l,panelRect:c}=a(),d=Ce(i,n,r);return d===null?null:{kind:"arrow-endpoint-drag",annotationId:n,endpoint:r,...zn({anchor:d,point:l[r],delta:Ee(o,e,c)})}}commit({anchor:e}){const{annotationId:n,endpoint:r,dispatch:o,readInputs:a}=this.params,i=Ce(a().annotations,n,r);i===null\|\|Fn(i,e)\|\|o(new p.UpdateAnnotationCommand({kind:"arrow",id:n,patch:Vn(r,e)}))}},Rl=({annotationId:e,arrow:n,panelRect:r})=>{const{commands:o}=s.useGraphContext(),a=s.useEditorStore(),i=s.useLatestRef({annotations:s.useCompiledSelector(c=>c.spec.annotations),arrow:n,panelRect:r}),l=(0,b.useRef)(null);return(0,b.useEffect)(()=>()=>l.current?.finish(!1),[]),(0,b.useCallback)(c=>({onPointerDown:d=>{if(d.button===0&&l.current===null){try{d.currentTarget.setPointerCapture(d.pointerId)}catch{return}d.currentTarget.focus({preventScroll:!0}),d.preventDefault(),l.current=new _l({handle:d.currentTarget,pointerId:d.pointerId,annotationId:e,endpoint:c,press:{x:d.clientX,y:d.clientY},readInputs:()=>i.current,editorStore:a,dispatch:o.dispatch,onSettled:()=>{l.current=null}}),l.current.start()}}}),[e,i,a,o])},Nl=[" ","Enter"],kt=4,Ol=({annotationId:e,arrow:n,panelRect:r})=>{const{commands:o}=s.useGraphContext(),a=s.useEditorStore(),i=s.useCompiledSelector(d=>d.spec.annotations),l=s.useLatestRef(i),c=s.useLatestRef(o.dispatch);return(0,b.useEffect)(()=>()=>{for(const d of Dn)It({editorStore:a,annotationId:e,endpoint:d,annotations:l.current,dispatch:c.current})},[a,e,l,c]),(0,b.useCallback)(d=>({onKeyDown:h=>{if(h.altKey\|\|h.ctrlKey\|\|h.metaKey\|\|h.shiftKey)return;const u=a.getState(),m=s.readDraggedArrowEndpointFor(s.readStanding(u,"arrow-endpoint-drag"),e,d);if(Nl.includes(h.key)){if(h.preventDefault(),h.repeat)return;if(m!==null){It({editorStore:a,annotationId:e,endpoint:d,annotations:i,dispatch:o.dispatch});return}const g=Ce(i,e,d);if(g===null)return;u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,anchor:g,point:n[d]});return}if(m===null)return;const v=Dl(h.key,r);v!==null&&(h.preventDefault(),u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,...zn({anchor:m.anchor,point:m.point,delta:v})}))}}),[e,i,n,r,a,o])},It=({editorStore:e,annotationId:n,endpoint:r,annotations:o,dispatch:a})=>{const i=e.getState(),l=s.readDraggedArrowEndpointFor(s.readStanding(i,"arrow-endpoint-drag"),n,r);if(l===null)return;i.releaseInteraction("arrow-endpoint-drag");const c=Ce(o,n,r);c===null\|\|Fn(c,l.anchor)\|\|a(new p.UpdateAnnotationCommand({kind:"arrow",id:n,patch:Vn(r,l.anchor)}))},Dl=(e,n)=>{const r=U(kt,n.width),o=U(kt,n.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-o};case"ArrowDown":return{x:0,y:o};default:return null}},zl=e=>{const n=de(),r=Bl(n),o=Gl(e.panelRect,n),a=Vl(n);if(r===null\|\|o===null)return null;const i=a.dragged===null?o:at(o,a.dragged);return(0,t.jsx)(Fl,{arrow:r,committed:o,painted:i,isSettled:a.dragged===null&&!a.isMoved,isMoved:a.isMoved,...e})},Fl=({arrow:e,committed:n,painted:r,isSettled:o,isMoved:a,panelRect:i,frameRect:l,frameElement:c})=>{const d=s.useI18n(),h=Rl({annotationId:e.id,arrow:n,panelRect:i}),u=Ol({annotationId:e.id,arrow:n,panelRect:i});return(0,t.jsxs)("div",{"data-testid":"arrow-selection","data-annotation-id":e.id,children:[o&&(0,t.jsx)(kl,{arrow:e,arrowBox:ol(n.start,n.end,i),panelRect:i,frameWidth:l.width,frameHeight:l.height,frameElement:c}),!a&&Dn.filter(m=>e[m].anchorType==="panel").map(m=>(0,t.jsx)(Hl,{endpoint:m,point:rl(r[m],i),label:d(`graph.annotations.arrowToolbar.moveEndpoint.${m}`),dragHandlers:h(m),keyboardHandlers:u(m)},m))]})},Hl=({endpoint:e,point:n,label:r,dragHandlers:o,keyboardHandlers:a})=>(0,t.jsx)("div",{"aria-label":r,className:Il,"data-testid":"arrow-endpoint-handle","data-endpoint":e,role:"button",style:{left:n.x,top:n.y},tabIndex:0,...o,...a}),Bl=e=>{const n=s.useCompiledSelector(r=>r.spec.annotations.arrows);return e===null?null:n.find(r=>r.id===e)??null},Gl=(e,n)=>{const r=s.useResolvedAnnotations(e).arrows;return n===null?null:r.find(o=>o.id===n)??null},Vl=e=>s.useEditorState((0,oe.useShallow)(n=>{if(e===null)return{dragged:null,isMoved:!1};const r=s.readStanding(n,"arrow-endpoint-drag");return{dragged:r?.annotationId===e?r:null,isMoved:s.readMovedAnnotationFor(s.readStanding(n,"move-drag"),e)!==null}})),Ul=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M4 9h16m-4-4 4 4"}),(0,t.jsx)("path",{d:"M20 15H4m4 4-4-4"})]})}),$l="q7gcrz0",ql="q7gcrz1",Wl="q7gcrz2";var Kl=["absolute-difference","relative-difference","proportion"],Et=["absolute-difference","relative-difference"],Xl=["relative-difference","proportion"],Zl={"absolute-difference":"graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference","relative-difference":"graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",proportion:"graph.annotations.differenceArrowToolbar.labelKind.proportion"},Yl=e=>{const{formattingLocale:n}=s.useGraphContext(),r=s.useCompiledSelector(a=>a.config.parsingLocale),o=n??r;return(0,b.useMemo)(()=>{const a=(0,p.areEndpointsComparable)(e.start,e.end);return Kl.filter(i=>a\|\|!Et.includes(i)\|\|i===e.label).map(i=>({kind:i,key:Zl[i],preview:(0,p.formatDifferenceLabel)({locale:o,kind:i,startValue:e.start.measurementValue,endValue:e.end.measurementValue,valueFormat:e.start.valueFormat}),isPickable:a\|\|!Et.includes(i),isSuspect:Xl.includes(i)&&e.start.measurementValue===0}))},[e,o])},De=[{id:"small",key:"graph.annotations.differenceArrowToolbar.size.small"},{id:"medium",key:"graph.annotations.differenceArrowToolbar.size.medium"},{id:"large",key:"graph.annotations.differenceArrowToolbar.size.large"}],Jl=({arrow:e,color:n,labelBox:r,panelRect:o,frameWidth:a,frameHeight:i,frameElement:l})=>{const c=s.useI18n(),{commands:d}=s.useGraphContext(),h=Ie(),u=Yl(e),m=u.find(T=>T.kind===e.label),v=u.some(T=>T.isPickable&&T.kind!==e.label),g=De.find(T=>T.id===e.size)??De[0],x=(T,O)=>{d.dispatch(new p.UpdateAnnotationCommand({kind:"differenceArrow",id:e.id,patch:T}),O)},f=T=>{x(T),h.close()},S=()=>{d.dispatch(new p.RemoveAnnotationCommand({id:e.id})),l.focus({preventScroll:!0})},P=T=>x({color:T},{transient:!0}),C=()=>x({start:e.end.anchor,end:e.start.anchor}),L=T=>()=>f({label:T}),k=T=>()=>f({size:T});return(0,t.jsxs)(I.Root,{anchorBox:r,panelRect:o,frameWidth:a,frameHeight:i,label:c("graph.annotations.differenceArrowToolbar.label"),testId:"difference-arrow-toolbar",children:[(0,t.jsx)(I.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),trigger:(0,t.jsx)(Ql,{option:m}),isDisabled:!v,...h.bind("labelKind"),children:u.map(T=>(0,t.jsxs)(I.MenuItem,{isSelected:T.kind===e.label,isDisabled:!T.isPickable,onClick:L(T.kind),children:[(0,t.jsx)("span",{children:c(T.key)}),(T.isSuspect\|\|!T.isPickable)&&(0,t.jsx)("span",{"aria-label":c(T.isPickable?"graph.annotations.differenceArrowToolbar.labelKind.suspectValue":"graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),className:"q7gcrz3",role:"img",children:"⚠"}),(0,t.jsx)("span",{className:Wl,children:T.preview})]},T.kind))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.ColorPicker,{color:n,label:c("graph.annotations.differenceArrowToolbar.color"),onChange:P,...h.bind("color"),children:(0,t.jsx)(I.Swatch,{color:n??"transparent"})}),(0,t.jsx)(I.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.size.ariaLabel"),trigger:g===void 0?"":c(g.key),...h.bind("size"),children:De.map(T=>(0,t.jsx)(I.MenuItem,{isSelected:T.id===e.size,onClick:k(T.id),children:c(T.key)},T.id))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:c("graph.annotations.differenceArrowToolbar.swap"),onClick:C,children:(0,t.jsx)(Ul,{size:"sm",title:""})}),(0,t.jsx)(I.IconButton,{label:c("graph.annotations.differenceArrowToolbar.remove"),onClick:S,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},Ql=({option:e})=>{const n=s.useI18n();return e===void 0?null:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:ql,children:n(e.key)}),(0,t.jsxs)("span",{className:$l,children:["(",e.preview,")"]})]})};var es="ydgo3h0",ts="ydgo3h1",ns="ydgo3h2",rs=({clientPoint:e,panelOrigin:n,panelRect:r,engine:o,layers:a,coordSystem:i,resolver:l,fixedAnchor:c,align:d})=>{const h=os({x:e.x-n.x,y:e.y-n.y},r),{primary:u}=o.query((0,p.toPanelCursor)(h,r));if(u===null)return null;const m=a.find(g=>g.id===u.layerId);if(m===void 0)return null;const v=(0,p.resolveObservationPoint)({resolver:l,layer:m,observation:u.observation,observationIndex:(0,p.readObservationIndex)(u),coordSystem:i,align:d});return v===null\|\|(0,p.areAnchorsEqual)(v.anchor,c)?null:v},os=(e,n)=>({x:Math.max(0,Math.min(e.x,n.width)),y:Math.max(0,Math.min(e.y,n.height))}),Un=e=>e==="start"?"end":"start",$n=({dispatch:e,arrow:n,endpoint:r,anchor:o})=>{(0,p.areAnchorsEqual)(o,n[r].anchor)\|\|e(new p.UpdateAnnotationCommand({kind:"differenceArrow",id:n.id,patch:{[r]:o}}))},as=class extends ue{constructor(...e){super(...e),this.kind="difference-arrow-endpoint-drag"}isDragConfirmed(){return!0}readOwn(e){const{endpoint:n,readInputs:r}=this.params;return s.readDraggedDifferenceArrowEndpointFor(s.readStanding(e,"difference-arrow-endpoint-drag"),r().arrow.id,n)}resolvePreview(e){const{endpoint:n,readInputs:r,engine:o,anchorResolver:a}=this.params,{arrow:i,panelOrigin:l,panelRect:c,layers:d,coordSystem:h}=r(),u=rs({clientPoint:e,panelOrigin:l,panelRect:c,engine:o,layers:d,coordSystem:h,resolver:a,fixedAnchor:i[Un(n)].anchor,align:i[n].anchor.align});return u===null?null:{kind:"difference-arrow-endpoint-drag",annotationId:i.id,endpoint:n,point:u}}commit({point:e,endpoint:n}){const{dispatch:r,readInputs:o}=this.params;$n({dispatch:r,arrow:o().arrow,endpoint:n,anchor:e.anchor})}},is=({arrow:e,panelOrigin:n,panelRect:r})=>{const{commands:o,anchorResolver:a}=s.useGraphContext(),{engine:i}=s.useHoverContext(),l=s.useEditorStore(),c=s.useLatestRef({arrow:e,panelOrigin:n,panelRect:r,...s.useCompiledSelector((0,oe.useShallow)(h=>({layers:h.layers,coordSystem:h.coordSystem})))}),d=(0,b.useRef)(null);return(0,b.useEffect)(()=>()=>d.current?.finish(!1),[]),(0,b.useCallback)(h=>({onPointerDown:u=>{if(u.button===0&&d.current===null){try{u.currentTarget.setPointerCapture(u.pointerId)}catch{return}u.currentTarget.focus({preventScroll:!0}),u.preventDefault(),d.current=new as({handle:u.currentTarget,pointerId:u.pointerId,press:{x:u.clientX,y:u.clientY},endpoint:h,readInputs:()=>c.current,editorStore:l,engine:i,anchorResolver:a,dispatch:o.dispatch,onSettled:()=>{d.current=null}}),d.current.start()}}}),[c,l,i,a,o])},ls=[" ","Enter"],ss=({arrow:e})=>{const{commands:n,anchorResolver:r}=s.useGraphContext(),o=s.useEditorStore(),{layers:a,coordSystem:i,mainAxis:l}=s.useCompiledSelector((0,oe.useShallow)(d=>({layers:d.layers,coordSystem:d.coordSystem,mainAxis:d.coordSystem.type==="cartesian"?d.coordSystem.mainAxis:"x"}))),c=e.id;return(0,b.useEffect)(()=>()=>{const d=o.getState();s.readStanding(d,"difference-arrow-endpoint-drag")?.annotationId===c&&d.releaseInteraction("difference-arrow-endpoint-drag")},[o,c]),(0,b.useCallback)(d=>({onKeyDown:h=>{if(h.altKey\|\|h.ctrlKey\|\|h.metaKey\|\|h.shiftKey)return;const u=o.getState(),m=s.readDraggedDifferenceArrowEndpointFor(s.readStanding(u,"difference-arrow-endpoint-drag"),e.id,d);if(ls.includes(h.key)){if(h.preventDefault(),h.repeat)return;if(m===null)return u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:e[d]});u.releaseInteraction("difference-arrow-endpoint-drag"),$n({dispatch:n.dispatch,arrow:e,endpoint:d,anchor:m.point.anchor});return}if(m===null)return;const v=cs(h.key,l);if(v===null)return;h.preventDefault();const g=ds({arrow:e,endpoint:d,from:m.point.anchor,move:v,layers:a,coordSystem:i,resolver:r});g!==null&&u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:g})}}),[e,o,n,r,a,i,l])},cs=(e,n)=>{const r=e==="ArrowUp"\|\|e==="ArrowDown";return!r&&!(e==="ArrowLeft"\|\|e==="ArrowRight")?null:{axis:n==="x"===r?"cross":"main",step:e==="ArrowDown"\|\|e==="ArrowRight"?1:-1}},ds=({arrow:e,endpoint:n,from:r,move:o,layers:a,coordSystem:i,resolver:l})=>{const c=a.find(u=>u.id===r.layerId);if(c===void 0)return null;const d=l.createLayerMeasurement(c);if(d===null)return null;const{align:h}=e[n].anchor;return(0,p.stepDifferenceArrowEndpoint)({layer:c,from:r,partner:e[Un(n)].anchor,axis:o.axis,step:o.step,getObservationPoint:(u,m)=>(0,p.resolveObservationPoint)({resolver:l,layer:c,observation:u,observationIndex:m,coordSystem:i,align:h,measurement:d})})?.point??null},us=e=>{const n=de();return n===null?null:(0,t.jsx)(hs,{annotationId:n,...e})},hs=({annotationId:e,...n})=>{const r=s.useDifferenceArrowGeometries(),o=(0,b.useMemo)(()=>r.find(a=>a.id===e),[r,e]);return o===void 0?null:(0,t.jsx)(ps,{committedArrow:o.committedArrow,color:o.color,committedLabelBox:o.committedLabelBox,labelBox:o.labelBox,start:o.start,end:o.end,isDragged:o.isDragged,...n})},ps=({committedArrow:e,color:n,committedLabelBox:r,labelBox:o,start:a,end:i,panelRect:l,panelOrigin:c,frameRect:d,frameElement:h,isDragged:u})=>{const m=is({arrow:e,panelOrigin:c,panelRect:l}),v=ss({arrow:e});return(0,t.jsxs)("div",{"data-testid":"difference-arrow-selection",children:[!u&&(0,t.jsx)(Jl,{arrow:e,color:n,labelBox:r,panelRect:l,frameWidth:d.width,frameHeight:d.height,frameElement:h}),(0,t.jsx)("div",{"aria-hidden":"true",className:ns,"data-testid":"difference-arrow-selection-label",style:{left:l.x+o.x-2,top:l.y+o.y-2,width:o.width+4,height:o.height+4}}),(0,t.jsx)(Mt,{endpoint:"start",point:a,panelRect:l,dragHandlers:m("start"),keyboardHandlers:v("start")}),(0,t.jsx)(Mt,{endpoint:"end",point:i,panelRect:l,dragHandlers:m("end"),keyboardHandlers:v("end")})]})},Mt=({endpoint:e,point:n,panelRect:r,dragHandlers:o,keyboardHandlers:a})=>(0,t.jsx)("div",{className:es,"data-testid":"difference-arrow-selection-handle","data-endpoint":e,role:"button",style:{left:r.x+n.x,top:r.y+n.y},tabIndex:0,...o,...a,children:(0,t.jsx)("span",{"aria-hidden":"true",className:ts})}),qe=({start:e,extent:n,isStartMoving:r,delta:o,minExtent:a})=>{if(!Number.isFinite(o))return{start:e,extent:n};const i=e+n,l=Math.min(a,n);if(r){const h=Math.min(0,e),u=Math.min(Math.max(1,e),i-l),m=(0,re.default)(e+o,h,u);return{start:m,extent:i-m}}const c=Math.max(Math.min(0,i),e+l),d=Math.max(1,i);return{start:e,extent:(0,re.default)(i+o,c,d)-e}},ms=["top-left","top-right","bottom-right","bottom-left"];var qn=({width:e,height:n})=>({x:U(16,e),y:U(16,n)}),gs=(e,n)=>({x:Xn(n)?e.x:e.x+e.width,y:Zn(n)?e.y:e.y+e.height}),it=e=>({x:e.x,y:1-e.y-e.height,width:e.width,height:e.height}),Wn=({region:e,corner:n,delta:r,minSize:o})=>{const a=qe({start:e.x,extent:e.width,isStartMoving:Xn(n),delta:r.x,minExtent:o.x}),i=qe({start:e.y,extent:e.height,isStartMoving:Zn(n),delta:r.y,minExtent:o.y});return{anchorType:"panel",x:a.start,y:i.start,width:a.extent,height:i.extent}},Kn=(e,n)=>e.x===n.x&&e.y===n.y&&e.width===n.width&&e.height===n.height,Xn=e=>e==="top-left"\|\|e==="bottom-left",Zn=e=>e==="top-left"\|\|e==="top-right",Yn=(e,n,r,o)=>{const a=e.textAnnotations.find(i=>i.id===n);return a===void 0?null:s.measureTextAnnotationBox(s.previewResizedText(a,r),o)};var xs={hovered:"_1ee8fau1 _1ee8fau0",selected:"_1ee8fau2 _1ee8fau0"},vs={hovered:"_1ee8fau4 _1ee8fau3",selected:"_1ee8fau5 _1ee8fau3"},fs=({panelRect:e})=>{const n=s.useResolvedAnnotations(e),r=s.useMeasuredBoxes(),o=s.useChromeStyleReaders(),a=de(),i=s.useEditorState(f=>s.readStanding(f,"move-drag")),l=s.useEditorState(f=>s.readStanding(f,"shape-resize-drag")),c=s.useEditorState(f=>s.readStanding(f,"arrow-endpoint-drag")),d=s.useEditorState(f=>s.readStanding(f,"text-resize-drag")),h=s.useEditorState(f=>{const S=f.editTargetUnderPointer;return S?.kind==="annotation"?S.id:null}),u=(0,b.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:r,chromeReaders:o}),[e.width,e.height,r,o]),m=_t(n,a,u),v=_t(n,h===a?null:h,u),g=f=>{if(l?.annotationId===f.id){const S=n.shapes.find(P=>P.id===f.id);return S===void 0?f.geometry:s.measureShapeRegion(it(l.region),(0,p.resolveShapeAnnotationStyle)(o,S.id).borderWidth,u.panel)}if(c?.annotationId===f.id){const S=n.arrows.find(P=>P.id===f.id);return S===void 0?f.geometry:s.measureArrowEnds(at(S,c),u.panel)??f.geometry}return d?.annotationId===f.id?Yn(n,f.id,d,u)??f.geometry:f.geometry},x=f=>{if(i?.annotationId!==f)return e;const S=Gn(i.translation,e);return{x:e.x+S.x,y:e.y+S.y}};return(0,t.jsxs)(t.Fragment,{children:[v!==null&&(0,t.jsx)(Rt,{annotationId:v.id,geometry:g(v),state:"hovered",origin:x(v.id)}),m!==null&&(0,t.jsx)(Rt,{annotationId:m.id,geometry:g(m),state:"selected",origin:x(m.id)})]})},_t=(e,n,r)=>{if(n===null)return null;const o=s.resolveAnnotationChromeGeometry(e,n,r);return o===null?null:{id:n,geometry:o}},Rt=({annotationId:e,geometry:n,state:r,origin:o})=>n.shape==="segment"?(0,t.jsxs)("div",{"aria-hidden":"true","data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,children:[(0,t.jsx)(Nt,{point:n.start,state:r,origin:o}),(0,t.jsx)(Nt,{point:n.end,state:r,origin:o})]}):(0,t.jsx)("div",{"aria-hidden":"true",className:xs[r],"data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,style:{left:o.x+n.rect.x-2,top:o.y+n.rect.y-2,width:n.rect.width+4,height:n.rect.height+4}}),Nt=({point:e,state:n,origin:r})=>(0,t.jsx)("span",{className:vs[n],style:{left:r.x+e.x,top:r.y+e.y}}),bs=({panelRect:e})=>{const n=s.useEditorState(a=>s.readStanding(a,"move-drag")),r=s.useResolvedAnnotations(e);if(n===null)return null;const o=Gn(n.translation,e);return(0,t.jsx)("svg",{"aria-hidden":"true",className:ot,width:e.width,height:e.height,style:{left:e.x+o.x,top:e.y+o.y},"data-testid":"annotation-preview","data-annotation-id":n.annotationId,children:ys(r,n.annotationId,e)})},Cs=({annotation:e,panel:n})=>(0,t.jsx)(s.TextAnnotation,{annotation:e,panel:n,blockRef:s.useMeasuredBoxRef(e.id)}),me=(e,n,r)=>{const o=e.find(a=>a.id===n);return o===void 0?null:r(o)},Ss={text:(e,n,r)=>me(e.textAnnotations,n,o=>(0,t.jsx)(Cs,{annotation:o,panel:r})),shape:(e,n,r)=>me(e.shapes,n,o=>(0,t.jsx)(Ts,{shape:o,panelSize:r})),image:(e,n,r)=>me(e.images,n,o=>(0,t.jsx)(s.ImageAnnotation,{image:o,panel:r})),arrow:(e,n,r)=>me(e.arrows,n,o=>(0,t.jsx)(js,{arrow:o,panelSize:r}))},ys=(e,n,r)=>{for(const o of Object.values(Ss)){const a=o(e,n,r);if(a!==null)return a}return null},js=({arrow:e,panelSize:n})=>{const r=s.useArrowAnnotationStyles()(e.id),o=(0,p.computeArrow)({arrow:e,style:r,panelWidth:n.width,panelHeight:n.height});return o===null?null:(0,t.jsx)(s.ArrowAnnotation,{computed:o,style:r,isAddressable:!1})},Ts=({shape:e,panelSize:n})=>(0,t.jsx)(s.ShapeAnnotation,{shape:e,style:s.useShapeAnnotationStyles()(e.id),panel:n}),ws=({panelRect:e})=>{const n=s.useEditorState(i=>s.readStanding(i,"shape-resize-drag")),r=s.useResolvedAnnotations(e).shapes,o=s.useShapeAnnotationStyles();if(n===null)return null;const a=r.find(i=>i.id===n.annotationId);return a===void 0?null:(0,t.jsx)("svg",{"aria-hidden":"true",className:ot,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"shape-resize-preview","data-annotation-id":n.annotationId,children:(0,t.jsx)(s.ShapeAnnotation,{shape:{...a,region:it(n.region)},style:o(a.id),panel:e})})},As={sm:"o49ib40",md:"o49ib41"},Ps={horizontal:"o49ib42",diagonalDown:"o49ib43",diagonalUp:"o49ib44"},Jn=({point:e,label:n,pull:r,size:o,attributes:a,dragHandlers:i,keyboardHandlers:l})=>(0,t.jsx)("div",{"aria-label":n,className:Ps[r],role:"button",style:{left:e.x,top:e.y},tabIndex:0,...a,...i,...l,children:(0,t.jsx)("span",{"aria-hidden":"true",className:As[o]})}),We=[{width:0,key:"graph.annotations.shapeToolbar.border.none"},{width:2,key:"graph.annotations.shapeToolbar.border.thin"},{width:8,key:"graph.annotations.shapeToolbar.border.medium"},{width:16,key:"graph.annotations.shapeToolbar.border.thick"}],Ls=e=>[...We].reverse().find(n=>n.width<=e)??We[0],ks=({shape:e,shapeBox:n,panelRect:r,frameWidth:o,frameHeight:a,frameElement:i})=>{const l=s.useI18n(),{commands:c}=s.useGraphContext(),d=s.useCompiledSelector(C=>C.spec.styles.overrides),h=Ie(),u=s.useShapeAnnotationStyles()(e.id),m=Ls(u.borderWidth),v=(0,b.useMemo)(()=>({target:"annotation",kind:"shape",annotation:e.id}),[e.id]),g=(C,L)=>{const k=(0,p.findStyleRule)(d,{select:v})?.declarations??{};c.dispatch(new p.SetStyleRuleCommand({list:"overrides",rule:{select:v,declarations:{...k,...C}}}),L)},x=()=>{c.dispatch(new p.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},f=C=>g({color:C},{transient:!0}),S=C=>g({alpha:C},{transient:!0}),P=C=>()=>{g({borderWidth:C}),h.close()};return(0,t.jsxs)(I.Root,{anchorBox:n,panelRect:r,frameWidth:o,frameHeight:a,label:l("graph.annotations.shapeToolbar.label"),testId:"shape-toolbar",children:[(0,t.jsx)(I.ColorPicker,{color:u.color,label:l("graph.annotations.shapeToolbar.color"),onChange:f,opacity:u.alpha,onOpacityChange:S,...h.bind("color"),children:(0,t.jsx)(I.Swatch,{color:u.color,opacity:u.alpha})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.shapeToolbar.border.ariaLabel"),trigger:(0,t.jsx)(Bn,{size:"sm",title:""}),...h.bind("border"),children:We.map(C=>(0,t.jsx)(I.MenuItem,{isSelected:C.width===m?.width,onClick:P(C.width),children:l(C.key)},C.width))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:l("graph.annotations.shapeToolbar.remove"),onClick:x,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},Qn=e=>{const n=s.useLatestRef(e),r=(0,b.useRef)(null);return(0,b.useEffect)(()=>()=>r.current?.finish(!1),[]),(0,b.useCallback)(o=>({onPointerDown:a=>{if(a.button!==0\|\|r.current!==null)return;try{a.currentTarget.setPointerCapture(a.pointerId)}catch{return}a.currentTarget.focus({preventScroll:!0}),a.preventDefault();const i=n.current(o,{handle:a.currentTarget,pointerId:a.pointerId,press:{x:a.clientX,y:a.clientY},onSettled:()=>{r.current=null}});r.current=i,i.start()}}),[n])},Se=(e,n)=>{const r=e.shapes.find(o=>o.id===n);return r===void 0\|\|r.region.anchorType!=="panel"?null:r.region},Is=class extends ue{constructor(...e){super(...e),this.kind="shape-resize-drag"}readOwn(e){return s.readResizedShapeFor(s.readStanding(e,"shape-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:n,corner:r,press:o,readInputs:a}=this.params,{annotations:i,panelRect:l}=a(),c=Se(i,n);return c===null?null:{kind:"shape-resize-drag",annotationId:n,region:Wn({region:c,corner:r,delta:Ee(o,e,l),minSize:qn(l)})}}commit({region:e}){const{annotationId:n,dispatch:r,readInputs:o}=this.params,a=Se(o().annotations,n);a===null\|\|Kn(a,e)\|\|r(new p.UpdateAnnotationCommand({kind:"shape",id:n,patch:{region:e}}))}},Es=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useLatestRef({annotations:s.useCompiledSelector(i=>i.spec.annotations),panelRect:n});return Qn((i,l)=>new Is({...l,annotationId:e,corner:i,readInputs:()=>a.current,editorStore:o,dispatch:r.dispatch}))},Ms=[" ","Enter"],er=e=>{const n=s.useEditorStore(),r=s.useLatestRef(e);return(0,b.useEffect)(()=>()=>Ot(n,r.current),[n,r]),(0,b.useCallback)(o=>({onKeyDown:a=>{if(a.altKey\|\|a.ctrlKey\|\|a.metaKey\|\|a.shiftKey)return;const i=n.getState(),l=r.current.readHeld();if(Ms.includes(a.key)){if(a.preventDefault(),a.repeat)return;if(l!==null){Ot(n,r.current);return}const d=r.current.claim(o);if(d===null)return;i.claimInteraction(d);return}if(l===null)return;const c=r.current.step(l,o,a.key);c!==null&&(a.preventDefault(),i.claimInteraction(c))}}),[n,r])},Ot=(e,n)=>{const r=n.readHeld();r!==null&&(e.getState().releaseInteraction(r.kind),n.commit(r))},Dt=4,_s=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useCompiledSelector(i=>i.spec.annotations);return er({readHeld:()=>s.readResizedShapeFor(s.readStanding(o.getState(),"shape-resize-drag"),e),claim:()=>{const i=Se(a,e);return i===null?null:{kind:"shape-resize-drag",annotationId:e,region:i}},step:(i,l,c)=>{const d=Rs(c,n);return d===null?null:{kind:"shape-resize-drag",annotationId:e,region:Wn({region:i.region,corner:l,delta:d,minSize:qn(n)})}},commit:({region:i})=>{const l=Se(a,e);l===null\|\|Kn(l,i)\|\|r.dispatch(new p.UpdateAnnotationCommand({kind:"shape",id:e,patch:{region:i}}))}})},Rs=(e,n)=>{const r=U(Dt,n.width),o=U(Dt,n.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-o};case"ArrowDown":return{x:0,y:o};default:return null}},Ns={"top-left":"diagonalDown","bottom-right":"diagonalDown","top-right":"diagonalUp","bottom-left":"diagonalUp"},Os=e=>{const n=de(),r=zs(n),o=Fs(n);if(r===null)return null;const a=o.resizedRegion??(r.region.anchorType==="panel"?r.region:null);return a===null?null:(0,t.jsx)(Ds,{shape:r,region:a,isSettled:o.resizedRegion===null&&!o.isMoved,isMoved:o.isMoved,...e})},Ds=({shape:e,region:n,isSettled:r,isMoved:o,panelRect:a,frameRect:i,frameElement:l})=>{const c=s.useI18n(),d=Es({annotationId:e.id,panelRect:a}),h=_s({annotationId:e.id,panelRect:a}),u=s.useShapeAnnotationStyles()(e.id),{rect:m}=s.measureShapeRegion(it(n),u.borderWidth,a);return(0,t.jsxs)("div",{"data-testid":"shape-selection","data-annotation-id":e.id,children:[r&&(0,t.jsx)(ks,{shape:e,shapeBox:m,panelRect:a,frameWidth:i.width,frameHeight:i.height,frameElement:l}),!o&&ms.map(v=>{const g=gs(m,v);return(0,t.jsx)(Jn,{point:{x:a.x+g.x,y:a.y+g.y},label:c(`graph.annotations.shapeToolbar.resize.${v}`),pull:Ns[v],size:"md",attributes:{"data-testid":"shape-resize-handle","data-corner":v},dragHandlers:d(v),keyboardHandlers:h(v)},v)})]})},zs=e=>{const n=s.useCompiledSelector(r=>r.spec.annotations.shapes);return e===null?null:n.find(r=>r.id===e)??null},Fs=e=>s.useEditorState((0,oe.useShallow)(n=>e===null?{resizedRegion:null,isMoved:!1}:{resizedRegion:s.readResizedShapeFor(s.readStanding(n,"shape-resize-drag"),e)?.region??null,isMoved:s.readMovedAnnotationFor(s.readStanding(n,"move-drag"),e)!==null})),Hs=({textColor:e,...n})=>(0,t.jsxs)(s.Icon,{...n,children:[(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M6 4h12"}),(0,t.jsx)("path",{d:"M12 4v12"})]}),(0,t.jsx)("path",{d:"M5 20h14",stroke:e??"currentColor",strokeWidth:3,strokeLinecap:"round"})]});var ye="textStyle",tr=new Set(["paragraph","heading"]),Bs=e=>{const n=nr(e),r=Ws(e);return{color:ge(n.map(o=>Ks(ze(o)?.color))),font:ge(n.map(o=>qs(ze(o)))),fontSize:ge(n.map(o=>Xs(ze(o)?.fontSize))),alignment:ge(r.map(o=>Zs(o.attrs?.textAlign)))}},Gs=(e,n)=>lt(e,r=>r.type==="text"?$s(r,n):r),Vs=e=>nr(e).length>0,Us=(e,n)=>lt(e,r=>tr.has(r.type??"")?{...r,attrs:{...r.attrs,textAlign:n}}:r),lt=(e,n)=>n(e.content===void 0?e:{...e,content:e.content.map(r=>lt(r,n))}),$s=(e,n)=>{const r=e.marks??[],o=r.find(i=>i.type===ye),a={type:ye,attrs:{...o?.attrs,...n}};return{...e,marks:o===void 0?[...r,a]:r.map(i=>i===o?a:i)}},ze=e=>e.marks?.find(n=>n.type===ye)?.attrs,qs=e=>s.readRichTextFontId(e?.font)??s.readRichTextFontId(e?.fontFamily),nr=e=>st(e,n=>n.type==="text"),Ws=e=>st(e,n=>tr.has(n.type??"")),st=(e,n)=>[...n(e)?[e]:[],...(e.content??[]).flatMap(r=>st(r,n))],ge=e=>{const[n,...r]=e;return n===void 0?null:r.every(o=>o===n)?n:null},Ks=e=>typeof e=="string"&&e.length>0?e:void 0,Xs=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,Zs=e=>e==="left"\|\|e==="center"\|\|e==="right"?e:void 0;var rr=[{id:"modern",key:"graph.annotations.textToolbar.font.modern"},{id:"fresh",key:"graph.annotations.textToolbar.font.fresh"},{id:"timeless",key:"graph.annotations.textToolbar.font.timeless"},{id:"technical",key:"graph.annotations.textToolbar.font.technical"},{id:"fineliner",key:"graph.annotations.textToolbar.font.fineliner"}].map(({id:e,key:n})=>({id:e,key:n,fontFamily:s.RICH_TEXT_FONT_FAMILIES[e]??e})),Ys=e=>rr.find(n=>n.id===(e??"modern"))??null;var or=[{size:12,key:"graph.annotations.textToolbar.fontSize.small"},{size:16,key:"graph.annotations.textToolbar.fontSize.medium"},{size:20,key:"graph.annotations.textToolbar.fontSize.large"},{size:24,key:"graph.annotations.textToolbar.fontSize.extraLarge"},{size:32,key:"graph.annotations.textToolbar.fontSize.huge"}],Js=e=>or.find(n=>n.size===(e??16))??null,Qs=e=>`${e/10}em`,ec=[{alignment:"left",Icon:jn},{alignment:"center",Icon:Sn},{alignment:"right",Icon:yn}],tc=({annotation:e,textBox:n,panelRect:r,frameWidth:o,frameHeight:a,frameElement:i})=>{const l=s.useI18n(),{commands:c}=s.useGraphContext(),{themeValues:d}=s.useThemeContext(),h=s.useEditorStore(),u=Ie(),m=Bs(e.content),v=Ys(m.font),g=Js(m.fontSize),x=m.color??d.textPrimary,f=(y,E)=>{c.dispatch(new p.UpdateAnnotationCommand({kind:"text",id:e.id,patch:y}),E)},S=()=>h.getState().caret?.editor?.getJSON()??e.content,P=(y,E)=>{const A=S(),D=h.getState().caret?.editor??null;if(D!==null&&!Vs(A)){D.chain().focus().setMark(ye,y).run();return}f({content:Gs(A,y)},E)},C=()=>{c.dispatch(new p.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},L=y=>f(nc(y),{transient:!0}),k=y=>P({color:y},{transient:!0}),T=y=>()=>{P({font:y}),u.close()},O=y=>()=>{P({fontSize:y}),u.close()},_=y=>f({content:Us(S(),y)});return(0,t.jsxs)(I.Root,{anchorBox:n,panelRect:r,frameWidth:o,frameHeight:a,label:l("graph.annotations.textToolbar.label"),testId:"text-toolbar",children:[(0,t.jsx)(I.ColorPicker,{color:e.backgroundColor??"transparent",label:l("graph.annotations.textToolbar.background"),hasTransparentOption:!0,onChange:L,...u.bind("background"),children:(0,t.jsx)(I.Swatch,{color:e.backgroundColor??"linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))"})}),(0,t.jsx)(I.ColorPicker,{color:x,label:l("graph.annotations.textToolbar.color"),onChange:k,...u.bind("color"),children:(0,t.jsx)(Hs,{size:"sm",textColor:x,title:""})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.textToolbar.font.ariaLabel"),trigger:(0,t.jsx)("span",{style:{fontFamily:v?.fontFamily},children:"Aa"}),...u.bind("font"),children:rr.map(y=>(0,t.jsx)(I.MenuItem,{isSelected:y.id===v?.id,onClick:T(y.id),children:(0,t.jsx)("span",{style:{fontFamily:y.fontFamily},children:l(y.key)})},y.id))}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.textToolbar.fontSize.ariaLabel"),trigger:g===null?"":l(g.key),...u.bind("fontSize"),children:or.map(y=>(0,t.jsx)(I.MenuItem,{isSelected:y.size===g?.size,onClick:O(y.size),children:(0,t.jsx)("span",{style:{fontSize:Qs(y.size)},children:l(y.key)})},y.size))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(rc,{current:m.alignment??"center",onPick:_}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:l("graph.annotations.textToolbar.remove"),onClick:C,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},nc=e=>e==="transparent"?{backgroundColor:null}:{backgroundColor:e,backgroundColorStyle:ea(e)?"fade":"opaque"},rc=({current:e,onPick:n})=>{const r=s.useI18n(),o=a=>()=>n(a);return(0,t.jsx)(t.Fragment,{children:ec.map(a=>(0,t.jsx)(I.ToggleButton,{label:r(`graph.annotations.textToolbar.align.${a.alignment}`),isPressed:a.alignment===e,onClick:o(a.alignment),children:(0,t.jsx)(a.Icon,{size:"sm",title:""})},a.alignment))})},oc=["left","right"];var ar=({width:e})=>U(60,e),ac=(e,n)=>({x:n==="left"?e.x:e.x+e.width,y:e.y+e.height/2}),ir=({at:e,width:n,align:r,edge:o,delta:a,minWidth:i,panelWidth:l})=>{if(a===0)return{at:e,width:n,shift:0};const c=(0,p.alignUnitFractions)(r).x,d=ic(e.offset,l),h=qe({start:e.x+d-cn,extent:n,isStartMoving:o==="left",delta:a,minExtent:i}),u=h.start+ch.extent-d;return{at:{...e,x:u},width:h.extent,shift:u-e.x}},lr=(e,n)=>e.at.x===n.at.x&&e.width===n.width,ic=(e,n)=>e?.x===void 0?0:e.unit==="px"?U(e.x,n):e.x,je=(e,n)=>{const r=e.textAnnotations.find(o=>o.id===n);return r===void 0\|\|r.at.anchorType!=="panel"?null:{at:r.at,width:r.width,align:r.align}},lc=class extends ue{constructor(...e){super(...e),this.kind="text-resize-drag"}readOwn(e){return s.readResizedTextFor(s.readStanding(e,"text-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:n,edge:r,press:o,readInputs:a}=this.params,{annotations:i,panelRect:l}=a(),c=je(i,n);if(c===null)return null;const d=Ee(o,e,l).x;return{kind:"text-resize-drag",annotationId:n,delta:d,...ir({...c,edge:r,delta:d,minWidth:ar(l),panelWidth:l.width})}}commit(e){const{annotationId:n,dispatch:r,readInputs:o}=this.params,a=je(o().annotations,n);a===null\|\|lr(a,e)\|\|r(new p.UpdateAnnotationCommand({kind:"text",id:n,patch:{at:e.at,width:e.width}}))}},sc=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useLatestRef({annotations:s.useCompiledSelector(i=>i.spec.annotations),panelRect:n});return Qn((i,l)=>new lc({...l,annotationId:e,edge:i,readInputs:()=>a.current,editorStore:o,dispatch:r.dispatch}))},cc=4,dc=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useCompiledSelector(l=>l.spec.annotations),i=(l,c)=>{const d=je(a,e);return d===null?null:{kind:"text-resize-drag",annotationId:e,delta:c,...ir({...d,edge:l,delta:c,minWidth:ar(n),panelWidth:n.width})}};return er({readHeld:()=>s.readResizedTextFor(s.readStanding(o.getState(),"text-resize-drag"),e),claim:l=>i(l,0),step:(l,c,d)=>{const h=uc(d,n);return h===null?null:i(c,l.delta+h)},commit:l=>{const c=je(a,e);c===null\|\|lr(c,l)\|\|r.dispatch(new p.UpdateAnnotationCommand({kind:"text",id:e,patch:{at:l.at,width:l.width}}))}})},uc=(e,n)=>{const r=U(cc,n.width);switch(e){case"ArrowLeft":return-r;case"ArrowRight":return r;default:return null}},hc=e=>{const n=de(),r=mc(n),o=gc(n),a=s.useEditorState(l=>l.caret?.annotationId===n),i=xc(e.panelRect,n,o.resized);return r===null\|\|i===null?null:(0,t.jsx)(pc,{annotation:r,textBox:i,isSettled:o.resized===null&&!o.isMoved,isMoved:o.isMoved,isResizable:r.at.anchorType==="panel",hasCaret:a,...e})},pc=({annotation:e,textBox:n,isSettled:r,isMoved:o,isResizable:a,hasCaret:i,panelRect:l,frameRect:c,frameElement:d})=>{const h=s.useI18n(),u=sc({annotationId:e.id,panelRect:l}),m=dc({annotationId:e.id,panelRect:l});return(0,t.jsxs)("div",{"data-testid":"text-selection","data-annotation-id":e.id,children:[r&&(0,t.jsx)(tc,{annotation:e,textBox:n,panelRect:l,frameWidth:c.width,frameHeight:c.height,frameElement:d}),a&&!o&&!i&&oc.map(v=>{const g=ac(n,v);return(0,t.jsx)(Jn,{point:{x:l.x+g.x,y:l.y+g.y},label:h(`graph.annotations.textToolbar.resize.${v}`),pull:"horizontal",size:"sm",attributes:{"data-testid":"text-resize-handle","data-edge":v},dragHandlers:u(v),keyboardHandlers:m(v)},v)})]})},mc=e=>{const n=s.useCompiledSelector(r=>r.spec.annotations.textAnnotations);return e===null?null:n.find(r=>r.id===e)??null},gc=e=>s.useEditorState((0,oe.useShallow)(n=>e===null?{resized:null,isMoved:!1}:{resized:s.readResizedTextFor(s.readStanding(n,"text-resize-drag"),e),isMoved:s.readMovedAnnotationFor(s.readStanding(n,"move-drag"),e)!==null})),xc=(e,n,r)=>{const o=s.useResolvedAnnotations(e),a=s.useMeasuredBoxes(),i=s.useChromeStyleReaders(),l=(0,b.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:a,chromeReaders:i}),[e.width,e.height,a,i]);return n===null?null:Yn(o,n,r,l)?.rect??null},vc=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 5v14"}),(0,t.jsx)("path",{d:"M5 12h14"})]})}),fc="var(--_1tyillx0)",bc={rest:.5,hovered:.75,open:1};var Cc="_1tyillx1",Sc={rest:"_1tyillx2",hovered:"_1tyillx3",open:"_1tyillx4"},yc="_1tyillx5",jc={closed:"_1tyillx6",open:"_1tyillx7"},Tc=({interaction:e,panelRect:n})=>{const r=s.useEditorStore(),o=e.kind==="trigger"\|\|e.kind==="menu"?e.anchor:null,a=wc(e),i=(0,b.useMemo)(()=>{if(o===null)return null;const l=(0,p.projectAnchorToPanel)(o.position,n);return{center:l,radius:19bc[a],target:{kind:"observation",cursor:(0,p.toPanelCursor)(l,n)}}},[o,n,a]);return(0,b.useEffect)(()=>{r.getState().setMenuTrigger(i)},[r,i]),(0,b.useEffect)(()=>()=>r.getState().setMenuTrigger(null),[r]),o===null\|\|i===null?null:(0,t.jsx)("div",{"aria-hidden":"true","data-testid":"observation-menu-trigger","data-state":a,className:(0,V.default)(Cc,Sc[a]),style:{left:n.x+i.center.x,top:n.y+i.center.y,...(0,tn.assignInlineVars)({[fc]:o.color})},children:(0,t.jsx)("span",{className:(0,V.default)(yc,jc[a==="open"?"open":"closed"]),children:(0,t.jsx)(vc,{size:"lg"})})})},wc=e=>e.kind==="menu"?"open":e.kind==="trigger"&&e.isEngaged?"hovered":"rest",Ac='button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])',Pc=(e,n)=>{const{chartId:r}=s.useGraphContext(),o=s.useEditorStore();(0,b.useEffect)(()=>{if(n===null)return;const a=i=>{if(i.key!=="Tab"\|\|i.defaultPrevented\|\|!se(i.target,e,r)\|\|o.getState().standingInteraction?.kind==="chrome-popup")return;const l=[...n.querySelectorAll(Ac)];if(l.length===0)return;i.preventDefault();const c=l.findIndex(d=>d===document.activeElement);l[c===-1?i.shiftKey?l.length-1:0:(c+(i.shiftKey?-1:1)+l.length)%l.length]?.focus()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e,n,r,o])},Lc=`[${s.EDIT_TARGET_KIND_ATTRIBUTE}]`,Te=(e,n,r)=>{if(typeof document.elementsFromPoint!="function")return null;const o=document.elementsFromPoint(e,n);return kc(o,r)},kc=(e,n)=>{for(const r of e){const o=r.closest(Lc);if(o===null\|\|!n.contains(o))continue;const a=Ic(o);if(a!==null)return a;if(o!==r)return null}return null},Ic=e=>{const n=e.getAttribute(s.EDIT_TARGET_KIND_ATTRIBUTE);if(n!=="annotation")return null;const r=e.getAttribute(s.EDIT_TARGET_ID_ATTRIBUTE);return r===null\|\|r===""?null:{kind:n,id:r}},Ec=e=>{const{selectionStore:n,chartId:r}=s.useGraphContext(),o=s.useEditorStore();(0,b.useEffect)(()=>{let a=null;const i=d=>{const{caret:h}=o.getState(),u=h===null?null:Te(d.clientX,d.clientY,e);u!==null&&u.id===h?.annotationId\|\|e.focus({preventScroll:!0})},l=d=>{const{selection:h,clearSelection:u}=n.getState();h.length!==0&&(se(d.target,e,r)\|\|u())},c=d=>{n.getState().selection.length!==0&&se(d.target,e,r)&&d.relatedTarget===null&&(a!==null&&cancelAnimationFrame(a),a=requestAnimationFrame(()=>{a=null,document.hasFocus()&&(se(document.activeElement,e,r)\|\|n.getState().clearSelection())}))};return e.addEventListener("pointerdown",i),document.addEventListener("focusin",l),document.addEventListener("focusout",c),()=>{a!==null&&cancelAnimationFrame(a),e.removeEventListener("pointerdown",i),document.removeEventListener("focusin",l),document.removeEventListener("focusout",c)}},[o,n,e,r])},Mc=class extends ue{constructor(...e){super(...e),this.kind="move-drag"}readOwn(e){return s.readMovedAnnotationFor(s.readStanding(e,"move-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:n,press:r,readInputs:o}=this.params,{annotations:a,panelRect:i}=o(),l=(0,p.findAnnotation)(a,n);if(l===null)return null;const c=(0,p.clampAnnotationTranslation)(l,Ee(r,e,i));return c===null?null:{kind:"move-drag",annotationId:n,translation:c}}commit({translation:e}){const{annotationId:n,dispatch:r}=this.params;El(e)&&r(new p.MoveAnnotationCommand({id:n,translation:e}))}},_c=(e,n,r)=>{const{commands:o,selectionStore:a}=s.useGraphContext(),i=s.useEditorStore(),l=s.useLatestRef({annotations:s.useCompiledSelector(h=>h.spec.annotations),panelRect:r}),c=s.useLatestRef(n),d=(0,b.useRef)(null);(0,b.useEffect)(()=>()=>d.current?.finish(!1),[]),(0,b.useEffect)(()=>{const h=g=>{const{editTargetUnderPointer:x,standingInteraction:f}=i.getState();return x!==null&&f===null&&g.pointerType==="mouse"&&Rc(g.target,e)?x:Te(g.clientX,g.clientY,e)},u=(g,x)=>{if(d.current!==null\|\|!s.canMoveAnnotationOnCanvas(l.current.annotations,x.id))return;try{e.setPointerCapture(g.pointerId)}catch{return}g.preventDefault();const f=new Mc({handle:e,pointerId:g.pointerId,annotationId:x.id,press:{x:g.clientX,y:g.clientY},readInputs:()=>l.current,editorStore:i,dispatch:o.dispatch,onSettled:()=>{d.current=null}});d.current=f,f.start()},m=g=>{if(g.button!==0\|\|Ue(g.target)\|\|An(g,c.current,i.getState().menuTrigger))return;const x=h(g),f=a.getState(),{caret:S,setCaret:P}=i.getState();if(!(S!==null&&x?.id===S.annotationId)){if(P(null),x===null){f.clearSelection();return}f.setSelection([x]),u(g,x)}},v=g=>{if(Ue(g.target))return;const x=Te(g.clientX,g.clientY,e);x!==null&&l.current.annotations.textAnnotations.some(f=>f.id===x.id)&&(a.getState().setSelection([x]),i.getState().setCaret(x.id))};return document.addEventListener("pointerdown",m),document.addEventListener("dblclick",v),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("dblclick",v)}},[e,i,a,o,l,c])},Rc=(e,n)=>e instanceof Node&&n.contains(e),Nc=e=>{const{selectionStore:n,commands:r,chartId:o}=s.useGraphContext(),a=s.useEditorStore(),i=s.useLatestRef(s.useCompiledSelector(h=>h.spec.annotations.textAnnotations)),l=(0,b.useCallback)(h=>{const{selection:u}=n.getState(),m=$e(u);m!==null&&(h.preventDefault(),r.dispatch(new p.RemoveAnnotationCommand({id:m})),e.focus({preventScroll:!0}))},[e,r,n]),c=(0,b.useCallback)(h=>{if(xe(h.target,o))return;const u=$e(n.getState().selection);u!==null&&i.current.some(m=>m.id===u)&&(h.preventDefault(),a.getState().setCaret(u))},[a,n,i,o]),d=(0,b.useCallback)(h=>{const u=a.getState(),m=u.standingInteraction?.kind;if(m!==void 0){m!=="chrome-popup"&&u.releaseInteraction(m);return}if(u.caret!==null){u.setCaret(null),e.focus({preventScroll:!0});return}return xe(h.target,o)?e.focus({preventScroll:!0}):n.getState().clearSelection()},[a,n,e,o]);(0,b.useEffect)(()=>{const h=u=>{if(!se(u.target,e,o)\|\|hi(u.target))return;const m=Oc(u.target),v=a.getState().caret!==null&&!xe(u.target,o);if(!(m&&!v))switch(u.key){case"Escape":return d(u);case"Enter":return m?void 0:c(u);case"Delete":case"Backspace":return m?void 0:l(u);default:return}};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[e,l,c,d,o,a])},Oc=e=>e instanceof HTMLElement&&(e.isContentEditable\|\|e instanceof HTMLInputElement\|\|e instanceof HTMLTextAreaElement),Dc=()=>{const e=s.useHoverState(l=>l.hover.primary),{layers:n,coordSystem:r}=s.useCompiledSelector((0,oe.useShallow)(l=>({layers:l.layers,coordSystem:l.coordSystem}))),{anchorResolver:o,colorScheme:a}=s.useGraphContext(),i=(0,b.useMemo)(()=>(0,p.createStyleResolver)({colorScheme:a}),[a]);return(0,b.useMemo)(()=>{if(e===null)return null;const l=n.find(h=>h.id===e.layerId);if(l===void 0)return null;const c=o.resolve(l.geom,e.observation,{coordSystem:r,position:l.position,purpose:"pin"});if(c===null)return null;const d=(0,p.createObservationAnchorBuilder)(l)(e.observation);return d===null?null:{position:c,color:i.geomReaders(l).get("color",e.observation),layer:l,at:d,observation:e.observation}},[e,n,r,o,i])},zc={kind:"idle"},sr=()=>{const e=s.useEditorState(o=>o.standingInteraction),n=s.useEditorState(o=>o.chromeUnderPointer),r=Dc();return(0,b.useMemo)(()=>e!==null?e:r===null?zc:{kind:"trigger",anchor:r,isEngaged:n==="menu-trigger"},[e,r,n])},Fc=(e,n,r)=>{const o=s.useEditorStore(),{selectionStore:a}=s.useGraphContext(),{store:i,engine:l}=s.useHoverContext(),c=s.useLatestRef(e),d=s.useLatestRef(n),h=s.useLatestRef(r);(0,b.useEffect)(()=>{const u=f=>An(f,d.current,o.getState().menuTrigger),m=f=>{if(u(f)\|\|a.getState().selection.length>0)return;const S=h.current,P=d.current,C={x:f.clientX-P.x,y:f.clientY-P.y},L=Hc(C,S)?l.query((0,p.toPanelCursor)(C,S)):p.RESTING_HOVER_STATE;i.getState().setHoverState(L)};let v=!1;const g=()=>{v=c.current.kind==="menu"},x=f=>{if(Ue(f.target))return;const{claimInteraction:S,releaseInteraction:P}=o.getState();if(!u(f)\|\|v){P("menu"),v&&m(f);return}const C=c.current;C.kind==="trigger"&&S({kind:"menu",anchor:C.anchor})};return document.addEventListener("pointerdown",g,!0),document.addEventListener("click",x),()=>{document.removeEventListener("pointerdown",g,!0),document.removeEventListener("click",x)}},[o,a,c,i,l,d,h])},Hc=(e,n)=>e.x>=0&&e.x<=n.width&&e.y>=0&&e.y<=n.height,Bc=(e,n)=>{const r=s.useEditorStore(),o=s.useLatestRef(n);(0,b.useEffect)(()=>{let a=null,i=null;const l=g=>{const{menuTrigger:x}=r.getState();return x===null?null:(0,p.isPointWithinEditMenuTrigger)(g,x)?"menu-trigger":null},c=()=>{a=null;const g=i;if(g===null)return;const x=o.current,f=r.getState();if(f.setChromeUnderPointer(l({x:g.x-x.x,y:g.y-x.y})),Fe(f.standingInteraction))return;const S=Te(g.x,g.y,e);f.setEditTargetUnderPointer(S)},d=()=>{a===null&&(a=requestAnimationFrame(c))},h=()=>{const g=r.getState();g.setChromeUnderPointer(null),g.setEditTargetUnderPointer(null)},u=g=>{i={x:g.clientX,y:g.clientY},d()},m=()=>{i=null,a!==null&&(cancelAnimationFrame(a),a=null),h()},v=r.subscribe((g,x)=>{!Fe(x.standingInteraction)\|\|Fe(g.standingInteraction)\|\|i!==null&&d()});return e.addEventListener("pointermove",u),e.addEventListener("pointerleave",m),()=>{a!==null&&cancelAnimationFrame(a),v(),e.removeEventListener("pointermove",u),e.removeEventListener("pointerleave",m),h()}},[e,r,o])},Fe=e=>{if(e===null)return!1;switch(e.kind){case"menu":case"move-drag":case"shape-resize-drag":case"difference-arrow-endpoint-drag":case"arrow-endpoint-drag":case"text-resize-drag":return!0;case"chrome-popup":return!1}},zt="editor",Ft=[],Gc=(e,n,r,o)=>{const a=sr(),{store:i}=s.useHoverContext(),l=s.useGraphSelection().length>0,c=s.useEditorState(u=>u.menuTrigger),d=a.kind==="menu",h=(0,b.useMemo)(()=>c===null?Ft:[(0,p.buildEditMenuTriggerRegion)(c)],[c]);Bc(e,n),_c(e,n,r),Fc(a,n,r),Ec(e),Nc(e),Pc(e,o),(0,b.useEffect)(()=>(i.getState().publishPointerRegions(zt,h),()=>i.getState().publishPointerRegions(zt,Ft)),[i,h]),(0,b.useEffect)(()=>(i.getState().setPointerSuspended(d\|\|l),()=>i.getState().setPointerSuspended(!1)),[i,d,l]),(0,b.useEffect)(()=>{if(!l)return;const u=i.getState();u.setHoverState(p.RESTING_HOVER_STATE),u.setTooltipAnchor(null)},[i,l])},Vc=({frameElement:e,panelRect:n})=>{const{measureRef:r,screenRect:o}=s.useElementScreenRect(),a=s.useEditorStore(),i=s.useEditorState(l=>l.caret?.annotationId??null);return(0,b.useEffect)(()=>(r(e),()=>r(null)),[r,e]),(0,b.useEffect)(()=>()=>{const l=a.getState();l.releaseInteraction("menu"),l.setCaret(null)},[a]),o===null?null:(0,t.jsxs)(mi,{children:[i!==null&&(0,t.jsx)(Uc,{annotationId:i,panelRect:n}),(0,t.jsx)($c,{frameElement:e,frameRect:o,panelRect:n})]})},Uc=({annotationId:e,panelRect:n})=>{const r=s.useEditorStore(),{textAnnotations:o}=s.useResolvedAnnotations(n);return(0,b.useEffect)(()=>{o.some(({id:a})=>a===e)\|\|r.getState().setCaret(null)},[e,o,r]),null},$c=({frameElement:e,frameRect:n,panelRect:r})=>{const o=(0,b.useMemo)(()=>({x:n.left+r.x,y:n.top+r.y}),[n.left,n.top,r.x,r.y]),[a,i]=(0,b.useState)(null);return Gc(e,o,r,a),(0,t.jsx)(qc,{frameElement:e,frameRect:n,panelOrigin:o,panelRect:r,boxRef:i})},qc=({frameElement:e,frameRect:n,panelOrigin:r,panelRect:o,boxRef:a})=>{const i=nt(),l=sr();return(0,t.jsx)(s.OverlayPortal,{rect:n,zIndex:s.Z_INDEX.editorOverlay,container:i,"data-testid":"editor-overlay",boxRef:a,children:(0,t.jsxs)(s.PortalThemeProvider,{children:[(0,t.jsx)(us,{panelRect:o,panelOrigin:r,frameRect:n,frameElement:e}),(0,t.jsx)(Os,{panelRect:o,frameRect:n,frameElement:e}),(0,t.jsx)(zl,{panelRect:o,frameRect:n,frameElement:e}),(0,t.jsx)(hc,{panelRect:o,frameRect:n,frameElement:e}),(0,t.jsx)(bs,{panelRect:o}),(0,t.jsx)(ws,{panelRect:o}),(0,t.jsx)(al,{panelRect:o}),(0,t.jsx)(fs,{panelRect:o}),(0,t.jsx)(Tc,{interaction:l,panelRect:o}),(0,t.jsx)(Ji,{interaction:l,panelOrigin:r})]})})},Wc=({slots:e,...n})=>(0,t.jsx)(ln,{locale:s.useGraphLocale(),children:(0,t.jsx)(s.EditorProvider,{children:(0,t.jsx)(s.InlineEditorsProvider,{editors:ci,children:(0,t.jsx)(s.GraphRendererBody,{slots:(0,b.useMemo)(()=>({EditorSurface:Vc,...e}),[e]),...n})})})}),cr=(0,b.createContext)(null),dr=({labelId:e,controlId:n,children:r})=>{const o=(0,b.useMemo)(()=>{let a=null;return{labelId:e,controlId:n,claimControlId:i=>(a??=i,a===i)}},[e,n]);return(0,t.jsx)(cr.Provider,{value:o,children:r})},Z=({id:e,ariaLabel:n,ariaLabelledBy:r},o=!0)=>{const a=(0,b.useContext)(cr),i=(0,b.useId)(),[l]=(0,b.useState)(()=>o?a?.claimControlId(i)??!1:!1),c=e??(l?a?.controlId:void 0),d=r??(n===void 0?a?.labelId:void 0);return{...c!==void 0&&{id:c},...n!==void 0&&{"aria-label":n},...d!==void 0&&{"aria-labelledby":d}}};var Kc={default:"woi4bh4 woi4bh3",tile:"woi4bh5 woi4bh3"},ur=({label:e,icon:n,onClick:r,variant:o="default",isDisabled:a,ariaLabel:i,ariaLabelledBy:l,id:c})=>{const d=Z({id:c,ariaLabel:i,ariaLabelledBy:l}),h=o==="tile";return(0,t.jsxs)("button",{type:"button",className:Kc[o],disabled:a,onClick:r,...d,children:[n!==void 0&&(0,t.jsx)("span",{className:"woi4bh0",children:n}),e!==void 0&&(0,t.jsx)("span",{className:h?"woi4bh2":"woi4bh1",children:e})]})},ct=(0,b.createContext)(null),R=()=>{const e=(0,b.useContext)(ct);if(!e)throw new Error("An editing section must sit inside an <EditorPanel.Root> bound to a graph — pass it a `handle`, or render the panel inside a <GraphProvider>.");return e},hr=({children:e,onKeyDown:n,...r})=>{const o=(0,b.useContext)(ct),a=i=>{if(n?.(i),!o\|\|i.defaultPrevented)return;const l=s.resolveHistoryStep(i.nativeEvent);l&&(i.preventDefault(),l==="undo"?o.undo():o.redo())};return(0,t.jsx)("div",{onKeyDown:a,...r,children:e})},pr="keyboard",Me=e=>{const n=(0,b.useRef)(!1),r=(0,b.useRef)(!1),o=()=>{n.current=!1,r.current&&(r.current=!1,e?.())};return{commitAfterChange:()=>{if(n.current){r.current=!0;return}e?.()},commitUnlessHeldKey:a=>{if(a){r.current=!0;return}e?.()},gestureHandlers:{onKeyDown:()=>{n.current=!0},onKeyUp:o,onBlur:a=>{a.relatedTarget instanceof Node&&a.currentTarget.contains(a.relatedTarget)\|\|o()}}}},Xc="eh8dvc0",Zc="eh8dvc1 uz3g760",Yc="eh8dvc2 uz3g761";var mr=({value:e,onChange:n,onCommit:r,min:o,max:a,step:i,placeholder:l,prefix:c,suffix:d,isDisabled:h,hasError:u,ariaLabel:m,ariaLabelledBy:v,id:g})=>{const x=Z({id:g,ariaLabel:m,ariaLabelledBy:v}),{commitUnlessHeldKey:f,gestureHandlers:S}=Me(r);return(0,t.jsx)(vt.NumberField.Root,{className:Xc,value:e,onValueChange:P=>n(P),onValueCommitted:(P,C)=>{f(C.reason===pr)},min:o,max:a,step:i,disabled:h,children:(0,t.jsxs)(hr,{className:Zc,"data-error":u===!0,"data-disabled":h===!0?"":void 0,children:[c!==void 0&&(0,t.jsx)("span",{className:"eh8dvc3",children:c}),(0,t.jsx)(vt.NumberField.Input,{className:Yc,placeholder:l,...S,"aria-invalid":u===!0?!0:void 0,...x}),d!==void 0&&(0,t.jsx)("span",{className:"eh8dvc3",children:d})]})})},Jc="_1b7s5f0",ee={1:"_1b7s5f1",2:"_1b7s5f2",3:"_1b7s5f3",4:"_1b7s5f4",5:"_1b7s5f5",6:"_1b7s5f6"},Qc="_1b7s5f7";var ed=6,gr=({options:e,value:n,onChange:r,onCommit:o,columns:a,itemLayout:i="tile",isDisabled:l,ariaLabel:c,ariaLabelledBy:d,id:h})=>{const u=Z({id:h,ariaLabel:c,ariaLabelledBy:d}),m=i==="swatch",{commitAfterChange:v,gestureHandlers:g}=Me(o);return(0,t.jsx)(an.RadioGroup,{className:(0,V.default)(Jc,td(a??e.length)),value:n,onValueChange:x=>{r(x),v()},...g,disabled:l,...u,children:e.map(x=>(0,t.jsxs)(on.Radio.Root,{value:x.value,disabled:x.isDisabled,className:(0,V.default)(Qc,m&&"_1b7s5f8"),"aria-label":m?x.label:void 0,children:[x.icon,!m&&(0,t.jsx)("span",{className:"_1b7s5f9",children:x.label})]},x.value))})},td=e=>{switch(Math.min(Math.max(Math.round(e),1),ed)){case 1:return ee[1];case 2:return ee[2];case 3:return ee[3];case 4:return ee[4];case 5:return ee[5];default:return ee[6]}},nd="_1g5x15w0 uz3g760",rd="_1g5x15w1",od="_1g5x15w2",Ht="_1g5x15w3",ad="_1g5x15w4",id="_1g5x15w5",ld="_1g5x15w6",sd="_1g5x15w7";var xr=({options:e,value:n,onChange:r,placeholder:o,isDisabled:a,hasError:i,ariaLabel:l,ariaLabelledBy:c,id:d})=>{const h=Z({id:d,ariaLabel:l,ariaLabelledBy:c});return(0,t.jsxs)($.Select.Root,{value:n,onValueChange:u=>u!==null&&r(u),disabled:a,items:e.map(u=>({value:u.value,label:u.label})),children:[(0,t.jsxs)($.Select.Trigger,{className:nd,"data-error":i===!0,...h,children:[(0,t.jsx)($.Select.Value,{className:rd,children:u=>cd(e,u,o)}),(0,t.jsx)($.Select.Icon,{className:Ht,children:(0,t.jsx)(ce,{size:"sm"})})]}),(0,t.jsx)($.Select.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)($.Select.Positioner,{className:ad,sideOffset:4,alignItemWithTrigger:!1,children:(0,t.jsx)($.Select.Popup,{className:id,children:e.map(u=>(0,t.jsxs)($.Select.Item,{value:u.value,disabled:u.isDisabled,className:ld,children:[u.icon,(0,t.jsxs)("span",{className:sd,children:[(0,t.jsx)($.Select.ItemText,{children:u.label}),u.description!==void 0&&(0,t.jsx)("span",{className:"_1g5x15w8",children:u.description})]}),(0,t.jsx)($.Select.ItemIndicator,{className:Ht,children:(0,t.jsx)(Cn,{size:"sm"})})]},u.value))})})})})]})},cd=(e,n,r)=>n===null?(0,t.jsx)("span",{className:od,children:r}):dd(e,n),dd=(e,n)=>e.find(r=>r.value===n)?.label??n,ud="vod76w0",hd="vod76w1",pd="vod76w2",md="vod76w3",gd="vod76w4",xd="vod76w5";var vr=({value:e,onChange:n,onCommit:r,min:o,max:a,step:i,suffix:l,formatValue:c,isDisabled:d,ariaLabel:h,ariaLabelledBy:u})=>{const m=Z({ariaLabel:h,ariaLabelledBy:u},!1),v=vd(e,l,c),{commitUnlessHeldKey:g,gestureHandlers:x}=Me(r);return(0,t.jsxs)("div",{className:ud,children:[(0,t.jsx)(q.Slider.Root,{className:hd,value:e,onValueChange:f=>n(f),onValueCommitted:(f,S)=>{g(S.reason===pr)},min:o,max:a,step:i,disabled:d,children:(0,t.jsx)(q.Slider.Control,{className:pd,children:(0,t.jsxs)(q.Slider.Track,{className:md,children:[(0,t.jsx)(q.Slider.Indicator,{className:gd}),(0,t.jsx)(q.Slider.Thumb,{className:xd,...x,...m})]})})}),v!==null&&(0,t.jsx)("span",{className:"vod76w6",children:v})]})},vd=(e,n,r)=>r!==void 0?r(e):n!==void 0?`${e}${n}`:null,fd="_1hyrlw60",bd="_1hyrlw61",fr=({isChecked:e,onChange:n,isDisabled:r,ariaLabel:o,ariaLabelledBy:a,id:i})=>{const l=Z({id:i,ariaLabel:o,ariaLabelledBy:a});return(0,t.jsx)(ft.Switch.Root,{checked:e,onCheckedChange:c=>n(c),disabled:r,className:fd,...l,children:(0,t.jsx)(ft.Switch.Thumb,{className:bd})})},Cd="uz3g761",Sd="tpcnun0 uz3g760",br=({value:e,onChange:n,onCommit:r,placeholder:o,isDisabled:a,hasError:i,ariaLabel:l,ariaLabelledBy:c,id:d})=>{const h=Z({id:d,ariaLabel:l,ariaLabelledBy:c});return(0,t.jsx)(hr,{className:Sd,"data-error":i===!0,children:(0,t.jsx)(po.Input,{className:Cd,value:e,onValueChange:u=>n(u),onBlur:r,placeholder:o,disabled:a,"aria-invalid":i===!0?!0:void 0,...h})})},yd="cnu9yl0",jd="cnu9yl1";var Cr=({options:e,value:n,onChange:r,onCommit:o,itemLayout:a="inline",isDisabled:i,ariaLabel:l,ariaLabelledBy:c,id:d})=>{const h=Z({id:d,ariaLabel:l,ariaLabelledBy:c}),u=a==="stacked",{commitAfterChange:m,gestureHandlers:v}=Me(o);return(0,t.jsx)(an.RadioGroup,{className:yd,value:n,onValueChange:g=>{r(g),m()},...v,disabled:i,...h,children:e.map(g=>(0,t.jsxs)(on.Radio.Root,{value:g.value,disabled:g.isDisabled,className:(0,V.default)(jd,u&&"cnu9yl2"),"aria-label":Td(g,u),children:[g.icon,Sr(g,u)&&(0,t.jsx)("span",{className:"cnu9yl3",children:g.label})]},g.value))})},Sr=(e,n)=>e.icon===void 0\|\|n,Td=(e,n)=>{if(!Sr(e,n))return e.label},yr={ToggleGroup:Cr,Switch:fr,Slider:vr,RadioGrid:gr,Button:ur,TextField:br,NumberField:mr,Select:xr},jr=(0,b.createContext)(yr),wd=({controls:e,children:n})=>{const r=(0,b.useMemo)(()=>({...yr,...e}),[e]);return(0,t.jsx)(jr.Provider,{value:r,children:n})},N=()=>(0,b.useContext)(jr),Ad="_12lhx9e0",Tr=({children:e})=>(0,t.jsx)("div",{className:Ad,children:e}),Pd="_139ohwv0",H=({children:e})=>(0,t.jsx)("div",{className:Pd,children:e}),wr=(0,b.createContext)(null),Ld=wr.Provider,Ar=()=>{const e=(0,b.useContext)(wr);if(!e)throw new Error("A section must be rendered inside <EditorPanel.Root>.");return e},kd="_1jlczkt0",Pr="data-graphy-editor-panel",Id={List:H,Grid:Tr};function Ed(e){if(e===void 0)return!1;const n=e.split(/\s+/);return n.includes("_1ii3bsb0")\|\|n.includes("_1ii3bsb1")}var Md=({handle:e,children:n,controls:r,defaultExpandedSection:o=void 0,className:a})=>{const i=s.useGraphHandle(e),{themeClass:l,inlineVarsStyle:c}=s.useThemeContext(),[d,h]=(0,b.useState)(()=>o?[o]:[]),u=(0,b.useMemo)(()=>({expandSection:m=>h([m]),collapseAllSections:()=>h([])}),[]);return(0,t.jsx)(ct.Provider,{value:i,children:(0,t.jsx)(wd,{controls:r,children:(0,t.jsx)(Ld,{value:u,children:(0,t.jsx)(le.Accordion.Root,{[Pr]:"",className:(0,V.default)(kd,a,{[l]:!Ed(a)}),style:c,value:d,onValueChange:m=>h(m),children:n})})})})},dt={Root:Md,Controls:Id},Bt={stack:"pr583x0",grid:"pr583x1"},Gt="pr583x2",_d={plain:"pr583x4 pr583x3",withIcon:"pr583x5 pr583x3"},j=({label:e,layout:n="grid",icon:r,children:o})=>{const a=(0,b.useId)(),i=(0,b.useId)();return e===void 0?(0,t.jsx)("div",{className:Bt[n],children:(0,t.jsx)("div",{className:Gt,children:o})}):(0,t.jsxs)("div",{className:Bt[n],children:[(0,t.jsxs)("label",{id:a,htmlFor:i,className:_d[r===void 0?"plain":"withIcon"],children:[r!==void 0&&(0,t.jsx)("span",{"aria-hidden":"true",children:r}),e]}),(0,t.jsx)("div",{className:Gt,children:(0,t.jsx)(dr,{labelId:a,controlId:i,children:o})})]})},Rd=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"m9 6 6 6-6 6"})})}),ut="_40zvwv0",ht="_40zvwv1",Nd="_40zvwv2",Lr="_40zvwv3",Od="_40zvwv4 _40zvwv3";var Dd="_40zvwv6";var zd="_40zvwv8",z=({title:e,layout:n="fixed",preview:r,accessory:o,onOpenChange:a,children:i})=>n==="collapsible"?(0,t.jsx)(Hd,{title:e,preview:r,accessory:o,onOpenChange:a,children:i}):n==="inline"&&r===void 0?(0,t.jsx)(Fd,{title:e,accessory:o,children:i}):(0,t.jsxs)("div",{className:ut,children:[(0,t.jsxs)("div",{className:ht,children:[(0,t.jsx)("span",{className:Lr,children:e}),r!==void 0&&(0,t.jsx)("span",{className:"_40zvwv5",children:r}),o!==void 0&&(0,t.jsx)("span",{className:"_40zvwv7",children:o})]}),(0,t.jsx)("div",{children:i})]}),Fd=({title:e,accessory:n,children:r})=>{const o=(0,b.useId)(),a=(0,b.useId)();return(0,t.jsx)("div",{className:ut,children:(0,t.jsxs)("div",{className:ht,children:[(0,t.jsx)("label",{id:o,htmlFor:a,className:Od,children:e}),(0,t.jsx)("span",{className:Dd,children:(0,t.jsx)(dr,{labelId:o,controlId:a,children:r})}),n!==void 0&&(0,t.jsx)("span",{className:"_40zvwv7",children:n})]})})},Hd=({title:e,preview:n,accessory:r,onOpenChange:o,children:a})=>{const i=s.useI18n();return(0,t.jsxs)(le.Accordion.Item,{value:e,className:ut,onOpenChange:o,children:[(0,t.jsxs)(le.Accordion.Header,{className:ht,render:(0,t.jsx)("div",{}),children:[(0,t.jsx)(le.Accordion.Trigger,{className:Nd,"aria-label":i("editor.accessibility.toggleSection",{title:e})}),(0,t.jsx)("span",{className:Lr,children:e}),n!==void 0&&(0,t.jsx)("span",{className:"_40zvwv5",children:n}),r!==void 0&&(0,t.jsx)("span",{className:"_40zvwv7",children:r}),(0,t.jsx)("span",{className:zd,children:(0,t.jsx)(Rd,{size:"sm"})})]}),(0,t.jsx)(le.Accordion.Panel,{children:(0,t.jsx)("div",{children:a})})]})},kr=({title:e,isChecked:n,onToggle:r,isDisabled:o,preview:a,children:i})=>{const{expandSection:l,collapseAllSections:c}=Ar(),{Switch:d}=N(),h=m=>{r(m),m?l(e):c()},u=m=>{m&&!n&&o!==!0&&r(!0)};return(0,t.jsx)(z,{title:e,layout:"collapsible",preview:a,onOpenChange:u,accessory:(0,t.jsx)(d,{isChecked:n,onChange:h,isDisabled:o,ariaLabel:e}),children:i})},Bd={horizontal:["bottom","top"],vertical:["left","right"]},Gd={left:"editor.axesPanel.position.left",right:"editor.axesPanel.position.right",top:"editor.axesPanel.position.top",bottom:"editor.axesPanel.position.bottom"},Vd={x:"editor.axesPanel.mainAxisSection.xAxis",y:"editor.axesPanel.mainAxisSection.yAxis"},Ke=({axis:e,title:n,layout:r="collapsible",preview:o})=>{const a=R(),i=s.useHandleCompiled(a),l=s.useI18n(),{NumberField:c,Switch:d,TextField:h,ToggleGroup:u}=N();if(!i)return null;const m=i.coordSystem.type==="polar"?i.coordSystem.axisMapping[e].geometry:"linear",v=i.config.axes[e],g=i.scales[e],x=g?.spec,f=x?.scaleType==="continuous"?x:void 0;if(m==="circular"\|\|m==="radial"&&f===void 0)return null;const S=x!==void 0&&"reverse"in x?x:void 0,P=x?.scaleType==="continuous"\|\|x?.scaleType==="datetime",C=e==="y"&&f!==void 0&&i.layers.some(w=>w.yScaleType==="primary"&&w.geom==="bar"),L=f?.transform==="log",k=f?.domainMax??null,T=Ud(f),O=(w,K)=>w.map(he=>({value:he,label:K(he)})),_=i.guides.axes.find(w=>w.scaleAestheticKey===e)?.position,y=Bd[_==="bottom"\|\|_==="top"\|\|_===void 0&&e==="x"?"horizontal":"vertical"],E=e==="y"?(0,p.readComboLineLayerId)(i.spec):null,A=E===null?void 0:i.spec.layers.find(w=>w.id===E),D=i.guides.legends.drawn.some(w=>y.some(K=>K===w.position)),Y=y.map(w=>({value:w,label:l(Gd[w])})),Fr=O(["auto","edges"],w=>l(w==="edges"?"editor.axesPanel.labelMode.edges":"editor.axesPanel.labelMode.auto")),Hr=O(["linear","log"],w=>l(w==="log"?"editor.axesPanel.scale.log":"editor.axesPanel.scale.auto")),Br=O(["auto","zero","custom"],w=>l(w==="zero"?"editor.axesPanel.startFrom.zero":w==="custom"?"editor.axesPanel.startFrom.custom":"editor.axesPanel.startFrom.auto")),Gr=O(["auto","custom"],w=>l(w==="custom"?"editor.axesPanel.endAt.custom":"editor.axesPanel.endAt.auto")),Vr=O(["no","yes"],w=>l(w==="yes"?"editor.axesPanel.yesNo.yes":"editor.axesPanel.yesNo.no")),Ur=O(["single","double"],w=>l(w==="double"?"editor.axesPanel.axisCount.double":"editor.axesPanel.axisCount.single")),$r=w=>{a.commands.dispatch(new p.SetAxisVisibilityCommand({axis:e,isVisible:w}))},qr=w=>{a.commands.dispatch(new p.SetAxisLabelCommand({axis:e,label:w===""?null:w}),{transient:!0})},Wr=w=>{a.commands.dispatch(new p.SetAxisTicksVisibilityCommand({axis:e,isVisible:w}))},Kr=w=>{a.commands.dispatch(new p.SetAxisTickModeCommand({axis:e,tickMode:w==="edges"?"edges":"auto"}))},Xr=w=>{a.commands.dispatch(new p.SetScaleReverseCommand({scaledAesthetic:e,reverse:w==="yes"}))},Zr=w=>{a.commands.dispatch(new p.SetScaleTransformCommand({scaledAesthetic:e,transform:w==="log"?"log":"linear"}))},gt=w=>{a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,...w}),{transient:!0})},Yr=w=>{w!==null&&gt({domainMin:w})},Jr=w=>{w!==null&&gt({domainMax:w})},Qr=w=>{if(f){if(w==="custom"){f.zero&&a.commands.dispatch(new p.SetScaleZeroCommand({scaledAesthetic:e,zero:!1})),a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,domainMin:Vt(g?.domain,"start")}));return}f.domainMin!==null&&a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,domainMin:null})),a.commands.dispatch(new p.SetScaleZeroCommand({scaledAesthetic:e,zero:w==="zero"}))}},eo=w=>{const K=w==="custom"?Vt(g?.domain,"end"):null;a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,domainMax:K}))},to=w=>{A!==void 0&&a.commands.dispatch(new p.SetLayerYScaleTypeCommand({layerId:A.id,yScaleType:w==="double"?"secondary":"primary"}))},no=w=>{const K=y.find(he=>he===w);K&&a.commands.dispatch(new p.SetAxisPositionCommand({axis:e,position:K}))};return(0,t.jsx)(z,{title:n??l(Vd[e]),layout:r,preview:o,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.visible"),children:(0,t.jsx)(d,{isChecked:v.isVisible,onChange:$r})}),A!==void 0&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.numberOfAxes"),children:(0,t.jsx)(u,{value:A.yScaleType==="secondary"?"double":"single",options:Ur,onChange:to})}),m==="linear"&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.title"),children:(0,t.jsx)(h,{value:v.label??"",onChange:qr,onCommit:a.commands.seal})}),(0,t.jsx)(j,{label:l("editor.axesPanel.controls.ticks"),children:(0,t.jsx)(d,{isChecked:v.ticks.isVisible,onChange:Wr})})]}),P&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.labels"),children:(0,t.jsx)(u,{value:v.ticks.mode,options:Fr,onChange:Kr})}),f&&m==="linear"&&!D&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.position"),children:(0,t.jsx)(u,{value:_??v.position,options:Y,onChange:no})}),S!==void 0&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.reverse"),children:(0,t.jsx)(u,{value:S.reverse===!0?"yes":"no",options:Vr,onChange:Xr})}),f&&!C&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.scale"),children:(0,t.jsx)(u,{value:L?"log":"linear",options:Hr,onChange:Zr})}),f&&!L&&(0,t.jsxs)(t.Fragment,{children:[!C&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.startFrom"),children:(0,t.jsx)(u,{value:T,options:Br,onChange:Qr})}),T==="custom"&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.value"),children:(0,t.jsx)(c,{value:f.domainMin??null,onChange:Yr,onCommit:a.commands.seal})})]}),(0,t.jsx)(j,{label:l("editor.axesPanel.controls.endAt"),children:(0,t.jsx)(u,{value:k===null?"auto":"custom",options:Gr,onChange:eo})}),k!==null&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.value"),children:(0,t.jsx)(c,{value:k,onChange:Jr,onCommit:a.commands.seal})})]})]})})},Ud=e=>e===void 0?"auto":e.domainMin!==null&&e.domainMin!==void 0?"custom":e.zero===!0?"zero":"auto",Vt=(e,n)=>{const r=n==="start"?e?.[0]:e?.[e.length-1];return typeof r=="number"?r:0},pt=({value:e,onChange:n})=>{const r=R(),o=s.useI18n(),{TextField:a}=N(),i=e!==null&&typeof e!="string",l=c=>n(c===""?null:c);return(0,t.jsx)(j,{label:o("editor.elementsPanel.contentValue"),children:(0,t.jsx)(a,{value:typeof e=="string"?e:"",onChange:l,onCommit:r.commands.seal,isDisabled:i})})},Ir=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=u=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"caption",isVisible:u}))},h=u=>{o.commands.dispatch(new p.SetContentCaptionCommand({caption:u}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.footerSection.caption"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isCaptionVisible,onChange:d})}),(0,t.jsx)(pt,{value:c.caption,onChange:h})]})})},Ut=/^[a-z][a-z\d+.-]:/i,$d={},Er=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=h=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"source",isVisible:h}))};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.sourceSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isSourceVisible,onChange:d})}),(0,t.jsx)(qd,{source:c.source??$d})]})})},qd=({source:e})=>{const n=R(),r=s.useI18n(),{TextField:o}=N(),a=d=>{const h=(d.label??"")!==""\|\|(d.url??"")!=="";n.commands.dispatch(new p.SetContentSourceCommand({source:h?d:null}),{transient:!0})},i=()=>{const d=e.url??"";d!==""&&!Ut.test(d)&&a({...e,url:`https://${d}`}),n.commands.seal()},l=d=>a({...e,url:d}),c=d=>a({...e,label:d});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:r("editor.elementsPanel.sourceSection.url"),children:(0,t.jsx)(o,{value:e.url??"",onChange:l,onCommit:i,hasError:Ut.test(e.url??"")&&!(0,p.isSafeUrl)(e.url)})}),(0,t.jsx)(j,{label:r("editor.elementsPanel.sourceSection.name"),children:(0,t.jsx)(o,{value:e.label??"",onChange:c,onCommit:n.commands.seal})})]})},Mr=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=u=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"subtitle",isVisible:u}))},h=u=>{o.commands.dispatch(new p.SetContentSubtitleCommand({subtitle:u}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.subtitle"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isSubtitleVisible,onChange:d})}),(0,t.jsx)(pt,{value:c.subtitle,onChange:h})]})})},Xe=[.8,1,1.2,1.4,1.6,1.8,2,2.5,3,4],Wd=Xe.length/2,_r=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{RadioGrid:l}=N();if(!a)return null;const{textScale:c}=a.config.appearance,d=m=>i("editor.elementsPanel.textSizeSection.scaleFormat",{value:`${m}`}),h=Xe.map(m=>({value:`${m}`,label:d(m)})),u=m=>{const v=Xe.find(g=>`${g}`===m);v!==void 0&&o.commands.dispatch(new p.SetAppearanceTextScaleCommand({textScale:v}))};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.textSizeSection.title"),layout:n,preview:r??d(c),children:(0,t.jsx)(l,{value:`${c}`,options:h,columns:Wd,onChange:u,ariaLabel:i("editor.elementsPanel.textSizeSection.title")})})},Rr=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=u=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"title",isVisible:u}))},h=u=>{o.commands.dispatch(new p.SetContentTitleCommand({title:u}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.toggleTitle"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isTitleVisible,onChange:d})}),(0,t.jsx)(pt,{value:c.title,onChange:h})]})})},Kd=({children:e,...n})=>(0,t.jsx)(dt.Root,{...n,children:e??(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(Rr,{}),(0,t.jsx)(Mr,{}),(0,t.jsx)(Ir,{}),(0,t.jsx)(Er,{}),(0,t.jsx)(_r,{})]})}),Xd=({children:e,...n})=>(0,t.jsx)(dt.Root,{...n,children:e??(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(Ke,{axis:"x"}),(0,t.jsx)(Ke,{axis:"y"})]})}),_e=e=>`${e}px`,Nr=e=>`${Math.round(e100)}%`,Zd=e=>`${e}°`,Yd=24,Jd={select:{target:"graph"}},$t=["dim","desaturate"],Qd=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l,ToggleGroup:c}=N();if(!a)return null;const d=(0,p.createStyleResolver)().chromeReaders(a.chrome).graph.get("borderRadius"),h=(0,p.readHighlightDimStyle)(a.spec),u=$t.map(g=>({value:g,label:i(g==="dim"?"editor.highlighting.highlightStyle.tint":"editor.highlighting.highlightStyle.grey")})),m=g=>{const x=(0,p.findStyleRule)(a.spec.styles.overrides,Jd)?.declarations??{};o.commands.dispatch(new p.SetStyleRuleCommand({list:"overrides",rule:{select:{target:"graph"},declarations:{...x,borderRadius:g}}}),{transient:!0})},v=g=>{const x=$t.find(f=>f===g);x&&o.commands.dispatch(new p.SetHighlightDimStyleCommand({dimStyle:x}))};return(0,t.jsx)(z,{title:e??i("editor.colorPanel.appearanceSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.colorPanel.borderSection.cornerRadius"),children:(0,t.jsx)(l,{value:d,min:0,max:Yd,step:1,formatValue:_e,onChange:m,onCommit:o.commands.seal})}),(0,t.jsx)(j,{label:i("editor.colorPanel.appearanceSection.highlightStyle"),children:(0,t.jsx)(c,{value:h,options:u,onChange:v})})]})})},mt=(e,n)=>{const{colorScheme:r}=s.useThemeContext();return(0,b.useMemo)(()=>{const o=e?.layers.find(a=>a.id===n);return o===void 0?null:(0,p.createStyleResolver)({colorScheme:r}).geomReaders(o)},[e,n,r])},eu=.05,tu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l,ToggleGroup:c}=N(),d=a?(0,p.findLayerByGeom)(a.spec.layers,"bar"):void 0,h=mt(a,d?.id??null);if(!a\|\|!d\|\|a.coordSystem.type==="polar"&&a.coordSystem.bandAxis===null)return null;const u=x=>{o.commands.dispatch(new p.SetBarWidthCommand({layerId:d.id,width:x}),{transient:!0})},m=x=>{const f=p.BORDER_RADIUS_TOKENS.find(S=>S===x);f&&o.commands.dispatch(new p.SetBarBorderRadiusCommand({layerId:d.id,borderRadius:f}))},v=p.BORDER_RADIUS_TOKENS.map(x=>({value:x,label:i(`editor.graphPanel.barSection.roundingOptions.${x}`)})),g=(0,p.resolveBarBandFraction)(d.params,a.coordSystem.type);return(0,t.jsx)(z,{title:e??i("editor.graphPanel.barSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.barSection.thickness"),children:(0,t.jsx)(l,{value:g,min:p.MIN_BAR_WIDTH,max:p.MAX_BAR_WIDTH,step:eu,formatValue:Nr,onChange:u,onCommit:o.commands.seal})}),(0,t.jsx)(j,{label:i("editor.graphPanel.barSection.rounding"),layout:"stack",children:(0,t.jsx)(c,{value:h?.get("borderRadius")??p.DEFAULT_BAR_BORDER_RADIUS,options:v,onChange:m})})]})})},Re=({children:e})=>{const n=(0,b.useId)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("g",{filter:`url(#${n})`,children:e}),(0,t.jsx)("defs",{children:(0,t.jsxs)("filter",{id:n,x:"-20%",y:"-20%",width:"140%",height:"140%",children:[(0,t.jsx)("feDropShadow",{dx:"0",dy:"0",stdDeviation:"0.586",floodColor:"#0F0F18",floodOpacity:"0.12"}),(0,t.jsx)("feDropShadow",{dx:"0",dy:"1.172",stdDeviation:"0.586",floodColor:"#0E0E34",floodOpacity:"0.16"})]})})]})},Ne="qdaoth0",nu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 31 33",...e,children:[(0,t.jsx)(Re,{children:(0,t.jsx)("path",{className:Ne,fillRule:"evenodd",clipRule:"evenodd",d:"M25.7417 6.23664C25.7417 6.09417 25.7076 5.95967 25.6471 5.84086C25.5633 5.67624 25.4288 5.54173 25.2641 5.4579C25.1453 5.39739 25.0108 5.36328 24.8684 5.36328H12.0591C11.5767 5.36328 11.1857 5.7543 11.1857 6.23664C11.1857 6.71899 11.5767 7.11 12.0591 7.11H22.7599L5.61908 24.2508C5.27801 24.5919 5.27801 25.1448 5.61908 25.4859C5.96015 25.827 6.51313 25.827 6.8542 25.4859L23.995 8.34513V19.0459C23.995 19.5283 24.386 19.9193 24.8684 19.9193C25.3507 19.9193 25.7417 19.5283 25.7417 19.0459V6.23664ZM20.995 15.5878V19.0459C20.995 21.1851 22.7292 22.9193 24.8684 22.9193C27.0076 22.9193 28.7417 21.1851 28.7417 19.0459V6.23664C28.7417 4.09744 27.0076 2.36328 24.8684 2.36328H12.0591C9.91985 2.36328 8.18569 4.09744 8.18569 6.23664C8.18569 8.37584 9.91985 10.11 12.0591 10.11H15.5172L3.49777 22.1295C1.98512 23.6421 1.98513 26.0946 3.49776 27.6072C5.0104 29.1199 7.46288 29.1199 8.97552 27.6072L20.995 15.5878Z"})}),(0,t.jsx)("path",{fill:"currentColor",d:"M12.0591 7.11C11.5767 7.11 11.1857 6.71899 11.1857 6.23664C11.1857 5.7543 11.5767 5.36328 12.0591 5.36328H24.8684C25.3507 5.36328 25.7417 5.7543 25.7417 6.23664V19.0459C25.7417 19.5283 25.3507 19.9193 24.8684 19.9193C24.386 19.9193 23.995 19.5283 23.995 19.0459V8.34512L6.8542 25.4859C6.51313 25.827 5.96015 25.827 5.61908 25.4859C5.27801 25.1448 5.27801 24.5919 5.61908 24.2508L22.7599 7.11H12.0591Z"})]}),ru=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 32 32",...e,children:(0,t.jsxs)(Re,{children:[(0,t.jsx)("path",{className:Ne,d:"M11 21H21V11H11V21ZM29 23C29 26.3137 26.3137 29 23 29H9C5.68629 29 3 26.3137 3 23V9C3 5.68629 5.68629 3 9 3H23C26.3137 3 29 5.68629 29 9V23Z"}),(0,t.jsx)("path",{fill:"currentColor",d:"M24.25 9C24.25 8.30964 23.6904 7.75 23 7.75H9C8.30964 7.75 7.75 8.30964 7.75 9V23C7.75 23.6904 8.30964 24.25 9 24.25H23C23.6904 24.25 24.25 23.6904 24.25 23V9ZM25.75 23C25.75 24.5188 24.5188 25.75 23 25.75H9C7.48122 25.75 6.25 24.5188 6.25 23V9C6.25 7.48122 7.48122 6.25 9 6.25H23C24.5188 6.25 25.75 7.48122 25.75 9V23Z"})]})}),ou=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 32 33",...e,children:[(0,t.jsx)(Re,{children:(0,t.jsx)("path",{className:Ne,fillRule:"evenodd",clipRule:"evenodd",d:"M4.89961 14.7968C3.08522 13.5116 1.89961 11.3966 1.89961 9.00039C1.89961 5.07917 5.07839 1.90039 8.99961 1.90039C10.7798 1.90039 12.4069 2.55553 13.6531 3.63785C14.3179 3.17306 15.1269 2.90039 15.9996 2.90039L22.9996 2.90039C25.264 2.90039 27.0996 4.73602 27.0996 7.00039L27.0996 9.7243C27.5717 9.92414 28.014 10.2165 28.3987 10.6013C29.9999 12.2024 29.9999 14.7984 28.3987 16.3995L27.9182 16.8801C29.2628 18.172 30.0996 19.9885 30.0996 22.0004C30.0996 25.9216 26.9208 29.1004 22.9996 29.1004C21.2195 29.1004 19.5923 28.4453 18.3461 27.3629C17.6813 27.8277 16.8723 28.1004 15.9996 28.1004L8.99961 28.1004C6.73524 28.1004 4.89961 26.2648 4.89961 24.0004L4.89961 14.7968Z"})}),(0,t.jsx)("path",{fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M25.25 22C25.25 20.7574 24.2426 19.75 23 19.75C21.7574 19.75 20.75 20.7574 20.75 22C20.75 23.2426 21.7574 24.25 23 24.25C24.2426 24.25 25.25 23.2426 25.25 22ZM23 18.25C25.0711 18.25 26.75 19.9289 26.75 22C26.75 24.0711 25.0711 25.75 23 25.75C20.9289 25.75 19.25 24.0711 19.25 22C19.25 19.9289 20.9289 18.25 23 18.25ZM11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25C10.2426 11.25 11.25 10.2426 11.25 9ZM9.75 12.675C11.4617 12.3275 12.75 10.8142 12.75 9C12.75 6.92893 11.0711 5.25 9 5.25C6.92893 5.25 5.25 6.92893 5.25 9C5.25 10.8142 6.53832 12.3275 8.25 12.675L8.25 24C8.25 24.4142 8.58579 24.75 9 24.75L16 24.75C16.4142 24.75 16.75 24.4142 16.75 24L16.75 7.75L22.25 7.75L22.25 14.1893L21.0303 12.9697C20.7374 12.6768 20.2626 12.6768 19.9697 12.9697C19.6768 13.2626 19.6768 13.7374 19.9697 14.0303L22.4697 16.5303C22.7626 16.8232 23.2374 16.8232 23.5303 16.5303L26.0303 14.0303C26.3232 13.7374 26.3232 13.2626 26.0303 12.9697C25.7374 12.6768 25.2626 12.6768 24.9697 12.9697L23.75 14.1893L23.75 7C23.75 6.58579 23.4142 6.25 23 6.25L16 6.25C15.5858 6.25 15.25 6.58579 15.25 7L15.25 23.25L9.75 23.25L9.75 12.675Z"})]}),au=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 32 33",...e,children:[(0,t.jsx)(Re,{children:(0,t.jsx)("path",{className:Ne,d:"M20.7271 2C21.4372 2 21.7114 2.00463 22.0841 2.03504C22.8228 2.0954 23.4839 2.25122 24.1592 2.59527C25.1865 3.1188 26.0219 3.9541 26.5458 4.98208C26.8896 5.65706 27.0454 6.31812 27.1057 7.05672C27.1301 7.35469 27.1379 7.58979 27.14 8.03558L27.1408 9.10155C27.1408 11.2114 25.4304 12.922 23.3205 12.922C21.4083 12.922 19.8243 11.5172 19.5441 9.68336L19.538 9.64H18.39V21.687L20.0392 21.6877C22.149 21.6877 23.8595 23.398 23.8595 25.508C23.8595 27.6178 22.149 29.3283 20.0392 29.3283H9.10159C6.99169 29.3283 5.28127 27.6178 5.28127 25.508C5.28127 23.398 6.99172 21.6877 9.10159 21.6877L10.75 21.687V9.64H9.601L9.59661 9.68334C9.32609 11.4539 7.84018 12.8246 6.01692 12.917L5.82032 12.922C3.71035 12.922 2 11.2114 2 9.10155V8.41371C2 7.70349 2.00463 7.42929 2.03504 7.05674C2.09538 6.31803 2.25122 5.65681 2.59521 4.98173C3.11877 3.95419 3.95418 3.11876 4.98174 2.5952C5.65683 2.25122 6.31798 2.09539 7.057 2.03501C7.42935 2.00463 7.70354 2 8.41371 2H20.7271Z"})}),(0,t.jsx)("path",{fill:"currentColor",d:"M8.41371 5H20.7271C21.1595 5 21.5325 5 21.8398 5.02507C22.1641 5.05157 22.4867 5.11007 22.7971 5.26822C23.2601 5.50416 23.6366 5.88064 23.8726 6.3437C24.0307 6.65409 24.0892 6.97666 24.1157 7.30097C24.1408 7.60823 24.1408 7.98127 24.1408 8.41369V9.10155C24.1408 9.55465 23.7735 9.92195 23.3205 9.92195C22.8674 9.92195 22.5001 9.55465 22.5001 9.10155V8.44533C22.5001 7.97237 22.4995 7.66699 22.4805 7.43457C22.4623 7.21172 22.4314 7.12909 22.4107 7.08853C22.3321 6.93418 22.2066 6.80869 22.0522 6.73004C22.0117 6.70938 21.9291 6.67847 21.7062 6.66026C21.4738 6.64127 21.1684 6.64063 20.6954 6.64063H15.3907V24.6877H20.0392C20.4922 24.6877 20.8595 25.0549 20.8595 25.508C20.8595 25.961 20.4922 26.3283 20.0392 26.3283H9.10159C8.64854 26.3283 8.28127 25.961 8.28127 25.508C8.28127 25.0549 8.64854 24.6877 9.10159 24.6877H13.7501V6.64063H8.44533C7.97238 6.64063 7.66699 6.64127 7.43457 6.66026C7.21172 6.67847 7.1291 6.70938 7.08854 6.73004C6.93418 6.80869 6.80869 6.93418 6.73004 7.08853C6.70938 7.12909 6.67847 7.21172 6.66026 7.43457C6.64127 7.66699 6.64063 7.97237 6.64063 8.44533V9.10155C6.64063 9.55465 6.27337 9.92195 5.82032 9.92195C5.36727 9.92195 5 9.55465 5 9.10155V8.41371C5 7.98128 5 7.60823 5.02508 7.30097C5.05157 6.97666 5.11007 6.65409 5.26823 6.3437C5.50417 5.88064 5.88064 5.50416 6.3437 5.26822C6.65409 5.11007 6.97666 5.05157 7.30097 5.02507C7.60824 5 7.98129 5 8.41371 5Z"})]}),iu={x:.5,y:.5},lu=.2,su={x:.375,y:.25,width:.25,height:.5},cu={zOrder:"background"},du={x:.4,y:.6},uu={x:.6,y:.4},hu="relative-difference",pu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Button:l}=N();if(!a)return null;const c=()=>{o.commands.dispatch(new p.AddAnnotationCommand({kind:"text",annotation:{...p.TEXT_ANNOTATION_DEFAULTS,content:mu(i("editor.annotatePanel.callOutSection.text")),at:{anchorType:"panel",...iu},width:lu}}))},d=()=>{o.commands.dispatch(new p.AddAnnotationCommand({kind:"arrow",annotation:{...p.ARROW_DEFAULTS,start:{anchorType:"panel",...du},end:{anchorType:"panel",...uu}}}))},h=()=>{o.commands.dispatch(new p.AddAnnotationCommand({kind:"shape",annotation:{...p.SHAPE_DEFAULTS,...cu,region:{anchorType:"panel",...su}}}))},u=()=>{const v=(0,p.inferDefaultDifferenceArrowEndpoints)(a);v!==null&&o.commands.dispatch(new p.AddAnnotationCommand({kind:"differenceArrow",annotation:{...p.DIFFERENCE_ARROW_DEFAULTS,...v,label:hu}}))},m=a.coordSystem.type==="cartesian";return(0,t.jsx)(z,{title:e??i("editor.annotatePanel.callOutSection.title"),layout:n,preview:r,children:(0,t.jsxs)(Tr,{children:[(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(au,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.text"),onClick:c}),(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(nu,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.arrow"),onClick:d}),(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(ru,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.box"),onClick:h}),m&&(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(ou,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.difference"),onClick:u})]})})},mu=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),gu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{ToggleGroup:l}=N();if(!a)return null;const c=(0,p.readChartType)(a.spec);if(c===null\|\|!(0,p.isComboChartType)(c))return null;const d=p.COMBO_TYPES.map(u=>({value:u,label:i(`editor.graphPanel.comboSection.types.${u}`)})),h=u=>{const m=p.COMBO_TYPES.find(v=>v===u);m&&o.commands.dispatch(new p.SetChartTypeCommand({coordType:"cartesian",comboType:m}))};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.comboSection.title"),layout:n,preview:r??i(`editor.graphPanel.comboSection.types.${c.comboType}`),children:(0,t.jsx)(l,{value:c.comboType,options:d,onChange:h,ariaLabel:i("editor.graphPanel.comboSection.title")})})},xu=.1,vu=20,fu=({title:e,preview:n})=>{const r=R(),o=s.useHandleCompiled(r),a=s.useI18n(),{NumberField:i,TextField:l}=N();if(!o\|\|o.coordSystem.type==="polar")return null;const c=(0,p.findGoalLineLayer)(o.spec.layers),d=e??a("editor.annotationsPanel.goalSection.title"),h=(0,p.extractConstantValue)(c?.mapping.y),u=typeof h=="number"?h:null,m=x=>{const f=new p.ToggleGoalLineCommand({showGoalLine:x,value:bu(o),...c!==void 0&&{layerId:c.id}});r.commands.dispatch(f)},v=x=>{if(c===void 0)return;const f=new p.SetRuleLabelCommand({layerId:c.id,label:x===""?null:x});r.commands.dispatch(f,{transient:!0})},g=x=>{if(c===void 0\|\|x===null)return;const f=new p.SetRuleValueCommand({layerId:c.id,value:x});r.commands.dispatch(f,{transient:!0})};return(0,t.jsx)(kr,{title:d,preview:n,isChecked:c!==void 0,onToggle:m,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:a("editor.annotationsPanel.goalSection.labelControl"),children:(0,t.jsx)(l,{value:c?.params.label??"",placeholder:a("editor.annotationsPanel.goalSection.labelPlaceholder"),onChange:v,onCommit:r.commands.seal,ariaLabel:a("editor.annotationsPanel.goalSection.labelAriaLabel")})}),(0,t.jsx)(j,{label:a("editor.annotationsPanel.goalSection.valueControl"),children:(0,t.jsx)(i,{value:u,placeholder:a("editor.powerUpPanel.valueInput.numberPlaceholder"),onChange:g,onCommit:r.commands.seal,ariaLabel:a("editor.annotationsPanel.goalSection.valueAriaLabel")})})]})})},bu=e=>{const n=(e.scales.y?.domain??[]).filter(l=>typeof l=="number");if(n.length===0)return 0;const r=Math.max(...n),o=r-Math.min(...n),a=o>0?o:Math.abs(r);if(a===0)return 0;const i=Math.min(vu,Math.max(0,1-Math.floor(Math.log10(a))));return Number((r+a*xu).toFixed(i))},Cu=({layerId:e,title:n,layout:r="collapsible",preview:o})=>{const a=R(),i=s.useHandleCompiled(a),l=s.useI18n(),{Switch:c}=N();if(!i)return null;const d=e===void 0?i.spec.layers[0]:i.spec.layers.find(_=>_.id===e);if(!d)return null;const{showDataLabels:h,format:u,showStackTotals:m,showCategoryLabels:v}=d.dataLabels,g=i.coordSystem.type==="polar",x=d.geom==="bar",f=d.position==="stack"\|\|d.position==="fill",S=x&&!g&&d.position==="stack",P=x&&(!g\|\|h),C=x\|\|d.geom==="area"&&f;if(!(0,p.canPlaceDataLabels)(d.geom,i.coordSystem.type))return null;const L=_=>{const y=new p.ToggleDataLabelsCommand({layerId:d.id,showDataLabels:_});a.commands.dispatch(y)},k=_=>{const y=new p.SetDataLabelsFormatCommand({layerId:d.id,format:_?"percentage":"absolute"});a.commands.dispatch(y)},T=_=>{const y=new p.ToggleStackTotalsCommand({layerId:d.id,showStackTotals:_});a.commands.dispatch(y)},O=_=>{const y=new p.ToggleCategoryLabelsCommand({layerId:d.id,showCategoryLabels:_});a.commands.dispatch(y)};return(0,t.jsx)(z,{title:n??l("editor.graphPanel.graphOptionsSection.title"),layout:r,preview:o,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.dataLabels"),children:(0,t.jsx)(c,{isChecked:h,onChange:L})}),h&&C&&(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.showPercentages"),children:(0,t.jsx)(c,{isChecked:u==="percentage",onChange:k})}),S&&(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.stackTotals"),children:(0,t.jsx)(c,{isChecked:m,onChange:T})}),P&&(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.categoryLabels"),children:(0,t.jsx)(c,{isChecked:v,onChange:O})})]})})},Su=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M10.394 12.734 5.63 7.652 0 13.822V16h16V8.741z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M5.744 5.565 0 11.826V8l5.744-6.957 4.718 2.087L16 0v6.957l-5.538 4z"})]}),yu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]})}),ju=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]})}),Tu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]})}),wu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Au=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]}),Pu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]}),Lu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsxs)("g",{fill:"currentColor",fillOpacity:"0.3",children:[(0,t.jsx)("rect",{width:"3.2",height:"6.5",y:"9.5",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"8.5",x:"4.267",y:"7.5",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"5",x:"8.533",y:"11",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"7.5",x:"12.8",y:"8.5",rx:".533"})]}),(0,t.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:"0.8",strokeWidth:".993",children:[(0,t.jsx)("path",{fill:"none",d:"M1.6 6.2 5.867 3.6l4.266 3.8 4.267-3"}),(0,t.jsx)("circle",{cx:"1.6",cy:"6.2",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"5.867",cy:"3.6",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"10.133",cy:"7.4",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"14.4",cy:"4.4",r:".9",stroke:"none"})]})]}),ku=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"none",stroke:"currentColor",strokeWidth:"5",transform:"rotate(-90 8 8)",children:[(0,t.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.3"}),(0,t.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.6",strokeDasharray:"25 100"}),(0,t.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.8",strokeDasharray:"25 100",strokeDashoffset:"-25"})]})}),Iu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"currentColor",children:[(0,t.jsx)("rect",{width:"4.267",height:"4.267",y:"0.533",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"0.533",fillOpacity:"0.55",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"0.533",fillOpacity:"0.2",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",y:"5.867",fillOpacity:"0.55",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"5.867",fillOpacity:"0.9",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"5.867",fillOpacity:"0.45",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",y:"11.2",fillOpacity:"0.2",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"11.2",fillOpacity:"0.45",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"11.2",fillOpacity:"0.75",rx:".533"})]})}),Eu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"currentColor",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:".993",children:[(0,t.jsxs)("g",{fillOpacity:"0.3",strokeOpacity:"0.3",children:[(0,t.jsx)("path",{fill:"none",d:"M1.4 12.2 6 6.4l4.2 1.2 4.4-4.2"}),(0,t.jsx)("circle",{cx:"1.4",cy:"12.2",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"6",cy:"6.4",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"10.2",cy:"7.6",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"14.6",cy:"3.4",r:".9",stroke:"none"})]}),(0,t.jsxs)("g",{fillOpacity:"0.8",strokeOpacity:"0.8",children:[(0,t.jsx)("path",{fill:"none",d:"M1.4 5.6 6 11.4l4.2-1.2 4.4 1.2"}),(0,t.jsx)("circle",{cx:"1.4",cy:"5.6",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"6",cy:"11.4",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"10.2",cy:"10.2",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"14.6",cy:"11.4",r:".9",stroke:"none"})]})]})}),Mu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),_u=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",children:[(0,t.jsx)("circle",{cx:"1.028",cy:"13.897",r:"1.028"}),(0,t.jsx)("circle",{cx:"2.57",cy:"8.243",r:"1.028"}),(0,t.jsx)("circle",{cx:"5.653",cy:"12.355",r:"1.028"}),(0,t.jsx)("circle",{cx:"8.223",cy:"8.243",r:"1.028"}),(0,t.jsx)("circle",{cx:"9.252",cy:"3.618",r:"1.028"}),(0,t.jsx)("circle",{cx:"12.849",cy:"7.215",r:"1.028"}),(0,t.jsx)("circle",{cx:"14.905",cy:"1.561",r:"1.028"})]})}),Ru=.55,Ze=[{name:"column",icon:wu,summary:{coordType:"cartesian",geom:"bar",position:"dodge"}},{name:"columnStacked",icon:Pu,summary:{coordType:"cartesian",geom:"bar",position:"stack"}},{name:"columnStackedFill",icon:Au,summary:{coordType:"cartesian",geom:"bar",position:"fill"}},{name:"bar",icon:yu,summary:{coordType:"flip",geom:"bar",position:"dodge"}},{name:"barStacked",icon:Tu,summary:{coordType:"flip",geom:"bar",position:"stack"}},{name:"barStackedFill",icon:ju,summary:{coordType:"flip",geom:"bar",position:"fill"}},{name:"line",icon:Eu,summary:{coordType:"cartesian",geom:"line",position:"identity"}},{name:"areaStacked",icon:Su,summary:{coordType:"cartesian",geom:"area",position:"stack"}},{name:"combo",icon:Lu,summary:{coordType:"cartesian",comboType:"grouped-bars"}},{name:"scatter",icon:_u,summary:{coordType:"cartesian",geom:"point",position:"identity"}},{name:"pie",icon:Mu,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:0}},{name:"donut",icon:ku,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:Ru}},{name:"heatmap",icon:Iu,summary:{coordType:"cartesian",geom:"tile",position:"identity"}}],Nu=.05,Ou=e=>e===null?null:Ze.find(n=>zu(n.summary,e))??null,Du=(e,n)=>{const{summary:r}=e;return n===null\|\|(0,p.isComboChartType)(r)?r:r.position==="dodge"&&Or(n)?{...r,position:"identity"}:r.coordType!=="polar"\|\|!we(r.innerRadius)\|\|n.coordType!=="polar"\|\|!we(n.innerRadius)?r:{...r,innerRadius:n.innerRadius}},Or=e=>!(0,p.isComboChartType)(e)&&e.geom==="bar"&&e.position==="identity",zu=(e,n)=>{if((0,p.isComboChartType)(e)\|\|(0,p.isComboChartType)(n))return(0,p.isComboChartType)(e)&&(0,p.isComboChartType)(n);const r=e.position===n.position\|\|e.position==="dodge"&&Or(n);return e.coordType!==n.coordType\|\|e.geom!==n.geom\|\|!r?!1:e.coordType!=="polar"\|\|n.coordType!=="polar"?!0:e.theta===n.theta&&we(e.innerRadius)===we(n.innerRadius)},we=e=>e>=Nu,Fu=3,Hu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{RadioGrid:l}=N(),c=(0,b.useMemo)(()=>Ze.map(({name:m,icon:v})=>({value:m,label:i(`editor.graphTypes.${m}`),icon:(0,t.jsx)(v,{size:"md"}),isDisabled:m==="combo"&&!(0,p.canBecomeCombo)(a?.spec)\|\|m==="heatmap"&&!(0,p.canBecomeHeatmap)(a?.spec)})),[i,a]);if(!a)return null;const d=(0,p.readChartType)(a.spec),h=Ou(d),u=m=>{const v=Ze.find(g=>g.name===m);v&&o.commands.dispatch(new p.SetChartTypeCommand(Du(v,d)))};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.graphTypeSection.title"),layout:n,preview:r??(h===null?void 0:i(`editor.graphTypes.${h.name}`)),children:(0,t.jsx)(l,{value:h?.name??"",options:c,columns:Fu,onChange:u,ariaLabel:i("editor.graphPanel.graphTypeSection.title")})})},qt=["solid","dashed","dotted"],Bu=8,Gu=0,Vu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l,Switch:c,ToggleGroup:d}=N(),{colorScheme:h}=s.useThemeContext();if(!a)return null;const u=a.guides.axes.filter(Uu);if(u.length===0)return null;const m=a.coordSystem.type!=="polar",v=u.some(C=>C.gridVisible),g=(0,p.resolveGridLineStyle)((0,p.createStyleResolver)({colorScheme:h}).chromeReaders(a.chrome),"y"),x=qt.map(C=>({value:C,label:i(`editor.graphPanel.gridSection.lineStyles.${C}`)})),f=C=>L=>{o.commands.dispatch(new p.SetGridVisibilityCommand({axis:C,isVisible:L}))},S=C=>{const L=qt.find(k=>k===C);L&&o.commands.dispatch(new p.SetGridLineStyleCommand({axis:"both",lineStyle:L}))},P=C=>{o.commands.dispatch(new p.SetGridLineWidthCommand({axis:"both",lineWidth:C}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.gridSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[u.map(C=>(0,t.jsx)(j,{label:i($u(C)),children:(0,t.jsx)(c,{isChecked:C.gridVisible,onChange:f(C.scaleAestheticKey)})},C.scaleAestheticKey)),m&&v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.gridSection.gridStyle"),children:(0,t.jsx)(d,{value:g.lineType,options:x,onChange:S})}),(0,t.jsx)(j,{label:i("editor.graphPanel.gridSection.gridThickness"),children:(0,t.jsx)(l,{value:g.strokeWidth,min:Gu,max:Bu,step:.5,formatValue:_e,onChange:P,onCommit:o.commands.seal})})]})]})})},Uu=e=>e.scaleAestheticKey==="x"\|\|e.scaleAestheticKey==="y",$u=e=>e.geometry==="radial"?"editor.graphPanel.gridSection.rings":e.geometry==="circular"?"editor.graphPanel.gridSection.spokes":e.scaleAestheticKey==="x"?"editor.graphPanel.gridSection.verticalGridLines":"editor.graphPanel.gridSection.horizontalGridLines",qu="total",Dr=["total","average","current"],Wu=["total"],Wt=["previous","first"],Kt=["auto","small","medium","large"],Ku=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l,ToggleGroup:c}=N();if(!a)return null;const d=a.config.headline,h=d.show!=="none",u=a.coordSystem,m=u.type==="polar",v=u.type==="polar"&&u.innerRadius>0,g=a.layers.some(A=>A.summary.grandTotal!==void 0);if(m&&!g)return null;const x=m?Wu:Dr,f=a.guides.headline,S=f?.kind==="perGroup"&&f.items.some(A=>A.comparison!==null),P=x.map(A=>({value:A,label:i(`editor.graphPanel.headlineNumberSection.metrics.${A}`)})),C=Wt.map(A=>({value:A,label:i(`editor.graphPanel.headlineNumberSection.comparison.${A}`)})),L=Kt.map(A=>({value:A,label:i(A==="auto"?"editor.graphPanel.numberFormat.options.auto":`editor.graphPanel.headlineNumberSize.sizes.${A}`)})),k=[{value:"above",label:i("editor.graphPanel.headlineNumberSection.position.above")},{value:"center",label:i("editor.graphPanel.headlineNumberSection.position.center")}],T=A=>{o.commands.dispatch(new p.SetHeadlineShowCommand({show:A?qu:"none"}))},O=A=>{const D=x.find(Y=>Y===A);D&&o.commands.dispatch(new p.SetHeadlineShowCommand({show:D}))},_=A=>{const D=Wt.find(Y=>Y===A);D&&o.commands.dispatch(new p.SetHeadlineCompareWithCommand({compareWith:D}))},y=A=>{const D=Kt.find(Y=>Y===A);D&&o.commands.dispatch(new p.SetHeadlineSizeCommand({size:D}))},E=A=>{o.commands.dispatch(new p.SetHeadlinePositionCommand({position:A==="center"?"center":"above"}))};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.headlineNumberSection.title"),layout:n,preview:r??Xu(i,d.show),children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSection.toggle"),children:(0,t.jsx)(l,{isChecked:h,onChange:T})}),h&&(0,t.jsxs)(t.Fragment,{children:[P.length>1&&(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSection.metricLabel"),layout:"stack",children:(0,t.jsx)(c,{value:d.show,options:P,onChange:O})}),S&&(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSection.compareWithLabel"),layout:"stack",children:(0,t.jsx)(c,{value:(0,p.resolveComparisonBasis)(d.compareWith),options:C,onChange:_})}),(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSize.sizeLabel"),children:(0,t.jsx)(c,{value:d.size,options:L,onChange:y})}),v&&(0,t.jsx)(j,{label:i("editor.axesPanel.controls.position"),children:(0,t.jsx)(c,{value:d.position,options:k,onChange:E})})]})]})})},Xu=(e,n)=>{const r=Dr.find(o=>o===n);return r&&e(`editor.graphPanel.headlineNumberSection.metrics.${r}`)},He=["top","bottom","left","right","none"],Xt=["auto","start","center","end"],Zt=["auto","pill","direct"],Zu=({positions:e,title:n,layout:r="collapsible",preview:o})=>{const a=R(),i=s.useHandleCompiled(a),l=s.useI18n(),{ToggleGroup:c}=N();if(!i)return null;const d=i.config.legend.position,h=e??He,u=i.guides.legends.drawn[0],m=(0,p.canAnchorDirectLabels)({legendPosition:i.guides.legends.position,coordSystem:i.coordSystem,layers:i.layers}),v=i.guides.headline?.kind==="perGroup",g=i.guides.colorGroups.length>0;if(d==="auto"&&u===void 0&&!m&&(v\|\|!g))return null;const x=u?.position??"none",f=d==="auto"?x:d,S=He.filter(E=>E===f\|\|h.includes(E)).map(E=>({value:E,label:l(`editor.graphPanel.legendSection.${E}`)})),P=E=>{const A=He.find(D=>D===E);A&&a.commands.dispatch(new p.SetLegendPositionCommand({position:A}))},C=E=>{const A=Xt.find(D=>D===E);A&&a.commands.dispatch(new p.SetLegendAlignCommand({align:A}))},L=E=>{const A=Zt.find(D=>D===E);A&&a.commands.dispatch(new p.SetLegendDisplayCommand({display:A}))},k=Xt.map(E=>({value:E,label:l(`editor.graphPanel.legendSection.align.${E}`)})),T=Zt.map(E=>({value:E,label:l(`editor.graphPanel.legendSection.display.${E}`)})),O=n??l("editor.graphPanel.legendSection.title"),_=S.find(E=>E.value===f)?.label,y=u!==void 0;return(0,t.jsx)(z,{title:O,layout:r,preview:o??_,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.position"),layout:"stack",children:(0,t.jsx)(c,{value:f,options:S,onChange:P})}),y&&(0,t.jsx)(j,{label:l("editor.graphPanel.legendSection.alignLabel"),layout:"stack",children:(0,t.jsx)(c,{value:i.config.legend.align,options:k,onChange:C})}),m&&(0,t.jsx)(j,{label:l("editor.graphPanel.legendSection.displayLabel"),layout:"stack",children:(0,t.jsx)(c,{value:i.config.legend.display,options:T,onChange:L})})]})})},Yu=1,Ju=20,Qu=.5,zr=({layerId:e})=>{const n=R(),r=s.useHandleCompiled(n),{Slider:o}=N(),a=mt(r,e);if(!r)return null;const i=l=>{const c=new p.SetPointSizeCommand({layerId:e,size:l});n.commands.dispatch(c,{transient:!0})};return(0,t.jsx)(o,{value:a?.get("size")??p.DEFAULT_POINT_SIZE,min:Yu,max:Ju,step:Qu,formatValue:_e,onChange:i,onCommit:n.commands.seal})},e0=1,t0=10,n0=.1,r0=["gap","zero","connect"],o0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Select:l,Slider:c,Switch:d,ToggleGroup:h}=N(),u=a?.spec.layers??[],m=(0,p.findLayerByGeom)(u,"line","area"),v=mt(a,m?.id??null);if(!a\|\|!m)return null;const g=a.coordSystem.type==="polar",x=l0(i,m),f=i0(m,u),S=Yt(a.spec,m.geom,"strokeWidth",m.id),P=typeof S=="number",C=m.geom==="line"?m:void 0,L=[{value:"auto",label:i("editor.graphPanel.numberFormat.options.auto")},{value:"custom",label:i("editor.graphPanel.numberFormat.options.custom")}],k=A=>{o.commands.dispatch(new p.ToggleLinePointsVisibilityCommand({layerId:m.id,showPoints:A}))},T=A=>{C&&o.commands.dispatch(new p.ToggleLineFillCommand({layerId:C.id,showFill:A}))},O=A=>{o.commands.dispatch(new p.SetLineInterpolationCommand({layerId:m.id,interpolate:A?"catmull-rom":"linear"}))},_=A=>{const D=v?.get("strokeWidth")??p.DEFAULT_STROKE_WIDTH;o.commands.dispatch(new p.SetLineWidthCommand({layerId:m.id,lineWidth:A==="custom"?D:null}))},y=A=>{o.commands.dispatch(new p.SetLineWidthCommand({layerId:m.id,lineWidth:A}),{transient:!0})},E=A=>{const D=a0(A);D&&o.commands.dispatch(new p.SetLineMissingValuesCommand({layerId:m.id,missingValues:D}))};return(0,t.jsx)(z,{title:e??i("editor.fineTunePanel.lineStyleSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.graphOptions.showPoints"),children:(0,t.jsx)(d,{isChecked:f!==void 0,onChange:k})}),f&&(0,t.jsx)(j,{label:i("editor.graphPanel.pointSize.label"),children:(0,t.jsx)(zr,{layerId:f.id})}),C&&!g&&(0,t.jsx)(j,{label:i("editor.graphPanel.graphOptions.lineFill"),children:(0,t.jsx)(d,{isChecked:Yt(a.spec,"line","fillAlpha",C.id)!==void 0,onChange:T})}),!g&&(0,t.jsx)(j,{label:i("editor.graphPanel.graphOptions.smoothLines"),children:(0,t.jsx)(d,{isChecked:m.params.interpolate==="catmull-rom",onChange:O})}),(0,t.jsx)(j,{label:i("editor.graphPanel.lineThickness.label"),children:(0,t.jsx)(h,{value:P?"custom":"auto",options:L,onChange:_})}),P&&(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(c,{value:S,min:e0,max:t0,step:n0,formatValue:_e,onChange:y,onCommit:o.commands.seal})}),!g&&x.length>1&&(0,t.jsx)(j,{label:i("editor.fineTunePanel.detailSection.missingValues"),children:(0,t.jsx)(l,{value:m.params.missingValues,options:x,onChange:E})})]})})},a0=e=>r0.find(n=>n===e),Yt=(e,n,r,o)=>(0,p.findKindStyleDeclarations)(e.styles.overrides,(0,p.buildLayerStyleAddress)(n,o))?.[r],i0=(e,n)=>(0,p.filterLayersByGeoms)(n,"point").find(r=>(0,p.isCompanionLayer)(r,[e])),l0=(e,n)=>{const r=[{value:"gap",label:e("editor.graphPanel.treatEmptyValues.leaveGap.label")},{value:"zero",label:e("editor.graphPanel.treatEmptyValues.fillZero.label")}];return n.position!=="stack"&&n.position!=="fill"&&r.push({value:"connect",label:e("editor.graphPanel.treatEmptyValues.connectGaps.label")}),n.geom==="area"?r.filter(o=>o.value!=="gap"):r},Ye="\0none",s0=["x","y","color","size","label"],c0={x:"editor.graphPanel.mappingSection.x",y:"editor.graphPanel.mappingSection.y",color:"editor.graphPanel.mappingSection.color",size:"editor.graphPanel.mappingSection.size",label:"editor.graphPanel.mappingSection.label"},d0=({title:e,layout:n="collapsible"})=>{const r=R(),o=s.useHandleCompiled(r),a=s.useI18n(),{Select:i}=N(),l=a("editor.graphPanel.mappingSection.none"),c=o?.spec,d=(0,b.useMemo)(()=>c===void 0?[]:(0,p.readMappableAesthetics)(c,s0).map(({aesthetic:h,variables:u,isRequired:m})=>{const v=(0,p.readMappedVariable)(c.mapping,h);return{aesthetic:h,label:a(c0[h]),value:v??(m?null:Ye),options:u0(u,v,m?null:l),chooseColumn:g=>{r.commands.dispatch(new p.SetMappingCommand({aesthetic:h,variable:g===Ye?null:g}))}}}),[c,a,l,r]);return o?(0,t.jsx)(z,{title:e??a("editor.graphPanel.mappingSection.title"),layout:n,children:(0,t.jsx)(H,{children:d.map(({aesthetic:h,label:u,value:m,options:v,chooseColumn:g})=>(0,t.jsx)(j,{label:u,children:(0,t.jsx)(i,{value:m,options:v,placeholder:l,onChange:g})},h))})}):null},u0=(e,n,r)=>{const o=n!==null&&!e.includes(n)?[n,...e]:e;return[...r===null?[]:[{value:Ye,label:r}],...o.map(a=>({value:a,label:a}))]},h0="k",p0=2,m0=0,g0=5,Je=[{value:"k",labelKey:"thousands"},{value:"m",labelKey:"millions"},{value:"b",labelKey:"billions"}],x0=["auto","none"],v0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{NumberField:l,ToggleGroup:c}=N();if(!a)return null;const{abbreviation:d,decimals:h}=a.config.numberFormat,u=f0(d)!==void 0,m=h!=="auto",v=L=>L.map(k=>({value:k,label:i(`editor.graphPanel.numberFormat.options.${k}`)})),g=Je.map(({value:L,labelKey:k})=>({value:L,label:i(`common.abbreviations.${k}`)})),x=L=>{o.commands.dispatch(new p.SetNumberFormatAbbreviationCommand({abbreviation:L}))},f=L=>{const k=x0.find(T=>T===L);x(k??h0)},S=L=>{const k=Je.find(T=>T.value===L);k&&x(k.value)},P=L=>{o.commands.dispatch(new p.SetNumberFormatDecimalsCommand({decimals:L==="custom"?p0:"auto"}))},C=L=>{L!==null&&o.commands.dispatch(new p.SetNumberFormatDecimalsCommand({decimals:L}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.numberFormatSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.abbreviationLabel"),children:(0,t.jsx)(c,{value:u?"custom":d,options:v(["auto","none","custom"]),onChange:f})}),u&&(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(c,{value:d,options:g,onChange:S})}),(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.decimalPlacesLabel"),children:(0,t.jsx)(c,{value:m?"custom":"auto",options:v(["auto","custom"]),onChange:P})}),m&&(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(l,{value:h,min:m0,max:g0,onChange:C,onCommit:o.commands.seal})})]})})},f0=e=>Je.find(n=>n.value===e),b0=({title:e,layout:n="collapsible",preview:r})=>{const o=s.useHandleCompiled(R()),a=s.useI18n();if(!o)return null;const i=C0(o.spec.layers);return i?(0,t.jsx)(z,{title:e??a("editor.graphPanel.pointSize.label"),layout:n,preview:r,children:(0,t.jsx)(H,{children:(0,t.jsx)(j,{label:a("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(zr,{layerId:i.id})})})}):null},C0=e=>{const n=(0,p.filterLayersByGeoms)(e,"line","area");return(0,p.filterLayersByGeoms)(e,"point").find(r=>!(0,p.isCompanionLayer)(r,n))},S0=.9,y0=360,j0=.05,T0=15,w0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l}=N();if(!a\|\|a.spec.coords.coordType!=="polar")return null;const{innerRadius:c,startAngle:d}=a.spec.coords.params,h=m=>{o.commands.dispatch(new p.SetPolarInnerRadiusCommand({innerRadius:m}),{transient:!0})},u=m=>{o.commands.dispatch(new p.SetPolarStartAngleCommand({startAngle:m}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.polarSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.polarSection.innerRadius"),children:(0,t.jsx)(l,{value:c,min:0,max:S0,step:j0,formatValue:Nr,onChange:h,onCommit:o.commands.seal})}),(0,t.jsx)(j,{label:i("editor.graphPanel.polarSection.startAngle"),children:(0,t.jsx)(l,{value:d,min:0,max:y0-1,step:T0,formatValue:Zd,onChange:u,onCommit:o.commands.seal})})]})})},A0=e=>(0,t.jsxs)(s.Icon,{...e,children:[(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",opacity:"0.12",d:"M2 10C2 7.19974 2 5.79961 2.54497 4.73005C3.02433 3.78924 3.78924 3.02433 4.73005 2.54497C5.79961 2 7.19974 2 10 2H14C16.8003 2 18.2004 2 19.27 2.54497C20.2108 3.02433 20.9757 3.78924 21.455 4.73005C22 5.79961 22 7.19974 22 10V14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14V10Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.96644 1.25C8.59472 1.25 7.51929 1.24999 6.65494 1.32061C5.77479 1.39252 5.04768 1.54138 4.38955 1.87671C3.30762 2.42798 2.42798 3.30762 1.87671 4.38955C1.54138 5.04768 1.39252 5.77479 1.32061 6.65494C1.24999 7.51929 1.25 8.59472 1.25 9.96644V14.0336C1.25 15.4053 1.24999 16.4807 1.32061 17.3451C1.39252 18.2252 1.54138 18.9523 1.87671 19.6104C2.42798 20.6924 3.30762 21.572 4.38955 22.1233C5.04768 22.4586 5.77479 22.6075 6.65494 22.6794C7.51927 22.75 8.59469 22.75 9.96637 22.75H14.0336C15.4053 22.75 16.4807 22.75 17.3451 22.6794C18.2252 22.6075 18.9523 22.4586 19.6104 22.1233C20.6924 21.572 21.572 20.6924 22.1233 19.6104C22.4586 18.9523 22.6075 18.2252 22.6794 17.3451C22.75 16.4807 22.75 15.4053 22.75 14.0336V9.96642C22.75 8.59473 22.75 7.51927 22.6794 6.65494C22.6075 5.77479 22.4586 5.04768 22.1233 4.38955C21.572 3.30762 20.6924 2.42798 19.6104 1.87671C18.9523 1.54138 18.2252 1.39252 17.3451 1.32061C16.4807 1.24999 15.4053 1.25 14.0336 1.25H9.96644ZM5.07054 3.21322C5.48197 3.00359 5.9897 2.87996 6.77708 2.81563C7.57322 2.75058 8.58749 2.75 10 2.75H14C15.4125 2.75 16.4268 2.75058 17.2229 2.81563C18.0103 2.87996 18.518 3.00359 18.9295 3.21322C19.7291 3.62068 20.3793 4.27085 20.7868 5.07054C20.9964 5.48197 21.12 5.9897 21.1844 6.77708C21.2494 7.57322 21.25 8.58749 21.25 10V14C21.25 15.4125 21.2494 16.4268 21.1844 17.2229C21.12 18.0103 20.9964 18.518 20.7868 18.9295C20.3793 19.7291 19.7291 20.3793 18.9295 20.7868C18.518 20.9964 18.0103 21.12 17.2229 21.1844C16.4268 21.2494 15.4125 21.25 14 21.25H10C8.58749 21.25 7.57322 21.2494 6.77708 21.1844C5.9897 21.12 5.48197 20.9964 5.07054 20.7868C4.27085 20.3793 3.62068 19.7291 3.21322 18.9295C3.00359 18.518 2.87996 18.0103 2.81563 17.2229C2.75058 16.4268 2.75 15.4125 2.75 14V10C2.75 8.58749 2.75058 7.57322 2.81563 6.77708C2.87996 5.9897 3.00359 5.48197 3.21322 5.07054C3.62068 4.27085 4.27085 3.62068 5.07054 3.21322Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.4796 12.2222L17.6085 12.2291L17.6029 10.7291L19.474 10.7222L19.4796 12.2222ZM15.3662 12.2375L13.124 12.2459L13.1184 10.7459L15.3606 10.7375L15.3662 12.2375ZM10.8817 12.2542L8.63945 12.2626L8.63386 10.7626L10.8761 10.7542L10.8817 12.2542ZM6.39719 12.2709L4.52607 12.2779L4.52048 10.7779L6.3916 10.7709L6.39719 12.2709Z",fill:"currentColor"})]}),Jt=e=>(0,t.jsxs)(s.Icon,{...e,children:[(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",opacity:"0.12",d:"M2 10C2 7.19974 2 5.79961 2.54497 4.73005C3.02433 3.78924 3.78924 3.02433 4.73005 2.54497C5.79961 2 7.19974 2 10 2H14C16.8003 2 18.2004 2 19.27 2.54497C20.2108 3.02433 20.9757 3.78924 21.455 4.73005C22 5.79961 22 7.19974 22 10V14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14V10Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.96644 1.25C8.59472 1.25 7.51929 1.24999 6.65494 1.32061C5.77479 1.39252 5.04768 1.54138 4.38955 1.87671C3.30762 2.42798 2.42798 3.30762 1.87671 4.38955C1.54138 5.04768 1.39252 5.77479 1.32061 6.65494C1.24999 7.51929 1.25 8.59472 1.25 9.96644V14.0336C1.25 15.4053 1.24999 16.4807 1.32061 17.3451C1.39252 18.2252 1.54138 18.9523 1.87671 19.6104C2.42798 20.6924 3.30762 21.572 4.38955 22.1233C5.04768 22.4586 5.77479 22.6075 6.65494 22.6794C7.51927 22.75 8.59469 22.75 9.96637 22.75H14.0336C15.4053 22.75 16.4807 22.75 17.3451 22.6794C18.2252 22.6075 18.9523 22.4586 19.6104 22.1233C20.6924 21.572 21.572 20.6924 22.1233 19.6104C22.4586 18.9523 22.6075 18.2252 22.6794 17.3451C22.75 16.4807 22.75 15.4053 22.75 14.0336V9.96642C22.75 8.59473 22.75 7.51927 22.6794 6.65494C22.6075 5.77479 22.4586 5.04768 22.1233 4.38955C21.572 3.30762 20.6924 2.42798 19.6104 1.87671C18.9523 1.54138 18.2252 1.39252 17.3451 1.32061C16.4807 1.24999 15.4053 1.25 14.0336 1.25H9.96644ZM5.07054 3.21322C5.48197 3.00359 5.9897 2.87996 6.77708 2.81563C7.57322 2.75058 8.58749 2.75 10 2.75H14C15.4125 2.75 16.4268 2.75058 17.2229 2.81563C18.0103 2.87996 18.518 3.00359 18.9295 3.21322C19.7291 3.62068 20.3793 4.27085 20.7868 5.07054C20.9964 5.48197 21.12 5.9897 21.1844 6.77708C21.2494 7.57322 21.25 8.58749 21.25 10V14C21.25 15.4125 21.2494 16.4268 21.1844 17.2229C21.12 18.0103 20.9964 18.518 20.7868 18.9295C20.3793 19.7291 19.7291 20.3793 18.9295 20.7868C18.518 20.9964 18.0103 21.12 17.2229 21.1844C16.4268 21.2494 15.4125 21.25 14 21.25H10C8.58749 21.25 7.57322 21.2494 6.77708 21.1844C5.9897 21.12 5.48197 20.9964 5.07054 20.7868C4.27085 20.3793 3.62068 19.7291 3.21322 18.9295C3.00359 18.518 2.87996 18.0103 2.81563 17.2229C2.75058 16.4268 2.75 15.4125 2.75 14V10C2.75 8.58749 2.75058 7.57322 2.81563 6.77708C2.87996 5.9897 3.00359 5.48197 3.21322 5.07054C3.62068 4.27085 4.27085 3.62068 5.07054 3.21322Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.6749 8.04877L17.1069 9.06975L16.2884 7.81273L17.8564 6.79175L18.6749 8.04877ZM15.2278 10.2932L13.3488 11.5167L12.5303 10.2597L14.4093 9.03622L15.2278 10.2932ZM11.4697 12.7402L9.59064 13.9637L8.77217 12.7067L10.6512 11.4832L11.4697 12.7402ZM7.71158 15.1872L6.14354 16.2082L5.32507 14.9511L6.89311 13.9302L7.71158 15.1872Z",fill:"currentColor"})]}),P0=e=>(0,b.useMemo)(()=>{if(e===null)return{options:[],findValue:()=>{}};const{parsingLocale:n,numberFormat:r}=e.config,o=e.guides.colorGroups.map(a=>{const i=(0,p.createValueFormatter)({valueFormat:a.valueFormat,locale:n,numberFormat:r}),l=a.value instanceof Date?a.value.getTime():a.value;return{value:l,option:{value:String(l),label:a.label??i(a.value)}}});return{options:o.map(({option:a})=>a),findValue:a=>o.find(i=>i.option.value===a)?.value}},[e]),Qt=["linear","exponential","quadratic","polynomial","logarithmic","power","loess"],L0="linear",k0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Select:l,Switch:c}=N(),{options:d,findValue:h}=P0(a);if(!a\|\|a.coordSystem.type==="polar")return null;const u=(0,p.findTrendLineLayer)(a.spec.layers),m=(0,p.findAverageLineLayer)(a.spec.layers),v=u?.stat.type==="smooth"?u.stat.method:L0,g=I0(m),x=Qt.map(k=>({value:k,label:i(`editor.annotationsPanel.trendType.options.${k}`)})),f=(k,T={})=>{const O=u??m,_=new p.SetStatLineCommand({line:k,...T,...O!==void 0&&{layerId:O.id},label:i("editor.annotationsPanel.trendsAndAveragesSection.average")});o.commands.dispatch(_)},S=k=>f(k?"trend":"none",{method:v}),P=k=>f(k?"average":"none",{group:g??h(d[0]?.value??"")}),C=k=>{const T=Qt.find(O=>O===k);T!==void 0&&f("trend",{method:T})},L=k=>{const T=k===null?void 0:h(k);T!==void 0&&f("average",{group:T})};return(0,t.jsx)(z,{title:e??i("editor.annotationsPanel.trendsAndAveragesSection.title"),layout:n,preview:r??(0,t.jsx)(Jt,{size:"lg"}),children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.annotationsPanel.trendsAndAveragesSection.trend"),icon:(0,t.jsx)(Jt,{size:"lg"}),children:(0,t.jsx)(c,{isChecked:u!==void 0,onChange:S})}),u!==void 0&&(0,t.jsx)(j,{label:i("editor.annotationsPanel.trendType.label"),children:(0,t.jsx)(l,{value:v,options:x,onChange:C,placeholder:i("editor.annotationsPanel.trendType.placeholder")})}),(0,t.jsx)(j,{label:i("editor.annotationsPanel.trendsAndAveragesSection.average"),icon:(0,t.jsx)(A0,{size:"lg"}),children:(0,t.jsx)(c,{isChecked:m!==void 0,onChange:P})}),m!==void 0&&d.length>0&&(0,t.jsx)(j,{label:i("editor.annotationsPanel.averageLineSeries.label"),children:(0,t.jsx)(l,{value:g===void 0?null:String(g),options:d,onChange:L,placeholder:i("editor.annotationsPanel.averageLineSeries.placeholder"),ariaLabel:i("editor.annotationsPanel.averageLineSeries.ariaLabel")})})]})})},I0=e=>{const n=e?.transforms.find(r=>r.transformType==="filter")?.options.value;return n instanceof Date?n.getTime():n};exports.AppearanceSection=Qd;exports.AxesPanel=Xd;exports.AxisSection=Ke;exports.BarSection=tu;exports.Button=ur;exports.CalloutsSection=pu;exports.CaptionSection=Ir;exports.ComboSection=gu;exports.EditableGraphRenderer=Wc;exports.EditorPanel=dt;exports.ElementsPanel=Kd;exports.GoalSection=fu;exports.GraphOptionsSection=Cu;exports.GraphTypeSection=Hu;exports.GridSection=Vu;exports.HeadlineSection=Ku;exports.IntlProvider=ln;exports.LegendSection=Zu;exports.LineSection=o0;exports.MappingSection=d0;exports.NumberField=mr;exports.NumberFormatSection=v0;exports.PANEL_ROOT_ATTRIBUTE=Pr;exports.PointSection=b0;exports.PolarSection=w0;exports.RadioGrid=gr;exports.Row=j;exports.Section=z;exports.Select=xr;exports.Slider=vr;exports.SourceSection=Er;exports.SubtitleSection=Mr;exports.Switch=fr;exports.TextField=br;exports.TextSizeSection=_r;exports.TitleSection=Rr;exports.ToggleGroup=Cr;exports.ToggledSection=kr;exports.TrendsAndAveragesSection=k0;exports.useControls=N;exports.usePanelExpansion=Ar;exports.usePanelGraph=R;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./editable.css');const s=require("./history-chords-DqnLlnY4.cjs"),G=require("./dev.utils-CMfcBcJw.cjs");let p=require("@graphysdk/viz-engine"),b=require("react"),t=require("react/jsx-runtime"),oe=require("zustand/react/shallow"),en=require("react-dom"),V=require("clsx");V=s.__toESM(V,1);let ae=require("@floating-ui/react-dom"),tn=require("@vanilla-extract/dynamic"),nn=require("@tiptap/core"),ro=require("@tiptap/extension-bold"),ve=require("@tiptap/extension-document"),oo=require("@tiptap/extension-hard-break"),ao=require("@tiptap/extension-heading"),io=require("@tiptap/extension-italic"),lo=require("@tiptap/extension-link"),so=require("@tiptap/extension-text"),co=require("@tiptap/extension-text-align"),fe=require("@tiptap/extension-text-style"),uo=require("@tiptap/extension-underline"),Ae=require("@tiptap/extensions"),rn=require("@tiptap/extension-paragraph"),Pe=require("@tiptap/react"),W=require("@base-ui/react/toolbar"),te=require("@base-ui/react/tooltip"),B=require("@base-ui/react/popover"),xt=require("react-colorful"),q=require("@base-ui/react/slider"),M=require("@base-ui/react/menu"),ho=require("@base-ui/react/toggle"),X=require("@base-ui/react"),re=require("lodash-es/clamp");re=s.__toESM(re,1);let le=require("@base-ui/react/accordion"),vt=require("@base-ui/react/number-field"),on=require("@base-ui/react/radio"),an=require("@base-ui/react/radio-group"),$=require("@base-ui/react/select"),ft=require("@base-ui/react/switch"),po=require("@base-ui/react/input");var mo={save:"حفظ",cancel:"إلغاء",confirm:"تأكيد",delete:"حذف",confirmDelete:e=>`هل أنت متأكد من رغبتك في حذف ${e.item}؟`,abbreviations:{thousands:"ألف",millions:"مليون",billions:"مليار"}},go={title:"محرر Graphy",description:"قم بتحرير المحتوى الخاص بك هنا",graphTypes:{column:"أعمدة",columnStacked:"أعمدة مكدسة",columnStackedFill:"أعمدة مكدسة 100%",bar:"شريطي",barStacked:"أشرطة مكدسة",barStackedFill:"أشرطة مكدسة 100%",line:"خطي",areaStacked:"مساحة مكدسة",pie:"دائري",donut:"حلقي",scatter:"نقطي",bubble:"فقاعي",funnel:"قمعي",combo:"مركب",heatmap:"خريطة حرارية",waterfall:"شلالي",mekko:"ميكو",table:"جدول"},sizePanel:{toolbarButton:"الحجم",presetsSection:{title:"إعدادات مسبقة"},customSizeSection:{title:"حجم مخصص"},presets:{googleSlides:"Google Slides / PowerPoint",webEmail:"ويب / بريد إلكتروني",linkedIn:"منشور LinkedIn",instagram:"منشور Instagram",tiktok:"TikTok / قصة Instagram",twitter:"X (Twitter)",mobile:"جوال"},inputs:{unitLabel:"بكسل"},validation:{maxSizeError:e=>`≤ ${e.max} بكسل`,minSizeError:e=>`≥ ${e.min} بكسل`}},graphPanel:{toolbarButton:"الرسم البياني",graphTypeSection:{title:"نوع الرسم البياني"},mappingSection:{title:"البيانات",x:"المحور السيني",y:"القيمة",color:"اللون",size:"الحجم",label:"التسمية",none:"بلا"},comboSection:{title:"مظهر الرسم البياني المركب",types:{"grouped-bars":"أعمدة مجمعة","stacked-bars":"أعمدة مكدسة",lines:"خطوط فقط"}},polarSection:{title:"قطبي",innerRadius:"نصف القطر الداخلي",startAngle:"زاوية البداية"},barSection:{title:"الأعمدة",thickness:"سمك العمود",rounding:"التدوير",roundingOptions:{none:"بلا",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",full:"كامل"}},graphOptionsSection:{title:"خيارات الرسم البياني"},gridSection:{title:"الشبكة",horizontalGridLines:"خطوط أفقية",verticalGridLines:"خطوط رأسية",rings:"حلقات",spokes:"أشعة",gridStyle:"نمط الشبكة",gridThickness:"سمك الشبكة",lineStyles:{solid:"متصل",dashed:"متقطع",dotted:"منقط"}},graphOptions:{sortBars:"ترتيب من الأعلى ← الأدنى",showPoints:"إظهار النقاط",lineFill:"تعبئة تحت الخط",smoothLines:"خطوط ناعمة",stackTotals:"مجاميع المكدس",dataLabels:"تسميات البيانات",showPercentages:"إظهار النسب المئوية",categoryLabels:"تسميات الفئات"},legendSection:{title:"وسيلة الإيضاح",auto:"تلقائي",top:"أعلى",bottom:"أسفل",left:"يسار",right:"يمين",none:"بدون",alignLabel:"المحاذاة",align:{auto:"تلقائي",start:"البداية",center:"الوسط",end:"النهاية"},displayLabel:"النمط",display:{auto:"تلقائي",pill:"شارات",direct:"على الرسم"}},numberFormatSection:{title:"تنسيق الأرقام"},numberFormat:{abbreviationLabel:"الاختصار",valueLabel:"القيمة",decimalPlacesLabel:"المنازل العشرية",options:{auto:"تلقائي",custom:"مخصص",none:"بدون"}},headlineNumberSize:{sizeLabel:"الحجم",valueLabel:"القيمة",sizes:{small:"ص",medium:"م",large:"ك"}},lineThickness:{label:"سمك الخط"},pointSize:{label:"حجم النقطة",options:{auto:"تلقائي",custom:"مخصص"}},headlineNumberSection:{title:"الرقم الرئيسي",toggle:"مرئي",metricLabel:"المقياس",compareWithLabel:"مقارنة مع",metrics:{total:"المجموع",average:"المتوسط",current:"الأخير",conversion:"التحويل",left:"يسار"},comparison:{first:"الأول",previous:"السابق"},position:{above:"أعلى",center:"وسط"}},treatEmptyValues:{leaveGap:{label:"ترك فجوة في الرسم البياني",description:"يترك فاصلاً مرئياً في الخط حيث تكون البيانات مفقودة"},fillZero:{label:"ملء بالصفر",description:"يعرض نقاط البيانات المفقودة كصفر"},connectGaps:{label:"الاتصال عبر الفجوات",description:"يربط الخط بين النقاط المتاحة، متخطياً الفجوة"}},comboChartAppearance:{title:"مظهر الرسم البياني المركب",groupedBars:"أشرطة مجمعة",stackedBars:"أشرطة مكدسة",linesOnly:"خطوط فقط"}},axesPanel:{toolbarButton:"المحاور",mainAxisSection:{yAxis:"المحور الصادي",xAxis:"المحور السيني"},crossAxisSection:{xAxis:"المحور السيني",yAxis:"المحور الصادي"},controls:{title:"العنوان",visible:"مرئي",ticks:"العلامات",labels:"التسميات",position:"الموضع",scale:"المقياس",startFrom:"البدء من",endAt:"الانتهاء عند",value:"القيمة",numberOfAxes:"عدد المحاور",reverse:"عكس"},labelMode:{auto:"تلقائي",edges:"الحواف"},scale:{auto:"تلقائي",log:"لوغاريتمي"},startFrom:{auto:"تلقائي",zero:"صفر",custom:"مخصص"},endAt:{auto:"تلقائي",custom:"مخصص"},axisCount:{single:"مفرد",double:"مزدوج"},position:{left:"يسار",right:"يمين",top:"أعلى",bottom:"أسفل"},yesNo:{yes:"نعم",no:"لا"}},colorPanel:{toolbarButton:"اللون",themeSection:{title:"السمة"},appearanceSection:{title:"المظهر",highlightStyle:"التمييز"},paletteSection:{title:"لوحة الألوان",colorScheme:"نظام الألوان",colors:"الألوان",colorPalettes:"لوحات الألوان"},paletteMode:{preset:"مسبق",brand:"العلامة التجارية",freestyle:"حر"},paletteThemes:{colorful:"ملون",pastel:"باستيل",neon:"نيون"},backgroundSection:{title:"الخلفية",black:"أسود",white:"أبيض",grey:"رمادي",tint:"صبغة",custom:"مخصص",none:"بدون"},borderSection:{title:"الحدود",borderColor:"لون الحدود",thickness:"السمك",cornerRadius:"نصف قطر الزاوية"},borderType:{solid:"صلب",gradient:"متدرج",grey:"رمادي",preset:"مسبق",custom:"مخصص",none:"بدون"},presetGradients:{lilac:"ليلكي",neonPink:"وردي نيون",blackberry:"توت أسود",sun:"شمس",iceland:"آيسلندا",sunset:"غروب",ultraviolet:"فوق بنفسجي",purple:"أرجواني",iceCream:"آيس كريم",mint:"نعناع",cool:"بارد",fresh:"منعش"}},designPanel:{toolbarButton:"التصميم",defaultExpanded:"لوحة الألوان"},annotatePanel:{toolbarButton:"التعليقات",callOutSection:{title:"وسائل الشرح",text:"نص",arrow:"سهم",box:"مربع",difference:"الفرق"},highlightSection:{title:"التمييز",button:"تمييز",colorLabel:"لون التمييز"}},annotationsPanel:{toolbarButton:"التعليقات",freeformSection:{title:"حر",text:"نص",arrow:"سهم",box:"مربع",difference:"فرق"},goalSection:{title:"الهدف",labelControl:"التسمية",labelPlaceholder:"الهدف",labelAriaLabel:"تسمية الهدف المخصصة",valueControl:"قيمة الهدف",valueAriaLabel:"قيمة الهدف",byDate:"حسب التاريخ",xAxisValue:"قيمة المحور السيني",optional:"(اختياري)"},trendsAndAveragesSection:{title:"الاتجاهات والمتوسطات",trend:"الاتجاه",average:"المتوسط"},trendType:{label:"نوع الاتجاه",placeholder:"نوع الاتجاه",options:{linear:"خطي",exponential:"أسي",quadratic:"تربيعي",polynomial:"متعدد الحدود",logarithmic:"لوغاريتمي",power:"قوة",loess:"لويس"}},averageLineSeries:{label:"سلسلة خط المتوسط",placeholder:"اختر السلسلة",ariaLabel:"قائمة منسدلة للسلسلة لخط المتوسط"},highlightSection:{title:"التمييز",button:"تمييز",fadeColorLabel:"لون التلاشي"},titleAndSubtitleSection:{title:"العنوان والعنوان الفرعي",toggleTitle:"العنوان",subtitle:"العنوان الفرعي"},captionAndSourceSection:{title:"التسمية التوضيحية والمصدر",caption:"التسمية التوضيحية",source:"المصدر",url:"الرابط",name:"الاسم"}},elementsPanel:{contentVisible:"مرئي",contentValue:"القيمة",toolbarButton:"العناصر",headerSection:{title:"الرأس",toggleTitle:"العنوان",subtitle:"العنوان الفرعي"},footerSection:{title:"التذييل",caption:"التسمية التوضيحية",source:"المصدر",url:"الرابط",name:"الاسم"},textSizeSection:{title:"حجم النص",scaleFormat:e=>`${e.value}x`},fontSection:{title:"الخط"},sourceSection:{title:"المصدر",url:"الرابط",name:"الاسم"}},powerUpPanel:{toolbarButton:"التحسينات",goalSection:{title:"الهدف",toggle:"الهدف",labelControl:"التسمية",labelPlaceholder:"الهدف",labelAriaLabel:"تسمية الهدف المخصصة",valueControl:"قيمة الهدف",byDate:"حسب التاريخ",xAxisValue:"قيمة المحور السيني",optional:" (اختياري)",xAxisReferenceAriaLabel:"قيمة مرجعية للمحور السيني",anyXAxisValue:"أي قيمة للمحور السيني",selectValuePlaceholder:"اختر القيمة"},trendSection:{title:"الاتجاه",toggle:"الاتجاه"},averageSection:{title:"المتوسط",toggle:"المتوسط",seriesLabel:"سلسلة خط المتوسط",seriesPlaceholder:"اختر السلسلة",seriesAriaLabel:"قائمة منسدلة للسلسلة لخط المتوسط"},trendType:{label:"نوع الاتجاه",placeholder:"نوع الاتجاه",options:{linear:"خطي",exponential:"أسي",quadratic:"تربيعي",polynomial:"متعدد الحدود",logarithmic:"لوغاريتمي",power:"قوة",loess:"لويس"}},valueInput:{percentagePlaceholder:"النسبة المئوية",numberPlaceholder:"الرقم",percentageSymbol:"٪"}},highlighting:{modeHelper:{title:"وضع التمييز",hover:"مرر",toHighlight:"للتمييز",anyElement:"أي عنصر",escToExit:"للخروج",esc:"ESC"},emptyState:"لا تتوفر خيارات تمييز",deleteAriaLabel:"حذف التمييز",highlightStyle:{tint:"صبغة",grey:"رمادي"}},fineTunePanel:{toolbarButton:"الضبط الدقيق",detailSection:{title:"التفاصيل",missingValues:"القيم المفقودة"},lineStyleSection:{title:"نمط الخط",lineCurve:"انحناء الخط",sharp:"حاد",smooth:"ناعم"}},customThemeEditor:{patternDropdownAriaLabel:"قائمة منسدلة للنمط للسلسلة",patterns:{solid:"صلب",pattern:"نمط",dotted:"منقط",dashed:"متقطع",hatched:"مظلل"},heatmapColorLabel:"اللون"},accessibility:{toggleSection:e=>`تبديل قسم ${e.title}`},graphyDefaults:{themeOptions:{light:"فاتح",dark:"داكن"}}},xo={titleEditor:{titlePlaceholder:"بدون عنوان",subtitlePlaceholder:"إضافة عنوان فرعي"},toolbar:{formatting:{bold:"عريض",italic:"مائل",underline:"تحته خط",link:"رابط"},link:{ariaLabel:"إنشاء رابط",placeholder:"اكتب أو الصق رابطاً...",submit:"إرسال",urlLabel:"عنوان الرابط",apply:"تطبيق الرابط"},font:{label:"الخط",ariaLabel:"عائلة الخط"},heading:{label:"مستوى العنوان",ariaLabel:"نمط النص",text:"نص",caption:"تسمية توضيحية",heading1:"عنوان 1",heading2:"عنوان 2",heading3:"عنوان 3"},textAlign:{left:"محاذاة لليسار",center:"توسيط",right:"محاذاة لليمين"},color:{label:"لون النص"}},colorDropdown:{colors:"الألوان",chartColors:"ألوان الرسم البياني",custom:"مخصص",opacity:"الشفافية",transparent:"شفاف",pickCustom:"اختيار لون مخصص",pickColor:"اختيار لون"},annotations:{differenceArrowToolbar:{label:"خيارات سهم الفرق",labelKind:{ariaLabel:"التسمية",absoluteDifference:"التغير المطلق",relativeDifference:"التغير المئوي",proportion:"النسبة",suspectValue:"تقسم هذه القيمة على أساس يساوي صفرًا.",incomparableEnds:"يقيس الطرفان كميتين مختلفتين، لذا لا معنى للفرق بينهما."},color:"لون السهم",size:{ariaLabel:"الحجم",small:"صغير",medium:"متوسط",large:"كبير"},swap:"عكس الاتجاه",remove:"إزالة السهم"},shapeToolbar:{label:"خيارات الشكل",color:"لون الشكل",border:{ariaLabel:"الحد",none:"بلا",thin:"رفيع (2 بكسل)",medium:"متوسط (8 بكسل)",thick:"سميك (16 بكسل)"},remove:"إزالة الشكل",resize:{"top-left":"تغيير الحجم من الزاوية العلوية اليسرى","top-right":"تغيير الحجم من الزاوية العلوية اليمنى","bottom-right":"تغيير الحجم من الزاوية السفلية اليمنى","bottom-left":"تغيير الحجم من الزاوية السفلية اليسرى"}},arrowToolbar:{label:"خيارات السهم",color:"لون السهم",thickness:{ariaLabel:"السماكة",thin:"رفيع",medium:"متوسط",thick:"سميك"},startArrowhead:"بداية السهم",endArrowhead:"نهاية السهم",arrowhead:{lineArrow:"رأس سهم",none:"بلا"},lineStyle:{ariaLabel:"نمط الخط",solid:"متصل",dashed:"متقطع",dotted:"منقّط"},sticker:"تأثير الملصق",remove:"إزالة السهم",moveEndpoint:{start:"تحريك بداية السهم",end:"تحريك نهاية السهم"}},textToolbar:{label:"خيارات النص",background:"لون الخلفية",color:"لون النص",font:{ariaLabel:"الخط",modern:"عصري",fresh:"منعش",timeless:"كلاسيكي",technical:"تقني",fineliner:"قلم رفيع"},fontSize:{ariaLabel:"حجم الخط",small:"صغير",medium:"متوسط",large:"كبير",extraLarge:"كبير جدًا",huge:"ضخم"},align:{left:"محاذاة إلى اليسار",center:"محاذاة إلى الوسط",right:"محاذاة إلى اليمين"},remove:"إزالة النص",resize:{left:"تغيير الحجم من اليسار",right:"تغيير الحجم من اليمين"}},text:{editLabel:"تحرير النص",placeholder:"اكتب شيئًا"},baseMenu:{pinNumber:"تثبيت الرقم",unpinNumber:"إلغاء تثبيت الرقم",annotate:"تعليق",removeAnnotation:"إزالة التعليق",highlight:"تمييز",highlightWithLabel:e=>`تمييز ${e.label}`,removeHighlight:"إزالة التمييز",differenceArrow:"سهم الفرق",addSticker:"إضافة ملصق",removeSticker:"إزالة الملصق"},textMenu:{title:"تعليق",placeholder:"إضافة تعليق",addButton:"إضافة"},highlights:{menuTitle:"تمييز",labels:{bar:"شريط",barGroup:"مجموعة",barStack:"مكدس",barSeries:"سلسلة",line:"خط",linePoint:"نقطة",lineSeries:"سلسلة",scatterPoint:"نقطة",scatterSeries:"سلسلة",pieSlice:"شريحة",pointOrBar:"نقطة / شريط",lineOrSeries:"خط / سلسلة"}},stickerMenu:{title:"إضافة ملصق"},delete:"حذف",arrow:{thickness:{label:"السمك",thin:"رفيع",medium:"متوسط",thick:"سميك"},arrowhead:{startPoint:"نقطة البداية",endPoint:"نقطة النهاية",lineArrow:"سهم الخط",none:"بدون"},lineStyle:{label:"نمط الخط",solid:"صلب",dotted:"منقط"},stickerEffect:"تأثير الملصق",toolbarAriaLabel:"شريط أدوات السهم الحر",editorAriaLabel:"محرر السهم"},differenceArrow:{type:{proportion:"النسبة",difference:({absoluteDifference:e})=>`الفرق (${e})`,increase:({absoluteDifference:e})=>`الزيادة (${e})`,decrease:({absoluteDifference:e})=>`النقصان (${e})`,percentageChange:({percentageChange:e})=>`تغيير النسبة المئوية (${e})`,percentIncrease:({percentageChange:e})=>`زيادة النسبة المئوية (${e})`,percentDecrease:({percentageChange:e})=>`نقصان النسبة المئوية (${e})`},size:{label:"الحجم",small:"صغير",medium:"متوسط",large:"كبير"},flipArrow:"عكس السهم",color:"اللون",toolbarAriaLabel:"شريط أدوات سهم الفرق",editorAriaLabel:"محرر سهم الفرق"},shape:{color:"اللون",border:{label:"الحدود",none:"بدون",thin:({value:e})=>`رفيع (${e})`,medium:({value:e})=>`متوسط (${e})`,thick:({value:e})=>`سميك (${e})`}}}},vo={common:mo,editor:go,graph:xo},fo={save:"Save",cancel:"Cancel",confirm:"Confirm",delete:"Delete",confirmDelete:e=>`Are you sure you want to delete ${e.item}?`,abbreviations:{thousands:"k",millions:"m",billions:"b"}},bo={title:"Graphy Editor",description:"Edit your content here",graphTypes:{column:"Column",columnStacked:"Stacked column",columnStackedFill:"100% stacked column",bar:"Bar",barStacked:"Stacked bar",barStackedFill:"100% stacked bar",line:"Line",areaStacked:"Stacked area",pie:"Pie",donut:"Donut",scatter:"Scatter",bubble:"Bubble",funnel:"Funnel",combo:"Combo",heatmap:"Heatmap",waterfall:"Waterfall",mekko:"Mekko",table:"Table"},sizePanel:{toolbarButton:"Size",presetsSection:{title:"Presets"},customSizeSection:{title:"Custom size"},presets:{googleSlides:"Google Slides / PowerPoint",webEmail:"Web / email",linkedIn:"LinkedIn post",instagram:"Instagram post",tiktok:"TikTok / Instagram story",twitter:"X (Twitter)",mobile:"Mobile"},inputs:{unitLabel:"px"},validation:{maxSizeError:e=>`≤ ${e.max}px`,minSizeError:e=>`≥ ${e.min}px`}},graphPanel:{toolbarButton:"Graph",graphTypeSection:{title:"Graph type"},mappingSection:{title:"Data",x:"X-axis",y:"Value",color:"Colour",size:"Size",label:"Label",none:"None"},comboSection:{title:"Combo chart appearance",types:{"grouped-bars":"Grouped bars","stacked-bars":"Stacked bars",lines:"Lines only"}},polarSection:{title:"Polar",innerRadius:"Inner radius",startAngle:"Start angle"},barSection:{title:"Bars",thickness:"Bar thickness",rounding:"Rounding",roundingOptions:{none:"None",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",full:"Full"}},graphOptionsSection:{title:"Graph options"},gridSection:{title:"Grid",horizontalGridLines:"Horizontal lines",verticalGridLines:"Vertical lines",rings:"Rings",spokes:"Spokes",gridStyle:"Grid style",gridThickness:"Grid thickness",lineStyles:{solid:"Solid",dashed:"Dashed",dotted:"Dotted"}},graphOptions:{sortBars:"Sort high → low",showPoints:"Show points",lineFill:"Fill under line",smoothLines:"Smooth lines",stackTotals:"Stack totals",dataLabels:"Data labels",showPercentages:"Show percentages",categoryLabels:"Category labels"},legendSection:{title:"Legend",auto:"Auto",top:"Top",bottom:"Bottom",left:"Left",right:"Right",none:"None",alignLabel:"Alignment",align:{auto:"Auto",start:"Start",center:"Center",end:"End"},displayLabel:"Style",display:{auto:"Auto",pill:"Pills",direct:"Direct"}},numberFormatSection:{title:"Number format"},numberFormat:{abbreviationLabel:"Abbreviation",valueLabel:"Value",decimalPlacesLabel:"Decimal places",options:{auto:"Auto",custom:"Custom",none:"None"}},headlineNumberSize:{sizeLabel:"Size",valueLabel:"Value",sizes:{small:"S",medium:"M",large:"L"}},lineThickness:{label:"Line thickness"},pointSize:{label:"Point size",options:{auto:"Auto",custom:"Custom"}},headlineNumberSection:{title:"Headline number",toggle:"Visible",metricLabel:"Metric",compareWithLabel:"Compare with",metrics:{total:"Total",average:"Avg.",current:"Last",conversion:"Conversion",left:"Left"},comparison:{first:"First",previous:"Previous"},position:{above:"Above",center:"Center"}},treatEmptyValues:{leaveGap:{label:"Leave gap in chart",description:"Leaves a visible break in the line where data is missing"},fillZero:{label:"Fill with zero",description:"Displays missing data points as zero"},connectGaps:{label:"Connect across gaps",description:"Joins the line between available points, skipping the gap"}},comboChartAppearance:{title:"Combo chart appearance",groupedBars:"Grouped bars",stackedBars:"Stacked bars",linesOnly:"Lines only"}},axesPanel:{toolbarButton:"Axes",mainAxisSection:{yAxis:"Y-axis",xAxis:"X-axis"},crossAxisSection:{xAxis:"X-axis",yAxis:"Y-axis"},controls:{title:"Title",visible:"Visible",ticks:"Ticks",labels:"Labels",position:"Position",scale:"Scale",startFrom:"Start from",endAt:"End at",value:"Value",numberOfAxes:"Number of axes",reverse:"Reverse"},labelMode:{auto:"Auto",edges:"Edges"},scale:{auto:"Auto",log:"Log"},startFrom:{auto:"Auto",zero:"Zero",custom:"Custom"},endAt:{auto:"Auto",custom:"Custom"},axisCount:{single:"Single",double:"Double"},position:{left:"Left",right:"Right",top:"Top",bottom:"Bottom"},yesNo:{yes:"Yes",no:"No"}},colorPanel:{toolbarButton:"Color",themeSection:{title:"Theme"},appearanceSection:{title:"Appearance",highlightStyle:"Highlight"},paletteSection:{title:"Palette",colorScheme:"Color scheme",colors:"Colors",colorPalettes:"Color palettes"},paletteMode:{preset:"Preset",freestyle:"Freestyle"},paletteThemes:{colorful:"Colorful",pastel:"Pastel",neon:"Neon"},backgroundSection:{title:"Background",black:"Black",white:"White",grey:"Grey",tint:"Tint",custom:"Custom",none:"None"},borderSection:{title:"Border",borderColor:"Border color",thickness:"Thickness",cornerRadius:"Corner radius"},borderType:{solid:"Solid",gradient:"Gradient",grey:"Grey",preset:"Preset",custom:"Custom",none:"None"},presetGradients:{lilac:"Lilac",neonPink:"Neon Pink",blackberry:"Blackberry",sun:"Sun",iceland:"Iceland",sunset:"Sunset",ultraviolet:"Ultraviolet",purple:"Purple",iceCream:"Ice Cream",mint:"Mint",cool:"Cool",fresh:"Fresh"}},designPanel:{toolbarButton:"Design",defaultExpanded:"Palette"},annotatePanel:{toolbarButton:"Annotate",callOutSection:{title:"Callouts",text:"Text",arrow:"Arrow",box:"Box",difference:"Difference"},highlightSection:{title:"Highlight",button:"Highlight",colorLabel:"Highlight color"}},annotationsPanel:{toolbarButton:"Annotate",freeformSection:{title:"Freeform",text:"Text",arrow:"Arrow",box:"Box",difference:"Difference"},goalSection:{title:"Goal",labelControl:"Label",labelPlaceholder:"Goal",labelAriaLabel:"Custom goal label",valueControl:"Goal value",valueAriaLabel:"Goal value",byDate:"By date",xAxisValue:"X-axis value",optional:"(optional)"},trendsAndAveragesSection:{title:"Trends and Averages",trend:"Trend",average:"Average"},trendType:{label:"Trend type",placeholder:"Trend type",options:{linear:"Linear",exponential:"Exponential",quadratic:"Quadratic",polynomial:"Polynomial",logarithmic:"Logarithmic",power:"Power",loess:"Loess"}},averageLineSeries:{label:"Average line series",placeholder:"Select series",ariaLabel:"Series dropdown for average line"},highlightSection:{title:"Highlight",button:"Highlight",fadeColorLabel:"Fade color"},titleAndSubtitleSection:{title:"Title & Subtitle",toggleTitle:"Title",subtitle:"Subtitle"},captionAndSourceSection:{title:"Caption & Source",caption:"Caption",source:"Source",url:"URL",name:"Name"}},elementsPanel:{contentVisible:"Visible",contentValue:"Value",toolbarButton:"Elements",headerSection:{title:"Header",toggleTitle:"Title",subtitle:"Subtitle"},footerSection:{title:"Footer",caption:"Caption",source:"Source",url:"URL",name:"Name"},textSizeSection:{title:"Text size",scaleFormat:e=>`${e.value}x`},fontSection:{title:"Font"},sourceSection:{title:"Source",url:"URL",name:"Name"}},powerUpPanel:{toolbarButton:"Power-ups",goalSection:{title:"Goal",toggle:"Goal",labelControl:"Label",labelPlaceholder:"Goal",labelAriaLabel:"Custom goal label",valueControl:"Goal value",byDate:"By date",xAxisValue:"X-axis value",optional:" (optional)",xAxisReferenceAriaLabel:"X-axis reference value",anyXAxisValue:"Any x-axis value",selectValuePlaceholder:"Select value"},trendSection:{title:"Trend",toggle:"Trend"},averageSection:{title:"Average",toggle:"Average",seriesLabel:"Average line series",seriesPlaceholder:"Select series",seriesAriaLabel:"Series dropdown for average line"},trendType:{label:"Trend type",placeholder:"Trend type",options:{linear:"Linear",exponential:"Exponential",quadratic:"Quadratic",polynomial:"Polynomial",logarithmic:"Logarithmic",power:"Power",loess:"Loess"}},valueInput:{percentagePlaceholder:"Percentage",numberPlaceholder:"Number",percentageSymbol:"%"}},highlighting:{modeHelper:{title:"Highlight mode",hover:"Hover",toHighlight:"to highlight",anyElement:"any element",escToExit:"to exit",esc:"ESC"},emptyState:"No highlight options available",deleteAriaLabel:"Delete highlight",highlightStyle:{tint:"Tint",grey:"Grey"}},fineTunePanel:{toolbarButton:"Fine tune",detailSection:{title:"Detail",missingValues:"Missing values"},lineStyleSection:{title:"Line style",lineCurve:"Line curve",sharp:"Sharp",smooth:"Smooth"}},customThemeEditor:{patternDropdownAriaLabel:"Pattern dropdown for series",patterns:{solid:"Solid",pattern:"Pattern",dotted:"Dotted",dashed:"Dashed",hatched:"Hatched"},heatmapColorLabel:"Color"},accessibility:{toggleSection:e=>`Toggle ${e.title} section`},graphyDefaults:{themeOptions:{light:"Light",dark:"Dark"}}},Co={titleEditor:{titlePlaceholder:"Untitled",subtitlePlaceholder:"Add a subtitle"},toolbar:{formatting:{bold:"Bold",italic:"Italic",underline:"Underline",link:"Link"},link:{ariaLabel:"Create link",placeholder:"Type or paste a link...",submit:"Submit",urlLabel:"Link URL",apply:"Apply link"},font:{label:"Font",ariaLabel:"Font family"},heading:{label:"Heading level",ariaLabel:"Text style",text:"Text",caption:"Caption",heading1:"Heading 1",heading2:"Heading 2",heading3:"Heading 3"},textAlign:{left:"Align left",center:"Align center",right:"Align right"},color:{label:"Text color"}},colorDropdown:{colors:"Colors",chartColors:"Chart colors",custom:"Custom",opacity:"Opacity",transparent:"Transparent",pickCustom:"Pick custom color",pickColor:"Pick color"},annotations:{differenceArrowToolbar:{label:"Difference arrow options",labelKind:{ariaLabel:"Label",absoluteDifference:"Absolute change",relativeDifference:"Percentage change",proportion:"Proportion",suspectValue:"This value divides by a baseline of zero.",incomparableEnds:"The two ends measure different quantities, so a difference between them has no meaning."},color:"Arrow colour",size:{ariaLabel:"Size",small:"Small",medium:"Medium",large:"Large"},swap:"Swap direction",remove:"Remove arrow"},shapeToolbar:{label:"Shape options",color:"Shape colour",border:{ariaLabel:"Border",none:"None",thin:"Thin (2px)",medium:"Medium (8px)",thick:"Thick (16px)"},remove:"Remove shape",resize:{"top-left":"Resize from the top left","top-right":"Resize from the top right","bottom-right":"Resize from the bottom right","bottom-left":"Resize from the bottom left"}},arrowToolbar:{label:"Arrow options",color:"Arrow colour",thickness:{ariaLabel:"Thickness",thin:"Thin",medium:"Medium",thick:"Thick"},startArrowhead:"Start of the arrow",endArrowhead:"End of the arrow",arrowhead:{lineArrow:"Line arrow",none:"None"},lineStyle:{ariaLabel:"Line style",solid:"Solid",dashed:"Dashed",dotted:"Dotted"},sticker:"Sticker effect",remove:"Remove arrow",moveEndpoint:{start:"Move the start of the arrow",end:"Move the end of the arrow"}},textToolbar:{label:"Text options",background:"Background colour",color:"Text colour",font:{ariaLabel:"Font",modern:"Modern",fresh:"Fresh",timeless:"Timeless",technical:"Technical",fineliner:"Fineliner"},fontSize:{ariaLabel:"Font size",small:"Small",medium:"Medium",large:"Large",extraLarge:"Extra Large",huge:"Huge"},align:{left:"Align left",center:"Align centre",right:"Align right"},remove:"Remove text",resize:{left:"Resize from the left",right:"Resize from the right"}},text:{editLabel:"Edit text",placeholder:"Type something"},baseMenu:{pinNumber:"Pin number",unpinNumber:"Unpin number",annotate:"Annotate",removeAnnotation:"Remove annotation",highlight:"Highlight",highlightWithLabel:e=>`Highlight ${e.label}`,removeHighlight:"Remove highlight",differenceArrow:"Difference arrow",addSticker:"Add sticker",removeSticker:"Remove sticker"},textMenu:{title:"Annotate",placeholder:"Add a comment",addButton:"Add"},highlights:{menuTitle:"Highlight",labels:{bar:"bar",barGroup:"group",barStack:"stack",barSeries:"series",line:"line",linePoint:"point",lineSeries:"series",scatterPoint:"point",scatterSeries:"series",pieSlice:"slice",pointOrBar:"point / bar",lineOrSeries:"line / series"}},stickerMenu:{title:"Add sticker"},delete:"Delete",arrow:{thickness:{label:"Thickness",thin:"Thin",medium:"Medium",thick:"Thick"},arrowhead:{startPoint:"Start point",endPoint:"End point",lineArrow:"Line arrow",none:"None"},lineStyle:{label:"Line style",solid:"Solid",dotted:"Dotted"},stickerEffect:"Sticker effect",toolbarAriaLabel:"Free-form arrow toolbar",editorAriaLabel:"Arrow editor"},differenceArrow:{type:{proportion:"Proportion",difference:({absoluteDifference:e})=>`Difference (${e})`,increase:({absoluteDifference:e})=>`Increase (${e})`,decrease:({absoluteDifference:e})=>`Decrease (${e})`,percentageChange:({percentageChange:e})=>`Percentage change (${e})`,percentIncrease:({percentageChange:e})=>`Percent increase (${e})`,percentDecrease:({percentageChange:e})=>`Percent decrease (${e})`},size:{label:"Size",small:"Small",medium:"Medium",large:"Large"},flipArrow:"Flip arrow",color:"Color",toolbarAriaLabel:"Difference arrow toolbar",editorAriaLabel:"Difference arrow editor"},shape:{color:"Color",border:{label:"Border",none:"None",thin:({value:e})=>`Thin (${e})`,medium:({value:e})=>`Medium (${e})`,thick:({value:e})=>`Thick (${e})`}}}},So={common:fo,editor:bo,graph:Co},yo={colorPanel:{backgroundSection:{grey:"Gray"},borderType:{grey:"Gray"}},highlighting:{highlightStyle:{grey:"Gray"}}},jo={editor:yo},To={save:"Guardar",cancel:"Cancelar",confirm:"Confirmar",delete:"Eliminar",confirmDelete:e=>`Tem a certeza que deseja eliminar ${e.item}?`,abbreviations:{thousands:"mil",millions:"M",billions:"MM"}},wo={title:"Editor Graphy",description:"Edite o seu conteúdo aqui",graphTypes:{column:"Colunas",columnStacked:"Colunas sobrepostas",columnStackedFill:"100% Colunas sobrepostas",bar:"Barras",barStacked:"Barras sobrepostas",barStackedFill:"100% Barras sobrepostas",line:"Linha",areaStacked:"Área sobreposta",pie:"Circular",donut:"Donut",scatter:"Dispersão",bubble:"Bolhas",funnel:"Funil",combo:"Combinado",heatmap:"Mapa de Calor",waterfall:"Cascata",mekko:"Mekko",table:"Tabela"},sizePanel:{toolbarButton:"Tamanho",presetsSection:{title:"Predefinições"},customSizeSection:{title:"Tamanho personalizado"},presets:{googleSlides:"Google Slides / PowerPoint",webEmail:"Web / email",linkedIn:"Publicação LinkedIn",instagram:"Publicação Instagram",tiktok:"TikTok / Instagram story",twitter:"X (Twitter)",mobile:"Móvel"},inputs:{unitLabel:"px"},validation:{maxSizeError:e=>`≤ ${e.max}px`,minSizeError:e=>`≥ ${e.min}px`}},graphPanel:{toolbarButton:"Gráfico",graphTypeSection:{title:"Tipo de gráfico"},mappingSection:{title:"Dados",x:"Eixo X",y:"Valor",color:"Cor",size:"Tamanho",label:"Etiqueta",none:"Nenhum"},comboSection:{title:"Aspeto do gráfico combinado",types:{"grouped-bars":"Barras agrupadas","stacked-bars":"Barras empilhadas",lines:"Apenas linhas"}},polarSection:{title:"Polar",innerRadius:"Raio interno",startAngle:"Ângulo inicial"},barSection:{title:"Barras",thickness:"Espessura da barra",rounding:"Arredondamento",roundingOptions:{none:"Nenhum",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",full:"Total"}},graphOptionsSection:{title:"Opções do gráfico"},gridSection:{title:"Grelha",horizontalGridLines:"Linhas horizontais",verticalGridLines:"Linhas verticais",rings:"Anéis",spokes:"Raios",gridStyle:"Estilo da grelha",gridThickness:"Espessura da grelha",lineStyles:{solid:"Sólida",dashed:"Tracejada",dotted:"Pontilhada"}},graphOptions:{sortBars:"Ordenar maior → menor",showPoints:"Mostrar pontos",lineFill:"Preencher sob a linha",smoothLines:"Linhas suaves",stackTotals:"Totais sobrepostos",dataLabels:"Etiquetas de dados",showPercentages:"Mostrar percentagens",categoryLabels:"Etiquetas de categorias"},legendSection:{title:"Legenda",auto:"Automático",top:"Topo",bottom:"Fundo",left:"Esquerda",right:"Direita",none:"Nenhuma",alignLabel:"Alinhamento",align:{auto:"Automático",start:"Início",center:"Centro",end:"Fim"},displayLabel:"Estilo",display:{auto:"Automático",pill:"Etiquetas",direct:"No gráfico"}},numberFormatSection:{title:"Formato numérico"},numberFormat:{abbreviationLabel:"Abreviação",valueLabel:"Valor",decimalPlacesLabel:"Casas decimais",options:{auto:"Automático",custom:"Personalizado",none:"Nenhum"}},headlineNumberSize:{sizeLabel:"Tamanho",valueLabel:"Valor",sizes:{small:"P",medium:"M",large:"G"}},lineThickness:{label:"Espessura da linha"},pointSize:{label:"Tamanho do ponto",options:{auto:"Automático",custom:"Personalizado"}},headlineNumberSection:{title:"Número destaque",toggle:"Visível",metricLabel:"Métrica",compareWithLabel:"Comparar com",metrics:{total:"Total",average:"Média",current:"Último",conversion:"Conversão",left:"Esquerda"},comparison:{first:"Primeiro",previous:"Anterior"},position:{above:"Acima",center:"Centro"}},treatEmptyValues:{leaveGap:{label:"Deixar espaço no gráfico",description:"Deixa uma quebra visível na linha onde faltam dados"},fillZero:{label:"Preencher com zero",description:"Exibe pontos de dados em falta como zero"},connectGaps:{label:"Ligar através dos espaços",description:"Une a linha entre pontos disponíveis, ignorando o espaço"}},comboChartAppearance:{title:"Aparência do gráfico combinado",groupedBars:"Barras agrupadas",stackedBars:"Barras sobrepostas",linesOnly:"Apenas linhas"}},axesPanel:{toolbarButton:"Eixos",mainAxisSection:{yAxis:"Eixo Y",xAxis:"Eixo X"},crossAxisSection:{xAxis:"Eixo X",yAxis:"Eixo Y"},controls:{title:"Título",visible:"Visível",ticks:"Marcas",labels:"Etiquetas",position:"Posição",scale:"Escala",startFrom:"Iniciar de",endAt:"Terminar em",value:"Valor",numberOfAxes:"Número de eixos",reverse:"Inverter"},labelMode:{auto:"Automático",edges:"Extremos"},scale:{auto:"Automático",log:"Logarítmico"},startFrom:{auto:"Automático",zero:"Zero",custom:"Personalizado"},endAt:{auto:"Automático",custom:"Personalizado"},axisCount:{single:"Único",double:"Duplo"},position:{left:"Esquerda",right:"Direita",top:"Topo",bottom:"Fundo"},yesNo:{yes:"Sim",no:"Não"}},colorPanel:{toolbarButton:"Cor",themeSection:{title:"Tema"},appearanceSection:{title:"Aparência",highlightStyle:"Destaque"},paletteSection:{title:"Paleta",colorScheme:"Esquema de cores",colors:"Cores",colorPalettes:"Paletas de cores"},paletteMode:{preset:"Predefinido",brand:"Marca",freestyle:"Livre"},paletteThemes:{colorful:"Colorido",pastel:"Pastel",neon:"Néon"},backgroundSection:{title:"Fundo",black:"Preto",white:"Branco",grey:"Cinzento",tint:"Tonalidade",custom:"Personalizado",none:"Nenhum"},borderSection:{title:"Contorno",borderColor:"Cor do contorno",thickness:"Espessura",cornerRadius:"Raio dos cantos"},borderType:{solid:"Sólido",gradient:"Gradiente",grey:"Cinzento",preset:"Predefinido",custom:"Personalizado",none:"Nenhum"},presetGradients:{lilac:"Lilás",neonPink:"Rosa Néon",blackberry:"Amora",sun:"Sol",iceland:"Islândia",sunset:"Pôr do Sol",ultraviolet:"Ultravioleta",purple:"Roxo",iceCream:"Gelado",mint:"Menta",cool:"Frio",fresh:"Fresco"}},designPanel:{toolbarButton:"Design",defaultExpanded:"Paleta"},annotatePanel:{toolbarButton:"Anotar",callOutSection:{title:"Destaques",text:"Texto",arrow:"Seta",box:"Caixa",difference:"Diferença"},highlightSection:{title:"Realce",button:"Realçar",colorLabel:"Cor do realce"}},annotationsPanel:{toolbarButton:"Anotar",freeformSection:{title:"Forma livre",text:"Texto",arrow:"Seta",box:"Caixa",difference:"Diferença"},goalSection:{title:"Objetivo",labelControl:"Etiqueta",labelPlaceholder:"Objetivo",labelAriaLabel:"Etiqueta de objetivo personalizada",valueControl:"Valor do objetivo",valueAriaLabel:"Valor do objetivo",byDate:"Por data",xAxisValue:"Valor do eixo X",optional:"(opcional)"},trendsAndAveragesSection:{title:"Tendências e Médias",trend:"Tendência",average:"Média"},trendType:{label:"Tipo de tendência",placeholder:"Tipo de tendência",options:{linear:"Linear",exponential:"Exponencial",quadratic:"Quadrática",polynomial:"Polinomial",logarithmic:"Logarítmica",power:"Potência",loess:"Loess"}},averageLineSeries:{label:"Série da linha de média",placeholder:"Selecionar série",ariaLabel:"Dropdown de séries para linha de média"},highlightSection:{title:"Realce",button:"Realçar",fadeColorLabel:"Cor de esmaecimento"},titleAndSubtitleSection:{title:"Título e Subtítulo",toggleTitle:"Título",subtitle:"Subtítulo"},captionAndSourceSection:{title:"Legenda e Fonte",caption:"Legenda",source:"Fonte",url:"URL",name:"Nome"}},elementsPanel:{contentVisible:"Visível",contentValue:"Valor",toolbarButton:"Elementos",headerSection:{title:"Cabeçalho",toggleTitle:"Título",subtitle:"Subtítulo"},footerSection:{title:"Rodapé",caption:"Legenda",source:"Fonte",url:"URL",name:"Nome"},textSizeSection:{title:"Tamanho do texto",scaleFormat:e=>`${e.value}x`},fontSection:{title:"Tipo de letra"},sourceSection:{title:"Fonte",url:"URL",name:"Nome"}},powerUpPanel:{toolbarButton:"Extras",goalSection:{title:"Objetivo",toggle:"Objetivo",labelControl:"Etiqueta",labelPlaceholder:"Objetivo",labelAriaLabel:"Etiqueta de objetivo personalizada",valueControl:"Valor do objetivo",byDate:"Por data",xAxisValue:"Valor do eixo X",optional:" (opcional)",xAxisReferenceAriaLabel:"Valor de referência do eixo X",anyXAxisValue:"Qualquer valor do eixo X",selectValuePlaceholder:"Selecionar valor"},trendSection:{title:"Tendência",toggle:"Tendência"},averageSection:{title:"Média",toggle:"Média",seriesLabel:"Série da linha de média",seriesPlaceholder:"Selecionar série",seriesAriaLabel:"Dropdown de séries para linha de média"},trendType:{label:"Tipo de tendência",placeholder:"Tipo de tendência",options:{linear:"Linear",exponential:"Exponencial",quadratic:"Quadrática",polynomial:"Polinomial",logarithmic:"Logarítmica",power:"Potência",loess:"Loess"}},valueInput:{percentagePlaceholder:"Percentagem",numberPlaceholder:"Número",percentageSymbol:"%"}},highlighting:{modeHelper:{title:"Modo de realce",hover:"Passe",toHighlight:"para realçar",anyElement:"qualquer elemento",escToExit:"para sair",esc:"ESC"},emptyState:"Sem opções de realce disponíveis",deleteAriaLabel:"Eliminar realce",highlightStyle:{tint:"Tonalidade",grey:"Cinzento"}},fineTunePanel:{toolbarButton:"Ajuste fino",detailSection:{title:"Detalhe",missingValues:"Valores em falta"},lineStyleSection:{title:"Estilo de linha",lineCurve:"Curva da linha",sharp:"Angulosa",smooth:"Suave"}},customThemeEditor:{patternDropdownAriaLabel:"Dropdown de padrões para série",patterns:{solid:"Sólido",pattern:"Padrão",dotted:"Pontilhado",dashed:"Tracejado",hatched:"Hachurado"},heatmapColorLabel:"Cor"},accessibility:{toggleSection:e=>`Alternar secção ${e.title}`},graphyDefaults:{themeOptions:{light:"Claro",dark:"Escuro"}}},Ao={titleEditor:{titlePlaceholder:"Sem título",subtitlePlaceholder:"Adicionar subtítulo"},toolbar:{formatting:{bold:"Negrito",italic:"Itálico",underline:"Sublinhado",link:"Ligação"},link:{ariaLabel:"Criar ligação",placeholder:"Escreva ou cole uma ligação...",submit:"Submeter",urlLabel:"URL da ligação",apply:"Aplicar ligação"},font:{label:"Tipo de letra",ariaLabel:"Família do tipo de letra"},heading:{label:"Nível de título",ariaLabel:"Estilo de texto",text:"Texto",caption:"Legenda",heading1:"Título 1",heading2:"Título 2",heading3:"Título 3"},textAlign:{left:"Alinhar à esquerda",center:"Alinhar ao centro",right:"Alinhar à direita"},color:{label:"Cor do texto"}},colorDropdown:{colors:"Cores",chartColors:"Cores do gráfico",custom:"Personalizado",opacity:"Opacidade",transparent:"Transparente",pickCustom:"Escolher cor personalizada",pickColor:"Escolher cor"},annotations:{differenceArrowToolbar:{label:"Opções da seta de diferença",labelKind:{ariaLabel:"Etiqueta",absoluteDifference:"Variação absoluta",relativeDifference:"Variação percentual",proportion:"Proporção",suspectValue:"Este valor divide por uma base igual a zero.",incomparableEnds:"As duas pontas medem quantidades diferentes, pelo que a diferença entre elas não tem significado."},color:"Cor da seta",size:{ariaLabel:"Tamanho",small:"Pequeno",medium:"Médio",large:"Grande"},swap:"Inverter sentido",remove:"Remover seta"},shapeToolbar:{label:"Opções da forma",color:"Cor da forma",border:{ariaLabel:"Contorno",none:"Nenhum",thin:"Fino (2px)",medium:"Médio (8px)",thick:"Espesso (16px)"},remove:"Remover forma",resize:{"top-left":"Redimensionar a partir do canto superior esquerdo","top-right":"Redimensionar a partir do canto superior direito","bottom-right":"Redimensionar a partir do canto inferior direito","bottom-left":"Redimensionar a partir do canto inferior esquerdo"}},arrowToolbar:{label:"Opções da seta",color:"Cor da seta",thickness:{ariaLabel:"Espessura",thin:"Fina",medium:"Média",thick:"Espessa"},startArrowhead:"Início da seta",endArrowhead:"Fim da seta",arrowhead:{lineArrow:"Ponta de seta",none:"Nenhuma"},lineStyle:{ariaLabel:"Estilo da linha",solid:"Sólida",dashed:"Tracejada",dotted:"Pontilhada"},sticker:"Efeito autocolante",remove:"Remover seta",moveEndpoint:{start:"Mover o início da seta",end:"Mover o fim da seta"}},textToolbar:{label:"Opções do texto",background:"Cor de fundo",color:"Cor do texto",font:{ariaLabel:"Tipo de letra",modern:"Moderno",fresh:"Fresco",timeless:"Intemporal",technical:"Técnico",fineliner:"Caneta fina"},fontSize:{ariaLabel:"Tamanho da letra",small:"Pequeno",medium:"Médio",large:"Grande",extraLarge:"Muito grande",huge:"Enorme"},align:{left:"Alinhar à esquerda",center:"Alinhar ao centro",right:"Alinhar à direita"},remove:"Remover texto",resize:{left:"Redimensionar a partir da esquerda",right:"Redimensionar a partir da direita"}},text:{editLabel:"Editar texto",placeholder:"Escreva algo"},baseMenu:{pinNumber:"Fixar número",unpinNumber:"Desafixar número",annotate:"Anotar",removeAnnotation:"Remover anotação",highlight:"Realçar",highlightWithLabel:e=>`Realçar ${e.label}`,removeHighlight:"Remover realce",differenceArrow:"Seta de diferença",addSticker:"Adicionar autocolante",removeSticker:"Remover autocolante"},textMenu:{title:"Anotar",placeholder:"Adicionar comentário",addButton:"Adicionar"},highlights:{menuTitle:"Realçar",labels:{bar:"Barra",barGroup:"Grupo",barStack:"Pilha",barSeries:"Série",line:"Linha",linePoint:"Ponto",lineSeries:"Série",scatterPoint:"Ponto",scatterSeries:"Série",pieSlice:"Fatia",pointOrBar:"Ponto / barra",lineOrSeries:"Linha / série"}},stickerMenu:{title:"Adicionar autocolante"},delete:"Eliminar",arrow:{thickness:{label:"Espessura",thin:"Fina",medium:"Média",thick:"Grossa"},arrowhead:{startPoint:"Ponto inicial",endPoint:"Ponto final",lineArrow:"Seta de linha",none:"Nenhuma"},lineStyle:{label:"Estilo de linha",solid:"Sólida",dotted:"Pontilhada"},stickerEffect:"Efeito de autocolante",toolbarAriaLabel:"Barra de ferramentas de seta livre",editorAriaLabel:"Editor de seta"},differenceArrow:{type:{proportion:"Proporção",difference:({absoluteDifference:e})=>`Diferença (${e})`,increase:({absoluteDifference:e})=>`Aumento (${e})`,decrease:({absoluteDifference:e})=>`Diminuição (${e})`,percentageChange:({percentageChange:e})=>`Variação percentual (${e})`,percentIncrease:({percentageChange:e})=>`Aumento percentual (${e})`,percentDecrease:({percentageChange:e})=>`Diminuição percentual (${e})`},size:{label:"Tamanho",small:"Pequeno",medium:"Médio",large:"Grande"},flipArrow:"Inverter seta",color:"Cor",toolbarAriaLabel:"Barra de ferramentas de seta de diferença",editorAriaLabel:"Editor de seta de diferença"},shape:{color:"Cor",border:{label:"Contorno",none:"Nenhum",thin:({value:e})=>`Fino (${e})`,medium:({value:e})=>`Médio (${e})`,thick:({value:e})=>`Grosso (${e})`}}}},Po={common:To,editor:wo,graph:Ao},Lo={"en-GB":So,"en-US":jo,ar:vo,"pt-PT":Po},ko=[Lo,s.dictionaries],ln=({children:e,...n})=>(0,t.jsx)(s.IntlProvider,{dictionaries:ko,...n,children:e}),Io="data-variant",sn=rn.Paragraph.extend({addAttributes(){return{variant:{default:null,parseHTML:e=>e.getAttribute("data-variant")??null,renderHTML:e=>e.variant?{[Io]:e.variant}:{}}}}}),Eo=nn.Extension.create({name:"preventBackspaceAcrossTitleBoundary",addOptions(){return{isTitleVisible:!0}},addKeyboardShortcuts(){return{Backspace:({editor:e})=>{if(!this.options.isTitleVisible)return!1;const{selection:n}=e.state;if(!n.empty)return!1;const{$from:r}=n;return r.depth!==1\|\|r.parentOffset!==0?!1:r.index(0)===1}}}}),Qe=()=>[so.Text,Ae.UndoRedo,ao.Heading.configure({levels:[1,2,3]}),ro.Bold,io.Italic,uo.Underline,co.TextAlign.configure({types:["heading","paragraph"]}),lo.Link.configure({openOnClick:!1,autolink:!0}),fe.TextStyle,fe.Color,oo.HardBreak],Mo=({titlePlaceholder:e,subtitlePlaceholder:n,isTitleVisible:r,isSubtitleVisible:o})=>[Ro({isTitleVisible:r,isSubtitleVisible:o}),sn,...Qe(),fe.FontFamily,Eo.configure({isTitleVisible:r}),Ae.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:a,editor:i})=>{if(r&&a===0)return e;const l=r?i.state.doc.firstChild?.nodeSize??-1:0;return o&&a===l?n:""}})],_o=({placeholder:e})=>[ve.Document,sn,...Qe(),fe.FontFamily,Ae.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:n})=>n===0?e:""})],Ro=({isTitleVisible:e,isSubtitleVisible:n})=>e&&n?ve.Document.extend({content:"block{2,}"}):ve.Document,No="linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))",Oo="d0bl00";var cn="d0bl03",Do="d0bl04",dn="d0bl05",Be="d0bl06",zo="d0bl07",Fo="d0bl08",un="d0bl09",Ho="d0bl0a",Bo="d0bl0b",Go="d0bl0c",Vo="d0bl0d",Uo="d0bl0e",$o="owf1yg0",qo="owf1yg1",Wo="owf1yg2",Ko="owf1yg3",Xo="owf1yg4",Zo=.01,Yo=({value:e,onChange:n,label:r})=>(0,t.jsx)(q.Slider.Root,{className:$o,value:e,onValueChange:o=>n(o),min:0,max:1,step:Zo,children:(0,t.jsx)(q.Slider.Control,{className:qo,children:(0,t.jsxs)(q.Slider.Track,{className:Wo,children:[(0,t.jsx)(q.Slider.Indicator,{className:Ko}),(0,t.jsx)(q.Slider.Thumb,{className:Xo,"aria-label":r})]})})}),Jo="transparent",Ge=G.CANVAS_COLOR_KEYS.map(e=>G.vars[e]),Qo=Object.fromEntries(G.CANVAS_COLOR_KEYS.map(e=>[G.vars[e],e])),ea=e=>Ge.some(n=>pn(n,e)),ta=({color:e,onChange:n,isOpen:r,onOpenChange:o,children:a,label:i,popupAttributes:l,opacity:c,onOpacityChange:d,hasTransparentOption:h=!1})=>{const u=s.useI18n(),m=ra(),v=h?[Jo,...Ge]:Ge,g=x=>{n(x),o(!1)};return(0,t.jsxs)(B.Popover.Root,{open:r,onOpenChange:o,children:[(0,t.jsx)(B.Popover.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":i??u("graph.toolbar.color.label"),className:Oo,onMouseDown:x=>x.preventDefault(),children:a??(0,t.jsx)("span",{className:"d0bl01",style:{background:e??"transparent"}})}),(0,t.jsx)(B.Popover.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(B.Popover.Positioner,{sideOffset:6,align:"start",className:cn,children:(0,t.jsxs)(B.Popover.Popup,{className:Do,onMouseDown:x=>x.preventDefault(),...l,children:[(0,t.jsx)(bt,{title:u("graph.colorDropdown.colors"),colors:v,currentColor:e,onPick:g}),m.length>0&&(0,t.jsx)(bt,{title:u("graph.colorDropdown.chartColors"),colors:m,currentColor:e,onPick:g}),(0,t.jsx)(na,{value:e??"#000000",onChange:n,popupAttributes:l}),c!==void 0&&d!==void 0&&(0,t.jsxs)("div",{className:"d0bl05",children:[(0,t.jsx)("div",{className:"d0bl06",children:u("graph.colorDropdown.opacity")}),(0,t.jsx)(Yo,{value:c,onChange:d,label:u("graph.colorDropdown.opacity")})]})]})})})})]})},bt=({title:e,colors:n,currentColor:r,onPick:o})=>{const a=s.useI18n();return(0,t.jsxs)("div",{className:dn,children:[(0,t.jsx)("div",{className:Be,children:e}),(0,t.jsx)("div",{className:zo,children:n.map(i=>(0,t.jsx)("button",{type:"button","aria-label":i==="transparent"?a("graph.colorDropdown.transparent"):i,className:Fo,"data-active":pn(i,r),onMouseDown:l=>l.preventDefault(),onClick:()=>o(i),children:(0,t.jsx)("span",{className:un,style:hn(i)})},i))})]})},na=({value:e,onChange:n,popupAttributes:r})=>{const o=s.useI18n(),[a,i]=(0,b.useState)(!1),l=s.isValidCssColor(e)?e:"#000000",c=oa(l);return(0,t.jsxs)(B.Popover.Root,{open:a,onOpenChange:i,children:[(0,t.jsxs)("div",{className:dn,children:[(0,t.jsx)("div",{className:Be,children:o("graph.colorDropdown.custom")}),(0,t.jsxs)(B.Popover.Trigger,{className:Ho,onMouseDown:d=>d.preventDefault(),"aria-label":o("graph.colorDropdown.pickCustom"),children:[(0,t.jsx)("span",{className:un,style:hn(l)}),(0,t.jsx)("span",{className:Bo,children:c})]})]}),(0,t.jsx)(B.Popover.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(B.Popover.Positioner,{side:"right",align:"start",sideOffset:18,className:cn,children:(0,t.jsxs)(B.Popover.Popup,{className:Go,onMouseDown:d=>d.preventDefault(),...r,children:[(0,t.jsx)("div",{className:Be,children:o("graph.colorDropdown.pickColor")}),(0,t.jsx)(xt.HexColorPicker,{color:c,onChange:n,className:Vo}),(0,t.jsx)(xt.HexColorInput,{color:c,onChange:n,prefixed:!0,className:Uo,onMouseDown:d=>d.stopPropagation()})]})})})})]})},ra=()=>{const e=s.useCompiledSelector(n=>n.scales.color);return(0,b.useMemo)(()=>{if(!e\|\|e.kind!=="visual")return[];const n=new Set;for(const r of e.domain){const o=e.map(r);typeof o=="string"&&n.add(o)}return[...n]},[e])},hn=e=>e==="transparent"?{background:No,border:`1px solid ${G.vars.border100}`}:{background:e,border:`1px solid ${s.darkenCss(e,.1)}`},oa=e=>{const{themeValues:n}=s.useThemeContext();if(s.isHex(e))return e.toUpperCase();const r=Qo[e];return r?n[r].toUpperCase():"#000000"},pn=(e,n)=>n===null?!1:e.toLowerCase()===n.toLowerCase(),aa="l9kff0",ia="l9kff1",la="l9kff2",sa="xn24px0",ca="xn24px1",da="xn24px2",ua=({children:e,popupAttributes:n})=>(0,t.jsx)(M.Menu.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:sa,children:(0,t.jsx)(M.Menu.Popup,{className:ca,onMouseDown:r=>r.preventDefault(),...n,children:e})})})}),ha=({children:e,isSelected:n=!1,isDisabled:r=!1,onClick:o})=>(0,t.jsx)(M.Menu.Item,{className:da,"data-selected":n,disabled:r,onClick:o,children:e}),pa=({className:e,...n})=>(0,t.jsx)(te.Tooltip.Provider,{children:(0,t.jsx)(W.Toolbar.Root,{...n,className:(0,V.default)(aa,e)})}),ma=({className:e,...n})=>(0,t.jsx)(W.Toolbar.Group,{...n,className:(0,V.default)(ia,e)}),ga=({className:e,...n})=>(0,t.jsx)(W.Toolbar.Separator,{...n,className:(0,V.default)(la,e)}),xa=({children:e})=>{const n=s.resolvePortalContainer();return n===null?null:(0,en.createPortal)((0,t.jsx)(s.PortalThemeProvider,{children:e}),n)},F={Portal:xa,Root:pa,Group:ma,Separator:ga,Button:W.Toolbar.Button,ColorPicker:ta,MenuPopup:ua,MenuItem:ha},ce=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"m6 9 6 6 6-6"})})}),va="'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'",fa=`'Aeonik', 'Aeonik Fallback', ${G.DEFAULT_FONT_FAMILY}`,ba="'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'",Ca="'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'",Ve=[{id:"modern",label:"Modern",preview:"Aa",fontFamily:G.DEFAULT_FONT_FAMILY},{id:"fresh",label:"Fresh",preview:"Aa",fontFamily:fa},{id:"timeless",label:"Timeless",preview:"Aa",fontFamily:va},{id:"technical",label:"Technical",preview:"00",fontFamily:ba},{id:"fineliner",label:"Fineliner",preview:"Aa",fontFamily:Ca}],Sa=e=>e?Ve.find(n=>n.fontFamily===e)??null:null,mn="_70l3rt0",gn="_70l3rt1",xn="_70l3rt3",vn="_70l3rt4",fn="_70l3rt5",ya=({editor:e,currentFontFamily:n,isOpen:r,onOpenChange:o})=>{const a=s.useI18n(),i=Sa(n)??Ve[0],l=c=>{e.chain().focus().setFontFamily(c.fontFamily).run()};return(0,t.jsxs)(M.Menu.Root,{open:r,onOpenChange:o,children:[(0,t.jsxs)(M.Menu.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":a("graph.toolbar.font.ariaLabel"),className:mn,onMouseDown:c=>c.preventDefault(),children:[(0,t.jsx)("span",{className:gn,style:{fontFamily:i?.fontFamily},children:i?.preview}),(0,t.jsx)(ce,{size:"sm"})]}),(0,t.jsx)(M.Menu.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:xn,children:(0,t.jsx)(M.Menu.Popup,{className:vn,onMouseDown:c=>c.preventDefault(),children:Ve.map(c=>(0,t.jsx)(M.Menu.Item,{className:fn,"data-selected":c.id===i?.id,onClick:()=>l(c),children:(0,t.jsx)("span",{style:{fontFamily:c.fontFamily},children:c.label})},c.id))})})})})]})},bn={id:"text",translationKey:"graph.toolbar.heading.text",previewFont:G.vars.fontTextEditorBody},Ct=[{id:"caption",translationKey:"graph.toolbar.heading.caption",previewFont:G.vars.fontTextEditorH6},bn,{id:"h3",translationKey:"graph.toolbar.heading.heading3",previewFont:G.vars.fontTextEditorH3},{id:"h2",translationKey:"graph.toolbar.heading.heading2",previewFont:G.vars.fontTextEditorH2},{id:"h1",translationKey:"graph.toolbar.heading.heading1",previewFont:G.vars.fontTextEditorH1}],ja=({editor:e,activeStyle:n,isOpen:r,onOpenChange:o})=>{const a=s.useI18n(),i=Ct.find(l=>l.id===n)??bn;return(0,t.jsxs)(M.Menu.Root,{open:r,onOpenChange:o,children:[(0,t.jsxs)(M.Menu.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":a("graph.toolbar.heading.ariaLabel"),className:mn,onMouseDown:l=>l.preventDefault(),children:[(0,t.jsx)("span",{className:gn,children:a(i.translationKey)}),(0,t.jsx)(ce,{size:"sm"})]}),(0,t.jsx)(M.Menu.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:xn,children:(0,t.jsx)(M.Menu.Popup,{className:vn,onMouseDown:l=>l.preventDefault(),children:Ct.map(l=>(0,t.jsx)(M.Menu.Item,{className:fn,"data-selected":l.id===i.id,onClick:()=>Ta(e,l.id),children:(0,t.jsx)(wa,{font:l.previewFont,children:a(l.translationKey)})},l.id))})})})})]})},Ta=(e,n)=>{switch(n){case"caption":e.chain().focus().setNode("paragraph",{variant:"caption"}).run();return;case"text":e.chain().focus().setNode("paragraph",{variant:null}).run();return;case"h1":e.chain().focus().setHeading({level:1}).run();return;case"h2":e.chain().focus().setHeading({level:2}).run();return;case"h3":e.chain().focus().setHeading({level:3}).run()}},wa=({font:e,children:n})=>(0,t.jsx)("span",{style:{font:e,margin:0},children:n}),Cn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),Aa=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),(0,t.jsx)("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]})}),Pa=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M18 6 6 18"}),(0,t.jsx)("path",{d:"m6 6 12 12"})]})}),La=e=>!e.content\|\|e.content.length===0?!0:e.content.every(n=>!n.content\|\|n.content.length===0),ka=e=>{const{$from:n}=e.state.selection,r=n.parent.textContent,o=n.parentOffset,a=n.start();let i=o;for(;i>0&&St(r[i-1]);)i-=1;let l=o;for(;l<r.length&&St(r[l]);)l+=1;return{from:a+i,to:a+l}},St=e=>e!==void 0&&/\S/.test(e),Ia="fop13s0",Ea="fop13s1",Ma="fop13s2",_a="fop13s3",yt="fop13s4",Ra=({editor:e,currentUrl:n,isActive:r,isOpen:o,onOpenChange:a})=>{const i=s.useI18n(),[l,c]=(0,b.useState)(""),d=(0,b.useRef)(null);(0,b.useEffect)(()=>{o&&c(n??"")},[o,n]);const h=()=>{Na(e,l),a(!1)},u=()=>{c(""),a(!1)},m=g=>{c(g.target.value)},v=g=>{g.key==="Enter"&&(g.preventDefault(),h())};return(0,t.jsxs)(B.Popover.Root,{open:o,onOpenChange:a,children:[(0,t.jsx)(B.Popover.Trigger,{render:(0,t.jsx)(W.Toolbar.Button,{}),"aria-label":i("graph.toolbar.formatting.link"),"data-active":r,className:Ia,onMouseDown:g=>g.preventDefault(),children:(0,t.jsx)(Aa,{})}),(0,t.jsx)(B.Popover.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(B.Popover.Positioner,{sideOffset:6,align:"end",className:Ea,children:(0,t.jsxs)(B.Popover.Popup,{className:Ma,initialFocus:d,onMouseDown:g=>g.preventDefault(),children:[(0,t.jsx)("input",{ref:d,type:"url",value:l,placeholder:i("graph.toolbar.link.placeholder"),"aria-label":i("graph.toolbar.link.urlLabel"),className:_a,onMouseDown:g=>g.stopPropagation(),onChange:m,onKeyDown:v}),(0,t.jsx)("button",{type:"button","aria-label":i("common.cancel"),className:yt,onClick:u,children:(0,t.jsx)(Pa,{})}),(0,t.jsx)("button",{type:"button","aria-label":i("graph.toolbar.link.apply"),className:yt,onClick:h,children:(0,t.jsx)(Cn,{})})]})})})})]})},Na=(e,n)=>{const r=n.trim(),{selection:o}=e.state;if(!r){e.chain().focus().extendMarkRange("link").unsetLink().run();return}if(!o.empty){e.chain().focus().setLink({href:r}).run();return}if(e.isActive("link")){e.chain().focus().extendMarkRange("link").setLink({href:r}).run();return}const a=ka(e);e.chain().focus().setTextSelection(a).setLink({href:r}).run()},Sn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M21 5H3"}),(0,t.jsx)("path",{d:"M17 12H7"}),(0,t.jsx)("path",{d:"M19 19H5"})]})}),yn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M21 5H3"}),(0,t.jsx)("path",{d:"M21 12H9"}),(0,t.jsx)("path",{d:"M21 19H7"})]})}),jn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M21 5H3"}),(0,t.jsx)("path",{d:"M15 12H3"}),(0,t.jsx)("path",{d:"M17 19H3"})]})}),Oa="_1d66w570",Da="_1d66w571",za=6,ne=({label:e,isActive:n,onToggle:r,children:o})=>{const a=i=>i.preventDefault();return(0,t.jsxs)(te.Tooltip.Root,{children:[(0,t.jsx)(te.Tooltip.Trigger,{render:(0,t.jsx)(ho.Toggle,{render:(0,t.jsx)(W.Toolbar.Button,{}),pressed:n,onPressedChange:()=>r()}),"aria-label":e,className:Oa,onMouseDown:a,children:o}),(0,t.jsx)(te.Tooltip.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(te.Tooltip.Positioner,{sideOffset:za,children:(0,t.jsx)(te.Tooltip.Popup,{className:Da,children:e})})})})]})},Fa=({editor:e,activeAlignment:n="left"})=>{const r=s.useI18n();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ne,{label:r("graph.toolbar.textAlign.left"),isActive:n==="left",onToggle:()=>e.chain().focus().setTextAlign("left").run(),children:(0,t.jsx)(jn,{})}),(0,t.jsx)(ne,{label:r("graph.toolbar.textAlign.center"),isActive:n==="center",onToggle:()=>e.chain().focus().setTextAlign("center").run(),children:(0,t.jsx)(Sn,{})}),(0,t.jsx)(ne,{label:r("graph.toolbar.textAlign.right"),isActive:n==="right",onToggle:()=>e.chain().focus().setTextAlign("right").run(),children:(0,t.jsx)(yn,{})})]})},Ha="_1u34vl40",Ba=({editor:e})=>({isBold:e?.isActive("bold")??!1,isItalic:e?.isActive("italic")??!1,isUnderline:e?.isActive("underline")??!1,isLink:e?.isActive("link")??!1,linkUrl:e?.getAttributes("link").href??null,color:e?.getAttributes("textStyle").color??null,fontFamily:e?.getAttributes("textStyle").fontFamily??null,fontSize:Ga(e),textAlign:Va(e)}),Ga=e=>e?e.isActive("heading",{level:1})?"h1":e.isActive("heading",{level:2})?"h2":e.isActive("heading",{level:3})?"h3":e.isActive("paragraph",{variant:"caption"})?"caption":"text":"text",Va=e=>e?e.isActive({textAlign:"center"})?"center":e.isActive({textAlign:"right"})?"right":"left":"left",Ua=8,$a=8,qa=({editor:e})=>{const n=s.useI18n(),[r,o]=(0,b.useState)(!1),[a,i]=(0,b.useState)(null),l=a!==null,c=g=>x=>{i(x?g:null)},{refs:d,floatingStyles:h}=(0,ae.useFloating)({placement:"top-start",strategy:"fixed",middleware:[(0,ae.offset)(Ua),(0,ae.flip)(),(0,ae.shift)({padding:$a})],whileElementsMounted:ae.autoUpdate}),u=(0,b.useRef)(null),m=(0,Pe.useEditorState)({editor:e,selector:Ba}),v=(0,b.useCallback)(g=>{u.current=g,d.setFloating(g)},[d]);return(0,b.useEffect)(()=>{e&&d.setReference(e.view.dom)},[e,d]),(0,b.useEffect)(()=>{if(!e)return;const g=()=>o(!0),x=({event:f})=>{const{relatedTarget:S,currentTarget:P}=f,C=S instanceof Node&&u.current?.contains(S),L=S instanceof Node&&P instanceof Node&&P.contains(S);!C&&!L&&o(!1)};return e.on("focus",g),e.on("blur",x),()=>{e.off("focus",g),e.off("blur",x)}},[e]),!e\|\|!r&&!l?null:(0,t.jsx)(F.Portal,{children:(0,t.jsxs)(F.Root,{ref:v,className:Ha,style:h,children:[(0,t.jsxs)(F.Group,{children:[(0,t.jsx)(F.ColorPicker,{color:m?.color??null,onChange:g=>e.chain().setColor(g).run(),isOpen:a==="color",onOpenChange:c("color")}),(0,t.jsx)(ya,{editor:e,currentFontFamily:m?.fontFamily??null,isOpen:a==="fontFamily",onOpenChange:c("fontFamily")})]}),(0,t.jsx)(F.Separator,{}),(0,t.jsx)(F.Group,{children:(0,t.jsx)(ja,{editor:e,activeStyle:m?.fontSize??"text",isOpen:a==="fontSize",onOpenChange:c("fontSize")})}),(0,t.jsx)(F.Separator,{}),(0,t.jsxs)(F.Group,{children:[(0,t.jsx)(ne,{label:n("graph.toolbar.formatting.bold"),isActive:m?.isBold??!1,onToggle:()=>e.chain().focus().toggleBold().run(),children:(0,t.jsx)("strong",{children:"B"})}),(0,t.jsx)(ne,{label:n("graph.toolbar.formatting.italic"),isActive:m?.isItalic??!1,onToggle:()=>e.chain().focus().toggleItalic().run(),children:(0,t.jsx)("em",{children:"I"})}),(0,t.jsx)(ne,{label:n("graph.toolbar.formatting.underline"),isActive:m?.isUnderline??!1,onToggle:()=>e.chain().focus().toggleUnderline().run(),children:(0,t.jsx)("u",{children:"U"})})]}),(0,t.jsx)(F.Separator,{}),(0,t.jsx)(F.Group,{children:(0,t.jsx)(Fa,{editor:e,activeAlignment:m?.textAlign})}),(0,t.jsx)(F.Separator,{}),(0,t.jsx)(F.Group,{children:(0,t.jsx)(Ra,{editor:e,currentUrl:m?.linkUrl??null,isActive:m?.isLink??!1,isOpen:a==="link",onOpenChange:c("link")})})]})})},Wa="_1uy50v30",Tn=({editor:e,ariaLabel:n})=>(0,t.jsxs)("div",{className:Wa,children:[(0,t.jsx)(qa,{editor:e}),(0,t.jsx)(Pe.EditorContent,{editor:e,"aria-label":n})]}),Ka=200,et=({content:e,extensions:n,isEditable:r,onUpdate:o,updateDebounceMs:a=Ka})=>{const i=(0,b.useRef)(jt(e)),l=(0,b.useRef)(i.current),c=s.useDebouncedCallback(h=>{l.current=h,o?.(h)},a),d=(0,Pe.useEditor)({extensions:n,content:i.current,editable:r,immediatelyRender:!1,onUpdate:({editor:h})=>{const u=h.getJSON();if(Oe(l.current,u))return c.cancel();c.run(u)}});return(0,b.useEffect)(()=>{d?.setEditable(r)},[d,r]),(0,b.useEffect)(()=>{if(!d)return;const h=jt(e);Oe(l.current,h)\|\|(l.current=h,!Oe(d.getJSON(),h)&&(c.cancel(),Xa(d,h)))},[d,e,c]),(0,b.useEffect)(()=>()=>c.flush(),[c]),d},jt=e=>e===null?{type:"doc",content:[]}:typeof e=="string"?{type:"doc",content:[{type:"paragraph",content:e?[{type:"text",text:e}]:[]}]}:e,Xa=(e,n)=>{const{from:r,to:o}=e.state.selection;e.commands.setContent(n,{emitUpdate:!1});const a=e.state.doc.content.size;e.commands.setTextSelection({from:Math.min(r,a),to:Math.min(o,a)})},Oe=(e,n)=>JSON.stringify(be(e))===JSON.stringify(be(n)),be=e=>Array.isArray(e)?e.map(be):e===null\|\|typeof e!="object"?e:Object.fromEntries(Object.entries(e).map(([n,r])=>[n,be(r)]).filter(([,n])=>!Za(n)).sort(([n],[r])=>String(n).localeCompare(String(r)))),Za=e=>e==null\|\|typeof e=="object"&&Object.keys(e).length===0,Ya=({caption:e})=>{const{dispatch:n}=s.useGraphCommands();return(0,t.jsx)(Tn,{editor:et({content:e,extensions:(0,b.useMemo)(()=>_o({placeholder:"Add caption"}),[]),isEditable:!0,onUpdate:r=>{const o=La(r)?null:r;n(new p.SetContentCaptionCommand({caption:o}))}}),ariaLabel:"Chart caption"})},Ja=e=>[ve.Document,rn.Paragraph,...Qe(),ei,Ae.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:n})=>n===0?e:""})],Qa=({annotation:e})=>{const n=s.useI18n(),{dispatch:r}=s.useGraphCommands(),o=s.useEditorStore(),a=(0,b.useMemo)(()=>Ja(n("graph.annotations.text.placeholder")),[n]),i=et({content:e.content,extensions:a,isEditable:!0,onUpdate:l=>{r(new p.UpdateAnnotationCommand({kind:"text",id:e.id,patch:{content:l}}))}});return(0,b.useEffect)(()=>{const{setCaretEditor:l}=o.getState();return l(i),()=>l(null)},[i,o]),(0,b.useEffect)(()=>{i?.commands.focus("end",{scrollIntoView:!1})},[i]),(0,t.jsx)(Pe.EditorContent,{"aria-label":n("graph.annotations.text.editLabel"),className:s.editor,editor:i,"data-testid":"text-annotation-editor"})},Tt=e=>{const n=s.resolveRichTextFontFamily(e);return n===void 0?{}:{style:`font-family: ${n}`}},ei=nn.Extension.create({name:"annotationTextStyleAttributes",addGlobalAttributes(){return[{types:["textStyle"],attributes:{fontFamily:{default:null,renderHTML:e=>Tt(e.fontFamily)},font:{default:null,renderHTML:e=>Tt(e.font)},fontSize:{default:null,renderHTML:e=>typeof e.fontSize=="number"&&Number.isFinite(e.fontSize)?{style:`font-size: ${e.fontSize/10}em`}:{}}}}]}}),ti=3,ni=({title:e,isTitleVisible:n,subtitle:r,isSubtitleVisible:o})=>{const a=[];return n&&a.push({type:"heading",attrs:{level:ti},content:oi(e)}),o&&a.push(...ai(r)),{type:"doc",content:a}},ri=e=>{const[n,...r]=e.content??[];return{title:ii(n?.content??[]),subtitle:li(r)}},tt=e=>({type:e.type??"text",...e.content!==void 0?{content:e.content.map(tt)}:{},...e.text!==void 0?{text:e.text}:{},...e.marks!==void 0?{marks:e.marks}:{},...e.attrs!==void 0?{attrs:e.attrs}:{}}),oi=e=>e===null?[]:typeof e=="string"?e===""?[]:[{type:"text",text:e}]:e.type==="doc"&&e.content?e.content.flatMap(n=>n.content??[]):e.type==="text"\|\|e.type==="hardBreak"?[e]:e.content??[],ai=e=>e===null?[{type:"paragraph"}]:typeof e=="string"?e===""?[{type:"paragraph"}]:[{type:"paragraph",content:[{type:"text",text:e}]}]:e.type==="doc"&&e.content?e.content.length===0?[{type:"paragraph"}]:e.content.map(wt):[wt(e)],wt=e=>e.type==="paragraph"?e:{type:"paragraph",content:e.content??[e]},ii=e=>{if(e.length===0)return null;const[n]=e;return n&&e.length===1&&n.type==="text"&&(!n.marks\|\|n.marks.length===0)?n.text??null:{type:"paragraph",content:e.map(tt)}},li=e=>{const n=e.filter(o=>(o.content??[]).length>0);if(n.length===0)return null;const[r]=n;if(r&&n.length===1&&r.type==="paragraph"){const o=r.content??[],[a]=o;if(a&&o.length===1&&a.type==="text"&&(!a.marks\|\|a.marks.length===0))return a.text??null}return{type:"doc",content:n.map(tt)}},si=({title:e,isTitleVisible:n,isSubtitleVisible:r,subtitle:o})=>{const{dispatch:a}=s.useGraphCommands(),i=(0,b.useMemo)(()=>Mo({titlePlaceholder:"Untitled",subtitlePlaceholder:"Untitled",isTitleVisible:n,isSubtitleVisible:r}),[n,r]);return(0,t.jsx)(Tn,{editor:et({content:(0,b.useMemo)(()=>ni({title:e,isTitleVisible:n,subtitle:o,isSubtitleVisible:r}),[e,n,o,r]),extensions:i,isEditable:!0,onUpdate:l=>{const c=ri(l);n&&a(new p.SetContentTitleCommand({title:c.title})),r&&a(new p.SetContentSubtitleCommand({subtitle:c.subtitle}))}}),ariaLabel:"Chart title and subtitle"})},ci={Title:si,Caption:Ya,TextAnnotation:Qa},di="data-graphy-chart-chrome",ui="data-graphy-chart-menu",wn={[ui]:""},Le=e=>({[di]:e}),xe=(e,n)=>e instanceof Element&&e.closest(`[data-graphy-chart-chrome="${CSS.escape(n)}"]`)!==null,hi=e=>e instanceof Element&&e.closest("[data-graphy-chart-menu]")!==null,Ue=e=>e instanceof Element&&e.closest("[data-graphy-chart-chrome]")!==null,An=(e,n,r)=>r!==null&&(0,p.isPointWithinEditMenuTrigger)({x:e.clientX-n.x,y:e.clientY-n.y},r),se=(e,n,r)=>e instanceof Node&&(n.contains(e)\|\|xe(e,r)),pi="cml7ha0",Pn=(0,b.createContext)(null),mi=({children:e})=>{const{chartId:n}=s.useGraphContext(),[r]=(0,b.useState)(s.resolvePortalContainer),[o,a]=(0,b.useState)(null);return r===null?null:(0,t.jsxs)(t.Fragment,{children:[(0,en.createPortal)((0,t.jsx)("div",{ref:a,className:pi,...Le(n)}),r),(0,t.jsx)(Pn.Provider,{value:o,children:e})]})},nt=()=>(0,b.useContext)(Pn),Ln=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",d:"M2.333 3h11.334v8.667c-2 0-4 .333-5.667 2.333-2-2-3.667-2.333-5.667-2.333z",opacity:".12"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",fillRule:"evenodd",d:"M3.325 3.156a.836.836 0 0 0-.836.836v6.832c0 .462.375.836.836.836h2.131a.5.5 0 0 1 .352.145L8 13.975l2.193-2.17a.5.5 0 0 1 .352-.145h2.13a.84.84 0 0 0 .836-.836V3.992a.84.84 0 0 0-.836-.836zm-1.836.836c0-1.014.822-1.836 1.836-1.836h9.35c1.015 0 1.836.825 1.836 1.836v6.832a1.84 1.84 0 0 1-1.836 1.836H10.75l-2.398 2.374a.5.5 0 0 1-.704 0L5.25 12.66H3.325a1.836 1.836 0 0 1-1.836-1.836z",clipRule:"evenodd"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",fillRule:"evenodd",d:"M8 4.505a.5.5 0 0 1 .5.5v2.172h2.171a.5.5 0 0 1 0 1H8.5v2.171a.5.5 0 0 1-1 0V8.177H5.329a.5.5 0 0 1 0-1H7.5V5.005a.5.5 0 0 1 .5-.5",clipRule:"evenodd"})]});var kn="efjmb40",In="efjmb41",J="efjmb42",Q="efjmb43",gi="efjmb44",xi="efjmb45",vi=new Set(["item-press","escape-key","outside-press","close-press","sibling-open","trigger-press"]),rt=({label:e,icon:n,onOpened:r,children:o})=>{const a=nt(),[i,l]=(0,b.useState)(!1),c=(d,h)=>{d?(l(!0),r?.()):vi.has(h.reason)&&l(!1)};return(0,t.jsxs)(X.Menu.SubmenuRoot,{open:i,onOpenChange:c,children:[(0,t.jsx)(fi,{label:e,icon:n}),(0,t.jsx)(X.Menu.Portal,{container:a,children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(X.Menu.Positioner,{side:"right",align:"start",sideOffset:4,className:kn,...wn,children:(0,t.jsx)(X.Menu.Popup,{className:In,children:o})})})})]})},fi=({label:e,icon:n})=>(0,t.jsxs)(X.Menu.SubmenuTrigger,{className:J,openOnHover:!1,children:[n,(0,t.jsx)("span",{className:Q,children:e}),(0,t.jsx)("span",{className:xi,children:(0,t.jsx)(ce,{size:"sm"})})]}),bi="_1qe7q450",Ci="_1qe7q451",Si="_1qe7q452",yi=({label:e,placeholder:n,addLabel:r,at:o,onRequestClose:a})=>{const i=(0,b.useRef)(null),[l,c]=(0,b.useState)(""),{dispatch:d}=s.useGraphCommands(),h=l.trim(),u=()=>{h.length!==0&&(d(new p.AddAnnotationCommand({kind:"comment",annotation:{at:o,content:ji(h)}})),a())},m=x=>{x.key==="Enter"&&(x.preventDefault(),u()),x.key!=="Escape"&&x.stopPropagation()},v=x=>{c(x.target.value)},g=()=>{requestAnimationFrame(()=>i.current?.focus())};return(0,t.jsx)(rt,{label:e,icon:(0,t.jsx)(Ln,{}),onOpened:g,children:(0,t.jsxs)("div",{className:bi,children:[(0,t.jsx)("input",{ref:i,className:Ci,value:l,placeholder:n,onChange:v,onKeyDown:m}),(0,t.jsx)("button",{type:"button",className:Si,disabled:h.length===0,onClick:u,children:r})]})})},ji=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),Ti=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 15 14",...e,children:(0,t.jsx)("path",{d:"M14.0146 5.20703C14.2118 5.40459 14.2121 5.72447 14.0146 5.92187L12.3291 7.6084C12.2343 7.70313 12.1047 7.75579 11.9707 7.75586C11.8369 7.75573 11.708 7.70291 11.6133 7.6084L9.92773 5.92187C9.73024 5.72438 9.73031 5.40457 9.92773 5.20703C10.1253 5.0095 10.445 5.0095 10.6426 5.20703L11.4658 6.03027L11.4658 1.68652L7.75586 1.68652L7.75586 12.6455C7.75563 12.9246 7.5291 13.1512 7.25 13.1514L2.5293 13.1514C2.2501 13.1514 2.02367 12.9247 2.02344 12.6455L2.02344 5.00781C0.868958 4.77348 0.000106647 3.7528 -1.10559e-07 2.5293C-4.95071e-08 1.13259 1.13261 9.74645e-05 2.5293 -5.23256e-07C3.92588 0.000220668 5.05859 1.13267 5.05859 2.5293C5.05849 3.75251 4.1892 4.77219 3.03516 5.00684L3.03516 12.1396L6.74414 12.1396L6.74414 1.18066C6.74414 0.901394 6.97076 0.674939 7.25 0.674804L11.9707 0.674805C12.2499 0.674939 12.4766 0.901394 12.4766 1.18066L12.4766 6.03027L13.2998 5.20703C13.4973 5.0095 13.8171 5.0095 14.0146 5.20703ZM4.04687 2.5293C4.04687 1.69137 3.36717 1.01194 2.5293 1.01172C1.69132 1.01182 1.01172 1.6913 1.01172 2.5293C1.01184 3.36719 1.6914 4.04678 2.5293 4.04687C3.36709 4.04665 4.04675 3.36712 4.04687 2.5293ZM14.5 11.2969C14.4998 12.6935 13.3673 13.8262 11.9707 13.8262C10.5742 13.826 9.4416 12.6934 9.44141 11.2969C9.44141 9.90018 10.574 8.7677 11.9707 8.76758C13.3675 8.76758 14.5 9.90011 14.5 11.2969ZM13.4883 11.2969C13.4883 10.4588 12.8088 9.7793 11.9707 9.7793C11.1327 9.77942 10.4531 10.4589 10.4531 11.2969C10.4533 12.1347 11.1329 12.8143 11.9707 12.8145C12.8086 12.8145 13.4881 12.1348 13.4883 11.2969Z",fill:"currentColor",fillOpacity:"0.8"})}),wi="relative-difference",Ai=({label:e,layer:n,at:r,onRequestClose:o})=>{const{dispatch:a}=s.useGraphCommands(),i=s.useCompiledSelector(d=>d.coordSystem),l=(0,b.useMemo)(()=>(0,p.inferDifferenceArrowEndpoints)({layer:n,at:r,coordSystem:i}),[n,r,i]);if(l===null)return null;const c=()=>{a(new p.AddAnnotationCommand({kind:"differenceArrow",annotation:{...p.DIFFERENCE_ARROW_DEFAULTS,...l,label:wi}})),o()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:c,children:[(0,t.jsx)(Ti,{}),(0,t.jsx)("span",{className:Q,children:e})]})};function Pi(e,n){if(e.type==="polar"&&!Li(n))return[{scope:"series",labelKey:"pieSlice"}];const r=(0,p.hasMultipleGroups)(n.data,n.mapping);switch(n.geom){case"bar":{const o=[{scope:"data-point",labelKey:"bar"}];if(r){const a=n.position==="stack"\|\|n.position==="fill";o.push({scope:"x-value",labelKey:a?"barStack":"barGroup"}),o.push({scope:"series",labelKey:"barSeries"})}return o}case"line":case"area":{const o=[{scope:"data-point",labelKey:"linePoint"}];return r&&o.push({scope:"series",labelKey:"lineSeries"}),o}case"point":{const o=[{scope:"data-point",labelKey:"scatterPoint"}];return r&&o.push({scope:"series",labelKey:"scatterSeries"}),o}default:return[]}}var Li=e=>{const n=(0,p.extractVariableName)(e.mapping.x);return n!==null&&n!==p.CONSTANT_VARIABLES.x},ki=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Ii=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Ei=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:".8",rx:".533"})]}),Mi=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",d:"M5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]}),_i=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:".8",strokeWidth:"1.163",d:"m-1.618 15.96 9.118-5.3 11 2.34"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",stroke:"currentColor",strokeOpacity:"0.3",d:"M8 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),(0,t.jsx)("rect",{width:"9.795",height:"6",x:"3",y:"2",fill:"currentColor",fillOpacity:"0.3",rx:"1.513"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:".8",d:"M5.29 6.62a1.3 1.3 0 0 1-.424-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.262-.45 2.1 2.1 0 0 1-.096-.699q0-.389.082-.693.083-.304.238-.514a1.05 1.05 0 0 1 .374-.322q.22-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.321-.105.54.54 0 0 0-.485.273q-.168.273-.17.75h.021a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .813.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.571.134m-.003-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.07-.294.54.54 0 0 0-.484-.285.55.55 0 0 0-.403.173.596.596 0 0 0 .108.914.53.53 0 0 0 .288.08M6.88 6.579v-.396l1.05-1.03q.15-.15.25-.27a1 1 0 0 0 .151-.229.6.6 0 0 0 .05-.236.432.432 0 0 0-.244-.405.6.6 0 0 0-.258-.056q-.15 0-.261.062a.43.43 0 0 0-.175.173.56.56 0 0 0-.06.267H6.86q0-.288.132-.5a.9.9 0 0 1 .362-.33q.231-.117.532-.117.303 0 .534.114.23.114.358.312a.8.8 0 0 1 .128.452.9.9 0 0 1-.065.334q-.065.164-.229.363-.162.2-.456.483l-.522.53v.021h1.318v.458zM10.57 6.62a1.3 1.3 0 0 1-.423-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.263-.45 2.1 2.1 0 0 1-.096-.699q0-.389.083-.693t.238-.514a1.05 1.05 0 0 1 .374-.322q.219-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.322-.105.54.54 0 0 0-.484.273q-.168.273-.17.75h.02a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .814.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.572.134m-.002-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.071-.294.54.54 0 0 0-.483-.285.54.54 0 0 0-.403.173.597.597 0 0 0 .107.914.53.53 0 0 0 .289.08"})]}),Ri=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{stroke:"currentColor",strokeOpacity:"0.8",strokeLinecap:"round",strokeLinejoin:"bevel",strokeWidth:".993",d:"M1.5 12 6 6.5l4 3.5 4-5.5"}),(0,t.jsx)("circle",{cx:"1.493",cy:"11.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("circle",{cx:"5.993",cy:"6.493",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("circle",{cx:"9.993",cy:"9.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("circle",{cx:"13.993",cy:"4.493",r:".993",fill:"currentColor",fillOpacity:"0.8"})]}),Ni=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),Oi=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 3.598 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 6.681 11.327)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 9.251 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 10.28 2.59)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 13.877 6.187)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 2.056 12.869)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 15.933 .533)"})]}),Di=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 3.598 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 6.681 11.327)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 9.251 7.215)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:".8",rx:"1.028",transform:"matrix(-1 0 0 1 10.28 2.59)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 13.877 6.187)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 2.056 12.869)"}),(0,t.jsx)("rect",{width:"2.056",height:"2.056",fill:"currentColor",fillOpacity:"0.3",rx:"1.028",transform:"matrix(-1 0 0 1 15.933 .533)"})]}),zi={bar:ki,barGroup:Ii,barStack:Mi,barSeries:Ei,linePoint:_i,lineSeries:Ri,scatterPoint:Oi,scatterSeries:Di,pieSlice:Ni},En=({labelKey:e})=>{const n=zi[e];return(0,t.jsx)(n,{})},Mn=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{opacity:"0.12",d:"M15 4.66667L12.3333 2L2.33334 12L5.00001 14.6667L15 4.66667Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M5.01683 15.3331C4.84407 15.3343 4.67292 15.2997 4.51421 15.2314C4.3555 15.1632 4.21268 15.0627 4.09476 14.9365L3.88656 14.7283L3.62877 14.8968L3.19253 15.3331H0L2.24072 13.0923L2.03251 12.8445C1.89423 12.7191 1.78392 12.566 1.70875 12.3952C1.63359 12.2244 1.59526 12.0396 1.59626 11.853C1.59579 11.6818 1.63078 11.5124 1.69904 11.3554C1.76729 11.1984 1.86733 11.0573 1.99285 10.9409L11.2036 1.73012C11.3215 1.60384 11.4643 1.5034 11.623 1.43514C11.7817 1.36688 11.9529 1.33228 12.1257 1.33353C12.2969 1.33245 12.4665 1.36716 12.6236 1.43546C12.7807 1.50375 12.9218 1.60412 13.0378 1.73012L15.1496 3.92126C15.2748 4.03899 15.3745 4.1811 15.4427 4.33882C15.5108 4.49654 15.546 4.66655 15.546 4.83837C15.546 5.01019 15.5108 5.1802 15.4427 5.33792C15.3745 5.49564 15.2748 5.63774 15.1496 5.75548L5.93889 14.9662C5.81806 15.0866 5.67403 15.1812 5.51552 15.2443C5.35702 15.3074 5.18736 15.3376 5.01683 15.3331ZM2.48858 11.9125L5.01683 14.4407L9.47843 9.97913L6.95019 7.4608L2.48858 11.9125ZM7.68388 6.72712L10.2022 9.24544L14.644 4.80367L12.1257 2.28534L7.68388 6.72712Z",fill:"currentColor",fillOpacity:"0.8"})]}),Fi=({label:e,options:n,onSelect:r})=>{const o=s.useI18n();return(0,t.jsx)(rt,{label:e,icon:(0,t.jsx)(Mn,{}),children:n.map(a=>(0,t.jsxs)(X.Menu.Item,{className:J,onClick:()=>r(a.scope),children:[(0,t.jsx)(En,{labelKey:a.labelKey}),(0,t.jsx)("span",{className:Q,children:o(`graph.annotations.highlights.labels.${a.labelKey}`)})]},a.scope))})},Hi=({label:e,layer:n,observation:r,highlights:o,onRequestClose:a})=>{const i=s.useI18n(),{dispatch:l}=s.useGraphCommands(),c=s.useCompiledSelector(g=>g.coordSystem),d=(0,b.useMemo)(()=>(0,p.buildObservationPredicate)(n,r),[n,r]),h=(0,b.useMemo)(()=>Pi(c,n),[c,n]),u=(0,b.useMemo)(()=>{const g=new Set(o.map(x=>x.scope));return h.filter(x=>!g.has(x.scope))},[h,o]),[m]=u;if(d===null\|\|m===void 0)return null;const v=g=>{l(new p.AddHighlightCommand({predicate:d,scope:g,layerId:n.id})),a()};if(u.length===1){const g=h.length===1?e:i("graph.annotations.baseMenu.highlightWithLabel",{label:i(`graph.annotations.highlights.labels.${m.labelKey}`)});return(0,t.jsxs)(X.Menu.Item,{className:J,onClick:()=>v(m.scope),children:[(0,t.jsx)(En,{labelKey:m.labelKey}),(0,t.jsx)("span",{className:Q,children:g})]})}return(0,t.jsx)(Fi,{label:e,options:u,onSelect:v})},Bi="_1aafi1g0",Gi="_1aafi1g1",_n=({children:e})=>(0,t.jsxs)("span",{className:Bi,"aria-hidden":"true",children:[e,(0,t.jsx)("span",{className:Gi})]}),Vi=({label:e,highlights:n,onRequestClose:r})=>{const{dispatch:o}=s.useGraphCommands(),a=n.at(-1);if(a===void 0)return null;const i=()=>{o(new p.RemoveHighlightCommand({id:a.id})),r()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:i,children:[(0,t.jsx)(_n,{children:(0,t.jsx)(Mn,{})}),(0,t.jsx)("span",{className:Q,children:e})]})},Ui=(e,n)=>{const r=s.useCompiledSelector(a=>a.spec.highlights),o=s.useCompiledSelector(a=>a.config.parsingLocale);return(0,b.useMemo)(()=>(0,p.findHighlightsAtObservation)({layer:e,highlights:r,observation:n,parsingLocale:o}),[e,r,n,o])},Rn=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{opacity:"0.12",d:"M13.5948 4.29016C13.8724 6.22367 12.5301 8.01618 10.5966 8.29384C8.66309 8.57151 6.87058 7.22918 6.59292 5.29567C6.31525 3.36216 7.65758 1.56965 9.59109 1.29198C11.5246 1.01432 13.3171 2.35665 13.5948 4.29016Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.71886 3.51052C6.25611 1.3626 8.43287 0.0568985 10.5808 0.594151C12.7287 1.1314 14.0344 3.30817 13.4972 5.45609C13.0316 7.31748 11.3347 8.54637 9.49237 8.49145L7.50898 12.492C7.46485 12.581 7.40179 12.6548 7.32702 12.7108C7.20005 12.8073 7.03703 12.8532 6.87248 12.8303C6.80957 12.822 6.74697 12.8038 6.68687 12.7749C6.39369 12.6342 6.26689 12.2915 6.3923 11.9963L7.63393 7.97371C6.10249 7.10872 5.27136 5.29962 5.71886 3.51052ZM10.2785 1.80253C8.79799 1.4322 7.29756 2.33222 6.92723 3.81277C6.55691 5.29332 7.45692 6.79375 8.93747 7.16408C10.418 7.5344 11.9185 6.63439 12.2888 5.15384C12.6591 3.67329 11.7591 2.17285 10.2785 1.80253Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M5.42977 11.1572C5.70072 11.104 5.8772 10.8411 5.82393 10.5702C5.77067 10.2992 5.50784 10.1227 5.23688 10.176C4.31848 10.3565 3.57421 10.6423 3.04695 11.0266C2.51409 11.4149 2.16666 11.936 2.16666 12.557C2.16666 13.0322 2.41215 13.4327 2.74425 13.7433C3.07553 14.0531 3.52776 14.3091 4.04484 14.5137C5.08193 14.9239 6.48048 15.1666 7.99999 15.1666C9.5195 15.1666 10.9181 14.9239 11.9551 14.5137C12.4722 14.3091 12.9244 14.0531 13.2557 13.7433C13.5878 13.4327 13.8333 13.0322 13.8333 12.557C13.8333 11.936 13.4859 11.4149 12.953 11.0266C12.4258 10.6423 11.6815 10.3565 10.7631 10.176C10.4921 10.1227 10.2293 10.2992 10.176 10.5702C10.1228 10.8411 10.2993 11.104 10.5702 11.1572C11.4079 11.3219 11.997 11.5672 12.364 11.8347C12.7255 12.0981 12.8333 12.3496 12.8333 12.557C12.8333 12.6643 12.7803 12.8187 12.5727 13.013C12.3642 13.2079 12.0354 13.4065 11.5873 13.5838C10.6941 13.9371 9.426 14.1666 7.99999 14.1666C6.57398 14.1666 5.30586 13.9371 4.41267 13.5838C3.9646 13.4065 3.63578 13.2079 3.4273 13.013C3.21964 12.8187 3.16666 12.6643 3.16666 12.557C3.16666 12.3496 3.2745 12.0981 3.63595 11.8347C4.00299 11.5672 4.59206 11.3219 5.42977 11.1572Z",fill:"currentColor",fillOpacity:"0.8"})]}),$i=({label:e,at:n,onRequestClose:r})=>{const{dispatch:o}=s.useGraphCommands(),a=()=>{o(new p.AddAnnotationCommand({kind:"pinnedNumber",annotation:{at:n}})),r()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:a,children:[(0,t.jsx)(Rn,{}),(0,t.jsx)("span",{className:Q,children:e})]})},Nn=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{opacity:"0.12",d:"M1.33334 8.00016C1.33334 4.31826 4.31811 1.3335 8.00001 1.3335C11.6819 1.3335 14.6667 4.31826 14.6667 8.00016C14.6667 11.6821 11.6819 14.6668 8.00001 14.6668C4.31811 14.6668 1.33334 11.6821 1.33334 8.00016Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M5.7328 9.69963C5.56696 9.47884 5.25352 9.43429 5.03273 9.60013C4.81193 9.76598 4.76739 10.0794 4.93323 10.3002C5.63175 11.2302 6.74548 11.8333 7.99993 11.8333C9.25438 11.8333 10.3681 11.2302 11.0666 10.3002C11.2325 10.0794 11.1879 9.76598 10.9671 9.60013C10.7463 9.43429 10.4329 9.47884 10.2671 9.69963C9.74929 10.3889 8.92657 10.8333 7.99993 10.8333C7.07329 10.8333 6.25057 10.3889 5.7328 9.69963Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M6.66668 6.66658C6.66668 7.03478 6.3682 7.33325 6.00001 7.33325C5.63182 7.33325 5.33334 7.03478 5.33334 6.66658C5.33334 6.29839 5.63182 5.99992 6.00001 5.99992C6.3682 5.99992 6.66668 6.29839 6.66668 6.66658Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{d:"M10 7.33325C10.3682 7.33325 10.6667 7.03478 10.6667 6.66658C10.6667 6.29839 10.3682 5.99992 10 5.99992C9.63182 5.99992 9.33334 6.29839 9.33334 6.66658C9.33334 7.03478 9.63182 7.33325 10 7.33325Z",fill:"currentColor",fillOpacity:"0.8"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.00001 0.833252C4.04197 0.833252 0.833344 4.04188 0.833344 7.99992C0.833344 11.958 4.04197 15.1666 8.00001 15.1666C11.9581 15.1666 15.1667 11.958 15.1667 7.99992C15.1667 4.04188 11.9581 0.833252 8.00001 0.833252ZM14.1667 7.99992C14.1667 11.4057 11.4058 14.1666 8.00001 14.1666C4.59425 14.1666 1.83334 11.4057 1.83334 7.99992C1.83334 4.59416 4.59425 1.83325 8.00001 1.83325C11.4058 1.83325 14.1667 4.59416 14.1667 7.99992Z",fill:"currentColor",fillOpacity:"0.8"})]}),On={pinnedNumber:{icon:Rn,labelKey:"graph.annotations.baseMenu.unpinNumber"},comment:{icon:Ln,labelKey:"graph.annotations.baseMenu.removeAnnotation"},sticker:{icon:Nn,labelKey:"graph.annotations.baseMenu.removeSticker"},image:null},qi=e=>(0,p.isObservationAttachmentKind)(e.kind)&&On[e.kind]!==null,Wi=({attachment:e,onRequestClose:n})=>{const r=s.useI18n(),{dispatch:o}=s.useGraphCommands(),{icon:a,labelKey:i}=On[e.kind],l=()=>{o(new p.RemoveAnnotationCommand({id:e.annotation.id})),n()};return(0,t.jsxs)(M.Menu.Item,{className:J,onClick:l,children:[(0,t.jsx)(_n,{children:(0,t.jsx)(a,{})}),(0,t.jsx)("span",{className:Q,children:r(i)})]})},Ki="ceeojg0",Xi="ceeojg1",Zi="ceeojg2",Yi=({label:e,at:n,onRequestClose:r})=>{const{dispatch:o}=s.useGraphCommands(),a=i=>{o(new p.AddAnnotationCommand({kind:"sticker",annotation:{at:{anchorType:"observation",...n},sticker:i}})),r()};return(0,t.jsx)(rt,{label:e,icon:(0,t.jsx)(Nn,{}),children:(0,t.jsx)("div",{className:Ki,children:Object.entries(s.STICKER_ASSETS).map(([i,l])=>(0,t.jsx)(X.Menu.Item,{className:Xi,"aria-label":i,onClick:()=>a(i),children:(0,t.jsx)("img",{className:Zi,src:l.src,alt:i})},i))})})},Ji=({interaction:e,panelOrigin:n})=>{const r=s.useEditorStore(),o=s.useEditorState(i=>i.menuTrigger);if(e.kind!=="menu"\|\|o===null)return null;const a=()=>{r.getState().releaseInteraction("menu")};return(0,t.jsx)(Qi,{trigger:{x:n.x+o.center.x,y:n.y+o.center.y,radius:o.radius},layer:e.anchor.layer,at:e.anchor.at,observation:e.anchor.observation,onClose:a})},Qi=({trigger:e,layer:n,at:r,observation:o,onClose:a})=>{const i=s.useI18n(),l=nt(),c=s.useCompiledSelector(C=>C.spec.annotations),d=s.useCompiledSelector(C=>C.config.parsingLocale),h=tl(),{x:u,y:m,radius:v}=e,g=(0,b.useMemo)(()=>el(u,m,v),[u,m,v]),x=(0,p.findObservationAttachment)(c,r,(0,b.useMemo)(()=>(0,p.createObservationAnchorParser)(n,d),[n,d])),f=x!==null&&qi(x)?x:null,S=Ui(n,o),P=(C,L)=>{!C&&nl(L.reason)&&a()};return(0,t.jsx)(M.Menu.Root,{open:h,modal:!1,onOpenChange:P,children:(0,t.jsx)(M.Menu.Portal,{container:l,children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)(M.Menu.Positioner,{anchor:g,side:"right",align:"start",sideOffset:8,className:kn,...wn,children:(0,t.jsxs)(M.Menu.Popup,{className:In,"data-testid":"observation-menu",children:[f!==null&&(0,t.jsx)(Wi,{attachment:f,onRequestClose:a}),(0,t.jsx)(Vi,{label:i("graph.annotations.baseMenu.removeHighlight"),highlights:S,onRequestClose:a}),(0,t.jsx)(M.Menu.Separator,{className:gi}),f===null&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)($i,{label:i("graph.annotations.baseMenu.pinNumber"),at:r,onRequestClose:a}),(0,t.jsx)(yi,{label:i("graph.annotations.baseMenu.annotate"),placeholder:i("graph.annotations.textMenu.placeholder"),addLabel:i("graph.annotations.textMenu.addButton"),at:r,onRequestClose:a}),(0,t.jsx)(Yi,{label:i("graph.annotations.baseMenu.addSticker"),at:r,onRequestClose:a})]}),n.highlight!==null&&(0,t.jsx)(Hi,{label:i("graph.annotations.baseMenu.highlight"),layer:n,observation:o,highlights:S,onRequestClose:a}),(0,t.jsx)(Ai,{label:i("graph.annotations.baseMenu.differenceArrow"),layer:n,at:r,onRequestClose:a})]})})})})})},el=(e,n,r)=>({getBoundingClientRect:()=>new DOMRect(e-r,n-r,r2,r2)}),tl=()=>{const[e,n]=(0,b.useState)(!1);return(0,b.useEffect)(()=>{n(!0)},[]),e},nl=e=>e==="outside-press"\|\|e==="escape-key"\|\|e==="item-press",ot="l8tsqe0",Dn=["start","end"],zn=({anchor:e,point:n,delta:r})=>{const o={x:At(n.x,r.x),y:At(1-n.y,r.y)};return{anchor:{...e,x:e.x+o.x,y:e.y+o.y},point:{x:n.x+o.x,y:n.y-o.y}}},at=(e,n)=>({...e,[n.endpoint]:{...e[n.endpoint],...n.point}}),Fn=(e,n)=>e.x===n.x&&e.y===n.y,rl=(e,n)=>{const r=(0,p.projectAnchorToPanel)(e,n);return{x:n.x+r.x,y:n.y+r.y}},ol=(e,n,r)=>{const o=(0,p.projectAnchorToPanel)(e,r),a=(0,p.projectAnchorToPanel)(n,r);return{x:Math.min(o.x,a.x),y:Math.min(o.y,a.y),width:Math.abs(a.x-o.x),height:Math.abs(a.y-o.y)}},At=(e,n)=>!Number.isFinite(n)\|\|!Number.isFinite(e)?0:(0,re.default)(n,Math.min(-e,0),Math.max(1-e,0)),al=({panelRect:e})=>{const n=s.useEditorState(c=>s.readStanding(c,"arrow-endpoint-drag")),r=s.useResolvedAnnotations(e).arrows,o=s.useArrowAnnotationStyles();if(n===null)return null;const a=r.find(c=>c.id===n.annotationId);if(a===void 0)return null;const i=o(a.id),l=(0,p.computeArrow)({arrow:at(a,n),style:i,panelWidth:e.width,panelHeight:e.height});return l===null?null:(0,t.jsx)("svg",{"aria-hidden":"true",className:ot,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"arrow-endpoint-preview","data-annotation-id":n.annotationId,children:(0,t.jsx)(s.ArrowAnnotation,{computed:l,style:i,isAddressable:!1})})},de=()=>{const e=s.useGraphSelection();return $e(e)},$e=e=>{if(e.length!==1)return null;const[n]=e;return n?.kind==="annotation"?n.id:null},il=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"m12 19-7-7 7-7"}),(0,t.jsx)("path",{d:"M19 12H5"})]})}),Hn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M5 12h14"}),(0,t.jsx)("path",{d:"m12 5 7 7-7 7"})]})}),ll=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M7 17 17 7"}),(0,t.jsx)("path",{d:"M7 7h10v10"})]})}),Bn=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{fill:"currentColor",children:[(0,t.jsx)("rect",{x:"3",y:"5",width:"18",height:"1.5",rx:"0.75"}),(0,t.jsx)("rect",{x:"3",y:"10",width:"18",height:"3",rx:"1.5"}),(0,t.jsx)("rect",{x:"3",y:"16.5",width:"18",height:"4.5",rx:"2.25"})]})}),ke=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M4 7h16"}),(0,t.jsx)("path",{d:"M10 11v6M14 11v6"}),(0,t.jsx)("path",{d:"M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12"}),(0,t.jsx)("path",{d:"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})}),sl="var(--pvjfpx0)",cl="var(--pvjfpx1)",dl="pvjfpx2",ul="pvjfpx3",hl="pvjfpx4",pl="pvjfpx6 pvjfpx5",ml="pvjfpx7 pvjfpx6 pvjfpx5",gl="pvjfpx8 pvjfpx5",ie=8,xl=({anchorBox:e,panelRect:n,frameWidth:r,frameHeight:o})=>{const a=n.y+e.y,i=a+e.height,l=a-8-36,c=i+8,d=(0,re.default)(l>=ie?l:c,ie,o-ie-36),h=ie;return{top:d,left:h,available:Math.max(0,r-ie2),centre:n.x+e.x+e.width/2-h}},vl=({anchorBox:e,panelRect:n,frameWidth:r,frameHeight:o,label:a,testId:i,children:l})=>{const{chartId:c}=s.useGraphContext(),d=xl({anchorBox:e,panelRect:n,frameWidth:r,frameHeight:o});return(0,t.jsx)("div",{className:dl,style:{top:d.top,left:d.left,width:d.available},children:(0,t.jsx)(F.Root,{"aria-label":a,className:ul,"data-testid":i,...Le(c),style:(0,tn.assignInlineVars)({[sl]:`${d.centre}px`,[cl]:`${d.available}px`}),children:l})})},fl=({label:e,trigger:n,isOpen:r,onOpenChange:o,isDisabled:a=!1,children:i})=>{const{chartId:l}=s.useGraphContext();return(0,t.jsxs)(M.Menu.Root,{open:r,modal:!1,onOpenChange:o,children:[(0,t.jsxs)(M.Menu.Trigger,{render:(0,t.jsx)(F.Button,{}),"aria-label":e,className:gl,disabled:a,onMouseDown:c=>c.preventDefault(),children:[n,(0,t.jsx)(ce,{size:"sm"})]}),(0,t.jsx)(F.MenuPopup,{popupAttributes:Le(l),children:i})]})},bl=e=>{const{chartId:n}=s.useGraphContext();return(0,t.jsx)(F.ColorPicker,{...e,popupAttributes:Le(n)})},Cl=({color:e,opacity:n})=>(0,t.jsx)("span",{className:hl,style:{background:e,opacity:n}}),Sl=({label:e,onClick:n,children:r})=>(0,t.jsx)(F.Button,{"aria-label":e,className:pl,onClick:n,children:r}),yl=({label:e,isPressed:n,onClick:r,children:o})=>(0,t.jsx)(F.Button,{"aria-label":e,"aria-pressed":n,className:ml,onClick:r,children:o}),I={Root:vl,Dropdown:fl,MenuItem:F.MenuItem,ColorPicker:bl,Swatch:Cl,IconButton:Sl,ToggleButton:yl,Button:F.Button,Separator:F.Separator},jl={kind:"chrome-popup"},Ie=()=>{const{commands:e}=s.useGraphContext(),n=s.useEditorStore(),[r,o]=(0,b.useState)(null);(0,b.useEffect)(()=>()=>e.seal(),[e]),(0,b.useEffect)(()=>{const{claimInteraction:i,releaseInteraction:l}=n.getState();return r===null?l("chrome-popup"):i(jl),()=>l("chrome-popup")},[n,r]);const a=()=>{o(null),e.seal()};return{bind:i=>({isOpen:r===i,onOpenChange:l=>l?o(i):a()}),close:a}},Tl=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M5 19 8 16"}),(0,t.jsx)("path",{d:"M10.5 13.5 13.5 10.5"}),(0,t.jsx)("path",{d:"M16 8 19 5"})]})}),wl=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M5 19h0"}),(0,t.jsx)("path",{d:"M8.5 15.5h0"}),(0,t.jsx)("path",{d:"M12 12h0"}),(0,t.jsx)("path",{d:"M15.5 8.5h0"}),(0,t.jsx)("path",{d:"M19 5h0"})]})}),Al=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("path",{d:"M5 19 19 5",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"})}),Pl=[{value:p.ARROW_STROKE_WIDTHS.thin,key:"graph.annotations.arrowToolbar.thickness.thin"},{value:p.ARROW_STROKE_WIDTHS.medium,key:"graph.annotations.arrowToolbar.thickness.medium"},{value:p.ARROW_STROKE_WIDTHS.thick,key:"graph.annotations.arrowToolbar.thickness.thick"}],Pt=[{value:"line-arrow",key:"graph.annotations.arrowToolbar.arrowhead.lineArrow",Icon:Hn},{value:"none",key:"graph.annotations.arrowToolbar.arrowhead.none",Icon:s.MinusIcon}],Lt=[{value:"solid",key:"graph.annotations.arrowToolbar.lineStyle.solid",Icon:Al},{value:"dashed",key:"graph.annotations.arrowToolbar.lineStyle.dashed",Icon:Tl},{value:"dotted",key:"graph.annotations.arrowToolbar.lineStyle.dotted",Icon:wl}],Ll=(e,n)=>e.find(r=>r.value===n)??e[0];var kl=({arrow:e,arrowBox:n,panelRect:r,frameWidth:o,frameHeight:a,frameElement:i})=>{const l=s.useI18n(),{commands:c}=s.useGraphContext(),d=s.useCompiledSelector(y=>y.spec.styles.overrides),h=Ie(),u=s.useArrowAnnotationStyles()(e.id),m=Ll(Lt,u.lineType),v=u.borderWidth>0\|\|u.shadow!=="none",g=(0,b.useMemo)(()=>({target:"annotation",kind:"arrow",annotation:e.id}),[e.id]),x=(y,E)=>{const A=(0,p.findStyleRule)(d,{select:g})?.declarations??{};c.dispatch(new p.SetStyleRuleCommand({list:"overrides",rule:{select:g,declarations:{...A,...y}}}),E)},f=y=>{x(y),h.close()},S=y=>{c.dispatch(new p.UpdateAnnotationCommand({kind:"arrow",id:e.id,patch:y})),h.close()},P=()=>{c.dispatch(new p.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},C=y=>x({color:y},{transient:!0}),L=y=>f({strokeWidth:y}),k=y=>S({startArrowheadStyle:y}),T=y=>f({lineType:y}),O=y=>S({endArrowheadStyle:y}),_=()=>x(v?{borderWidth:0,shadow:"none"}:p.ARROW_STICKER_DECLARATIONS);return(0,t.jsxs)(I.Root,{anchorBox:n,panelRect:r,frameWidth:o,frameHeight:a,label:l("graph.annotations.arrowToolbar.label"),testId:"arrow-toolbar",children:[(0,t.jsx)(I.ColorPicker,{color:u.color,label:l("graph.annotations.arrowToolbar.color"),onChange:C,...h.bind("color"),children:(0,t.jsx)(I.Swatch,{color:u.color})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.thickness.ariaLabel"),trigger:(0,t.jsx)(Bn,{size:"sm",title:""}),...h.bind("thickness"),children:(0,t.jsx)(pe,{options:Pl,current:u.strokeWidth,onPick:L})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.startArrowhead"),trigger:(0,t.jsx)(il,{size:"sm",title:""}),...h.bind("startArrowhead"),children:(0,t.jsx)(pe,{options:Pt,current:e.startArrowheadStyle,onPick:k})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.lineStyle.ariaLabel"),trigger:m?.Icon!==void 0&&(0,t.jsx)(m.Icon,{size:"sm",title:""}),...h.bind("lineStyle"),children:(0,t.jsx)(pe,{options:Lt,current:u.lineType,onPick:T})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.arrowToolbar.endArrowhead"),trigger:(0,t.jsx)(Hn,{size:"sm",title:""}),...h.bind("endArrowhead"),children:(0,t.jsx)(pe,{options:Pt,current:e.endArrowheadStyle,onPick:O})}),(0,t.jsx)(I.ToggleButton,{label:l("graph.annotations.arrowToolbar.sticker"),isPressed:v,onClick:_,children:(0,t.jsx)(ll,{size:"sm",title:""})}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:l("graph.annotations.arrowToolbar.remove"),onClick:P,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},pe=({options:e,current:n,onPick:r})=>{const o=s.useI18n(),a=i=>()=>r(i);return(0,t.jsx)(t.Fragment,{children:e.map(i=>(0,t.jsxs)(I.MenuItem,{isSelected:i.value===n,onClick:a(i.value),children:[(0,t.jsx)("span",{children:o(i.key)}),i.Icon!==void 0&&(0,t.jsx)("span",{className:"_112xh5c0",children:(0,t.jsx)(i.Icon,{size:"sm",title:""})})]},String(i.value)))})},Il="_1me29t10",U=(e,n)=>n>0?e/n:0,Ee=(e,n,r)=>({x:U(n.x-e.x,r.width),y:U(n.y-e.y,r.height)}),El=e=>e.x!==0\|\|e.y!==0,Gn=(e,n)=>({x:e.xn.width,y:e.yn.height});var Ml=(e,n)=>Math.hypot(n.x-e.x,n.y-e.y)>=3,ue=class{constructor(e){this.params=e,this.listeners=new AbortController,this.pendingEvent=null,this.scheduledFrame=null,this.hasMoved=!1,this.hasPublished=!1,this.handleMove=n=>{n.pointerId===this.params.pointerId&&(this.pendingEvent=n,this.hasMoved=!0,this.scheduledFrame===null&&(this.scheduledFrame=requestAnimationFrame(this.runFrame)))},this.handleUp=n=>{n.pointerId===this.params.pointerId&&(this.pendingEvent=n,this.finish(!0))},this.handleLost=n=>{n.pointerId===this.params.pointerId&&this.finish(!1)},this.runFrame=()=>{this.scheduledFrame=null;const n=this.pendingEvent;if(this.pendingEvent=null,n===null)return;const r=this.params.editorStore.getState();if(this.hasPublished&&this.readOwn(r)===null)return;const o={x:n.clientX,y:n.clientY};if(!this.hasPublished&&!this.isDragConfirmed(this.params.press,o))return;const a=this.resolvePreview(o);a!==null&&(r.claimInteraction(a),this.hasPublished=!0)}}start(){const{handle:e}=this.params,{signal:n}=this.listeners;e.addEventListener("pointermove",this.handleMove,{signal:n}),e.addEventListener("pointerup",this.handleUp,{signal:n}),e.addEventListener("lostpointercapture",this.handleLost,{signal:n})}finish(e){this.params.onSettled(),this.listeners.abort(),this.cancelFrame();try{e&&this.hasMoved&&this.runFrame()}finally{this.settle(e)}}isDragConfirmed(e,n){return Ml(e,n)}settle(e){this.pendingEvent=null;const n=this.params.editorStore.getState(),r=this.readOwn(n);r!==null&&n.releaseInteraction(this.kind),!(!e\|\|r===null)&&this.commit(r)}cancelFrame(){this.scheduledFrame!==null&&(cancelAnimationFrame(this.scheduledFrame),this.scheduledFrame=null)}},Ce=(e,n,r)=>{const o=e.arrows.find(i=>i.id===n);if(o===void 0)return null;const a=o[r];return a.anchorType==="panel"?a:null},Vn=(e,n)=>e==="start"?{start:n}:{end:n},_l=class extends ue{constructor(...e){super(...e),this.kind="arrow-endpoint-drag"}readOwn(e){const{annotationId:n,endpoint:r}=this.params;return s.readDraggedArrowEndpointFor(s.readStanding(e,"arrow-endpoint-drag"),n,r)}resolvePreview(e){const{annotationId:n,endpoint:r,press:o,readInputs:a}=this.params,{annotations:i,arrow:l,panelRect:c}=a(),d=Ce(i,n,r);return d===null?null:{kind:"arrow-endpoint-drag",annotationId:n,endpoint:r,...zn({anchor:d,point:l[r],delta:Ee(o,e,c)})}}commit({anchor:e}){const{annotationId:n,endpoint:r,dispatch:o,readInputs:a}=this.params,i=Ce(a().annotations,n,r);i===null\|\|Fn(i,e)\|\|o(new p.UpdateAnnotationCommand({kind:"arrow",id:n,patch:Vn(r,e)}))}},Rl=({annotationId:e,arrow:n,panelRect:r})=>{const{commands:o}=s.useGraphContext(),a=s.useEditorStore(),i=s.useLatestRef({annotations:s.useCompiledSelector(c=>c.spec.annotations),arrow:n,panelRect:r}),l=(0,b.useRef)(null);return(0,b.useEffect)(()=>()=>l.current?.finish(!1),[]),(0,b.useCallback)(c=>({onPointerDown:d=>{if(d.button===0&&l.current===null){try{d.currentTarget.setPointerCapture(d.pointerId)}catch{return}d.currentTarget.focus({preventScroll:!0}),d.preventDefault(),l.current=new _l({handle:d.currentTarget,pointerId:d.pointerId,annotationId:e,endpoint:c,press:{x:d.clientX,y:d.clientY},readInputs:()=>i.current,editorStore:a,dispatch:o.dispatch,onSettled:()=>{l.current=null}}),l.current.start()}}}),[e,i,a,o])},Nl=[" ","Enter"],kt=4,Ol=({annotationId:e,arrow:n,panelRect:r})=>{const{commands:o}=s.useGraphContext(),a=s.useEditorStore(),i=s.useCompiledSelector(d=>d.spec.annotations),l=s.useLatestRef(i),c=s.useLatestRef(o.dispatch);return(0,b.useEffect)(()=>()=>{for(const d of Dn)It({editorStore:a,annotationId:e,endpoint:d,annotations:l.current,dispatch:c.current})},[a,e,l,c]),(0,b.useCallback)(d=>({onKeyDown:h=>{if(h.altKey\|\|h.ctrlKey\|\|h.metaKey\|\|h.shiftKey)return;const u=a.getState(),m=s.readDraggedArrowEndpointFor(s.readStanding(u,"arrow-endpoint-drag"),e,d);if(Nl.includes(h.key)){if(h.preventDefault(),h.repeat)return;if(m!==null){It({editorStore:a,annotationId:e,endpoint:d,annotations:i,dispatch:o.dispatch});return}const g=Ce(i,e,d);if(g===null)return;u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,anchor:g,point:n[d]});return}if(m===null)return;const v=Dl(h.key,r);v!==null&&(h.preventDefault(),u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,...zn({anchor:m.anchor,point:m.point,delta:v})}))}}),[e,i,n,r,a,o])},It=({editorStore:e,annotationId:n,endpoint:r,annotations:o,dispatch:a})=>{const i=e.getState(),l=s.readDraggedArrowEndpointFor(s.readStanding(i,"arrow-endpoint-drag"),n,r);if(l===null)return;i.releaseInteraction("arrow-endpoint-drag");const c=Ce(o,n,r);c===null\|\|Fn(c,l.anchor)\|\|a(new p.UpdateAnnotationCommand({kind:"arrow",id:n,patch:Vn(r,l.anchor)}))},Dl=(e,n)=>{const r=U(kt,n.width),o=U(kt,n.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-o};case"ArrowDown":return{x:0,y:o};default:return null}},zl=e=>{const n=de(),r=Bl(n),o=Gl(e.panelRect,n),a=Vl(n);if(r===null\|\|o===null)return null;const i=a.dragged===null?o:at(o,a.dragged);return(0,t.jsx)(Fl,{arrow:r,committed:o,painted:i,isSettled:a.dragged===null&&!a.isMoved,isMoved:a.isMoved,...e})},Fl=({arrow:e,committed:n,painted:r,isSettled:o,isMoved:a,panelRect:i,frameRect:l,frameElement:c})=>{const d=s.useI18n(),h=Rl({annotationId:e.id,arrow:n,panelRect:i}),u=Ol({annotationId:e.id,arrow:n,panelRect:i});return(0,t.jsxs)("div",{"data-testid":"arrow-selection","data-annotation-id":e.id,children:[o&&(0,t.jsx)(kl,{arrow:e,arrowBox:ol(n.start,n.end,i),panelRect:i,frameWidth:l.width,frameHeight:l.height,frameElement:c}),!a&&Dn.filter(m=>e[m].anchorType==="panel").map(m=>(0,t.jsx)(Hl,{endpoint:m,point:rl(r[m],i),label:d(`graph.annotations.arrowToolbar.moveEndpoint.${m}`),dragHandlers:h(m),keyboardHandlers:u(m)},m))]})},Hl=({endpoint:e,point:n,label:r,dragHandlers:o,keyboardHandlers:a})=>(0,t.jsx)("div",{"aria-label":r,className:Il,"data-testid":"arrow-endpoint-handle","data-endpoint":e,role:"button",style:{left:n.x,top:n.y},tabIndex:0,...o,...a}),Bl=e=>{const n=s.useCompiledSelector(r=>r.spec.annotations.arrows);return e===null?null:n.find(r=>r.id===e)??null},Gl=(e,n)=>{const r=s.useResolvedAnnotations(e).arrows;return n===null?null:r.find(o=>o.id===n)??null},Vl=e=>s.useEditorState((0,oe.useShallow)(n=>{if(e===null)return{dragged:null,isMoved:!1};const r=s.readStanding(n,"arrow-endpoint-drag");return{dragged:r?.annotationId===e?r:null,isMoved:s.readMovedAnnotationFor(s.readStanding(n,"move-drag"),e)!==null}})),Ul=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M4 9h16m-4-4 4 4"}),(0,t.jsx)("path",{d:"M20 15H4m4 4-4-4"})]})}),$l="q7gcrz0",ql="q7gcrz1",Wl="q7gcrz2";var Kl=["absolute-difference","relative-difference","proportion"],Et=["absolute-difference","relative-difference"],Xl=["relative-difference","proportion"],Zl={"absolute-difference":"graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference","relative-difference":"graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",proportion:"graph.annotations.differenceArrowToolbar.labelKind.proportion"},Yl=e=>{const{formattingLocale:n}=s.useGraphContext(),r=s.useCompiledSelector(a=>a.config.parsingLocale),o=n??r;return(0,b.useMemo)(()=>{const a=(0,p.areEndpointsComparable)(e.start,e.end);return Kl.filter(i=>a\|\|!Et.includes(i)\|\|i===e.label).map(i=>({kind:i,key:Zl[i],preview:(0,p.formatDifferenceLabel)({locale:o,kind:i,startValue:e.start.measurementValue,endValue:e.end.measurementValue,valueFormat:e.start.valueFormat}),isPickable:a\|\|!Et.includes(i),isSuspect:Xl.includes(i)&&e.start.measurementValue===0}))},[e,o])},De=[{id:"small",key:"graph.annotations.differenceArrowToolbar.size.small"},{id:"medium",key:"graph.annotations.differenceArrowToolbar.size.medium"},{id:"large",key:"graph.annotations.differenceArrowToolbar.size.large"}],Jl=({arrow:e,color:n,labelBox:r,panelRect:o,frameWidth:a,frameHeight:i,frameElement:l})=>{const c=s.useI18n(),{commands:d}=s.useGraphContext(),h=Ie(),u=Yl(e),m=u.find(T=>T.kind===e.label),v=u.some(T=>T.isPickable&&T.kind!==e.label),g=De.find(T=>T.id===e.size)??De[0],x=(T,O)=>{d.dispatch(new p.UpdateAnnotationCommand({kind:"differenceArrow",id:e.id,patch:T}),O)},f=T=>{x(T),h.close()},S=()=>{d.dispatch(new p.RemoveAnnotationCommand({id:e.id})),l.focus({preventScroll:!0})},P=T=>x({color:T},{transient:!0}),C=()=>x({start:e.end.anchor,end:e.start.anchor}),L=T=>()=>f({label:T}),k=T=>()=>f({size:T});return(0,t.jsxs)(I.Root,{anchorBox:r,panelRect:o,frameWidth:a,frameHeight:i,label:c("graph.annotations.differenceArrowToolbar.label"),testId:"difference-arrow-toolbar",children:[(0,t.jsx)(I.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),trigger:(0,t.jsx)(Ql,{option:m}),isDisabled:!v,...h.bind("labelKind"),children:u.map(T=>(0,t.jsxs)(I.MenuItem,{isSelected:T.kind===e.label,isDisabled:!T.isPickable,onClick:L(T.kind),children:[(0,t.jsx)("span",{children:c(T.key)}),(T.isSuspect\|\|!T.isPickable)&&(0,t.jsx)("span",{"aria-label":c(T.isPickable?"graph.annotations.differenceArrowToolbar.labelKind.suspectValue":"graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),className:"q7gcrz3",role:"img",children:"⚠"}),(0,t.jsx)("span",{className:Wl,children:T.preview})]},T.kind))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.ColorPicker,{color:n,label:c("graph.annotations.differenceArrowToolbar.color"),onChange:P,...h.bind("color"),children:(0,t.jsx)(I.Swatch,{color:n??"transparent"})}),(0,t.jsx)(I.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.size.ariaLabel"),trigger:g===void 0?"":c(g.key),...h.bind("size"),children:De.map(T=>(0,t.jsx)(I.MenuItem,{isSelected:T.id===e.size,onClick:k(T.id),children:c(T.key)},T.id))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:c("graph.annotations.differenceArrowToolbar.swap"),onClick:C,children:(0,t.jsx)(Ul,{size:"sm",title:""})}),(0,t.jsx)(I.IconButton,{label:c("graph.annotations.differenceArrowToolbar.remove"),onClick:S,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},Ql=({option:e})=>{const n=s.useI18n();return e===void 0?null:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:ql,children:n(e.key)}),(0,t.jsxs)("span",{className:$l,children:["(",e.preview,")"]})]})};var es="ydgo3h0",ts="ydgo3h1",ns="ydgo3h2",rs=({clientPoint:e,panelOrigin:n,panelRect:r,engine:o,layers:a,coordSystem:i,resolver:l,fixedAnchor:c,align:d})=>{const h=os({x:e.x-n.x,y:e.y-n.y},r),{primary:u}=o.query((0,p.toPanelCursor)(h,r));if(u===null)return null;const m=a.find(g=>g.id===u.layerId);if(m===void 0)return null;const v=(0,p.resolveObservationPoint)({resolver:l,layer:m,observation:u.observation,observationIndex:(0,p.readObservationIndex)(u),coordSystem:i,align:d});return v===null\|\|(0,p.areAnchorsEqual)(v.anchor,c)?null:v},os=(e,n)=>({x:Math.max(0,Math.min(e.x,n.width)),y:Math.max(0,Math.min(e.y,n.height))}),Un=e=>e==="start"?"end":"start",$n=({dispatch:e,arrow:n,endpoint:r,anchor:o})=>{(0,p.areAnchorsEqual)(o,n[r].anchor)\|\|e(new p.UpdateAnnotationCommand({kind:"differenceArrow",id:n.id,patch:{[r]:o}}))},as=class extends ue{constructor(...e){super(...e),this.kind="difference-arrow-endpoint-drag"}isDragConfirmed(){return!0}readOwn(e){const{endpoint:n,readInputs:r}=this.params;return s.readDraggedDifferenceArrowEndpointFor(s.readStanding(e,"difference-arrow-endpoint-drag"),r().arrow.id,n)}resolvePreview(e){const{endpoint:n,readInputs:r,engine:o,anchorResolver:a}=this.params,{arrow:i,panelOrigin:l,panelRect:c,layers:d,coordSystem:h}=r(),u=rs({clientPoint:e,panelOrigin:l,panelRect:c,engine:o,layers:d,coordSystem:h,resolver:a,fixedAnchor:i[Un(n)].anchor,align:i[n].anchor.align});return u===null?null:{kind:"difference-arrow-endpoint-drag",annotationId:i.id,endpoint:n,point:u}}commit({point:e,endpoint:n}){const{dispatch:r,readInputs:o}=this.params;$n({dispatch:r,arrow:o().arrow,endpoint:n,anchor:e.anchor})}},is=({arrow:e,panelOrigin:n,panelRect:r})=>{const{commands:o,anchorResolver:a}=s.useGraphContext(),{engine:i}=s.useHoverContext(),l=s.useEditorStore(),c=s.useLatestRef({arrow:e,panelOrigin:n,panelRect:r,...s.useCompiledSelector((0,oe.useShallow)(h=>({layers:h.layers,coordSystem:h.coordSystem})))}),d=(0,b.useRef)(null);return(0,b.useEffect)(()=>()=>d.current?.finish(!1),[]),(0,b.useCallback)(h=>({onPointerDown:u=>{if(u.button===0&&d.current===null){try{u.currentTarget.setPointerCapture(u.pointerId)}catch{return}u.currentTarget.focus({preventScroll:!0}),u.preventDefault(),d.current=new as({handle:u.currentTarget,pointerId:u.pointerId,press:{x:u.clientX,y:u.clientY},endpoint:h,readInputs:()=>c.current,editorStore:l,engine:i,anchorResolver:a,dispatch:o.dispatch,onSettled:()=>{d.current=null}}),d.current.start()}}}),[c,l,i,a,o])},ls=[" ","Enter"],ss=({arrow:e})=>{const{commands:n,anchorResolver:r}=s.useGraphContext(),o=s.useEditorStore(),{layers:a,coordSystem:i,mainAxis:l}=s.useCompiledSelector((0,oe.useShallow)(d=>({layers:d.layers,coordSystem:d.coordSystem,mainAxis:d.coordSystem.type==="cartesian"?d.coordSystem.mainAxis:"x"}))),c=e.id;return(0,b.useEffect)(()=>()=>{const d=o.getState();s.readStanding(d,"difference-arrow-endpoint-drag")?.annotationId===c&&d.releaseInteraction("difference-arrow-endpoint-drag")},[o,c]),(0,b.useCallback)(d=>({onKeyDown:h=>{if(h.altKey\|\|h.ctrlKey\|\|h.metaKey\|\|h.shiftKey)return;const u=o.getState(),m=s.readDraggedDifferenceArrowEndpointFor(s.readStanding(u,"difference-arrow-endpoint-drag"),e.id,d);if(ls.includes(h.key)){if(h.preventDefault(),h.repeat)return;if(m===null)return u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:e[d]});u.releaseInteraction("difference-arrow-endpoint-drag"),$n({dispatch:n.dispatch,arrow:e,endpoint:d,anchor:m.point.anchor});return}if(m===null)return;const v=cs(h.key,l);if(v===null)return;h.preventDefault();const g=ds({arrow:e,endpoint:d,from:m.point.anchor,move:v,layers:a,coordSystem:i,resolver:r});g!==null&&u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:g})}}),[e,o,n,r,a,i,l])},cs=(e,n)=>{const r=e==="ArrowUp"\|\|e==="ArrowDown";return!r&&!(e==="ArrowLeft"\|\|e==="ArrowRight")?null:{axis:n==="x"===r?"cross":"main",step:e==="ArrowDown"\|\|e==="ArrowRight"?1:-1}},ds=({arrow:e,endpoint:n,from:r,move:o,layers:a,coordSystem:i,resolver:l})=>{const c=a.find(u=>u.id===r.layerId);if(c===void 0)return null;const d=l.createLayerMeasurement(c);if(d===null)return null;const{align:h}=e[n].anchor;return(0,p.stepDifferenceArrowEndpoint)({layer:c,from:r,partner:e[Un(n)].anchor,axis:o.axis,step:o.step,getObservationPoint:(u,m)=>(0,p.resolveObservationPoint)({resolver:l,layer:c,observation:u,observationIndex:m,coordSystem:i,align:h,measurement:d})})?.point??null},us=e=>{const n=de();return n===null?null:(0,t.jsx)(hs,{annotationId:n,...e})},hs=({annotationId:e,...n})=>{const r=s.useDifferenceArrowGeometries(),o=(0,b.useMemo)(()=>r.find(a=>a.id===e),[r,e]);return o===void 0?null:(0,t.jsx)(ps,{committedArrow:o.committedArrow,color:o.color,committedLabelBox:o.committedLabelBox,labelBox:o.labelBox,start:o.start,end:o.end,isDragged:o.isDragged,...n})},ps=({committedArrow:e,color:n,committedLabelBox:r,labelBox:o,start:a,end:i,panelRect:l,panelOrigin:c,frameRect:d,frameElement:h,isDragged:u})=>{const m=is({arrow:e,panelOrigin:c,panelRect:l}),v=ss({arrow:e});return(0,t.jsxs)("div",{"data-testid":"difference-arrow-selection",children:[!u&&(0,t.jsx)(Jl,{arrow:e,color:n,labelBox:r,panelRect:l,frameWidth:d.width,frameHeight:d.height,frameElement:h}),(0,t.jsx)("div",{"aria-hidden":"true",className:ns,"data-testid":"difference-arrow-selection-label",style:{left:l.x+o.x-2,top:l.y+o.y-2,width:o.width+4,height:o.height+4}}),(0,t.jsx)(Mt,{endpoint:"start",point:a,panelRect:l,dragHandlers:m("start"),keyboardHandlers:v("start")}),(0,t.jsx)(Mt,{endpoint:"end",point:i,panelRect:l,dragHandlers:m("end"),keyboardHandlers:v("end")})]})},Mt=({endpoint:e,point:n,panelRect:r,dragHandlers:o,keyboardHandlers:a})=>(0,t.jsx)("div",{className:es,"data-testid":"difference-arrow-selection-handle","data-endpoint":e,role:"button",style:{left:r.x+n.x,top:r.y+n.y},tabIndex:0,...o,...a,children:(0,t.jsx)("span",{"aria-hidden":"true",className:ts})}),qe=({start:e,extent:n,isStartMoving:r,delta:o,minExtent:a})=>{if(!Number.isFinite(o))return{start:e,extent:n};const i=e+n,l=Math.min(a,n);if(r){const h=Math.min(0,e),u=Math.min(Math.max(1,e),i-l),m=(0,re.default)(e+o,h,u);return{start:m,extent:i-m}}const c=Math.max(Math.min(0,i),e+l),d=Math.max(1,i);return{start:e,extent:(0,re.default)(i+o,c,d)-e}},ms=["top-left","top-right","bottom-right","bottom-left"];var qn=({width:e,height:n})=>({x:U(16,e),y:U(16,n)}),gs=(e,n)=>({x:Xn(n)?e.x:e.x+e.width,y:Zn(n)?e.y:e.y+e.height}),it=e=>({x:e.x,y:1-e.y-e.height,width:e.width,height:e.height}),Wn=({region:e,corner:n,delta:r,minSize:o})=>{const a=qe({start:e.x,extent:e.width,isStartMoving:Xn(n),delta:r.x,minExtent:o.x}),i=qe({start:e.y,extent:e.height,isStartMoving:Zn(n),delta:r.y,minExtent:o.y});return{anchorType:"panel",x:a.start,y:i.start,width:a.extent,height:i.extent}},Kn=(e,n)=>e.x===n.x&&e.y===n.y&&e.width===n.width&&e.height===n.height,Xn=e=>e==="top-left"\|\|e==="bottom-left",Zn=e=>e==="top-left"\|\|e==="top-right",Yn=(e,n,r,o)=>{const a=e.textAnnotations.find(i=>i.id===n);return a===void 0?null:s.measureTextAnnotationBox(s.previewResizedText(a,r),o)};var xs={hovered:"_1ee8fau1 _1ee8fau0",selected:"_1ee8fau2 _1ee8fau0"},vs={hovered:"_1ee8fau4 _1ee8fau3",selected:"_1ee8fau5 _1ee8fau3"},fs=({panelRect:e})=>{const n=s.useResolvedAnnotations(e),r=s.useMeasuredBoxes(),o=s.useChromeStyleReaders(),a=de(),i=s.useEditorState(f=>s.readStanding(f,"move-drag")),l=s.useEditorState(f=>s.readStanding(f,"shape-resize-drag")),c=s.useEditorState(f=>s.readStanding(f,"arrow-endpoint-drag")),d=s.useEditorState(f=>s.readStanding(f,"text-resize-drag")),h=s.useEditorState(f=>{const S=f.editTargetUnderPointer;return S?.kind==="annotation"?S.id:null}),u=(0,b.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:r,chromeReaders:o}),[e.width,e.height,r,o]),m=_t(n,a,u),v=_t(n,h===a?null:h,u),g=f=>{if(l?.annotationId===f.id){const S=n.shapes.find(P=>P.id===f.id);return S===void 0?f.geometry:s.measureShapeRegion(it(l.region),(0,p.resolveShapeAnnotationStyle)(o,S.id).borderWidth,u.panel)}if(c?.annotationId===f.id){const S=n.arrows.find(P=>P.id===f.id);return S===void 0?f.geometry:s.measureArrowEnds(at(S,c),u.panel)??f.geometry}return d?.annotationId===f.id?Yn(n,f.id,d,u)??f.geometry:f.geometry},x=f=>{if(i?.annotationId!==f)return e;const S=Gn(i.translation,e);return{x:e.x+S.x,y:e.y+S.y}};return(0,t.jsxs)(t.Fragment,{children:[v!==null&&(0,t.jsx)(Rt,{annotationId:v.id,geometry:g(v),state:"hovered",origin:x(v.id)}),m!==null&&(0,t.jsx)(Rt,{annotationId:m.id,geometry:g(m),state:"selected",origin:x(m.id)})]})},_t=(e,n,r)=>{if(n===null)return null;const o=s.resolveAnnotationChromeGeometry(e,n,r);return o===null?null:{id:n,geometry:o}},Rt=({annotationId:e,geometry:n,state:r,origin:o})=>n.shape==="segment"?(0,t.jsxs)("div",{"aria-hidden":"true","data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,children:[(0,t.jsx)(Nt,{point:n.start,state:r,origin:o}),(0,t.jsx)(Nt,{point:n.end,state:r,origin:o})]}):(0,t.jsx)("div",{"aria-hidden":"true",className:xs[r],"data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,style:{left:o.x+n.rect.x-2,top:o.y+n.rect.y-2,width:n.rect.width+4,height:n.rect.height+4}}),Nt=({point:e,state:n,origin:r})=>(0,t.jsx)("span",{className:vs[n],style:{left:r.x+e.x,top:r.y+e.y}}),bs=({panelRect:e})=>{const n=s.useEditorState(a=>s.readStanding(a,"move-drag")),r=s.useResolvedAnnotations(e);if(n===null)return null;const o=Gn(n.translation,e);return(0,t.jsx)("svg",{"aria-hidden":"true",className:ot,width:e.width,height:e.height,style:{left:e.x+o.x,top:e.y+o.y},"data-testid":"annotation-preview","data-annotation-id":n.annotationId,children:ys(r,n.annotationId,e)})},Cs=({annotation:e,panel:n})=>(0,t.jsx)(s.TextAnnotation,{annotation:e,panel:n,blockRef:s.useMeasuredBoxRef(e.id)}),me=(e,n,r)=>{const o=e.find(a=>a.id===n);return o===void 0?null:r(o)},Ss={text:(e,n,r)=>me(e.textAnnotations,n,o=>(0,t.jsx)(Cs,{annotation:o,panel:r})),shape:(e,n,r)=>me(e.shapes,n,o=>(0,t.jsx)(Ts,{shape:o,panelSize:r})),image:(e,n,r)=>me(e.images,n,o=>(0,t.jsx)(s.ImageAnnotation,{image:o,panel:r})),arrow:(e,n,r)=>me(e.arrows,n,o=>(0,t.jsx)(js,{arrow:o,panelSize:r}))},ys=(e,n,r)=>{for(const o of Object.values(Ss)){const a=o(e,n,r);if(a!==null)return a}return null},js=({arrow:e,panelSize:n})=>{const r=s.useArrowAnnotationStyles()(e.id),o=(0,p.computeArrow)({arrow:e,style:r,panelWidth:n.width,panelHeight:n.height});return o===null?null:(0,t.jsx)(s.ArrowAnnotation,{computed:o,style:r,isAddressable:!1})},Ts=({shape:e,panelSize:n})=>(0,t.jsx)(s.ShapeAnnotation,{shape:e,style:s.useShapeAnnotationStyles()(e.id),panel:n}),ws=({panelRect:e})=>{const n=s.useEditorState(i=>s.readStanding(i,"shape-resize-drag")),r=s.useResolvedAnnotations(e).shapes,o=s.useShapeAnnotationStyles();if(n===null)return null;const a=r.find(i=>i.id===n.annotationId);return a===void 0?null:(0,t.jsx)("svg",{"aria-hidden":"true",className:ot,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"shape-resize-preview","data-annotation-id":n.annotationId,children:(0,t.jsx)(s.ShapeAnnotation,{shape:{...a,region:it(n.region)},style:o(a.id),panel:e})})},As={sm:"o49ib40",md:"o49ib41"},Ps={horizontal:"o49ib42",diagonalDown:"o49ib43",diagonalUp:"o49ib44"},Jn=({point:e,label:n,pull:r,size:o,attributes:a,dragHandlers:i,keyboardHandlers:l})=>(0,t.jsx)("div",{"aria-label":n,className:Ps[r],role:"button",style:{left:e.x,top:e.y},tabIndex:0,...a,...i,...l,children:(0,t.jsx)("span",{"aria-hidden":"true",className:As[o]})}),We=[{width:0,key:"graph.annotations.shapeToolbar.border.none"},{width:2,key:"graph.annotations.shapeToolbar.border.thin"},{width:8,key:"graph.annotations.shapeToolbar.border.medium"},{width:16,key:"graph.annotations.shapeToolbar.border.thick"}],Ls=e=>[...We].reverse().find(n=>n.width<=e)??We[0],ks=({shape:e,shapeBox:n,panelRect:r,frameWidth:o,frameHeight:a,frameElement:i})=>{const l=s.useI18n(),{commands:c}=s.useGraphContext(),d=s.useCompiledSelector(C=>C.spec.styles.overrides),h=Ie(),u=s.useShapeAnnotationStyles()(e.id),m=Ls(u.borderWidth),v=(0,b.useMemo)(()=>({target:"annotation",kind:"shape",annotation:e.id}),[e.id]),g=(C,L)=>{const k=(0,p.findStyleRule)(d,{select:v})?.declarations??{};c.dispatch(new p.SetStyleRuleCommand({list:"overrides",rule:{select:v,declarations:{...k,...C}}}),L)},x=()=>{c.dispatch(new p.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},f=C=>g({color:C},{transient:!0}),S=C=>g({alpha:C},{transient:!0}),P=C=>()=>{g({borderWidth:C}),h.close()};return(0,t.jsxs)(I.Root,{anchorBox:n,panelRect:r,frameWidth:o,frameHeight:a,label:l("graph.annotations.shapeToolbar.label"),testId:"shape-toolbar",children:[(0,t.jsx)(I.ColorPicker,{color:u.color,label:l("graph.annotations.shapeToolbar.color"),onChange:f,opacity:u.alpha,onOpacityChange:S,...h.bind("color"),children:(0,t.jsx)(I.Swatch,{color:u.color,opacity:u.alpha})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.shapeToolbar.border.ariaLabel"),trigger:(0,t.jsx)(Bn,{size:"sm",title:""}),...h.bind("border"),children:We.map(C=>(0,t.jsx)(I.MenuItem,{isSelected:C.width===m?.width,onClick:P(C.width),children:l(C.key)},C.width))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:l("graph.annotations.shapeToolbar.remove"),onClick:x,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},Qn=e=>{const n=s.useLatestRef(e),r=(0,b.useRef)(null);return(0,b.useEffect)(()=>()=>r.current?.finish(!1),[]),(0,b.useCallback)(o=>({onPointerDown:a=>{if(a.button!==0\|\|r.current!==null)return;try{a.currentTarget.setPointerCapture(a.pointerId)}catch{return}a.currentTarget.focus({preventScroll:!0}),a.preventDefault();const i=n.current(o,{handle:a.currentTarget,pointerId:a.pointerId,press:{x:a.clientX,y:a.clientY},onSettled:()=>{r.current=null}});r.current=i,i.start()}}),[n])},Se=(e,n)=>{const r=e.shapes.find(o=>o.id===n);return r===void 0\|\|r.region.anchorType!=="panel"?null:r.region},Is=class extends ue{constructor(...e){super(...e),this.kind="shape-resize-drag"}readOwn(e){return s.readResizedShapeFor(s.readStanding(e,"shape-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:n,corner:r,press:o,readInputs:a}=this.params,{annotations:i,panelRect:l}=a(),c=Se(i,n);return c===null?null:{kind:"shape-resize-drag",annotationId:n,region:Wn({region:c,corner:r,delta:Ee(o,e,l),minSize:qn(l)})}}commit({region:e}){const{annotationId:n,dispatch:r,readInputs:o}=this.params,a=Se(o().annotations,n);a===null\|\|Kn(a,e)\|\|r(new p.UpdateAnnotationCommand({kind:"shape",id:n,patch:{region:e}}))}},Es=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useLatestRef({annotations:s.useCompiledSelector(i=>i.spec.annotations),panelRect:n});return Qn((i,l)=>new Is({...l,annotationId:e,corner:i,readInputs:()=>a.current,editorStore:o,dispatch:r.dispatch}))},Ms=[" ","Enter"],er=e=>{const n=s.useEditorStore(),r=s.useLatestRef(e);return(0,b.useEffect)(()=>()=>Ot(n,r.current),[n,r]),(0,b.useCallback)(o=>({onKeyDown:a=>{if(a.altKey\|\|a.ctrlKey\|\|a.metaKey\|\|a.shiftKey)return;const i=n.getState(),l=r.current.readHeld();if(Ms.includes(a.key)){if(a.preventDefault(),a.repeat)return;if(l!==null){Ot(n,r.current);return}const d=r.current.claim(o);if(d===null)return;i.claimInteraction(d);return}if(l===null)return;const c=r.current.step(l,o,a.key);c!==null&&(a.preventDefault(),i.claimInteraction(c))}}),[n,r])},Ot=(e,n)=>{const r=n.readHeld();r!==null&&(e.getState().releaseInteraction(r.kind),n.commit(r))},Dt=4,_s=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useCompiledSelector(i=>i.spec.annotations);return er({readHeld:()=>s.readResizedShapeFor(s.readStanding(o.getState(),"shape-resize-drag"),e),claim:()=>{const i=Se(a,e);return i===null?null:{kind:"shape-resize-drag",annotationId:e,region:i}},step:(i,l,c)=>{const d=Rs(c,n);return d===null?null:{kind:"shape-resize-drag",annotationId:e,region:Wn({region:i.region,corner:l,delta:d,minSize:qn(n)})}},commit:({region:i})=>{const l=Se(a,e);l===null\|\|Kn(l,i)\|\|r.dispatch(new p.UpdateAnnotationCommand({kind:"shape",id:e,patch:{region:i}}))}})},Rs=(e,n)=>{const r=U(Dt,n.width),o=U(Dt,n.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-o};case"ArrowDown":return{x:0,y:o};default:return null}},Ns={"top-left":"diagonalDown","bottom-right":"diagonalDown","top-right":"diagonalUp","bottom-left":"diagonalUp"},Os=e=>{const n=de(),r=zs(n),o=Fs(n);if(r===null)return null;const a=o.resizedRegion??(r.region.anchorType==="panel"?r.region:null);return a===null?null:(0,t.jsx)(Ds,{shape:r,region:a,isSettled:o.resizedRegion===null&&!o.isMoved,isMoved:o.isMoved,...e})},Ds=({shape:e,region:n,isSettled:r,isMoved:o,panelRect:a,frameRect:i,frameElement:l})=>{const c=s.useI18n(),d=Es({annotationId:e.id,panelRect:a}),h=_s({annotationId:e.id,panelRect:a}),u=s.useShapeAnnotationStyles()(e.id),{rect:m}=s.measureShapeRegion(it(n),u.borderWidth,a);return(0,t.jsxs)("div",{"data-testid":"shape-selection","data-annotation-id":e.id,children:[r&&(0,t.jsx)(ks,{shape:e,shapeBox:m,panelRect:a,frameWidth:i.width,frameHeight:i.height,frameElement:l}),!o&&ms.map(v=>{const g=gs(m,v);return(0,t.jsx)(Jn,{point:{x:a.x+g.x,y:a.y+g.y},label:c(`graph.annotations.shapeToolbar.resize.${v}`),pull:Ns[v],size:"md",attributes:{"data-testid":"shape-resize-handle","data-corner":v},dragHandlers:d(v),keyboardHandlers:h(v)},v)})]})},zs=e=>{const n=s.useCompiledSelector(r=>r.spec.annotations.shapes);return e===null?null:n.find(r=>r.id===e)??null},Fs=e=>s.useEditorState((0,oe.useShallow)(n=>e===null?{resizedRegion:null,isMoved:!1}:{resizedRegion:s.readResizedShapeFor(s.readStanding(n,"shape-resize-drag"),e)?.region??null,isMoved:s.readMovedAnnotationFor(s.readStanding(n,"move-drag"),e)!==null})),Hs=({textColor:e,...n})=>(0,t.jsxs)(s.Icon,{...n,children:[(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M6 4h12"}),(0,t.jsx)("path",{d:"M12 4v12"})]}),(0,t.jsx)("path",{d:"M5 20h14",stroke:e??"currentColor",strokeWidth:3,strokeLinecap:"round"})]});var ye="textStyle",tr=new Set(["paragraph","heading"]),Bs=e=>{const n=nr(e),r=Ws(e);return{color:ge(n.map(o=>Ks(ze(o)?.color))),font:ge(n.map(o=>qs(ze(o)))),fontSize:ge(n.map(o=>Xs(ze(o)?.fontSize))),alignment:ge(r.map(o=>Zs(o.attrs?.textAlign)))}},Gs=(e,n)=>lt(e,r=>r.type==="text"?$s(r,n):r),Vs=e=>nr(e).length>0,Us=(e,n)=>lt(e,r=>tr.has(r.type??"")?{...r,attrs:{...r.attrs,textAlign:n}}:r),lt=(e,n)=>n(e.content===void 0?e:{...e,content:e.content.map(r=>lt(r,n))}),$s=(e,n)=>{const r=e.marks??[],o=r.find(i=>i.type===ye),a={type:ye,attrs:{...o?.attrs,...n}};return{...e,marks:o===void 0?[...r,a]:r.map(i=>i===o?a:i)}},ze=e=>e.marks?.find(n=>n.type===ye)?.attrs,qs=e=>s.readRichTextFontId(e?.font)??s.readRichTextFontId(e?.fontFamily),nr=e=>st(e,n=>n.type==="text"),Ws=e=>st(e,n=>tr.has(n.type??"")),st=(e,n)=>[...n(e)?[e]:[],...(e.content??[]).flatMap(r=>st(r,n))],ge=e=>{const[n,...r]=e;return n===void 0?null:r.every(o=>o===n)?n:null},Ks=e=>typeof e=="string"&&e.length>0?e:void 0,Xs=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,Zs=e=>e==="left"\|\|e==="center"\|\|e==="right"?e:void 0;var rr=[{id:"modern",key:"graph.annotations.textToolbar.font.modern"},{id:"fresh",key:"graph.annotations.textToolbar.font.fresh"},{id:"timeless",key:"graph.annotations.textToolbar.font.timeless"},{id:"technical",key:"graph.annotations.textToolbar.font.technical"},{id:"fineliner",key:"graph.annotations.textToolbar.font.fineliner"}].map(({id:e,key:n})=>({id:e,key:n,fontFamily:s.RICH_TEXT_FONT_FAMILIES[e]??e})),Ys=e=>rr.find(n=>n.id===(e??"modern"))??null;var or=[{size:12,key:"graph.annotations.textToolbar.fontSize.small"},{size:16,key:"graph.annotations.textToolbar.fontSize.medium"},{size:20,key:"graph.annotations.textToolbar.fontSize.large"},{size:24,key:"graph.annotations.textToolbar.fontSize.extraLarge"},{size:32,key:"graph.annotations.textToolbar.fontSize.huge"}],Js=e=>or.find(n=>n.size===(e??16))??null,Qs=e=>`${e/10}em`,ec=[{alignment:"left",Icon:jn},{alignment:"center",Icon:Sn},{alignment:"right",Icon:yn}],tc=({annotation:e,textBox:n,panelRect:r,frameWidth:o,frameHeight:a,frameElement:i})=>{const l=s.useI18n(),{commands:c}=s.useGraphContext(),{themeValues:d}=s.useThemeContext(),h=s.useEditorStore(),u=Ie(),m=Bs(e.content),v=Ys(m.font),g=Js(m.fontSize),x=m.color??d.textPrimary,f=(y,E)=>{c.dispatch(new p.UpdateAnnotationCommand({kind:"text",id:e.id,patch:y}),E)},S=()=>h.getState().caret?.editor?.getJSON()??e.content,P=(y,E)=>{const A=S(),D=h.getState().caret?.editor??null;if(D!==null&&!Vs(A)){D.chain().focus().setMark(ye,y).run();return}f({content:Gs(A,y)},E)},C=()=>{c.dispatch(new p.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},L=y=>f(nc(y),{transient:!0}),k=y=>P({color:y},{transient:!0}),T=y=>()=>{P({font:y}),u.close()},O=y=>()=>{P({fontSize:y}),u.close()},_=y=>f({content:Us(S(),y)});return(0,t.jsxs)(I.Root,{anchorBox:n,panelRect:r,frameWidth:o,frameHeight:a,label:l("graph.annotations.textToolbar.label"),testId:"text-toolbar",children:[(0,t.jsx)(I.ColorPicker,{color:e.backgroundColor??"transparent",label:l("graph.annotations.textToolbar.background"),hasTransparentOption:!0,onChange:L,...u.bind("background"),children:(0,t.jsx)(I.Swatch,{color:e.backgroundColor??"linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))"})}),(0,t.jsx)(I.ColorPicker,{color:x,label:l("graph.annotations.textToolbar.color"),onChange:k,...u.bind("color"),children:(0,t.jsx)(Hs,{size:"sm",textColor:x,title:""})}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.textToolbar.font.ariaLabel"),trigger:(0,t.jsx)("span",{style:{fontFamily:v?.fontFamily},children:"Aa"}),...u.bind("font"),children:rr.map(y=>(0,t.jsx)(I.MenuItem,{isSelected:y.id===v?.id,onClick:T(y.id),children:(0,t.jsx)("span",{style:{fontFamily:y.fontFamily},children:l(y.key)})},y.id))}),(0,t.jsx)(I.Dropdown,{label:l("graph.annotations.textToolbar.fontSize.ariaLabel"),trigger:g===null?"":l(g.key),...u.bind("fontSize"),children:or.map(y=>(0,t.jsx)(I.MenuItem,{isSelected:y.size===g?.size,onClick:O(y.size),children:(0,t.jsx)("span",{style:{fontSize:Qs(y.size)},children:l(y.key)})},y.size))}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(rc,{current:m.alignment??"center",onPick:_}),(0,t.jsx)(I.Separator,{}),(0,t.jsx)(I.IconButton,{label:l("graph.annotations.textToolbar.remove"),onClick:C,children:(0,t.jsx)(ke,{size:"sm",title:""})})]})},nc=e=>e==="transparent"?{backgroundColor:null}:{backgroundColor:e,backgroundColorStyle:ea(e)?"fade":"opaque"},rc=({current:e,onPick:n})=>{const r=s.useI18n(),o=a=>()=>n(a);return(0,t.jsx)(t.Fragment,{children:ec.map(a=>(0,t.jsx)(I.ToggleButton,{label:r(`graph.annotations.textToolbar.align.${a.alignment}`),isPressed:a.alignment===e,onClick:o(a.alignment),children:(0,t.jsx)(a.Icon,{size:"sm",title:""})},a.alignment))})},oc=["left","right"];var ar=({width:e})=>U(60,e),ac=(e,n)=>({x:n==="left"?e.x:e.x+e.width,y:e.y+e.height/2}),ir=({at:e,width:n,align:r,edge:o,delta:a,minWidth:i,panelWidth:l})=>{if(a===0)return{at:e,width:n,shift:0};const c=(0,p.alignUnitFractions)(r).x,d=ic(e.offset,l),h=qe({start:e.x+d-cn,extent:n,isStartMoving:o==="left",delta:a,minExtent:i}),u=h.start+ch.extent-d;return{at:{...e,x:u},width:h.extent,shift:u-e.x}},lr=(e,n)=>e.at.x===n.at.x&&e.width===n.width,ic=(e,n)=>e?.x===void 0?0:e.unit==="px"?U(e.x,n):e.x,je=(e,n)=>{const r=e.textAnnotations.find(o=>o.id===n);return r===void 0\|\|r.at.anchorType!=="panel"?null:{at:r.at,width:r.width,align:r.align}},lc=class extends ue{constructor(...e){super(...e),this.kind="text-resize-drag"}readOwn(e){return s.readResizedTextFor(s.readStanding(e,"text-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:n,edge:r,press:o,readInputs:a}=this.params,{annotations:i,panelRect:l}=a(),c=je(i,n);if(c===null)return null;const d=Ee(o,e,l).x;return{kind:"text-resize-drag",annotationId:n,delta:d,...ir({...c,edge:r,delta:d,minWidth:ar(l),panelWidth:l.width})}}commit(e){const{annotationId:n,dispatch:r,readInputs:o}=this.params,a=je(o().annotations,n);a===null\|\|lr(a,e)\|\|r(new p.UpdateAnnotationCommand({kind:"text",id:n,patch:{at:e.at,width:e.width}}))}},sc=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useLatestRef({annotations:s.useCompiledSelector(i=>i.spec.annotations),panelRect:n});return Qn((i,l)=>new lc({...l,annotationId:e,edge:i,readInputs:()=>a.current,editorStore:o,dispatch:r.dispatch}))},cc=4,dc=({annotationId:e,panelRect:n})=>{const{commands:r}=s.useGraphContext(),o=s.useEditorStore(),a=s.useCompiledSelector(l=>l.spec.annotations),i=(l,c)=>{const d=je(a,e);return d===null?null:{kind:"text-resize-drag",annotationId:e,delta:c,...ir({...d,edge:l,delta:c,minWidth:ar(n),panelWidth:n.width})}};return er({readHeld:()=>s.readResizedTextFor(s.readStanding(o.getState(),"text-resize-drag"),e),claim:l=>i(l,0),step:(l,c,d)=>{const h=uc(d,n);return h===null?null:i(c,l.delta+h)},commit:l=>{const c=je(a,e);c===null\|\|lr(c,l)\|\|r.dispatch(new p.UpdateAnnotationCommand({kind:"text",id:e,patch:{at:l.at,width:l.width}}))}})},uc=(e,n)=>{const r=U(cc,n.width);switch(e){case"ArrowLeft":return-r;case"ArrowRight":return r;default:return null}},hc=e=>{const n=de(),r=mc(n),o=gc(n),a=s.useEditorState(l=>l.caret?.annotationId===n),i=xc(e.panelRect,n,o.resized);return r===null\|\|i===null?null:(0,t.jsx)(pc,{annotation:r,textBox:i,isSettled:o.resized===null&&!o.isMoved,isMoved:o.isMoved,isResizable:r.at.anchorType==="panel",hasCaret:a,...e})},pc=({annotation:e,textBox:n,isSettled:r,isMoved:o,isResizable:a,hasCaret:i,panelRect:l,frameRect:c,frameElement:d})=>{const h=s.useI18n(),u=sc({annotationId:e.id,panelRect:l}),m=dc({annotationId:e.id,panelRect:l});return(0,t.jsxs)("div",{"data-testid":"text-selection","data-annotation-id":e.id,children:[r&&(0,t.jsx)(tc,{annotation:e,textBox:n,panelRect:l,frameWidth:c.width,frameHeight:c.height,frameElement:d}),a&&!o&&!i&&oc.map(v=>{const g=ac(n,v);return(0,t.jsx)(Jn,{point:{x:l.x+g.x,y:l.y+g.y},label:h(`graph.annotations.textToolbar.resize.${v}`),pull:"horizontal",size:"sm",attributes:{"data-testid":"text-resize-handle","data-edge":v},dragHandlers:u(v),keyboardHandlers:m(v)},v)})]})},mc=e=>{const n=s.useCompiledSelector(r=>r.spec.annotations.textAnnotations);return e===null?null:n.find(r=>r.id===e)??null},gc=e=>s.useEditorState((0,oe.useShallow)(n=>e===null?{resized:null,isMoved:!1}:{resized:s.readResizedTextFor(s.readStanding(n,"text-resize-drag"),e),isMoved:s.readMovedAnnotationFor(s.readStanding(n,"move-drag"),e)!==null})),xc=(e,n,r)=>{const o=s.useResolvedAnnotations(e),a=s.useMeasuredBoxes(),i=s.useChromeStyleReaders(),l=(0,b.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:a,chromeReaders:i}),[e.width,e.height,a,i]);return n===null?null:Yn(o,n,r,l)?.rect??null},vc=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 5v14"}),(0,t.jsx)("path",{d:"M5 12h14"})]})}),fc="var(--_1tyillx0)",bc={rest:.5,hovered:.75,open:1};var Cc="_1tyillx1",Sc={rest:"_1tyillx2",hovered:"_1tyillx3",open:"_1tyillx4"},yc="_1tyillx5",jc={closed:"_1tyillx6",open:"_1tyillx7"},Tc=({interaction:e,panelRect:n})=>{const r=s.useEditorStore(),o=e.kind==="trigger"\|\|e.kind==="menu"?e.anchor:null,a=wc(e),i=(0,b.useMemo)(()=>{if(o===null)return null;const l=(0,p.projectAnchorToPanel)(o.position,n);return{center:l,radius:19bc[a],target:{kind:"observation",cursor:(0,p.toPanelCursor)(l,n)}}},[o,n,a]);return(0,b.useEffect)(()=>{r.getState().setMenuTrigger(i)},[r,i]),(0,b.useEffect)(()=>()=>r.getState().setMenuTrigger(null),[r]),o===null\|\|i===null?null:(0,t.jsx)("div",{"aria-hidden":"true","data-testid":"observation-menu-trigger","data-state":a,className:(0,V.default)(Cc,Sc[a]),style:{left:n.x+i.center.x,top:n.y+i.center.y,...(0,tn.assignInlineVars)({[fc]:o.color})},children:(0,t.jsx)("span",{className:(0,V.default)(yc,jc[a==="open"?"open":"closed"]),children:(0,t.jsx)(vc,{size:"lg"})})})},wc=e=>e.kind==="menu"?"open":e.kind==="trigger"&&e.isEngaged?"hovered":"rest",Ac='button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])',Pc=(e,n)=>{const{chartId:r}=s.useGraphContext(),o=s.useEditorStore();(0,b.useEffect)(()=>{if(n===null)return;const a=i=>{if(i.key!=="Tab"\|\|i.defaultPrevented\|\|!se(i.target,e,r)\|\|o.getState().standingInteraction?.kind==="chrome-popup")return;const l=[...n.querySelectorAll(Ac)];if(l.length===0)return;i.preventDefault();const c=l.findIndex(d=>d===document.activeElement);l[c===-1?i.shiftKey?l.length-1:0:(c+(i.shiftKey?-1:1)+l.length)%l.length]?.focus()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e,n,r,o])},Lc=`[${s.EDIT_TARGET_KIND_ATTRIBUTE}]`,Te=(e,n,r)=>{if(typeof document.elementsFromPoint!="function")return null;const o=document.elementsFromPoint(e,n);return kc(o,r)},kc=(e,n)=>{for(const r of e){const o=r.closest(Lc);if(o===null\|\|!n.contains(o))continue;const a=Ic(o);if(a!==null)return a;if(o!==r)return null}return null},Ic=e=>{const n=e.getAttribute(s.EDIT_TARGET_KIND_ATTRIBUTE);if(n!=="annotation")return null;const r=e.getAttribute(s.EDIT_TARGET_ID_ATTRIBUTE);return r===null\|\|r===""?null:{kind:n,id:r}},Ec=e=>{const{selectionStore:n,chartId:r}=s.useGraphContext(),o=s.useEditorStore();(0,b.useEffect)(()=>{let a=null;const i=d=>{const{caret:h}=o.getState(),u=h===null?null:Te(d.clientX,d.clientY,e);u!==null&&u.id===h?.annotationId\|\|e.focus({preventScroll:!0})},l=d=>{const{selection:h,clearSelection:u}=n.getState();h.length!==0&&(se(d.target,e,r)\|\|u())},c=d=>{n.getState().selection.length!==0&&se(d.target,e,r)&&d.relatedTarget===null&&(a!==null&&cancelAnimationFrame(a),a=requestAnimationFrame(()=>{a=null,document.hasFocus()&&(se(document.activeElement,e,r)\|\|n.getState().clearSelection())}))};return e.addEventListener("pointerdown",i),document.addEventListener("focusin",l),document.addEventListener("focusout",c),()=>{a!==null&&cancelAnimationFrame(a),e.removeEventListener("pointerdown",i),document.removeEventListener("focusin",l),document.removeEventListener("focusout",c)}},[o,n,e,r])},Mc=class extends ue{constructor(...e){super(...e),this.kind="move-drag"}readOwn(e){return s.readMovedAnnotationFor(s.readStanding(e,"move-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:n,press:r,readInputs:o}=this.params,{annotations:a,panelRect:i}=o(),l=(0,p.findAnnotation)(a,n);if(l===null)return null;const c=(0,p.clampAnnotationTranslation)(l,Ee(r,e,i));return c===null?null:{kind:"move-drag",annotationId:n,translation:c}}commit({translation:e}){const{annotationId:n,dispatch:r}=this.params;El(e)&&r(new p.MoveAnnotationCommand({id:n,translation:e}))}},_c=(e,n,r)=>{const{commands:o,selectionStore:a}=s.useGraphContext(),i=s.useEditorStore(),l=s.useLatestRef({annotations:s.useCompiledSelector(h=>h.spec.annotations),panelRect:r}),c=s.useLatestRef(n),d=(0,b.useRef)(null);(0,b.useEffect)(()=>()=>d.current?.finish(!1),[]),(0,b.useEffect)(()=>{const h=g=>{const{editTargetUnderPointer:x,standingInteraction:f}=i.getState();return x!==null&&f===null&&g.pointerType==="mouse"&&Rc(g.target,e)?x:Te(g.clientX,g.clientY,e)},u=(g,x)=>{if(d.current!==null\|\|!s.canMoveAnnotationOnCanvas(l.current.annotations,x.id))return;try{e.setPointerCapture(g.pointerId)}catch{return}g.preventDefault();const f=new Mc({handle:e,pointerId:g.pointerId,annotationId:x.id,press:{x:g.clientX,y:g.clientY},readInputs:()=>l.current,editorStore:i,dispatch:o.dispatch,onSettled:()=>{d.current=null}});d.current=f,f.start()},m=g=>{if(g.button!==0\|\|Ue(g.target)\|\|An(g,c.current,i.getState().menuTrigger))return;const x=h(g),f=a.getState(),{caret:S,setCaret:P}=i.getState();if(!(S!==null&&x?.id===S.annotationId)){if(P(null),x===null){f.clearSelection();return}f.setSelection([x]),u(g,x)}},v=g=>{if(Ue(g.target))return;const x=Te(g.clientX,g.clientY,e);x!==null&&l.current.annotations.textAnnotations.some(f=>f.id===x.id)&&(a.getState().setSelection([x]),i.getState().setCaret(x.id))};return document.addEventListener("pointerdown",m),document.addEventListener("dblclick",v),()=>{document.removeEventListener("pointerdown",m),document.removeEventListener("dblclick",v)}},[e,i,a,o,l,c])},Rc=(e,n)=>e instanceof Node&&n.contains(e),Nc=e=>{const{selectionStore:n,commands:r,chartId:o}=s.useGraphContext(),a=s.useEditorStore(),i=s.useLatestRef(s.useCompiledSelector(h=>h.spec.annotations.textAnnotations)),l=(0,b.useCallback)(h=>{const{selection:u}=n.getState(),m=$e(u);m!==null&&(h.preventDefault(),r.dispatch(new p.RemoveAnnotationCommand({id:m})),e.focus({preventScroll:!0}))},[e,r,n]),c=(0,b.useCallback)(h=>{if(xe(h.target,o))return;const u=$e(n.getState().selection);u!==null&&i.current.some(m=>m.id===u)&&(h.preventDefault(),a.getState().setCaret(u))},[a,n,i,o]),d=(0,b.useCallback)(h=>{const u=a.getState(),m=u.standingInteraction?.kind;if(m!==void 0){m!=="chrome-popup"&&u.releaseInteraction(m);return}if(u.caret!==null){u.setCaret(null),e.focus({preventScroll:!0});return}return xe(h.target,o)?e.focus({preventScroll:!0}):n.getState().clearSelection()},[a,n,e,o]);(0,b.useEffect)(()=>{const h=u=>{if(!se(u.target,e,o)\|\|hi(u.target))return;const m=Oc(u.target),v=a.getState().caret!==null&&!xe(u.target,o);if(!(m&&!v))switch(u.key){case"Escape":return d(u);case"Enter":return m?void 0:c(u);case"Delete":case"Backspace":return m?void 0:l(u);default:return}};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[e,l,c,d,o,a])},Oc=e=>e instanceof HTMLElement&&(e.isContentEditable\|\|e instanceof HTMLInputElement\|\|e instanceof HTMLTextAreaElement),Dc=()=>{const e=s.useHoverState(l=>l.hover.primary),{layers:n,coordSystem:r}=s.useCompiledSelector((0,oe.useShallow)(l=>({layers:l.layers,coordSystem:l.coordSystem}))),{anchorResolver:o,colorScheme:a}=s.useGraphContext(),i=(0,b.useMemo)(()=>(0,p.createStyleResolver)({colorScheme:a}),[a]);return(0,b.useMemo)(()=>{if(e===null)return null;const l=n.find(h=>h.id===e.layerId);if(l===void 0)return null;const c=o.resolve(l.geom,e.observation,{coordSystem:r,position:l.position,purpose:"pin"});if(c===null)return null;const d=(0,p.createObservationAnchorBuilder)(l)(e.observation);return d===null?null:{position:c,color:i.geomReaders(l).get("color",e.observation),layer:l,at:d,observation:e.observation}},[e,n,r,o,i])},zc={kind:"idle"},sr=()=>{const e=s.useEditorState(o=>o.standingInteraction),n=s.useEditorState(o=>o.chromeUnderPointer),r=Dc();return(0,b.useMemo)(()=>e!==null?e:r===null?zc:{kind:"trigger",anchor:r,isEngaged:n==="menu-trigger"},[e,r,n])},Fc=(e,n,r)=>{const o=s.useEditorStore(),{selectionStore:a}=s.useGraphContext(),{store:i,engine:l}=s.useHoverContext(),c=s.useLatestRef(e),d=s.useLatestRef(n),h=s.useLatestRef(r);(0,b.useEffect)(()=>{const u=f=>An(f,d.current,o.getState().menuTrigger),m=f=>{if(u(f)\|\|a.getState().selection.length>0)return;const S=h.current,P=d.current,C={x:f.clientX-P.x,y:f.clientY-P.y},L=Hc(C,S)?l.query((0,p.toPanelCursor)(C,S)):p.RESTING_HOVER_STATE;i.getState().setHoverState(L)};let v=!1;const g=()=>{v=c.current.kind==="menu"},x=f=>{if(Ue(f.target))return;const{claimInteraction:S,releaseInteraction:P}=o.getState();if(!u(f)\|\|v){P("menu"),v&&m(f);return}const C=c.current;C.kind==="trigger"&&S({kind:"menu",anchor:C.anchor})};return document.addEventListener("pointerdown",g,!0),document.addEventListener("click",x),()=>{document.removeEventListener("pointerdown",g,!0),document.removeEventListener("click",x)}},[o,a,c,i,l,d,h])},Hc=(e,n)=>e.x>=0&&e.x<=n.width&&e.y>=0&&e.y<=n.height,Bc=(e,n)=>{const r=s.useEditorStore(),o=s.useLatestRef(n);(0,b.useEffect)(()=>{let a=null,i=null;const l=g=>{const{menuTrigger:x}=r.getState();return x===null?null:(0,p.isPointWithinEditMenuTrigger)(g,x)?"menu-trigger":null},c=()=>{a=null;const g=i;if(g===null)return;const x=o.current,f=r.getState();if(f.setChromeUnderPointer(l({x:g.x-x.x,y:g.y-x.y})),Fe(f.standingInteraction))return;const S=Te(g.x,g.y,e);f.setEditTargetUnderPointer(S)},d=()=>{a===null&&(a=requestAnimationFrame(c))},h=()=>{const g=r.getState();g.setChromeUnderPointer(null),g.setEditTargetUnderPointer(null)},u=g=>{i={x:g.clientX,y:g.clientY},d()},m=()=>{i=null,a!==null&&(cancelAnimationFrame(a),a=null),h()},v=r.subscribe((g,x)=>{!Fe(x.standingInteraction)\|\|Fe(g.standingInteraction)\|\|i!==null&&d()});return e.addEventListener("pointermove",u),e.addEventListener("pointerleave",m),()=>{a!==null&&cancelAnimationFrame(a),v(),e.removeEventListener("pointermove",u),e.removeEventListener("pointerleave",m),h()}},[e,r,o])},Fe=e=>{if(e===null)return!1;switch(e.kind){case"menu":case"move-drag":case"shape-resize-drag":case"difference-arrow-endpoint-drag":case"arrow-endpoint-drag":case"text-resize-drag":return!0;case"chrome-popup":return!1}},zt="editor",Ft=[],Gc=(e,n,r,o)=>{const a=sr(),{store:i}=s.useHoverContext(),l=s.useGraphSelection().length>0,c=s.useEditorState(u=>u.menuTrigger),d=a.kind==="menu",h=(0,b.useMemo)(()=>c===null?Ft:[(0,p.buildEditMenuTriggerRegion)(c)],[c]);Bc(e,n),_c(e,n,r),Fc(a,n,r),Ec(e),Nc(e),Pc(e,o),(0,b.useEffect)(()=>(i.getState().publishPointerRegions(zt,h),()=>i.getState().publishPointerRegions(zt,Ft)),[i,h]),(0,b.useEffect)(()=>(i.getState().setPointerSuspended(d\|\|l),()=>i.getState().setPointerSuspended(!1)),[i,d,l]),(0,b.useEffect)(()=>{if(!l)return;const u=i.getState();u.setHoverState(p.RESTING_HOVER_STATE),u.setTooltipAnchor(null)},[i,l])},Vc=({frameElement:e,panelRect:n})=>{const{measureRef:r,screenRect:o}=s.useElementScreenRect(),a=s.useEditorStore(),i=s.useEditorState(l=>l.caret?.annotationId??null);return(0,b.useEffect)(()=>(r(e),()=>r(null)),[r,e]),(0,b.useEffect)(()=>()=>{const l=a.getState();l.releaseInteraction("menu"),l.setCaret(null)},[a]),o===null?null:(0,t.jsxs)(mi,{children:[i!==null&&(0,t.jsx)(Uc,{annotationId:i,panelRect:n}),(0,t.jsx)($c,{frameElement:e,frameRect:o,panelRect:n})]})},Uc=({annotationId:e,panelRect:n})=>{const r=s.useEditorStore(),{textAnnotations:o}=s.useResolvedAnnotations(n);return(0,b.useEffect)(()=>{o.some(({id:a})=>a===e)\|\|r.getState().setCaret(null)},[e,o,r]),null},$c=({frameElement:e,frameRect:n,panelRect:r})=>{const o=(0,b.useMemo)(()=>({x:n.left+r.x,y:n.top+r.y}),[n.left,n.top,r.x,r.y]),[a,i]=(0,b.useState)(null);return Gc(e,o,r,a),(0,t.jsx)(qc,{frameElement:e,frameRect:n,panelOrigin:o,panelRect:r,boxRef:i})},qc=({frameElement:e,frameRect:n,panelOrigin:r,panelRect:o,boxRef:a})=>{const i=nt(),l=sr();return(0,t.jsx)(s.OverlayPortal,{rect:n,zIndex:s.Z_INDEX.editorOverlay,container:i,"data-testid":"editor-overlay",boxRef:a,children:(0,t.jsxs)(s.PortalThemeProvider,{children:[(0,t.jsx)(us,{panelRect:o,panelOrigin:r,frameRect:n,frameElement:e}),(0,t.jsx)(Os,{panelRect:o,frameRect:n,frameElement:e}),(0,t.jsx)(zl,{panelRect:o,frameRect:n,frameElement:e}),(0,t.jsx)(hc,{panelRect:o,frameRect:n,frameElement:e}),(0,t.jsx)(bs,{panelRect:o}),(0,t.jsx)(ws,{panelRect:o}),(0,t.jsx)(al,{panelRect:o}),(0,t.jsx)(fs,{panelRect:o}),(0,t.jsx)(Tc,{interaction:l,panelRect:o}),(0,t.jsx)(Ji,{interaction:l,panelOrigin:r})]})})},Wc=({slots:e,...n})=>(0,t.jsx)(ln,{locale:s.useGraphLocale(),children:(0,t.jsx)(s.EditorProvider,{children:(0,t.jsx)(s.InlineEditorsProvider,{editors:ci,children:(0,t.jsx)(s.GraphRendererBody,{slots:(0,b.useMemo)(()=>({EditorSurface:Vc,...e}),[e]),...n})})})}),cr=(0,b.createContext)(null),dr=({labelId:e,controlId:n,children:r})=>{const o=(0,b.useMemo)(()=>{let a=null;return{labelId:e,controlId:n,claimControlId:i=>(a??=i,a===i)}},[e,n]);return(0,t.jsx)(cr.Provider,{value:o,children:r})},Z=({id:e,ariaLabel:n,ariaLabelledBy:r},o=!0)=>{const a=(0,b.useContext)(cr),i=(0,b.useId)(),[l]=(0,b.useState)(()=>o?a?.claimControlId(i)??!1:!1),c=e??(l?a?.controlId:void 0),d=r??(n===void 0?a?.labelId:void 0);return{...c!==void 0&&{id:c},...n!==void 0&&{"aria-label":n},...d!==void 0&&{"aria-labelledby":d}}};var Kc={default:"woi4bh4 woi4bh3",tile:"woi4bh5 woi4bh3"},ur=({label:e,icon:n,onClick:r,variant:o="default",isDisabled:a,ariaLabel:i,ariaLabelledBy:l,id:c})=>{const d=Z({id:c,ariaLabel:i,ariaLabelledBy:l}),h=o==="tile";return(0,t.jsxs)("button",{type:"button",className:Kc[o],disabled:a,onClick:r,...d,children:[n!==void 0&&(0,t.jsx)("span",{className:"woi4bh0",children:n}),e!==void 0&&(0,t.jsx)("span",{className:h?"woi4bh2":"woi4bh1",children:e})]})},ct=(0,b.createContext)(null),R=()=>{const e=(0,b.useContext)(ct);if(!e)throw new Error("An editing section must sit inside an <EditorPanel.Root> bound to a graph — pass it a `handle`, or render the panel inside a <GraphProvider>.");return e},hr=({children:e,onKeyDown:n,...r})=>{const o=(0,b.useContext)(ct),a=i=>{if(n?.(i),!o\|\|i.defaultPrevented)return;const l=s.resolveHistoryStep(i.nativeEvent);l&&(i.preventDefault(),l==="undo"?o.undo():o.redo())};return(0,t.jsx)("div",{onKeyDown:a,...r,children:e})},pr="keyboard",Me=e=>{const n=(0,b.useRef)(!1),r=(0,b.useRef)(!1),o=()=>{n.current=!1,r.current&&(r.current=!1,e?.())};return{commitAfterChange:()=>{if(n.current){r.current=!0;return}e?.()},commitUnlessHeldKey:a=>{if(a){r.current=!0;return}e?.()},gestureHandlers:{onKeyDown:()=>{n.current=!0},onKeyUp:o,onBlur:a=>{a.relatedTarget instanceof Node&&a.currentTarget.contains(a.relatedTarget)\|\|o()}}}},Xc="eh8dvc0",Zc="eh8dvc1 uz3g760",Yc="eh8dvc2 uz3g761";var mr=({value:e,onChange:n,onCommit:r,min:o,max:a,step:i,placeholder:l,prefix:c,suffix:d,isDisabled:h,hasError:u,ariaLabel:m,ariaLabelledBy:v,id:g})=>{const x=Z({id:g,ariaLabel:m,ariaLabelledBy:v}),{commitUnlessHeldKey:f,gestureHandlers:S}=Me(r);return(0,t.jsx)(vt.NumberField.Root,{className:Xc,value:e,onValueChange:P=>n(P),onValueCommitted:(P,C)=>{f(C.reason===pr)},min:o,max:a,step:i,disabled:h,children:(0,t.jsxs)(hr,{className:Zc,"data-error":u===!0,"data-disabled":h===!0?"":void 0,children:[c!==void 0&&(0,t.jsx)("span",{className:"eh8dvc3",children:c}),(0,t.jsx)(vt.NumberField.Input,{className:Yc,placeholder:l,...S,"aria-invalid":u===!0?!0:void 0,...x}),d!==void 0&&(0,t.jsx)("span",{className:"eh8dvc3",children:d})]})})},Jc="_1b7s5f0",ee={1:"_1b7s5f1",2:"_1b7s5f2",3:"_1b7s5f3",4:"_1b7s5f4",5:"_1b7s5f5",6:"_1b7s5f6"},Qc="_1b7s5f7";var ed=6,gr=({options:e,value:n,onChange:r,onCommit:o,columns:a,itemLayout:i="tile",isDisabled:l,ariaLabel:c,ariaLabelledBy:d,id:h})=>{const u=Z({id:h,ariaLabel:c,ariaLabelledBy:d}),m=i==="swatch",{commitAfterChange:v,gestureHandlers:g}=Me(o);return(0,t.jsx)(an.RadioGroup,{className:(0,V.default)(Jc,td(a??e.length)),value:n,onValueChange:x=>{r(x),v()},...g,disabled:l,...u,children:e.map(x=>(0,t.jsxs)(on.Radio.Root,{value:x.value,disabled:x.isDisabled,className:(0,V.default)(Qc,m&&"_1b7s5f8"),"aria-label":m?x.label:void 0,children:[x.icon,!m&&(0,t.jsx)("span",{className:"_1b7s5f9",children:x.label})]},x.value))})},td=e=>{switch(Math.min(Math.max(Math.round(e),1),ed)){case 1:return ee[1];case 2:return ee[2];case 3:return ee[3];case 4:return ee[4];case 5:return ee[5];default:return ee[6]}},nd="_1g5x15w0 uz3g760",rd="_1g5x15w1",od="_1g5x15w2",Ht="_1g5x15w3",ad="_1g5x15w4",id="_1g5x15w5",ld="_1g5x15w6",sd="_1g5x15w7";var xr=({options:e,value:n,onChange:r,placeholder:o,isDisabled:a,hasError:i,ariaLabel:l,ariaLabelledBy:c,id:d})=>{const h=Z({id:d,ariaLabel:l,ariaLabelledBy:c});return(0,t.jsxs)($.Select.Root,{value:n,onValueChange:u=>u!==null&&r(u),disabled:a,items:e.map(u=>({value:u.value,label:u.label})),children:[(0,t.jsxs)($.Select.Trigger,{className:nd,"data-error":i===!0,...h,children:[(0,t.jsx)($.Select.Value,{className:rd,children:u=>cd(e,u,o)}),(0,t.jsx)($.Select.Icon,{className:Ht,children:(0,t.jsx)(ce,{size:"sm"})})]}),(0,t.jsx)($.Select.Portal,{container:s.resolvePortalContainer(),children:(0,t.jsx)(s.PortalThemeProvider,{children:(0,t.jsx)($.Select.Positioner,{className:ad,sideOffset:4,alignItemWithTrigger:!1,children:(0,t.jsx)($.Select.Popup,{className:id,children:e.map(u=>(0,t.jsxs)($.Select.Item,{value:u.value,disabled:u.isDisabled,className:ld,children:[u.icon,(0,t.jsxs)("span",{className:sd,children:[(0,t.jsx)($.Select.ItemText,{children:u.label}),u.description!==void 0&&(0,t.jsx)("span",{className:"_1g5x15w8",children:u.description})]}),(0,t.jsx)($.Select.ItemIndicator,{className:Ht,children:(0,t.jsx)(Cn,{size:"sm"})})]},u.value))})})})})]})},cd=(e,n,r)=>n===null?(0,t.jsx)("span",{className:od,children:r}):dd(e,n),dd=(e,n)=>e.find(r=>r.value===n)?.label??n,ud="vod76w0",hd="vod76w1",pd="vod76w2",md="vod76w3",gd="vod76w4",xd="vod76w5";var vr=({value:e,onChange:n,onCommit:r,min:o,max:a,step:i,suffix:l,formatValue:c,isDisabled:d,ariaLabel:h,ariaLabelledBy:u})=>{const m=Z({ariaLabel:h,ariaLabelledBy:u},!1),v=vd(e,l,c),{commitUnlessHeldKey:g,gestureHandlers:x}=Me(r);return(0,t.jsxs)("div",{className:ud,children:[(0,t.jsx)(q.Slider.Root,{className:hd,value:e,onValueChange:f=>n(f),onValueCommitted:(f,S)=>{g(S.reason===pr)},min:o,max:a,step:i,disabled:d,children:(0,t.jsx)(q.Slider.Control,{className:pd,children:(0,t.jsxs)(q.Slider.Track,{className:md,children:[(0,t.jsx)(q.Slider.Indicator,{className:gd}),(0,t.jsx)(q.Slider.Thumb,{className:xd,...x,...m})]})})}),v!==null&&(0,t.jsx)("span",{className:"vod76w6",children:v})]})},vd=(e,n,r)=>r!==void 0?r(e):n!==void 0?`${e}${n}`:null,fd="_1hyrlw60",bd="_1hyrlw61",fr=({isChecked:e,onChange:n,isDisabled:r,ariaLabel:o,ariaLabelledBy:a,id:i})=>{const l=Z({id:i,ariaLabel:o,ariaLabelledBy:a});return(0,t.jsx)(ft.Switch.Root,{checked:e,onCheckedChange:c=>n(c),disabled:r,className:fd,...l,children:(0,t.jsx)(ft.Switch.Thumb,{className:bd})})},Cd="uz3g761",Sd="tpcnun0 uz3g760",br=({value:e,onChange:n,onCommit:r,placeholder:o,isDisabled:a,hasError:i,ariaLabel:l,ariaLabelledBy:c,id:d})=>{const h=Z({id:d,ariaLabel:l,ariaLabelledBy:c});return(0,t.jsx)(hr,{className:Sd,"data-error":i===!0,children:(0,t.jsx)(po.Input,{className:Cd,value:e,onValueChange:u=>n(u),onBlur:r,placeholder:o,disabled:a,"aria-invalid":i===!0?!0:void 0,...h})})},yd="cnu9yl0",jd="cnu9yl1";var Cr=({options:e,value:n,onChange:r,onCommit:o,itemLayout:a="inline",isDisabled:i,ariaLabel:l,ariaLabelledBy:c,id:d})=>{const h=Z({id:d,ariaLabel:l,ariaLabelledBy:c}),u=a==="stacked",{commitAfterChange:m,gestureHandlers:v}=Me(o);return(0,t.jsx)(an.RadioGroup,{className:yd,value:n,onValueChange:g=>{r(g),m()},...v,disabled:i,...h,children:e.map(g=>(0,t.jsxs)(on.Radio.Root,{value:g.value,disabled:g.isDisabled,className:(0,V.default)(jd,u&&"cnu9yl2"),"aria-label":Td(g,u),children:[g.icon,Sr(g,u)&&(0,t.jsx)("span",{className:"cnu9yl3",children:g.label})]},g.value))})},Sr=(e,n)=>e.icon===void 0\|\|n,Td=(e,n)=>{if(!Sr(e,n))return e.label},yr={ToggleGroup:Cr,Switch:fr,Slider:vr,RadioGrid:gr,Button:ur,TextField:br,NumberField:mr,Select:xr},jr=(0,b.createContext)(yr),wd=({controls:e,children:n})=>{const r=(0,b.useMemo)(()=>({...yr,...e}),[e]);return(0,t.jsx)(jr.Provider,{value:r,children:n})},N=()=>(0,b.useContext)(jr),Ad="_12lhx9e0",Tr=({children:e})=>(0,t.jsx)("div",{className:Ad,children:e}),Pd="_139ohwv0",H=({children:e})=>(0,t.jsx)("div",{className:Pd,children:e}),wr=(0,b.createContext)(null),Ld=wr.Provider,Ar=()=>{const e=(0,b.useContext)(wr);if(!e)throw new Error("A section must be rendered inside <EditorPanel.Root>.");return e},kd="_1jlczkt0",Pr="data-graphy-editor-panel",Id={List:H,Grid:Tr};function Ed(e){if(e===void 0)return!1;const n=e.split(/\s+/);return n.includes("_1ii3bsb0")\|\|n.includes("_1ii3bsb1")}var Md=({handle:e,children:n,controls:r,defaultExpandedSection:o=void 0,className:a})=>{const i=s.useGraphHandle(e),{themeClass:l,inlineVarsStyle:c}=s.useThemeContext(),[d,h]=(0,b.useState)(()=>o?[o]:[]),u=(0,b.useMemo)(()=>({expandSection:m=>h([m]),collapseAllSections:()=>h([])}),[]);return(0,t.jsx)(ct.Provider,{value:i,children:(0,t.jsx)(wd,{controls:r,children:(0,t.jsx)(Ld,{value:u,children:(0,t.jsx)(le.Accordion.Root,{[Pr]:"",className:(0,V.default)(kd,a,{[l]:!Ed(a)}),style:c,value:d,onValueChange:m=>h(m),children:n})})})})},dt={Root:Md,Controls:Id},Bt={stack:"pr583x0",grid:"pr583x1"},Gt="pr583x2",_d={plain:"pr583x4 pr583x3",withIcon:"pr583x5 pr583x3"},j=({label:e,layout:n="grid",icon:r,children:o})=>{const a=(0,b.useId)(),i=(0,b.useId)();return e===void 0?(0,t.jsx)("div",{className:Bt[n],children:(0,t.jsx)("div",{className:Gt,children:o})}):(0,t.jsxs)("div",{className:Bt[n],children:[(0,t.jsxs)("label",{id:a,htmlFor:i,className:_d[r===void 0?"plain":"withIcon"],children:[r!==void 0&&(0,t.jsx)("span",{"aria-hidden":"true",children:r}),e]}),(0,t.jsx)("div",{className:Gt,children:(0,t.jsx)(dr,{labelId:a,controlId:i,children:o})})]})},Rd=e=>(0,t.jsx)(s.Icon,{...e,children:(0,t.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"m9 6 6 6-6 6"})})}),ut="_40zvwv0",ht="_40zvwv1",Nd="_40zvwv2",Lr="_40zvwv3",Od="_40zvwv4 _40zvwv3";var Dd="_40zvwv6";var zd="_40zvwv8",z=({title:e,layout:n="fixed",preview:r,accessory:o,onOpenChange:a,children:i})=>n==="collapsible"?(0,t.jsx)(Hd,{title:e,preview:r,accessory:o,onOpenChange:a,children:i}):n==="inline"&&r===void 0?(0,t.jsx)(Fd,{title:e,accessory:o,children:i}):(0,t.jsxs)("div",{className:ut,children:[(0,t.jsxs)("div",{className:ht,children:[(0,t.jsx)("span",{className:Lr,children:e}),r!==void 0&&(0,t.jsx)("span",{className:"_40zvwv5",children:r}),o!==void 0&&(0,t.jsx)("span",{className:"_40zvwv7",children:o})]}),(0,t.jsx)("div",{children:i})]}),Fd=({title:e,accessory:n,children:r})=>{const o=(0,b.useId)(),a=(0,b.useId)();return(0,t.jsx)("div",{className:ut,children:(0,t.jsxs)("div",{className:ht,children:[(0,t.jsx)("label",{id:o,htmlFor:a,className:Od,children:e}),(0,t.jsx)("span",{className:Dd,children:(0,t.jsx)(dr,{labelId:o,controlId:a,children:r})}),n!==void 0&&(0,t.jsx)("span",{className:"_40zvwv7",children:n})]})})},Hd=({title:e,preview:n,accessory:r,onOpenChange:o,children:a})=>{const i=s.useI18n();return(0,t.jsxs)(le.Accordion.Item,{value:e,className:ut,onOpenChange:o,children:[(0,t.jsxs)(le.Accordion.Header,{className:ht,render:(0,t.jsx)("div",{}),children:[(0,t.jsx)(le.Accordion.Trigger,{className:Nd,"aria-label":i("editor.accessibility.toggleSection",{title:e})}),(0,t.jsx)("span",{className:Lr,children:e}),n!==void 0&&(0,t.jsx)("span",{className:"_40zvwv5",children:n}),r!==void 0&&(0,t.jsx)("span",{className:"_40zvwv7",children:r}),(0,t.jsx)("span",{className:zd,children:(0,t.jsx)(Rd,{size:"sm"})})]}),(0,t.jsx)(le.Accordion.Panel,{children:(0,t.jsx)("div",{children:a})})]})},kr=({title:e,isChecked:n,onToggle:r,isDisabled:o,preview:a,children:i})=>{const{expandSection:l,collapseAllSections:c}=Ar(),{Switch:d}=N(),h=m=>{r(m),m?l(e):c()},u=m=>{m&&!n&&o!==!0&&r(!0)};return(0,t.jsx)(z,{title:e,layout:"collapsible",preview:a,onOpenChange:u,accessory:(0,t.jsx)(d,{isChecked:n,onChange:h,isDisabled:o,ariaLabel:e}),children:i})},Bd={horizontal:["bottom","top"],vertical:["left","right"]},Gd={left:"editor.axesPanel.position.left",right:"editor.axesPanel.position.right",top:"editor.axesPanel.position.top",bottom:"editor.axesPanel.position.bottom"},Vd={x:"editor.axesPanel.mainAxisSection.xAxis",y:"editor.axesPanel.mainAxisSection.yAxis"},Ke=({axis:e,title:n,layout:r="collapsible",preview:o})=>{const a=R(),i=s.useHandleCompiled(a),l=s.useI18n(),{NumberField:c,Switch:d,TextField:h,ToggleGroup:u}=N();if(!i)return null;const m=i.coordSystem.type==="polar"?i.coordSystem.axisMapping[e].geometry:"linear",v=i.config.axes[e],g=i.scales[e],x=g?.spec,f=x?.scaleType==="continuous"?x:void 0;if(m==="circular"\|\|m==="radial"&&f===void 0)return null;const S=x!==void 0&&"reverse"in x?x:void 0,P=x?.scaleType==="continuous"\|\|x?.scaleType==="datetime",C=e==="y"&&f!==void 0&&i.layers.some(w=>w.yScaleType==="primary"&&w.geom==="bar"),L=f?.transform==="log",k=f?.domainMax??null,T=Ud(f),O=(w,K)=>w.map(he=>({value:he,label:K(he)})),_=i.guides.axes.find(w=>w.scaleAestheticKey===e)?.position,y=Bd[_==="bottom"\|\|_==="top"\|\|_===void 0&&e==="x"?"horizontal":"vertical"],E=e==="y"?(0,p.readComboLineLayerId)(i.spec):null,A=E===null?void 0:i.spec.layers.find(w=>w.id===E),D=i.guides.legends.drawn.some(w=>y.some(K=>K===w.position)),Y=y.map(w=>({value:w,label:l(Gd[w])})),Fr=O(["auto","edges"],w=>l(w==="edges"?"editor.axesPanel.labelMode.edges":"editor.axesPanel.labelMode.auto")),Hr=O(["linear","log"],w=>l(w==="log"?"editor.axesPanel.scale.log":"editor.axesPanel.scale.auto")),Br=O(["auto","zero","custom"],w=>l(w==="zero"?"editor.axesPanel.startFrom.zero":w==="custom"?"editor.axesPanel.startFrom.custom":"editor.axesPanel.startFrom.auto")),Gr=O(["auto","custom"],w=>l(w==="custom"?"editor.axesPanel.endAt.custom":"editor.axesPanel.endAt.auto")),Vr=O(["no","yes"],w=>l(w==="yes"?"editor.axesPanel.yesNo.yes":"editor.axesPanel.yesNo.no")),Ur=O(["single","double"],w=>l(w==="double"?"editor.axesPanel.axisCount.double":"editor.axesPanel.axisCount.single")),$r=w=>{a.commands.dispatch(new p.SetAxisVisibilityCommand({axis:e,isVisible:w}))},qr=w=>{a.commands.dispatch(new p.SetAxisLabelCommand({axis:e,label:w===""?null:w}),{transient:!0})},Wr=w=>{a.commands.dispatch(new p.SetAxisTicksVisibilityCommand({axis:e,isVisible:w}))},Kr=w=>{a.commands.dispatch(new p.SetAxisTickModeCommand({axis:e,tickMode:w==="edges"?"edges":"auto"}))},Xr=w=>{a.commands.dispatch(new p.SetScaleReverseCommand({scaledAesthetic:e,reverse:w==="yes"}))},Zr=w=>{a.commands.dispatch(new p.SetScaleTransformCommand({scaledAesthetic:e,transform:w==="log"?"log":"linear"}))},gt=w=>{a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,...w}),{transient:!0})},Yr=w=>{w!==null&&gt({domainMin:w})},Jr=w=>{w!==null&&gt({domainMax:w})},Qr=w=>{if(f){if(w==="custom"){f.zero&&a.commands.dispatch(new p.SetScaleZeroCommand({scaledAesthetic:e,zero:!1})),a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,domainMin:Vt(g?.domain,"start")}));return}f.domainMin!==null&&a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,domainMin:null})),a.commands.dispatch(new p.SetScaleZeroCommand({scaledAesthetic:e,zero:w==="zero"}))}},eo=w=>{const K=w==="custom"?Vt(g?.domain,"end"):null;a.commands.dispatch(new p.SetScaleDomainCommand({scaledAesthetic:e,domainMax:K}))},to=w=>{A!==void 0&&a.commands.dispatch(new p.SetLayerYScaleTypeCommand({layerId:A.id,yScaleType:w==="double"?"secondary":"primary"}))},no=w=>{const K=y.find(he=>he===w);K&&a.commands.dispatch(new p.SetAxisPositionCommand({axis:e,position:K}))};return(0,t.jsx)(z,{title:n??l(Vd[e]),layout:r,preview:o,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.visible"),children:(0,t.jsx)(d,{isChecked:v.isVisible,onChange:$r})}),A!==void 0&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.numberOfAxes"),children:(0,t.jsx)(u,{value:A.yScaleType==="secondary"?"double":"single",options:Ur,onChange:to})}),m==="linear"&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.title"),children:(0,t.jsx)(h,{value:v.label??"",onChange:qr,onCommit:a.commands.seal})}),(0,t.jsx)(j,{label:l("editor.axesPanel.controls.ticks"),children:(0,t.jsx)(d,{isChecked:v.ticks.isVisible,onChange:Wr})})]}),P&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.labels"),children:(0,t.jsx)(u,{value:v.ticks.mode,options:Fr,onChange:Kr})}),f&&m==="linear"&&!D&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.position"),children:(0,t.jsx)(u,{value:_??v.position,options:Y,onChange:no})}),S!==void 0&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.reverse"),children:(0,t.jsx)(u,{value:S.reverse===!0?"yes":"no",options:Vr,onChange:Xr})}),f&&!C&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.scale"),children:(0,t.jsx)(u,{value:L?"log":"linear",options:Hr,onChange:Zr})}),f&&!L&&(0,t.jsxs)(t.Fragment,{children:[!C&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.startFrom"),children:(0,t.jsx)(u,{value:T,options:Br,onChange:Qr})}),T==="custom"&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.value"),children:(0,t.jsx)(c,{value:f.domainMin??null,onChange:Yr,onCommit:a.commands.seal})})]}),(0,t.jsx)(j,{label:l("editor.axesPanel.controls.endAt"),children:(0,t.jsx)(u,{value:k===null?"auto":"custom",options:Gr,onChange:eo})}),k!==null&&(0,t.jsx)(j,{label:l("editor.axesPanel.controls.value"),children:(0,t.jsx)(c,{value:k,onChange:Jr,onCommit:a.commands.seal})})]})]})})},Ud=e=>e===void 0?"auto":e.domainMin!==null&&e.domainMin!==void 0?"custom":e.zero===!0?"zero":"auto",Vt=(e,n)=>{const r=n==="start"?e?.[0]:e?.[e.length-1];return typeof r=="number"?r:0},pt=({value:e,onChange:n})=>{const r=R(),o=s.useI18n(),{TextField:a}=N(),i=e!==null&&typeof e!="string",l=c=>n(c===""?null:c);return(0,t.jsx)(j,{label:o("editor.elementsPanel.contentValue"),children:(0,t.jsx)(a,{value:typeof e=="string"?e:"",onChange:l,onCommit:r.commands.seal,isDisabled:i})})},Ir=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=u=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"caption",isVisible:u}))},h=u=>{o.commands.dispatch(new p.SetContentCaptionCommand({caption:u}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.footerSection.caption"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isCaptionVisible,onChange:d})}),(0,t.jsx)(pt,{value:c.caption,onChange:h})]})})},Ut=/^[a-z][a-z\d+.-]:/i,$d={},Er=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=h=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"source",isVisible:h}))};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.sourceSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isSourceVisible,onChange:d})}),(0,t.jsx)(qd,{source:c.source??$d})]})})},qd=({source:e})=>{const n=R(),r=s.useI18n(),{TextField:o}=N(),a=d=>{const h=(d.label??"")!==""\|\|(d.url??"")!=="";n.commands.dispatch(new p.SetContentSourceCommand({source:h?d:null}),{transient:!0})},i=()=>{const d=e.url??"";d!==""&&!Ut.test(d)&&a({...e,url:`https://${d}`}),n.commands.seal()},l=d=>a({...e,url:d}),c=d=>a({...e,label:d});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:r("editor.elementsPanel.sourceSection.url"),children:(0,t.jsx)(o,{value:e.url??"",onChange:l,onCommit:i,hasError:Ut.test(e.url??"")&&!(0,p.isSafeUrl)(e.url)})}),(0,t.jsx)(j,{label:r("editor.elementsPanel.sourceSection.name"),children:(0,t.jsx)(o,{value:e.label??"",onChange:c,onCommit:n.commands.seal})})]})},Mr=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=u=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"subtitle",isVisible:u}))},h=u=>{o.commands.dispatch(new p.SetContentSubtitleCommand({subtitle:u}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.subtitle"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isSubtitleVisible,onChange:d})}),(0,t.jsx)(pt,{value:c.subtitle,onChange:h})]})})},Xe=[.8,1,1.2,1.4,1.6,1.8,2,2.5,3,4],Wd=Xe.length/2,_r=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{RadioGrid:l}=N();if(!a)return null;const{textScale:c}=a.config.appearance,d=m=>i("editor.elementsPanel.textSizeSection.scaleFormat",{value:`${m}`}),h=Xe.map(m=>({value:`${m}`,label:d(m)})),u=m=>{const v=Xe.find(g=>`${g}`===m);v!==void 0&&o.commands.dispatch(new p.SetAppearanceTextScaleCommand({textScale:v}))};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.textSizeSection.title"),layout:n,preview:r??d(c),children:(0,t.jsx)(l,{value:`${c}`,options:h,columns:Wd,onChange:u,ariaLabel:i("editor.elementsPanel.textSizeSection.title")})})},Rr=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l}=N();if(!a)return null;const c=a.config.content,d=u=>{o.commands.dispatch(new p.ToggleContentVisibilityCommand({slot:"title",isVisible:u}))},h=u=>{o.commands.dispatch(new p.SetContentTitleCommand({title:u}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.toggleTitle"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.elementsPanel.contentVisible"),children:(0,t.jsx)(l,{isChecked:c.isTitleVisible,onChange:d})}),(0,t.jsx)(pt,{value:c.title,onChange:h})]})})},Kd=({children:e,...n})=>(0,t.jsx)(dt.Root,{...n,children:e??(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(Rr,{}),(0,t.jsx)(Mr,{}),(0,t.jsx)(Ir,{}),(0,t.jsx)(Er,{}),(0,t.jsx)(_r,{})]})}),Xd=({children:e,...n})=>(0,t.jsx)(dt.Root,{...n,children:e??(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(Ke,{axis:"x"}),(0,t.jsx)(Ke,{axis:"y"})]})}),_e=e=>`${e}px`,Nr=e=>`${Math.round(e100)}%`,Zd=e=>`${e}°`,Yd=24,Jd={select:{target:"graph"}},$t=["dim","desaturate"],Qd=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l,ToggleGroup:c}=N();if(!a)return null;const d=(0,p.createStyleResolver)().chromeReaders(a.chrome).graph.get("borderRadius"),h=(0,p.readHighlightDimStyle)(a.spec),u=$t.map(g=>({value:g,label:i(g==="dim"?"editor.highlighting.highlightStyle.tint":"editor.highlighting.highlightStyle.grey")})),m=g=>{const x=(0,p.findStyleRule)(a.spec.styles.overrides,Jd)?.declarations??{};o.commands.dispatch(new p.SetStyleRuleCommand({list:"overrides",rule:{select:{target:"graph"},declarations:{...x,borderRadius:g}}}),{transient:!0})},v=g=>{const x=$t.find(f=>f===g);x&&o.commands.dispatch(new p.SetHighlightDimStyleCommand({dimStyle:x}))};return(0,t.jsx)(z,{title:e??i("editor.colorPanel.appearanceSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.colorPanel.borderSection.cornerRadius"),children:(0,t.jsx)(l,{value:d,min:0,max:Yd,step:1,formatValue:_e,onChange:m,onCommit:o.commands.seal})}),(0,t.jsx)(j,{label:i("editor.colorPanel.appearanceSection.highlightStyle"),children:(0,t.jsx)(c,{value:h,options:u,onChange:v})})]})})},mt=(e,n)=>{const{colorScheme:r}=s.useThemeContext();return(0,b.useMemo)(()=>{const o=e?.layers.find(a=>a.id===n);return o===void 0?null:(0,p.createStyleResolver)({colorScheme:r}).geomReaders(o)},[e,n,r])},eu=.05,tu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l,ToggleGroup:c}=N(),d=a?(0,p.findLayerByGeom)(a.spec.layers,"bar"):void 0,h=mt(a,d?.id??null);if(!a\|\|!d\|\|a.coordSystem.type==="polar"&&a.coordSystem.bandAxis===null)return null;const u=x=>{o.commands.dispatch(new p.SetBarWidthCommand({layerId:d.id,width:x}),{transient:!0})},m=x=>{const f=p.BORDER_RADIUS_TOKENS.find(S=>S===x);f&&o.commands.dispatch(new p.SetBarBorderRadiusCommand({layerId:d.id,borderRadius:f}))},v=p.BORDER_RADIUS_TOKENS.map(x=>({value:x,label:i(`editor.graphPanel.barSection.roundingOptions.${x}`)})),g=(0,p.resolveBarBandFraction)(d.params,a.coordSystem.type);return(0,t.jsx)(z,{title:e??i("editor.graphPanel.barSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.barSection.thickness"),children:(0,t.jsx)(l,{value:g,min:p.MIN_BAR_WIDTH,max:p.MAX_BAR_WIDTH,step:eu,formatValue:Nr,onChange:u,onCommit:o.commands.seal})}),(0,t.jsx)(j,{label:i("editor.graphPanel.barSection.rounding"),layout:"stack",children:(0,t.jsx)(c,{value:h?.get("borderRadius")??p.DEFAULT_BAR_BORDER_RADIUS,options:v,onChange:m})})]})})},Re=({children:e})=>{const n=(0,b.useId)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("g",{filter:`url(#${n})`,children:e}),(0,t.jsx)("defs",{children:(0,t.jsxs)("filter",{id:n,x:"-20%",y:"-20%",width:"140%",height:"140%",children:[(0,t.jsx)("feDropShadow",{dx:"0",dy:"0",stdDeviation:"0.586",floodColor:"#0F0F18",floodOpacity:"0.12"}),(0,t.jsx)("feDropShadow",{dx:"0",dy:"1.172",stdDeviation:"0.586",floodColor:"#0E0E34",floodOpacity:"0.16"})]})})]})},Ne="qdaoth0",nu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 31 33",...e,children:[(0,t.jsx)(Re,{children:(0,t.jsx)("path",{className:Ne,fillRule:"evenodd",clipRule:"evenodd",d:"M25.7417 6.23664C25.7417 6.09417 25.7076 5.95967 25.6471 5.84086C25.5633 5.67624 25.4288 5.54173 25.2641 5.4579C25.1453 5.39739 25.0108 5.36328 24.8684 5.36328H12.0591C11.5767 5.36328 11.1857 5.7543 11.1857 6.23664C11.1857 6.71899 11.5767 7.11 12.0591 7.11H22.7599L5.61908 24.2508C5.27801 24.5919 5.27801 25.1448 5.61908 25.4859C5.96015 25.827 6.51313 25.827 6.8542 25.4859L23.995 8.34513V19.0459C23.995 19.5283 24.386 19.9193 24.8684 19.9193C25.3507 19.9193 25.7417 19.5283 25.7417 19.0459V6.23664ZM20.995 15.5878V19.0459C20.995 21.1851 22.7292 22.9193 24.8684 22.9193C27.0076 22.9193 28.7417 21.1851 28.7417 19.0459V6.23664C28.7417 4.09744 27.0076 2.36328 24.8684 2.36328H12.0591C9.91985 2.36328 8.18569 4.09744 8.18569 6.23664C8.18569 8.37584 9.91985 10.11 12.0591 10.11H15.5172L3.49777 22.1295C1.98512 23.6421 1.98513 26.0946 3.49776 27.6072C5.0104 29.1199 7.46288 29.1199 8.97552 27.6072L20.995 15.5878Z"})}),(0,t.jsx)("path",{fill:"currentColor",d:"M12.0591 7.11C11.5767 7.11 11.1857 6.71899 11.1857 6.23664C11.1857 5.7543 11.5767 5.36328 12.0591 5.36328H24.8684C25.3507 5.36328 25.7417 5.7543 25.7417 6.23664V19.0459C25.7417 19.5283 25.3507 19.9193 24.8684 19.9193C24.386 19.9193 23.995 19.5283 23.995 19.0459V8.34512L6.8542 25.4859C6.51313 25.827 5.96015 25.827 5.61908 25.4859C5.27801 25.1448 5.27801 24.5919 5.61908 24.2508L22.7599 7.11H12.0591Z"})]}),ru=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 32 32",...e,children:(0,t.jsxs)(Re,{children:[(0,t.jsx)("path",{className:Ne,d:"M11 21H21V11H11V21ZM29 23C29 26.3137 26.3137 29 23 29H9C5.68629 29 3 26.3137 3 23V9C3 5.68629 5.68629 3 9 3H23C26.3137 3 29 5.68629 29 9V23Z"}),(0,t.jsx)("path",{fill:"currentColor",d:"M24.25 9C24.25 8.30964 23.6904 7.75 23 7.75H9C8.30964 7.75 7.75 8.30964 7.75 9V23C7.75 23.6904 8.30964 24.25 9 24.25H23C23.6904 24.25 24.25 23.6904 24.25 23V9ZM25.75 23C25.75 24.5188 24.5188 25.75 23 25.75H9C7.48122 25.75 6.25 24.5188 6.25 23V9C6.25 7.48122 7.48122 6.25 9 6.25H23C24.5188 6.25 25.75 7.48122 25.75 9V23Z"})]})}),ou=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 32 33",...e,children:[(0,t.jsx)(Re,{children:(0,t.jsx)("path",{className:Ne,fillRule:"evenodd",clipRule:"evenodd",d:"M4.89961 14.7968C3.08522 13.5116 1.89961 11.3966 1.89961 9.00039C1.89961 5.07917 5.07839 1.90039 8.99961 1.90039C10.7798 1.90039 12.4069 2.55553 13.6531 3.63785C14.3179 3.17306 15.1269 2.90039 15.9996 2.90039L22.9996 2.90039C25.264 2.90039 27.0996 4.73602 27.0996 7.00039L27.0996 9.7243C27.5717 9.92414 28.014 10.2165 28.3987 10.6013C29.9999 12.2024 29.9999 14.7984 28.3987 16.3995L27.9182 16.8801C29.2628 18.172 30.0996 19.9885 30.0996 22.0004C30.0996 25.9216 26.9208 29.1004 22.9996 29.1004C21.2195 29.1004 19.5923 28.4453 18.3461 27.3629C17.6813 27.8277 16.8723 28.1004 15.9996 28.1004L8.99961 28.1004C6.73524 28.1004 4.89961 26.2648 4.89961 24.0004L4.89961 14.7968Z"})}),(0,t.jsx)("path",{fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M25.25 22C25.25 20.7574 24.2426 19.75 23 19.75C21.7574 19.75 20.75 20.7574 20.75 22C20.75 23.2426 21.7574 24.25 23 24.25C24.2426 24.25 25.25 23.2426 25.25 22ZM23 18.25C25.0711 18.25 26.75 19.9289 26.75 22C26.75 24.0711 25.0711 25.75 23 25.75C20.9289 25.75 19.25 24.0711 19.25 22C19.25 19.9289 20.9289 18.25 23 18.25ZM11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25C10.2426 11.25 11.25 10.2426 11.25 9ZM9.75 12.675C11.4617 12.3275 12.75 10.8142 12.75 9C12.75 6.92893 11.0711 5.25 9 5.25C6.92893 5.25 5.25 6.92893 5.25 9C5.25 10.8142 6.53832 12.3275 8.25 12.675L8.25 24C8.25 24.4142 8.58579 24.75 9 24.75L16 24.75C16.4142 24.75 16.75 24.4142 16.75 24L16.75 7.75L22.25 7.75L22.25 14.1893L21.0303 12.9697C20.7374 12.6768 20.2626 12.6768 19.9697 12.9697C19.6768 13.2626 19.6768 13.7374 19.9697 14.0303L22.4697 16.5303C22.7626 16.8232 23.2374 16.8232 23.5303 16.5303L26.0303 14.0303C26.3232 13.7374 26.3232 13.2626 26.0303 12.9697C25.7374 12.6768 25.2626 12.6768 24.9697 12.9697L23.75 14.1893L23.75 7C23.75 6.58579 23.4142 6.25 23 6.25L16 6.25C15.5858 6.25 15.25 6.58579 15.25 7L15.25 23.25L9.75 23.25L9.75 12.675Z"})]}),au=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 32 33",...e,children:[(0,t.jsx)(Re,{children:(0,t.jsx)("path",{className:Ne,d:"M20.7271 2C21.4372 2 21.7114 2.00463 22.0841 2.03504C22.8228 2.0954 23.4839 2.25122 24.1592 2.59527C25.1865 3.1188 26.0219 3.9541 26.5458 4.98208C26.8896 5.65706 27.0454 6.31812 27.1057 7.05672C27.1301 7.35469 27.1379 7.58979 27.14 8.03558L27.1408 9.10155C27.1408 11.2114 25.4304 12.922 23.3205 12.922C21.4083 12.922 19.8243 11.5172 19.5441 9.68336L19.538 9.64H18.39V21.687L20.0392 21.6877C22.149 21.6877 23.8595 23.398 23.8595 25.508C23.8595 27.6178 22.149 29.3283 20.0392 29.3283H9.10159C6.99169 29.3283 5.28127 27.6178 5.28127 25.508C5.28127 23.398 6.99172 21.6877 9.10159 21.6877L10.75 21.687V9.64H9.601L9.59661 9.68334C9.32609 11.4539 7.84018 12.8246 6.01692 12.917L5.82032 12.922C3.71035 12.922 2 11.2114 2 9.10155V8.41371C2 7.70349 2.00463 7.42929 2.03504 7.05674C2.09538 6.31803 2.25122 5.65681 2.59521 4.98173C3.11877 3.95419 3.95418 3.11876 4.98174 2.5952C5.65683 2.25122 6.31798 2.09539 7.057 2.03501C7.42935 2.00463 7.70354 2 8.41371 2H20.7271Z"})}),(0,t.jsx)("path",{fill:"currentColor",d:"M8.41371 5H20.7271C21.1595 5 21.5325 5 21.8398 5.02507C22.1641 5.05157 22.4867 5.11007 22.7971 5.26822C23.2601 5.50416 23.6366 5.88064 23.8726 6.3437C24.0307 6.65409 24.0892 6.97666 24.1157 7.30097C24.1408 7.60823 24.1408 7.98127 24.1408 8.41369V9.10155C24.1408 9.55465 23.7735 9.92195 23.3205 9.92195C22.8674 9.92195 22.5001 9.55465 22.5001 9.10155V8.44533C22.5001 7.97237 22.4995 7.66699 22.4805 7.43457C22.4623 7.21172 22.4314 7.12909 22.4107 7.08853C22.3321 6.93418 22.2066 6.80869 22.0522 6.73004C22.0117 6.70938 21.9291 6.67847 21.7062 6.66026C21.4738 6.64127 21.1684 6.64063 20.6954 6.64063H15.3907V24.6877H20.0392C20.4922 24.6877 20.8595 25.0549 20.8595 25.508C20.8595 25.961 20.4922 26.3283 20.0392 26.3283H9.10159C8.64854 26.3283 8.28127 25.961 8.28127 25.508C8.28127 25.0549 8.64854 24.6877 9.10159 24.6877H13.7501V6.64063H8.44533C7.97238 6.64063 7.66699 6.64127 7.43457 6.66026C7.21172 6.67847 7.1291 6.70938 7.08854 6.73004C6.93418 6.80869 6.80869 6.93418 6.73004 7.08853C6.70938 7.12909 6.67847 7.21172 6.66026 7.43457C6.64127 7.66699 6.64063 7.97237 6.64063 8.44533V9.10155C6.64063 9.55465 6.27337 9.92195 5.82032 9.92195C5.36727 9.92195 5 9.55465 5 9.10155V8.41371C5 7.98128 5 7.60823 5.02508 7.30097C5.05157 6.97666 5.11007 6.65409 5.26823 6.3437C5.50417 5.88064 5.88064 5.50416 6.3437 5.26822C6.65409 5.11007 6.97666 5.05157 7.30097 5.02507C7.60824 5 7.98129 5 8.41371 5Z"})]}),iu={x:.5,y:.5},lu=.2,su={x:.375,y:.25,width:.25,height:.5},cu={zOrder:"background"},du={x:.4,y:.6},uu={x:.6,y:.4},hu="relative-difference",pu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Button:l}=N();if(!a)return null;const c=()=>{o.commands.dispatch(new p.AddAnnotationCommand({kind:"text",annotation:{...p.TEXT_ANNOTATION_DEFAULTS,content:mu(i("editor.annotatePanel.callOutSection.text")),at:{anchorType:"panel",...iu},width:lu}}))},d=()=>{o.commands.dispatch(new p.AddAnnotationCommand({kind:"arrow",annotation:{...p.ARROW_DEFAULTS,start:{anchorType:"panel",...du},end:{anchorType:"panel",...uu}}}))},h=()=>{o.commands.dispatch(new p.AddAnnotationCommand({kind:"shape",annotation:{...p.SHAPE_DEFAULTS,...cu,region:{anchorType:"panel",...su}}}))},u=()=>{const v=(0,p.inferDefaultDifferenceArrowEndpoints)(a);v!==null&&o.commands.dispatch(new p.AddAnnotationCommand({kind:"differenceArrow",annotation:{...p.DIFFERENCE_ARROW_DEFAULTS,...v,label:hu}}))},m=a.coordSystem.type==="cartesian";return(0,t.jsx)(z,{title:e??i("editor.annotatePanel.callOutSection.title"),layout:n,preview:r,children:(0,t.jsxs)(Tr,{children:[(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(au,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.text"),onClick:c}),(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(nu,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.arrow"),onClick:d}),(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(ru,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.box"),onClick:h}),m&&(0,t.jsx)(l,{variant:"tile",icon:(0,t.jsx)(ou,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.difference"),onClick:u})]})})},mu=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),gu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{ToggleGroup:l}=N();if(!a)return null;const c=(0,p.readChartType)(a.spec);if(c===null\|\|!(0,p.isComboChartType)(c))return null;const d=p.COMBO_TYPES.map(u=>({value:u,label:i(`editor.graphPanel.comboSection.types.${u}`)})),h=u=>{const m=p.COMBO_TYPES.find(v=>v===u);m&&o.commands.dispatch(new p.SetChartTypeCommand({coordType:"cartesian",comboType:m}))};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.comboSection.title"),layout:n,preview:r??i(`editor.graphPanel.comboSection.types.${c.comboType}`),children:(0,t.jsx)(l,{value:c.comboType,options:d,onChange:h,ariaLabel:i("editor.graphPanel.comboSection.title")})})},xu=.1,vu=20,fu=({title:e,preview:n})=>{const r=R(),o=s.useHandleCompiled(r),a=s.useI18n(),{NumberField:i,TextField:l}=N();if(!o\|\|o.coordSystem.type==="polar")return null;const c=(0,p.findGoalLineLayer)(o.spec.layers),d=e??a("editor.annotationsPanel.goalSection.title"),h=(0,p.extractConstantValue)(c?.mapping.y),u=typeof h=="number"?h:null,m=x=>{const f=new p.ToggleGoalLineCommand({showGoalLine:x,value:bu(o),...c!==void 0&&{layerId:c.id}});r.commands.dispatch(f)},v=x=>{if(c===void 0)return;const f=new p.SetRuleLabelCommand({layerId:c.id,label:x===""?null:x});r.commands.dispatch(f,{transient:!0})},g=x=>{if(c===void 0\|\|x===null)return;const f=new p.SetRuleValueCommand({layerId:c.id,value:x});r.commands.dispatch(f,{transient:!0})};return(0,t.jsx)(kr,{title:d,preview:n,isChecked:c!==void 0,onToggle:m,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:a("editor.annotationsPanel.goalSection.labelControl"),children:(0,t.jsx)(l,{value:c?.params.label??"",placeholder:a("editor.annotationsPanel.goalSection.labelPlaceholder"),onChange:v,onCommit:r.commands.seal,ariaLabel:a("editor.annotationsPanel.goalSection.labelAriaLabel")})}),(0,t.jsx)(j,{label:a("editor.annotationsPanel.goalSection.valueControl"),children:(0,t.jsx)(i,{value:u,placeholder:a("editor.powerUpPanel.valueInput.numberPlaceholder"),onChange:g,onCommit:r.commands.seal,ariaLabel:a("editor.annotationsPanel.goalSection.valueAriaLabel")})})]})})},bu=e=>{const n=(e.scales.y?.domain??[]).filter(l=>typeof l=="number");if(n.length===0)return 0;const r=Math.max(...n),o=r-Math.min(...n),a=o>0?o:Math.abs(r);if(a===0)return 0;const i=Math.min(vu,Math.max(0,1-Math.floor(Math.log10(a))));return Number((r+a*xu).toFixed(i))},Cu=({layerId:e,title:n,layout:r="collapsible",preview:o})=>{const a=R(),i=s.useHandleCompiled(a),l=s.useI18n(),{Switch:c}=N();if(!i)return null;const d=e===void 0?i.spec.layers[0]:i.spec.layers.find(_=>_.id===e);if(!d)return null;const{showDataLabels:h,format:u,showStackTotals:m,showCategoryLabels:v}=d.dataLabels,g=i.coordSystem.type==="polar",x=d.geom==="bar",f=d.position==="stack"\|\|d.position==="fill",S=x&&!g&&d.position==="stack",P=x&&(!g\|\|h),C=x\|\|d.geom==="area"&&f;if(!(0,p.canPlaceDataLabels)(d.geom,i.coordSystem.type))return null;const L=_=>{const y=new p.ToggleDataLabelsCommand({layerId:d.id,showDataLabels:_});a.commands.dispatch(y)},k=_=>{const y=new p.SetDataLabelsFormatCommand({layerId:d.id,format:_?"percentage":"absolute"});a.commands.dispatch(y)},T=_=>{const y=new p.ToggleStackTotalsCommand({layerId:d.id,showStackTotals:_});a.commands.dispatch(y)},O=_=>{const y=new p.ToggleCategoryLabelsCommand({layerId:d.id,showCategoryLabels:_});a.commands.dispatch(y)};return(0,t.jsx)(z,{title:n??l("editor.graphPanel.graphOptionsSection.title"),layout:r,preview:o,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.dataLabels"),children:(0,t.jsx)(c,{isChecked:h,onChange:L})}),h&&C&&(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.showPercentages"),children:(0,t.jsx)(c,{isChecked:u==="percentage",onChange:k})}),S&&(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.stackTotals"),children:(0,t.jsx)(c,{isChecked:m,onChange:T})}),P&&(0,t.jsx)(j,{label:l("editor.graphPanel.graphOptions.categoryLabels"),children:(0,t.jsx)(c,{isChecked:v,onChange:O})})]})})},Su=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M10.394 12.734 5.63 7.652 0 13.822V16h16V8.741z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M5.744 5.565 0 11.826V8l5.744-6.957 4.718 2.087L16 0v6.957l-5.538 4z"})]}),yu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]})}),ju=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]})}),Tu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]})}),wu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Au=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]}),Pu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M0 13.037h4.267v2.445a.52.52 0 0 1-.519.518H.518A.52.52 0 0 1 0 15.482zM5.867 7.704h4.266v7.778a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.518-.518zM11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.3",d:"M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"})]}),Lu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsxs)("g",{fill:"currentColor",fillOpacity:"0.3",children:[(0,t.jsx)("rect",{width:"3.2",height:"6.5",y:"9.5",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"8.5",x:"4.267",y:"7.5",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"5",x:"8.533",y:"11",rx:".533"}),(0,t.jsx)("rect",{width:"3.2",height:"7.5",x:"12.8",y:"8.5",rx:".533"})]}),(0,t.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:"0.8",strokeWidth:".993",children:[(0,t.jsx)("path",{fill:"none",d:"M1.6 6.2 5.867 3.6l4.266 3.8 4.267-3"}),(0,t.jsx)("circle",{cx:"1.6",cy:"6.2",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"5.867",cy:"3.6",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"10.133",cy:"7.4",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"14.4",cy:"4.4",r:".9",stroke:"none"})]})]}),ku=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"none",stroke:"currentColor",strokeWidth:"5",transform:"rotate(-90 8 8)",children:[(0,t.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.3"}),(0,t.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.6",strokeDasharray:"25 100"}),(0,t.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.8",strokeDasharray:"25 100",strokeDashoffset:"-25"})]})}),Iu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"currentColor",children:[(0,t.jsx)("rect",{width:"4.267",height:"4.267",y:"0.533",fillOpacity:"0.3",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"0.533",fillOpacity:"0.55",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"0.533",fillOpacity:"0.2",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",y:"5.867",fillOpacity:"0.55",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"5.867",fillOpacity:"0.9",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"5.867",fillOpacity:"0.45",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",y:"11.2",fillOpacity:"0.2",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"11.2",fillOpacity:"0.45",rx:".533"}),(0,t.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"11.2",fillOpacity:"0.75",rx:".533"})]})}),Eu=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"currentColor",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:".993",children:[(0,t.jsxs)("g",{fillOpacity:"0.3",strokeOpacity:"0.3",children:[(0,t.jsx)("path",{fill:"none",d:"M1.4 12.2 6 6.4l4.2 1.2 4.4-4.2"}),(0,t.jsx)("circle",{cx:"1.4",cy:"12.2",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"6",cy:"6.4",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"10.2",cy:"7.6",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"14.6",cy:"3.4",r:".9",stroke:"none"})]}),(0,t.jsxs)("g",{fillOpacity:"0.8",strokeOpacity:"0.8",children:[(0,t.jsx)("path",{fill:"none",d:"M1.4 5.6 6 11.4l4.2-1.2 4.4 1.2"}),(0,t.jsx)("circle",{cx:"1.4",cy:"5.6",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"6",cy:"11.4",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"10.2",cy:"10.2",r:".9",stroke:"none"}),(0,t.jsx)("circle",{cx:"14.6",cy:"11.4",r:".9",stroke:"none"})]})]})}),Mu=e=>(0,t.jsxs)(s.Icon,{viewBox:"0 0 16 16",...e,children:[(0,t.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,t.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),_u=e=>(0,t.jsx)(s.Icon,{viewBox:"0 0 16 16",...e,children:(0,t.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",children:[(0,t.jsx)("circle",{cx:"1.028",cy:"13.897",r:"1.028"}),(0,t.jsx)("circle",{cx:"2.57",cy:"8.243",r:"1.028"}),(0,t.jsx)("circle",{cx:"5.653",cy:"12.355",r:"1.028"}),(0,t.jsx)("circle",{cx:"8.223",cy:"8.243",r:"1.028"}),(0,t.jsx)("circle",{cx:"9.252",cy:"3.618",r:"1.028"}),(0,t.jsx)("circle",{cx:"12.849",cy:"7.215",r:"1.028"}),(0,t.jsx)("circle",{cx:"14.905",cy:"1.561",r:"1.028"})]})}),Ru=.55,Ze=[{name:"column",icon:wu,summary:{coordType:"cartesian",geom:"bar",position:"dodge"}},{name:"columnStacked",icon:Pu,summary:{coordType:"cartesian",geom:"bar",position:"stack"}},{name:"columnStackedFill",icon:Au,summary:{coordType:"cartesian",geom:"bar",position:"fill"}},{name:"bar",icon:yu,summary:{coordType:"flip",geom:"bar",position:"dodge"}},{name:"barStacked",icon:Tu,summary:{coordType:"flip",geom:"bar",position:"stack"}},{name:"barStackedFill",icon:ju,summary:{coordType:"flip",geom:"bar",position:"fill"}},{name:"line",icon:Eu,summary:{coordType:"cartesian",geom:"line",position:"identity"}},{name:"areaStacked",icon:Su,summary:{coordType:"cartesian",geom:"area",position:"stack"}},{name:"combo",icon:Lu,summary:{coordType:"cartesian",comboType:"grouped-bars"}},{name:"scatter",icon:_u,summary:{coordType:"cartesian",geom:"point",position:"identity"}},{name:"pie",icon:Mu,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:0}},{name:"donut",icon:ku,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:Ru}},{name:"heatmap",icon:Iu,summary:{coordType:"cartesian",geom:"tile",position:"identity"}}],Nu=.05,Ou=e=>e===null?null:Ze.find(n=>zu(n.summary,e))??null,Du=(e,n)=>{const{summary:r}=e;return n===null\|\|(0,p.isComboChartType)(r)?r:r.position==="dodge"&&Or(n)?{...r,position:"identity"}:r.coordType!=="polar"\|\|!we(r.innerRadius)\|\|n.coordType!=="polar"\|\|!we(n.innerRadius)?r:{...r,innerRadius:n.innerRadius}},Or=e=>!(0,p.isComboChartType)(e)&&e.geom==="bar"&&e.position==="identity",zu=(e,n)=>{if((0,p.isComboChartType)(e)\|\|(0,p.isComboChartType)(n))return(0,p.isComboChartType)(e)&&(0,p.isComboChartType)(n);const r=e.position===n.position\|\|e.position==="dodge"&&Or(n);return e.coordType!==n.coordType\|\|e.geom!==n.geom\|\|!r?!1:e.coordType!=="polar"\|\|n.coordType!=="polar"?!0:e.theta===n.theta&&we(e.innerRadius)===we(n.innerRadius)},we=e=>e>=Nu,Fu=3,Hu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{RadioGrid:l}=N(),c=(0,b.useMemo)(()=>Ze.map(({name:m,icon:v})=>({value:m,label:i(`editor.graphTypes.${m}`),icon:(0,t.jsx)(v,{size:"md"}),isDisabled:m==="combo"&&!(0,p.canBecomeCombo)(a?.spec)\|\|m==="heatmap"&&!(0,p.canBecomeHeatmap)(a?.spec)})),[i,a]);if(!a)return null;const d=(0,p.readChartType)(a.spec),h=Ou(d),u=m=>{const v=Ze.find(g=>g.name===m);v&&o.commands.dispatch(new p.SetChartTypeCommand(Du(v,d)))};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.graphTypeSection.title"),layout:n,preview:r??(h===null?void 0:i(`editor.graphTypes.${h.name}`)),children:(0,t.jsx)(l,{value:h?.name??"",options:c,columns:Fu,onChange:u,ariaLabel:i("editor.graphPanel.graphTypeSection.title")})})},qt=["solid","dashed","dotted"],Bu=8,Gu=0,Vu=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l,Switch:c,ToggleGroup:d}=N(),{colorScheme:h}=s.useThemeContext();if(!a)return null;const u=a.guides.axes.filter(Uu);if(u.length===0)return null;const m=a.coordSystem.type!=="polar",v=u.some(C=>C.gridVisible),g=(0,p.resolveGridLineStyle)((0,p.createStyleResolver)({colorScheme:h}).chromeReaders(a.chrome),"y"),x=qt.map(C=>({value:C,label:i(`editor.graphPanel.gridSection.lineStyles.${C}`)})),f=C=>L=>{o.commands.dispatch(new p.SetGridVisibilityCommand({axis:C,isVisible:L}))},S=C=>{const L=qt.find(k=>k===C);L&&o.commands.dispatch(new p.SetGridLineStyleCommand({axis:"both",lineStyle:L}))},P=C=>{o.commands.dispatch(new p.SetGridLineWidthCommand({axis:"both",lineWidth:C}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.gridSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[u.map(C=>(0,t.jsx)(j,{label:i($u(C)),children:(0,t.jsx)(c,{isChecked:C.gridVisible,onChange:f(C.scaleAestheticKey)})},C.scaleAestheticKey)),m&&v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.gridSection.gridStyle"),children:(0,t.jsx)(d,{value:g.lineType,options:x,onChange:S})}),(0,t.jsx)(j,{label:i("editor.graphPanel.gridSection.gridThickness"),children:(0,t.jsx)(l,{value:g.strokeWidth,min:Gu,max:Bu,step:.5,formatValue:_e,onChange:P,onCommit:o.commands.seal})})]})]})})},Uu=e=>e.scaleAestheticKey==="x"\|\|e.scaleAestheticKey==="y",$u=e=>e.geometry==="radial"?"editor.graphPanel.gridSection.rings":e.geometry==="circular"?"editor.graphPanel.gridSection.spokes":e.scaleAestheticKey==="x"?"editor.graphPanel.gridSection.verticalGridLines":"editor.graphPanel.gridSection.horizontalGridLines",qu="total",Dr=["total","average","current"],Wu=["total"],Wt=["previous","first"],Kt=["auto","small","medium","large"],Ku=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Switch:l,ToggleGroup:c}=N();if(!a)return null;const d=a.config.headline,h=d.show!=="none",u=a.coordSystem,m=u.type==="polar",v=u.type==="polar"&&u.innerRadius>0,g=a.layers.some(A=>A.summary.grandTotal!==void 0);if(m&&!g)return null;const x=m?Wu:Dr,f=a.guides.headline,S=f?.kind==="perGroup"&&f.items.some(A=>A.comparison!==null),P=x.map(A=>({value:A,label:i(`editor.graphPanel.headlineNumberSection.metrics.${A}`)})),C=Wt.map(A=>({value:A,label:i(`editor.graphPanel.headlineNumberSection.comparison.${A}`)})),L=Kt.map(A=>({value:A,label:i(A==="auto"?"editor.graphPanel.numberFormat.options.auto":`editor.graphPanel.headlineNumberSize.sizes.${A}`)})),k=[{value:"above",label:i("editor.graphPanel.headlineNumberSection.position.above")},{value:"center",label:i("editor.graphPanel.headlineNumberSection.position.center")}],T=A=>{o.commands.dispatch(new p.SetHeadlineShowCommand({show:A?qu:"none"}))},O=A=>{const D=x.find(Y=>Y===A);D&&o.commands.dispatch(new p.SetHeadlineShowCommand({show:D}))},_=A=>{const D=Wt.find(Y=>Y===A);D&&o.commands.dispatch(new p.SetHeadlineCompareWithCommand({compareWith:D}))},y=A=>{const D=Kt.find(Y=>Y===A);D&&o.commands.dispatch(new p.SetHeadlineSizeCommand({size:D}))},E=A=>{o.commands.dispatch(new p.SetHeadlinePositionCommand({position:A==="center"?"center":"above"}))};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.headlineNumberSection.title"),layout:n,preview:r??Xu(i,d.show),children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSection.toggle"),children:(0,t.jsx)(l,{isChecked:h,onChange:T})}),h&&(0,t.jsxs)(t.Fragment,{children:[P.length>1&&(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSection.metricLabel"),layout:"stack",children:(0,t.jsx)(c,{value:d.show,options:P,onChange:O})}),S&&(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSection.compareWithLabel"),layout:"stack",children:(0,t.jsx)(c,{value:(0,p.resolveComparisonBasis)(d.compareWith),options:C,onChange:_})}),(0,t.jsx)(j,{label:i("editor.graphPanel.headlineNumberSize.sizeLabel"),children:(0,t.jsx)(c,{value:d.size,options:L,onChange:y})}),v&&(0,t.jsx)(j,{label:i("editor.axesPanel.controls.position"),children:(0,t.jsx)(c,{value:d.position,options:k,onChange:E})})]})]})})},Xu=(e,n)=>{const r=Dr.find(o=>o===n);return r&&e(`editor.graphPanel.headlineNumberSection.metrics.${r}`)},He=["top","bottom","left","right","none"],Xt=["auto","start","center","end"],Zt=["auto","pill","direct"],Zu=({positions:e,title:n,layout:r="collapsible",preview:o})=>{const a=R(),i=s.useHandleCompiled(a),l=s.useI18n(),{ToggleGroup:c}=N();if(!i)return null;const d=i.config.legend.position,h=e??He,u=i.guides.legends.drawn[0],m=(0,p.canAnchorDirectLabels)({legendPosition:i.guides.legends.position,coordSystem:i.coordSystem,layers:i.layers}),v=i.guides.headline?.kind==="perGroup",g=i.guides.colorGroups.length>0;if(d==="auto"&&u===void 0&&!m&&(v\|\|!g))return null;const x=u?.position??"none",f=d==="auto"?x:d,S=He.filter(E=>E===f\|\|h.includes(E)).map(E=>({value:E,label:l(`editor.graphPanel.legendSection.${E}`)})),P=E=>{const A=He.find(D=>D===E);A&&a.commands.dispatch(new p.SetLegendPositionCommand({position:A}))},C=E=>{const A=Xt.find(D=>D===E);A&&a.commands.dispatch(new p.SetLegendAlignCommand({align:A}))},L=E=>{const A=Zt.find(D=>D===E);A&&a.commands.dispatch(new p.SetLegendDisplayCommand({display:A}))},k=Xt.map(E=>({value:E,label:l(`editor.graphPanel.legendSection.align.${E}`)})),T=Zt.map(E=>({value:E,label:l(`editor.graphPanel.legendSection.display.${E}`)})),O=n??l("editor.graphPanel.legendSection.title"),_=S.find(E=>E.value===f)?.label,y=u!==void 0;return(0,t.jsx)(z,{title:O,layout:r,preview:o??_,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:l("editor.axesPanel.controls.position"),layout:"stack",children:(0,t.jsx)(c,{value:f,options:S,onChange:P})}),y&&(0,t.jsx)(j,{label:l("editor.graphPanel.legendSection.alignLabel"),layout:"stack",children:(0,t.jsx)(c,{value:i.config.legend.align,options:k,onChange:C})}),m&&(0,t.jsx)(j,{label:l("editor.graphPanel.legendSection.displayLabel"),layout:"stack",children:(0,t.jsx)(c,{value:i.config.legend.display,options:T,onChange:L})})]})})},Yu=1,Ju=20,Qu=.5,zr=({layerId:e})=>{const n=R(),r=s.useHandleCompiled(n),{Slider:o}=N(),a=mt(r,e);if(!r)return null;const i=l=>{const c=new p.SetPointSizeCommand({layerId:e,size:l});n.commands.dispatch(c,{transient:!0})};return(0,t.jsx)(o,{value:a?.get("size")??p.DEFAULT_POINT_SIZE,min:Yu,max:Ju,step:Qu,formatValue:_e,onChange:i,onCommit:n.commands.seal})},e0=1,t0=10,n0=.1,r0=["gap","zero","connect"],o0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Select:l,Slider:c,Switch:d,ToggleGroup:h}=N(),u=a?.spec.layers??[],m=(0,p.findLayerByGeom)(u,"line","area"),v=mt(a,m?.id??null);if(!a\|\|!m)return null;const g=a.coordSystem.type==="polar",x=l0(i,m),f=i0(m,u),S=Yt(a.spec,m.geom,"strokeWidth",m.id),P=typeof S=="number",C=m.geom==="line"?m:void 0,L=[{value:"auto",label:i("editor.graphPanel.numberFormat.options.auto")},{value:"custom",label:i("editor.graphPanel.numberFormat.options.custom")}],k=A=>{o.commands.dispatch(new p.ToggleLinePointsVisibilityCommand({layerId:m.id,showPoints:A}))},T=A=>{C&&o.commands.dispatch(new p.ToggleLineFillCommand({layerId:C.id,showFill:A}))},O=A=>{o.commands.dispatch(new p.SetLineInterpolationCommand({layerId:m.id,interpolate:A?"catmull-rom":"linear"}))},_=A=>{const D=v?.get("strokeWidth")??p.DEFAULT_STROKE_WIDTH;o.commands.dispatch(new p.SetLineWidthCommand({layerId:m.id,lineWidth:A==="custom"?D:null}))},y=A=>{o.commands.dispatch(new p.SetLineWidthCommand({layerId:m.id,lineWidth:A}),{transient:!0})},E=A=>{const D=a0(A);D&&o.commands.dispatch(new p.SetLineMissingValuesCommand({layerId:m.id,missingValues:D}))};return(0,t.jsx)(z,{title:e??i("editor.fineTunePanel.lineStyleSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.graphOptions.showPoints"),children:(0,t.jsx)(d,{isChecked:f!==void 0,onChange:k})}),f&&(0,t.jsx)(j,{label:i("editor.graphPanel.pointSize.label"),children:(0,t.jsx)(zr,{layerId:f.id})}),C&&!g&&(0,t.jsx)(j,{label:i("editor.graphPanel.graphOptions.lineFill"),children:(0,t.jsx)(d,{isChecked:Yt(a.spec,"line","fillAlpha",C.id)!==void 0,onChange:T})}),!g&&(0,t.jsx)(j,{label:i("editor.graphPanel.graphOptions.smoothLines"),children:(0,t.jsx)(d,{isChecked:m.params.interpolate==="catmull-rom",onChange:O})}),(0,t.jsx)(j,{label:i("editor.graphPanel.lineThickness.label"),children:(0,t.jsx)(h,{value:P?"custom":"auto",options:L,onChange:_})}),P&&(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(c,{value:S,min:e0,max:t0,step:n0,formatValue:_e,onChange:y,onCommit:o.commands.seal})}),!g&&x.length>1&&(0,t.jsx)(j,{label:i("editor.fineTunePanel.detailSection.missingValues"),children:(0,t.jsx)(l,{value:m.params.missingValues,options:x,onChange:E})})]})})},a0=e=>r0.find(n=>n===e),Yt=(e,n,r,o)=>(0,p.findKindStyleDeclarations)(e.styles.overrides,(0,p.buildLayerStyleAddress)(n,o))?.[r],i0=(e,n)=>(0,p.filterLayersByGeoms)(n,"point").find(r=>(0,p.isCompanionLayer)(r,[e])),l0=(e,n)=>{const r=[{value:"gap",label:e("editor.graphPanel.treatEmptyValues.leaveGap.label")},{value:"zero",label:e("editor.graphPanel.treatEmptyValues.fillZero.label")}];return n.position!=="stack"&&n.position!=="fill"&&r.push({value:"connect",label:e("editor.graphPanel.treatEmptyValues.connectGaps.label")}),n.geom==="area"?r.filter(o=>o.value!=="gap"):r},Ye="\0none",s0=["x","y","color","size","label"],c0={x:"editor.graphPanel.mappingSection.x",y:"editor.graphPanel.mappingSection.y",color:"editor.graphPanel.mappingSection.color",size:"editor.graphPanel.mappingSection.size",label:"editor.graphPanel.mappingSection.label"},d0=({title:e,layout:n="collapsible"})=>{const r=R(),o=s.useHandleCompiled(r),a=s.useI18n(),{Select:i}=N(),l=a("editor.graphPanel.mappingSection.none"),c=o?.spec,d=(0,b.useMemo)(()=>c===void 0?[]:(0,p.readMappableAesthetics)(c,s0).map(({aesthetic:h,variables:u,isRequired:m})=>{const v=(0,p.readMappedVariable)(c.mapping,h);return{aesthetic:h,label:a(c0[h]),value:v??(m?null:Ye),options:u0(u,v,m?null:l),chooseColumn:g=>{r.commands.dispatch(new p.SetMappingCommand({aesthetic:h,variable:g===Ye?null:g}))}}}),[c,a,l,r]);return o?(0,t.jsx)(z,{title:e??a("editor.graphPanel.mappingSection.title"),layout:n,children:(0,t.jsx)(H,{children:d.map(({aesthetic:h,label:u,value:m,options:v,chooseColumn:g})=>(0,t.jsx)(j,{label:u,children:(0,t.jsx)(i,{value:m,options:v,placeholder:l,onChange:g})},h))})}):null},u0=(e,n,r)=>{const o=n!==null&&!e.includes(n)?[n,...e]:e;return[...r===null?[]:[{value:Ye,label:r}],...o.map(a=>({value:a,label:a}))]},h0="k",p0=2,m0=0,g0=5,Je=[{value:"k",labelKey:"thousands"},{value:"m",labelKey:"millions"},{value:"b",labelKey:"billions"}],x0=["auto","none"],v0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{NumberField:l,ToggleGroup:c}=N();if(!a)return null;const{abbreviation:d,decimals:h}=a.config.numberFormat,u=f0(d)!==void 0,m=h!=="auto",v=L=>L.map(k=>({value:k,label:i(`editor.graphPanel.numberFormat.options.${k}`)})),g=Je.map(({value:L,labelKey:k})=>({value:L,label:i(`common.abbreviations.${k}`)})),x=L=>{o.commands.dispatch(new p.SetNumberFormatAbbreviationCommand({abbreviation:L}))},f=L=>{const k=x0.find(T=>T===L);x(k??h0)},S=L=>{const k=Je.find(T=>T.value===L);k&&x(k.value)},P=L=>{o.commands.dispatch(new p.SetNumberFormatDecimalsCommand({decimals:L==="custom"?p0:"auto"}))},C=L=>{L!==null&&o.commands.dispatch(new p.SetNumberFormatDecimalsCommand({decimals:L}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.numberFormatSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.abbreviationLabel"),children:(0,t.jsx)(c,{value:u?"custom":d,options:v(["auto","none","custom"]),onChange:f})}),u&&(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(c,{value:d,options:g,onChange:S})}),(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.decimalPlacesLabel"),children:(0,t.jsx)(c,{value:m?"custom":"auto",options:v(["auto","custom"]),onChange:P})}),m&&(0,t.jsx)(j,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(l,{value:h,min:m0,max:g0,onChange:C,onCommit:o.commands.seal})})]})})},f0=e=>Je.find(n=>n.value===e),b0=({title:e,layout:n="collapsible",preview:r})=>{const o=s.useHandleCompiled(R()),a=s.useI18n();if(!o)return null;const i=C0(o.spec.layers);return i?(0,t.jsx)(z,{title:e??a("editor.graphPanel.pointSize.label"),layout:n,preview:r,children:(0,t.jsx)(H,{children:(0,t.jsx)(j,{label:a("editor.graphPanel.numberFormat.valueLabel"),children:(0,t.jsx)(zr,{layerId:i.id})})})}):null},C0=e=>{const n=(0,p.filterLayersByGeoms)(e,"line","area");return(0,p.filterLayersByGeoms)(e,"point").find(r=>!(0,p.isCompanionLayer)(r,n))},S0=.9,y0=360,j0=.05,T0=15,w0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Slider:l}=N();if(!a\|\|a.spec.coords.coordType!=="polar")return null;const{innerRadius:c,startAngle:d}=a.spec.coords.params,h=m=>{o.commands.dispatch(new p.SetPolarInnerRadiusCommand({innerRadius:m}),{transient:!0})},u=m=>{o.commands.dispatch(new p.SetPolarStartAngleCommand({startAngle:m}),{transient:!0})};return(0,t.jsx)(z,{title:e??i("editor.graphPanel.polarSection.title"),layout:n,preview:r,children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.graphPanel.polarSection.innerRadius"),children:(0,t.jsx)(l,{value:c,min:0,max:S0,step:j0,formatValue:Nr,onChange:h,onCommit:o.commands.seal})}),(0,t.jsx)(j,{label:i("editor.graphPanel.polarSection.startAngle"),children:(0,t.jsx)(l,{value:d,min:0,max:y0-1,step:T0,formatValue:Zd,onChange:u,onCommit:o.commands.seal})})]})})},A0=e=>(0,t.jsxs)(s.Icon,{...e,children:[(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",opacity:"0.12",d:"M2 10C2 7.19974 2 5.79961 2.54497 4.73005C3.02433 3.78924 3.78924 3.02433 4.73005 2.54497C5.79961 2 7.19974 2 10 2H14C16.8003 2 18.2004 2 19.27 2.54497C20.2108 3.02433 20.9757 3.78924 21.455 4.73005C22 5.79961 22 7.19974 22 10V14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14V10Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.96644 1.25C8.59472 1.25 7.51929 1.24999 6.65494 1.32061C5.77479 1.39252 5.04768 1.54138 4.38955 1.87671C3.30762 2.42798 2.42798 3.30762 1.87671 4.38955C1.54138 5.04768 1.39252 5.77479 1.32061 6.65494C1.24999 7.51929 1.25 8.59472 1.25 9.96644V14.0336C1.25 15.4053 1.24999 16.4807 1.32061 17.3451C1.39252 18.2252 1.54138 18.9523 1.87671 19.6104C2.42798 20.6924 3.30762 21.572 4.38955 22.1233C5.04768 22.4586 5.77479 22.6075 6.65494 22.6794C7.51927 22.75 8.59469 22.75 9.96637 22.75H14.0336C15.4053 22.75 16.4807 22.75 17.3451 22.6794C18.2252 22.6075 18.9523 22.4586 19.6104 22.1233C20.6924 21.572 21.572 20.6924 22.1233 19.6104C22.4586 18.9523 22.6075 18.2252 22.6794 17.3451C22.75 16.4807 22.75 15.4053 22.75 14.0336V9.96642C22.75 8.59473 22.75 7.51927 22.6794 6.65494C22.6075 5.77479 22.4586 5.04768 22.1233 4.38955C21.572 3.30762 20.6924 2.42798 19.6104 1.87671C18.9523 1.54138 18.2252 1.39252 17.3451 1.32061C16.4807 1.24999 15.4053 1.25 14.0336 1.25H9.96644ZM5.07054 3.21322C5.48197 3.00359 5.9897 2.87996 6.77708 2.81563C7.57322 2.75058 8.58749 2.75 10 2.75H14C15.4125 2.75 16.4268 2.75058 17.2229 2.81563C18.0103 2.87996 18.518 3.00359 18.9295 3.21322C19.7291 3.62068 20.3793 4.27085 20.7868 5.07054C20.9964 5.48197 21.12 5.9897 21.1844 6.77708C21.2494 7.57322 21.25 8.58749 21.25 10V14C21.25 15.4125 21.2494 16.4268 21.1844 17.2229C21.12 18.0103 20.9964 18.518 20.7868 18.9295C20.3793 19.7291 19.7291 20.3793 18.9295 20.7868C18.518 20.9964 18.0103 21.12 17.2229 21.1844C16.4268 21.2494 15.4125 21.25 14 21.25H10C8.58749 21.25 7.57322 21.2494 6.77708 21.1844C5.9897 21.12 5.48197 20.9964 5.07054 20.7868C4.27085 20.3793 3.62068 19.7291 3.21322 18.9295C3.00359 18.518 2.87996 18.0103 2.81563 17.2229C2.75058 16.4268 2.75 15.4125 2.75 14V10C2.75 8.58749 2.75058 7.57322 2.81563 6.77708C2.87996 5.9897 3.00359 5.48197 3.21322 5.07054C3.62068 4.27085 4.27085 3.62068 5.07054 3.21322Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.4796 12.2222L17.6085 12.2291L17.6029 10.7291L19.474 10.7222L19.4796 12.2222ZM15.3662 12.2375L13.124 12.2459L13.1184 10.7459L15.3606 10.7375L15.3662 12.2375ZM10.8817 12.2542L8.63945 12.2626L8.63386 10.7626L10.8761 10.7542L10.8817 12.2542ZM6.39719 12.2709L4.52607 12.2779L4.52048 10.7779L6.3916 10.7709L6.39719 12.2709Z",fill:"currentColor"})]}),Jt=e=>(0,t.jsxs)(s.Icon,{...e,children:[(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",opacity:"0.12",d:"M2 10C2 7.19974 2 5.79961 2.54497 4.73005C3.02433 3.78924 3.78924 3.02433 4.73005 2.54497C5.79961 2 7.19974 2 10 2H14C16.8003 2 18.2004 2 19.27 2.54497C20.2108 3.02433 20.9757 3.78924 21.455 4.73005C22 5.79961 22 7.19974 22 10V14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14V10Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.96644 1.25C8.59472 1.25 7.51929 1.24999 6.65494 1.32061C5.77479 1.39252 5.04768 1.54138 4.38955 1.87671C3.30762 2.42798 2.42798 3.30762 1.87671 4.38955C1.54138 5.04768 1.39252 5.77479 1.32061 6.65494C1.24999 7.51929 1.25 8.59472 1.25 9.96644V14.0336C1.25 15.4053 1.24999 16.4807 1.32061 17.3451C1.39252 18.2252 1.54138 18.9523 1.87671 19.6104C2.42798 20.6924 3.30762 21.572 4.38955 22.1233C5.04768 22.4586 5.77479 22.6075 6.65494 22.6794C7.51927 22.75 8.59469 22.75 9.96637 22.75H14.0336C15.4053 22.75 16.4807 22.75 17.3451 22.6794C18.2252 22.6075 18.9523 22.4586 19.6104 22.1233C20.6924 21.572 21.572 20.6924 22.1233 19.6104C22.4586 18.9523 22.6075 18.2252 22.6794 17.3451C22.75 16.4807 22.75 15.4053 22.75 14.0336V9.96642C22.75 8.59473 22.75 7.51927 22.6794 6.65494C22.6075 5.77479 22.4586 5.04768 22.1233 4.38955C21.572 3.30762 20.6924 2.42798 19.6104 1.87671C18.9523 1.54138 18.2252 1.39252 17.3451 1.32061C16.4807 1.24999 15.4053 1.25 14.0336 1.25H9.96644ZM5.07054 3.21322C5.48197 3.00359 5.9897 2.87996 6.77708 2.81563C7.57322 2.75058 8.58749 2.75 10 2.75H14C15.4125 2.75 16.4268 2.75058 17.2229 2.81563C18.0103 2.87996 18.518 3.00359 18.9295 3.21322C19.7291 3.62068 20.3793 4.27085 20.7868 5.07054C20.9964 5.48197 21.12 5.9897 21.1844 6.77708C21.2494 7.57322 21.25 8.58749 21.25 10V14C21.25 15.4125 21.2494 16.4268 21.1844 17.2229C21.12 18.0103 20.9964 18.518 20.7868 18.9295C20.3793 19.7291 19.7291 20.3793 18.9295 20.7868C18.518 20.9964 18.0103 21.12 17.2229 21.1844C16.4268 21.2494 15.4125 21.25 14 21.25H10C8.58749 21.25 7.57322 21.2494 6.77708 21.1844C5.9897 21.12 5.48197 20.9964 5.07054 20.7868C4.27085 20.3793 3.62068 19.7291 3.21322 18.9295C3.00359 18.518 2.87996 18.0103 2.81563 17.2229C2.75058 16.4268 2.75 15.4125 2.75 14V10C2.75 8.58749 2.75058 7.57322 2.81563 6.77708C2.87996 5.9897 3.00359 5.48197 3.21322 5.07054C3.62068 4.27085 4.27085 3.62068 5.07054 3.21322Z",fill:"currentColor"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.6749 8.04877L17.1069 9.06975L16.2884 7.81273L17.8564 6.79175L18.6749 8.04877ZM15.2278 10.2932L13.3488 11.5167L12.5303 10.2597L14.4093 9.03622L15.2278 10.2932ZM11.4697 12.7402L9.59064 13.9637L8.77217 12.7067L10.6512 11.4832L11.4697 12.7402ZM7.71158 15.1872L6.14354 16.2082L5.32507 14.9511L6.89311 13.9302L7.71158 15.1872Z",fill:"currentColor"})]}),P0=e=>(0,b.useMemo)(()=>{if(e===null)return{options:[],findValue:()=>{}};const{parsingLocale:n,numberFormat:r}=e.config,o=e.guides.colorGroups.map(a=>{const i=(0,p.createValueFormatter)({valueFormat:a.valueFormat,locale:n,numberFormat:r}),l=a.value instanceof Date?a.value.getTime():a.value;return{value:l,option:{value:String(l),label:a.label??i(a.value)}}});return{options:o.map(({option:a})=>a),findValue:a=>o.find(i=>i.option.value===a)?.value}},[e]),Qt=["linear","exponential","quadratic","polynomial","logarithmic","power","loess"],L0="linear",k0=({title:e,layout:n="collapsible",preview:r})=>{const o=R(),a=s.useHandleCompiled(o),i=s.useI18n(),{Select:l,Switch:c}=N(),{options:d,findValue:h}=P0(a);if(!a\|\|a.coordSystem.type==="polar")return null;const u=(0,p.findTrendLineLayer)(a.spec.layers),m=(0,p.findAverageLineLayer)(a.spec.layers),v=u?.stat.type==="smooth"?u.stat.method:L0,g=I0(m),x=Qt.map(k=>({value:k,label:i(`editor.annotationsPanel.trendType.options.${k}`)})),f=(k,T={})=>{const O=u??m,_=new p.SetStatLineCommand({line:k,...T,...O!==void 0&&{layerId:O.id},label:i("editor.annotationsPanel.trendsAndAveragesSection.average")});o.commands.dispatch(_)},S=k=>f(k?"trend":"none",{method:v}),P=k=>f(k?"average":"none",{group:g??h(d[0]?.value??"")}),C=k=>{const T=Qt.find(O=>O===k);T!==void 0&&f("trend",{method:T})},L=k=>{const T=k===null?void 0:h(k);T!==void 0&&f("average",{group:T})};return(0,t.jsx)(z,{title:e??i("editor.annotationsPanel.trendsAndAveragesSection.title"),layout:n,preview:r??(0,t.jsx)(Jt,{size:"lg"}),children:(0,t.jsxs)(H,{children:[(0,t.jsx)(j,{label:i("editor.annotationsPanel.trendsAndAveragesSection.trend"),icon:(0,t.jsx)(Jt,{size:"lg"}),children:(0,t.jsx)(c,{isChecked:u!==void 0,onChange:S})}),u!==void 0&&(0,t.jsx)(j,{label:i("editor.annotationsPanel.trendType.label"),children:(0,t.jsx)(l,{value:v,options:x,onChange:C,placeholder:i("editor.annotationsPanel.trendType.placeholder")})}),(0,t.jsx)(j,{label:i("editor.annotationsPanel.trendsAndAveragesSection.average"),icon:(0,t.jsx)(A0,{size:"lg"}),children:(0,t.jsx)(c,{isChecked:m!==void 0,onChange:P})}),m!==void 0&&d.length>0&&(0,t.jsx)(j,{label:i("editor.annotationsPanel.averageLineSeries.label"),children:(0,t.jsx)(l,{value:g===void 0?null:String(g),options:d,onChange:L,placeholder:i("editor.annotationsPanel.averageLineSeries.placeholder"),ariaLabel:i("editor.annotationsPanel.averageLineSeries.ariaLabel")})})]})})},I0=e=>{const n=e?.transforms.find(r=>r.transformType==="filter")?.options.value;return n instanceof Date?n.getTime():n};exports.AppearanceSection=Qd;exports.AxesPanel=Xd;exports.AxisSection=Ke;exports.BarSection=tu;exports.Button=ur;exports.CalloutsSection=pu;exports.CaptionSection=Ir;exports.ComboSection=gu;exports.EditableGraphRenderer=Wc;exports.EditorPanel=dt;exports.ElementsPanel=Kd;exports.GoalSection=fu;exports.GraphOptionsSection=Cu;exports.GraphTypeSection=Hu;exports.GridSection=Vu;exports.HeadlineSection=Ku;exports.IntlProvider=ln;exports.LegendSection=Zu;exports.LineSection=o0;exports.MappingSection=d0;exports.NumberField=mr;exports.NumberFormatSection=v0;exports.PANEL_ROOT_ATTRIBUTE=Pr;exports.PointSection=b0;exports.PolarSection=w0;exports.RadioGrid=gr;exports.Row=j;exports.Section=z;exports.Select=xr;exports.Slider=vr;exports.SourceSection=Er;exports.SubtitleSection=Mr;exports.Switch=fr;exports.TextField=br;exports.TextSizeSection=_r;exports.TitleSection=Rr;exports.ToggleGroup=Cr;exports.ToggledSection=kr;exports.TrendsAndAveragesSection=k0;exports.useControls=N;exports.usePanelExpansion=Ar;exports.usePanelGraph=R;