@graphysdk/react-renderer 1.9.0-beta.1791366796483 → 1.9.0-beta.1791393170165

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/editable.cjs +1 -1
  2. package/dist/editable.mjs +8 -8
  3. package/dist/history-chords-BawOLCTm.cjs +2 -0
  4. package/dist/{history-chords-DjoYbAew.js → history-chords-D8QcdvOF.js} +2238 -2152
  5. package/dist/index.cjs +1 -1
  6. package/dist/index.d.ts +3 -9
  7. package/dist/index.mjs +8 -8
  8. package/package.json +2 -2
  9. package/dist/history-chords-CB-Avj6h.cjs +0 -2
package/dist/editable.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./editable.css');const l=require("./history-chords-CB-Avj6h.cjs"),W=require("./theme.contract.css-CdTjOX82.cjs");let h=require("@graphysdk/viz-engine"),x=require("react"),n=require("react/jsx-runtime"),Ga=require("motion/react"),ee=require("zustand/react/shallow"),xe=require("@vanilla-extract/dynamic"),Rn=require("react-dom"),K=require("clsx");K=l.__toESM(K,1);let ue=require("@floating-ui/react-dom"),On=require("@tiptap/core"),Va=require("@tiptap/extension-bold"),Pe=require("@tiptap/extension-document"),$a=require("@tiptap/extension-hard-break"),Ua=require("@tiptap/extension-heading"),Wa=require("@tiptap/extension-italic"),qa=require("@tiptap/extension-link"),Ka=require("@tiptap/extension-text"),Xa=require("@tiptap/extension-text-align"),Le=require("@tiptap/extension-text-style"),Za=require("@tiptap/extension-underline"),Ne=require("@tiptap/extensions"),_n=require("@tiptap/extension-paragraph"),De=require("@tiptap/react"),te=require("@base-ui/react/toolbar"),q=require("@base-ui/react/tooltip"),G=require("@base-ui/react/popover"),Nt=require("react-colorful"),Q=require("@base-ui/react/slider"),N=require("@base-ui/react/menu"),Ya=require("@base-ui/react/toggle"),ae=require("lodash-es/clamp");ae=l.__toESM(ae,1);let Nn=require("@base-ui/react/radio"),Dn=require("@base-ui/react/radio-group"),re=require("@base-ui/react"),pe=require("@base-ui/react/accordion"),Dt=require("@base-ui/react/number-field"),Y=require("@base-ui/react/select"),Ft=require("@base-ui/react/switch"),Ja=require("@base-ui/react/input"),Qa=require("@base-ui/react/separator");var eo={save:"حفظ",cancel:"إلغاء",confirm:"تأكيد",delete:"حذف",confirmDelete:e=>`هل أنت متأكد من رغبتك في حذف ${e.item}؟`,abbreviations:{thousands:"ألف",millions:"مليون",billions:"مليار"}},to={title:"محرر Graphy",description:"قم بتحرير المحتوى الخاص بك هنا",graphTypes:{column:"أعمدة",columnStacked:"أعمدة مكدسة",columnStackedFill:"أعمدة مكدسة 100%",bar:"شريطي",barStacked:"أشرطة مكدسة",barStackedFill:"أشرطة مكدسة 100%",line:"خطي",areaStacked:"مساحة مكدسة",pie:"دائري",donut:"حلقي",radar:"راداري",radarFilled:"راداري معبأ",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:"أبيض",gray:"رمادي",tint:"صبغة",custom:"مخصص",none:"بدون"},borderSection:{title:"الحدود",borderColor:"لون الحدود",thickness:"السمك",cornerRadius:"نصف قطر الزاوية"},borderType:{solid:"صلب",gradient:"متدرج",gray:"رمادي",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:"صبغة",gray:"رمادي"}},fineTunePanel:{toolbarButton:"الضبط الدقيق",detailSection:{title:"التفاصيل",missingValues:"القيم المفقودة"},lineStyleSection:{title:"نمط الخط",lineCurve:"انحناء الخط",sharp:"حاد",smooth:"ناعم"}},customThemeEditor:{patternDropdownAriaLabel:"قائمة منسدلة للنمط للسلسلة",patterns:{solid:"صلب",pattern:"نمط",dotted:"منقط",dashed:"متقطع",hatched:"مظلل"},heatmapColorLabel:"اللون"},overlayMenu:{observation:"مشاهدة",group:"مجموعة",band:"نطاق",axis:"المحور",legend:"وسيلة الإيضاح",gridLines:"خطوط الشبكة",chart:"الرسم البياني",selection:"التحديد",thisBar:"هذا الشريط",thisPoint:"هذه النقطة",thisBubble:"هذه الفقاعة",thisSlice:"هذه الشريحة",allOf:e=>`كل ${e.name}`,all:"الكل"},accessibility:{toggleSection:e=>`تبديل قسم ${e.title}`},graphyDefaults:{themeOptions:{light:"فاتح",dark:"داكن"}}},no={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})`}}}},ro={common:eo,editor:to,graph:no},ao={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"}},oo={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",radialBar:"Radial bar",rose:"Rose",roseStacked:"Stacked rose",radar:"Radar",radarFilled:"Filled radar",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",gray:"Grey",tint:"Tint",custom:"Custom",none:"None"},borderSection:{title:"Border",borderColor:"Border color",thickness:"Thickness",cornerRadius:"Corner radius"},borderType:{solid:"Solid",gradient:"Gradient",gray:"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",gray:"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"},overlayMenu:{observation:"Observation",group:"Group",band:"Band",axis:"Axis",legend:"Legend",gridLines:"Grid lines",chart:"Chart",selection:"Selection",thisBar:"This bar",thisPoint:"This point",thisBubble:"This bubble",thisSlice:"This slice",allOf:e=>`All of ${e.name}`,all:"All"},accessibility:{toggleSection:e=>`Toggle ${e.title} section`},graphyDefaults:{themeOptions:{light:"Light",dark:"Dark"}}},io={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:ao,editor:oo,graph:io},lo={colorPanel:{backgroundSection:{gray:"Gray"},borderType:{gray:"Gray"}},highlighting:{highlightStyle:{gray:"Gray"}}},co={editor:lo},uo={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"}},ho={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",radialBar:"Barras radiais",radar:"Radar",radarFilled:"Radar preenchido",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",gray:"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",gray:"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",gray:"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"},overlayMenu:{observation:"Observação",group:"Grupo",band:"Banda",axis:"Eixo",legend:"Legenda",gridLines:"Linhas de grelha",chart:"Gráfico",selection:"Seleção",thisBar:"Esta barra",thisPoint:"Este ponto",thisBubble:"Esta bolha",thisSlice:"Esta fatia",allOf:e=>`Tudo em ${e.name}`,all:"Tudo"},accessibility:{toggleSection:e=>`Alternar secção ${e.title}`},graphyDefaults:{themeOptions:{light:"Claro",dark:"Escuro"}}},po={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})`}}}},mo={common:uo,editor:ho,graph:po},go={"en-GB":so,"en-US":co,ar:ro,"pt-PT":mo},xo=[go,l.dictionaries],Fn=({children:e,...t})=>(0,n.jsx)(l.IntlProvider,{dictionaries:xo,...t,children:e}),vo="data-variant",Bn=_n.Paragraph.extend({addAttributes(){return{variant:{default:null,parseHTML:e=>e.getAttribute("data-variant")??null,renderHTML:e=>e.variant?{[vo]:e.variant}:{}}}}}),fo=On.Extension.create({name:"preventBackspaceAcrossTitleBoundary",addOptions(){return{isTitleVisible:!0}},addKeyboardShortcuts(){return{Backspace:({editor:e})=>{if(!this.options.isTitleVisible)return!1;const{selection:t}=e.state;if(!t.empty)return!1;const{$from:r}=t;return r.depth!==1||r.parentOffset!==0?!1:r.index(0)===1}}}}),vt=()=>[Ka.Text,Ne.UndoRedo,Ua.Heading.configure({levels:[1,2,3]}),Va.Bold,Wa.Italic,Za.Underline,Xa.TextAlign.configure({types:["heading","paragraph"]}),qa.Link.configure({openOnClick:!1,autolink:!0}),Le.TextStyle,Le.Color,$a.HardBreak],bo=({titlePlaceholder:e,subtitlePlaceholder:t,isTitleVisible:r,isSubtitleVisible:a})=>[yo({isTitleVisible:r,isSubtitleVisible:a}),Bn,...vt(),Le.FontFamily,fo.configure({isTitleVisible:r}),Ne.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:o,editor:i})=>{if(r&&o===0)return e;const s=r?i.state.doc.firstChild?.nodeSize??-1:0;return a&&o===s?t:""}})],So=({placeholder:e})=>[Pe.Document,Bn,...vt(),Le.FontFamily,Ne.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:t})=>t===0?e:""})],yo=({isTitleVisible:e,isSubtitleVisible:t})=>e&&t?Pe.Document.extend({content:"block{2,}"}):Pe.Document,zn="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))",Co="d0bl00";var Hn="d0bl03",jo="d0bl04",Gn="d0bl05",et="d0bl06",To="d0bl07",wo="d0bl08",Vn="d0bl09",Ao="d0bl0a",ko="d0bl0b",Po="d0bl0c",Lo="d0bl0d",Io="d0bl0e",Eo="owf1yg0",Mo="owf1yg1",Ro="owf1yg2",Oo="owf1yg3",_o="owf1yg4",No=.01,Do=({value:e,onChange:t,label:r})=>(0,n.jsx)(Q.Slider.Root,{className:Eo,value:e,onValueChange:a=>t(a),min:0,max:1,step:No,children:(0,n.jsx)(Q.Slider.Control,{className:Mo,children:(0,n.jsxs)(Q.Slider.Track,{className:Ro,children:[(0,n.jsx)(Q.Slider.Indicator,{className:Oo}),(0,n.jsx)(Q.Slider.Thumb,{className:_o,"aria-label":r})]})})}),$n="transparent",tt=W.CANVAS_COLOR_KEYS.map(e=>W.vars[e]),Fo=Object.fromEntries(W.CANVAS_COLOR_KEYS.map(e=>[W.vars[e],e])),Bo=e=>tt.some(t=>Wn(t,e)),zo=({color:e,onChange:t,isOpen:r,onOpenChange:a,children:o,label:i,popupAttributes:s,opacity:c,onOpacityChange:d,hasTransparentOption:m=!1})=>{const u=l.useI18n(),p=Go(),g=m?[$n,...tt]:tt,f=v=>{t(v),a(!1)};return(0,n.jsxs)(G.Popover.Root,{open:r,onOpenChange:a,children:[(0,n.jsx)(G.Popover.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":i??u("graph.toolbar.color.label"),className:Co,onMouseDown:v=>v.preventDefault(),children:o??(0,n.jsx)("span",{className:"d0bl01",style:{background:e??"transparent"}})}),(0,n.jsx)(G.Popover.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(G.Popover.Positioner,{sideOffset:6,align:"start",className:Hn,children:(0,n.jsxs)(G.Popover.Popup,{className:jo,onMouseDown:v=>v.preventDefault(),...s,children:[(0,n.jsx)(Bt,{title:u("graph.colorDropdown.colors"),colors:g,currentColor:e,onPick:f}),p.length>0&&(0,n.jsx)(Bt,{title:u("graph.colorDropdown.chartColors"),colors:p,currentColor:e,onPick:f}),(0,n.jsx)(Ho,{value:e??"#000000",onChange:t,popupAttributes:s}),c!==void 0&&d!==void 0&&(0,n.jsxs)("div",{className:"d0bl05",children:[(0,n.jsx)("div",{className:"d0bl06",children:u("graph.colorDropdown.opacity")}),(0,n.jsx)(Do,{value:c,onChange:d,label:u("graph.colorDropdown.opacity")})]})]})})})})]})},Bt=({title:e,colors:t,currentColor:r,onPick:a})=>{const o=l.useI18n();return(0,n.jsxs)("div",{className:Gn,children:[(0,n.jsx)("div",{className:et,children:e}),(0,n.jsx)("div",{className:To,children:t.map(i=>(0,n.jsx)("button",{type:"button","aria-label":i==="transparent"?o("graph.colorDropdown.transparent"):i,className:wo,"data-active":Wn(i,r),onMouseDown:s=>s.preventDefault(),onClick:()=>a(i),children:(0,n.jsx)("span",{className:Vn,style:Un(i)})},i))})]})},Ho=({value:e,onChange:t,popupAttributes:r})=>{const a=l.useI18n(),[o,i]=(0,x.useState)(!1),s=l.isValidCssColor(e)?e:"#000000",c=Vo(s);return(0,n.jsxs)(G.Popover.Root,{open:o,onOpenChange:i,children:[(0,n.jsxs)("div",{className:Gn,children:[(0,n.jsx)("div",{className:et,children:a("graph.colorDropdown.custom")}),(0,n.jsxs)(G.Popover.Trigger,{className:Ao,onMouseDown:d=>d.preventDefault(),"aria-label":a("graph.colorDropdown.pickCustom"),children:[(0,n.jsx)("span",{className:Vn,style:Un(s)}),(0,n.jsx)("span",{className:ko,children:c})]})]}),(0,n.jsx)(G.Popover.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(G.Popover.Positioner,{side:"right",align:"start",sideOffset:18,className:Hn,children:(0,n.jsxs)(G.Popover.Popup,{className:Po,onMouseDown:d=>d.preventDefault(),...r,children:[(0,n.jsx)("div",{className:et,children:a("graph.colorDropdown.pickColor")}),(0,n.jsx)(Nt.HexColorPicker,{color:c,onChange:t,className:Lo}),(0,n.jsx)(Nt.HexColorInput,{color:c,onChange:t,prefixed:!0,className:Io,onMouseDown:d=>d.stopPropagation()})]})})})})]})},Go=()=>{const e=l.useSceneSelector(t=>t.scales.color);return(0,x.useMemo)(()=>{if(!e||e.kind!=="visual")return[];const t=new Set;for(const r of e.domain){const a=e.map(r);typeof a=="string"&&t.add(a)}return[...t]},[e])},Un=e=>e==="transparent"?{background:zn,border:`1px solid ${W.vars.border100}`}:{background:e,border:`1px solid ${l.darkenCss(e,.1)}`},Vo=e=>{const{themeValues:t}=l.useThemeContext();if(l.isHex(e))return e.toUpperCase();const r=Fo[e];return r?t[r].toUpperCase():"#000000"},Wn=(e,t)=>t===null?!1:e.toLowerCase()===t.toLowerCase(),$o="l9kff0",Uo="l9kff1",Wo="l9kff2",qo="xn24px0",Ko="xn24px1",Xo="xn24px2",Zo=({children:e,popupAttributes:t})=>(0,n.jsx)(N.Menu.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:qo,children:(0,n.jsx)(N.Menu.Popup,{className:Ko,onMouseDown:r=>r.preventDefault(),...t,children:e})})})}),Yo=({children:e,isSelected:t=!1,isDisabled:r=!1,onClick:a})=>(0,n.jsx)(N.Menu.Item,{className:Xo,"data-selected":t,disabled:r,onClick:a,children:e}),Jo=({className:e,...t})=>(0,n.jsx)(q.Tooltip.Provider,{children:(0,n.jsx)(te.Toolbar.Root,{...t,className:(0,K.default)($o,e)})}),Qo=({className:e,...t})=>(0,n.jsx)(te.Toolbar.Group,{...t,className:(0,K.default)(Uo,e)}),ei=({className:e,...t})=>(0,n.jsx)(te.Toolbar.Separator,{...t,className:(0,K.default)(Wo,e)}),ti=({children:e})=>{const t=l.resolvePortalContainer();return t===null?null:(0,Rn.createPortal)((0,n.jsx)(l.PortalThemeProvider,{children:e}),t)},H={Portal:ti,Root:Jo,Group:Qo,Separator:ei,Button:te.Toolbar.Button,ColorPicker:zo,MenuPopup:Zo,MenuItem:Yo},ve=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"m6 9 6 6 6-6"})})}),ni="'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'",ri=`'Aeonik', 'Aeonik Fallback', ${l.DEFAULT_FONT_FAMILY}`,ai="'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'",oi="'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'",nt=[{id:"modern",label:"Modern",preview:"Aa",fontFamily:l.DEFAULT_FONT_FAMILY},{id:"fresh",label:"Fresh",preview:"Aa",fontFamily:ri},{id:"timeless",label:"Timeless",preview:"Aa",fontFamily:ni},{id:"technical",label:"Technical",preview:"00",fontFamily:ai},{id:"fineliner",label:"Fineliner",preview:"Aa",fontFamily:oi}],ii=e=>e?nt.find(t=>t.fontFamily===e)??null:null,qn="_70l3rt0",Kn="_70l3rt1",Xn="_70l3rt3",Zn="_70l3rt4",Yn="_70l3rt5",si=({editor:e,currentFontFamily:t,isOpen:r,onOpenChange:a})=>{const o=l.useI18n(),i=ii(t)??nt[0],s=c=>{e.chain().focus().setFontFamily(c.fontFamily).run()};return(0,n.jsxs)(N.Menu.Root,{open:r,onOpenChange:a,children:[(0,n.jsxs)(N.Menu.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":o("graph.toolbar.font.ariaLabel"),className:qn,onMouseDown:c=>c.preventDefault(),children:[(0,n.jsx)("span",{className:Kn,style:{fontFamily:i?.fontFamily},children:i?.preview}),(0,n.jsx)(ve,{size:"sm"})]}),(0,n.jsx)(N.Menu.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:Xn,children:(0,n.jsx)(N.Menu.Popup,{className:Zn,onMouseDown:c=>c.preventDefault(),children:nt.map(c=>(0,n.jsx)(N.Menu.Item,{className:Yn,"data-selected":c.id===i?.id,onClick:()=>s(c),children:(0,n.jsx)("span",{style:{fontFamily:c.fontFamily},children:c.label})},c.id))})})})})]})},Jn={id:"text",translationKey:"graph.toolbar.heading.text",previewFont:W.vars.fontTextEditorBody},zt=[{id:"caption",translationKey:"graph.toolbar.heading.caption",previewFont:W.vars.fontTextEditorH6},Jn,{id:"h3",translationKey:"graph.toolbar.heading.heading3",previewFont:W.vars.fontTextEditorH3},{id:"h2",translationKey:"graph.toolbar.heading.heading2",previewFont:W.vars.fontTextEditorH2},{id:"h1",translationKey:"graph.toolbar.heading.heading1",previewFont:W.vars.fontTextEditorH1}],li=({editor:e,activeStyle:t,isOpen:r,onOpenChange:a})=>{const o=l.useI18n(),i=zt.find(s=>s.id===t)??Jn;return(0,n.jsxs)(N.Menu.Root,{open:r,onOpenChange:a,children:[(0,n.jsxs)(N.Menu.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":o("graph.toolbar.heading.ariaLabel"),className:qn,onMouseDown:s=>s.preventDefault(),children:[(0,n.jsx)("span",{className:Kn,children:o(i.translationKey)}),(0,n.jsx)(ve,{size:"sm"})]}),(0,n.jsx)(N.Menu.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:Xn,children:(0,n.jsx)(N.Menu.Popup,{className:Zn,onMouseDown:s=>s.preventDefault(),children:zt.map(s=>(0,n.jsx)(N.Menu.Item,{className:Yn,"data-selected":s.id===i.id,onClick:()=>ci(e,s.id),children:(0,n.jsx)(di,{font:s.previewFont,children:o(s.translationKey)})},s.id))})})})})]})},ci=(e,t)=>{switch(t){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()}},di=({font:e,children:t})=>(0,n.jsx)("span",{style:{font:e,margin:0},children:t}),Qn=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),ui=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.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,n.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"})]})}),hi=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M18 6 6 18"}),(0,n.jsx)("path",{d:"m6 6 12 12"})]})}),pi=e=>!e.content||e.content.length===0?!0:e.content.every(t=>!t.content||t.content.length===0),mi=e=>{const{$from:t}=e.state.selection,r=t.parent.textContent,a=t.parentOffset,o=t.start();let i=a;for(;i>0&&Ht(r[i-1]);)i-=1;let s=a;for(;s<r.length&&Ht(r[s]);)s+=1;return{from:o+i,to:o+s}},Ht=e=>e!==void 0&&/\S/.test(e),gi="fop13s0",xi="fop13s1",vi="fop13s2",fi="fop13s3",Gt="fop13s4",bi=({editor:e,currentUrl:t,isActive:r,isOpen:a,onOpenChange:o})=>{const i=l.useI18n(),[s,c]=(0,x.useState)(""),d=(0,x.useRef)(null);(0,x.useEffect)(()=>{a&&c(t??"")},[a,t]);const m=()=>{Si(e,s),o(!1)},u=()=>{c(""),o(!1)},p=f=>{c(f.target.value)},g=f=>{f.key==="Enter"&&(f.preventDefault(),m())};return(0,n.jsxs)(G.Popover.Root,{open:a,onOpenChange:o,children:[(0,n.jsx)(G.Popover.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":i("graph.toolbar.formatting.link"),"data-active":r,className:gi,onMouseDown:f=>f.preventDefault(),children:(0,n.jsx)(ui,{})}),(0,n.jsx)(G.Popover.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(G.Popover.Positioner,{sideOffset:6,align:"end",className:xi,children:(0,n.jsxs)(G.Popover.Popup,{className:vi,initialFocus:d,onMouseDown:f=>f.preventDefault(),children:[(0,n.jsx)("input",{ref:d,type:"url",value:s,placeholder:i("graph.toolbar.link.placeholder"),"aria-label":i("graph.toolbar.link.urlLabel"),className:fi,onMouseDown:f=>f.stopPropagation(),onChange:p,onKeyDown:g}),(0,n.jsx)("button",{type:"button","aria-label":i("common.cancel"),className:Gt,onClick:u,children:(0,n.jsx)(hi,{})}),(0,n.jsx)("button",{type:"button","aria-label":i("graph.toolbar.link.apply"),className:Gt,onClick:m,children:(0,n.jsx)(Qn,{})})]})})})})]})},Si=(e,t)=>{const r=t.trim(),{selection:a}=e.state;if(!r){e.chain().focus().extendMarkRange("link").unsetLink().run();return}if(!a.empty){e.chain().focus().setLink({href:r}).run();return}if(e.isActive("link")){e.chain().focus().extendMarkRange("link").setLink({href:r}).run();return}const o=mi(e);e.chain().focus().setTextSelection(o).setLink({href:r}).run()},er=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M21 5H3"}),(0,n.jsx)("path",{d:"M17 12H7"}),(0,n.jsx)("path",{d:"M19 19H5"})]})}),tr=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M21 5H3"}),(0,n.jsx)("path",{d:"M21 12H9"}),(0,n.jsx)("path",{d:"M21 19H7"})]})}),nr=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M21 5H3"}),(0,n.jsx)("path",{d:"M15 12H3"}),(0,n.jsx)("path",{d:"M17 19H3"})]})});var rr="srewh00",yi="srewh01",ft=({children:e})=>{const{themeValues:t}=l.useThemeContext();return(0,n.jsx)(l.PortalThemeProvider,{style:(0,x.useMemo)(()=>(0,xe.assignInlineVars)({[W.vars.fontFamily]:t.fontFamily,[W.vars.textScale]:t.textScale}),[t]),children:e})},Ci="_1d66w570",ji="_1d66w571",de=({label:e,isActive:t,onToggle:r,children:a})=>{const o=i=>i.preventDefault();return(0,n.jsxs)(q.Tooltip.Root,{children:[(0,n.jsx)(q.Tooltip.Trigger,{render:(0,n.jsx)(Ya.Toggle,{render:(0,n.jsx)(te.Toolbar.Button,{}),pressed:t,onPressedChange:()=>r()}),"aria-label":e,className:Ci,onMouseDown:o,children:a}),(0,n.jsx)(q.Tooltip.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(ft,{children:(0,n.jsx)(q.Tooltip.Positioner,{sideOffset:6,className:ji,children:(0,n.jsx)(q.Tooltip.Popup,{className:rr,children:e})})})})]})},Ti=({editor:e,activeAlignment:t="left"})=>{const r=l.useI18n();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(de,{label:r("graph.toolbar.textAlign.left"),isActive:t==="left",onToggle:()=>e.chain().focus().setTextAlign("left").run(),children:(0,n.jsx)(nr,{})}),(0,n.jsx)(de,{label:r("graph.toolbar.textAlign.center"),isActive:t==="center",onToggle:()=>e.chain().focus().setTextAlign("center").run(),children:(0,n.jsx)(er,{})}),(0,n.jsx)(de,{label:r("graph.toolbar.textAlign.right"),isActive:t==="right",onToggle:()=>e.chain().focus().setTextAlign("right").run(),children:(0,n.jsx)(tr,{})})]})},wi="_1u34vl40",Ai=({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:ki(e),textAlign:Pi(e)}),ki=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",Pi=e=>e?e.isActive({textAlign:"center"})?"center":e.isActive({textAlign:"right"})?"right":"left":"left",Li=8,Ii=8,Ei=({editor:e})=>{const t=l.useI18n(),[r,a]=(0,x.useState)(!1),[o,i]=(0,x.useState)(null),s=o!==null,c=f=>v=>{i(v?f:null)},{refs:d,floatingStyles:m}=(0,ue.useFloating)({placement:"top-start",strategy:"fixed",middleware:[(0,ue.offset)(Li),(0,ue.flip)(),(0,ue.shift)({padding:Ii})],whileElementsMounted:ue.autoUpdate}),u=(0,x.useRef)(null),p=(0,De.useEditorState)({editor:e,selector:Ai}),g=(0,x.useCallback)(f=>{u.current=f,d.setFloating(f)},[d]);return(0,x.useEffect)(()=>{e&&d.setReference(e.view.dom)},[e,d]),(0,x.useEffect)(()=>{if(!e)return;const f=()=>a(!0),v=({event:b})=>{const{relatedTarget:S,currentTarget:T}=b,w=S instanceof Node&&u.current?.contains(S),j=S instanceof Node&&T instanceof Node&&T.contains(S);!w&&!j&&a(!1)};return e.on("focus",f),e.on("blur",v),()=>{e.off("focus",f),e.off("blur",v)}},[e]),!e||!r&&!s?null:(0,n.jsx)(H.Portal,{children:(0,n.jsxs)(H.Root,{ref:g,className:wi,style:m,children:[(0,n.jsxs)(H.Group,{children:[(0,n.jsx)(H.ColorPicker,{color:p?.color??null,onChange:f=>e.chain().setColor(f).run(),isOpen:o==="color",onOpenChange:c("color")}),(0,n.jsx)(si,{editor:e,currentFontFamily:p?.fontFamily??null,isOpen:o==="fontFamily",onOpenChange:c("fontFamily")})]}),(0,n.jsx)(H.Separator,{}),(0,n.jsx)(H.Group,{children:(0,n.jsx)(li,{editor:e,activeStyle:p?.fontSize??"text",isOpen:o==="fontSize",onOpenChange:c("fontSize")})}),(0,n.jsx)(H.Separator,{}),(0,n.jsxs)(H.Group,{children:[(0,n.jsx)(de,{label:t("graph.toolbar.formatting.bold"),isActive:p?.isBold??!1,onToggle:()=>e.chain().focus().toggleBold().run(),children:(0,n.jsx)("strong",{children:"B"})}),(0,n.jsx)(de,{label:t("graph.toolbar.formatting.italic"),isActive:p?.isItalic??!1,onToggle:()=>e.chain().focus().toggleItalic().run(),children:(0,n.jsx)("em",{children:"I"})}),(0,n.jsx)(de,{label:t("graph.toolbar.formatting.underline"),isActive:p?.isUnderline??!1,onToggle:()=>e.chain().focus().toggleUnderline().run(),children:(0,n.jsx)("u",{children:"U"})})]}),(0,n.jsx)(H.Separator,{}),(0,n.jsx)(H.Group,{children:(0,n.jsx)(Ti,{editor:e,activeAlignment:p?.textAlign})}),(0,n.jsx)(H.Separator,{}),(0,n.jsx)(H.Group,{children:(0,n.jsx)(bi,{editor:e,currentUrl:p?.linkUrl??null,isActive:p?.isLink??!1,isOpen:o==="link",onOpenChange:c("link")})})]})})},Mi="_1uy50v30",ar=({editor:e,ariaLabel:t})=>(0,n.jsxs)("div",{className:Mi,children:[(0,n.jsx)(Ei,{editor:e}),(0,n.jsx)(De.EditorContent,{editor:e,"aria-label":t})]}),Ri=200,bt=({content:e,extensions:t,isEditable:r,onUpdate:a,updateDebounceMs:o=Ri})=>{const i=(0,x.useRef)(Vt(e)),s=(0,x.useRef)(i.current),c=l.useDebouncedCallback(m=>{s.current=m,a?.(m)},o),d=(0,De.useEditor)({extensions:t,content:i.current,editable:r,immediatelyRender:!1,onUpdate:({editor:m})=>{const u=m.getJSON();if(Xe(s.current,u))return c.cancel();c.run(u)}});return(0,x.useEffect)(()=>{d?.setEditable(r)},[d,r]),(0,x.useEffect)(()=>{if(!d)return;const m=Vt(e);Xe(s.current,m)||(s.current=m,!Xe(d.getJSON(),m)&&(c.cancel(),Oi(d,m)))},[d,e,c]),(0,x.useEffect)(()=>()=>c.flush(),[c]),d},Vt=e=>e===null?{type:"doc",content:[]}:typeof e=="string"?{type:"doc",content:[{type:"paragraph",content:e?[{type:"text",text:e}]:[]}]}:e,Oi=(e,t)=>{const{from:r,to:a}=e.state.selection;e.commands.setContent(t,{emitUpdate:!1});const o=e.state.doc.content.size;e.commands.setTextSelection({from:Math.min(r,o),to:Math.min(a,o)})},Xe=(e,t)=>JSON.stringify(Ie(e))===JSON.stringify(Ie(t)),Ie=e=>Array.isArray(e)?e.map(Ie):e===null||typeof e!="object"?e:Object.fromEntries(Object.entries(e).map(([t,r])=>[t,Ie(r)]).filter(([,t])=>!_i(t)).sort(([t],[r])=>String(t).localeCompare(String(r)))),_i=e=>e==null||typeof e=="object"&&Object.keys(e).length===0,Ni=({caption:e,captionStyle:t})=>{const{dispatch:r}=l.useGraphCommands(),a=bt({content:e,extensions:(0,x.useMemo)(()=>So({placeholder:"Add caption"}),[]),isEditable:!0,onUpdate:o=>{const i=pi(o)?null:o;r(new h.SetContentCaptionCommand({caption:i}))}});return(0,n.jsx)("div",{"data-testid":"caption-editor",style:l.toHtmlTextCss(t),children:(0,n.jsx)(ar,{editor:a,ariaLabel:"Chart caption"})})},Di=e=>[Pe.Document,_n.Paragraph,...vt(),Bi,Ne.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:t})=>t===0?e:""})],Fi=({annotation:e})=>{const t=l.useI18n(),{dispatch:r}=l.useGraphCommands(),a=l.useEditorStore(),o=(0,x.useMemo)(()=>Di(t("graph.annotations.text.placeholder")),[t]),i=bt({content:e.content,extensions:o,isEditable:!0,onUpdate:s=>{r(new h.UpdateAnnotationCommand({kind:"text",id:e.id,patch:{content:s}}))}});return(0,x.useEffect)(()=>{const{setCaretEditor:s}=a.getState();return s(i),()=>s(null)},[i,a]),(0,x.useEffect)(()=>{i?.commands.focus("end",{scrollIntoView:!1})},[i]),(0,n.jsx)(De.EditorContent,{"aria-label":t("graph.annotations.text.editLabel"),className:l.editor,editor:i,"data-testid":"text-annotation-editor"})},$t=e=>{const t=l.resolveRichTextFontFamily(e);return t===void 0?{}:{style:`font-family: ${t}`}},Bi=On.Extension.create({name:"annotationTextStyleAttributes",addGlobalAttributes(){return[{types:["textStyle"],attributes:{fontFamily:{default:null,renderHTML:e=>$t(e.fontFamily)},font:{default:null,renderHTML:e=>$t(e.font)},fontSize:{default:null,renderHTML:e=>typeof e.fontSize=="number"&&Number.isFinite(e.fontSize)?{style:`font-size: calc(${e.fontSize}px * ${W.vars.textScale})`}:{}}}}]}}),zi=3,Hi=({title:e,isTitleVisible:t,subtitle:r,isSubtitleVisible:a})=>{const o=[];return t&&o.push({type:"heading",attrs:{level:zi},content:Vi(e)}),a&&o.push(...$i(r)),{type:"doc",content:o}},Gi=e=>{const[t,...r]=e.content??[];return{title:Ui(t?.content??[]),subtitle:Wi(r)}},St=e=>({type:e.type??"text",...e.content!==void 0?{content:e.content.map(St)}:{},...e.text!==void 0?{text:e.text}:{},...e.marks!==void 0?{marks:e.marks}:{},...e.attrs!==void 0?{attrs:e.attrs}:{}}),Vi=e=>e===null?[]:typeof e=="string"?e===""?[]:[{type:"text",text:e}]:e.type==="doc"&&e.content?e.content.flatMap(t=>t.content??[]):e.type==="text"||e.type==="hardBreak"?[e]:e.content??[],$i=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(Ut):[Ut(e)],Ut=e=>e.type==="paragraph"?e:{type:"paragraph",content:e.content??[e]},Ui=e=>{if(e.length===0)return null;const[t]=e;return t&&e.length===1&&t.type==="text"&&(!t.marks||t.marks.length===0)?t.text??null:{type:"paragraph",content:e.map(St)}},Wi=e=>{const t=e.filter(a=>(a.content??[]).length>0);if(t.length===0)return null;const[r]=t;if(r&&t.length===1&&r.type==="paragraph"){const a=r.content??[],[o]=a;if(o&&a.length===1&&o.type==="text"&&(!o.marks||o.marks.length===0))return o.text??null}return{type:"doc",content:t.map(St)}},qi={fontFamily:"var(--uwf6lt0)",fontSize:"var(--uwf6lt1)",fontWeight:"var(--uwf6lt2)",lineHeight:"var(--uwf6lt3)",textColor:"var(--uwf6lt4)"},Ki="uwf6lt5",Xi=({title:e,isTitleVisible:t,isSubtitleVisible:r,subtitle:a,headingStyle:o,subtitleStyle:i})=>{const{dispatch:s}=l.useGraphCommands(),c=(0,x.useMemo)(()=>bo({titlePlaceholder:"Untitled",subtitlePlaceholder:"Untitled",isTitleVisible:t,isSubtitleVisible:r}),[t,r]),d=bt({content:(0,x.useMemo)(()=>Hi({title:e,isTitleVisible:t,subtitle:a,isSubtitleVisible:r}),[e,t,a,r]),extensions:c,isEditable:!0,onUpdate:m=>{const u=Gi(m);t&&s(new h.SetContentTitleCommand({title:u.title})),r&&s(new h.SetContentSubtitleCommand({subtitle:u.subtitle}))}});return(0,n.jsx)("div",{className:Ki,"data-testid":"title-editor",style:{...l.toHtmlTextCss(o),...l.assignTextStyleVars(qi,i)},children:(0,n.jsx)(ar,{editor:d,ariaLabel:"Chart title and subtitle"})})},Zi={Title:Xi,Caption:Ni,TextAnnotation:Fi},or=(e,t)=>{const{offsetWidth:r}=e;return r<=0||t<=0?1:t/r},ir=e=>or(e,e.getBoundingClientRect().width),Wt=(e,t)=>{const{offsetWidth:r,offsetHeight:a}=e;return r<=0||a<=0?t:{width:r,height:a}},Fe=e=>e.offset+e.strokeWidth,qt="http://www.w3.org/2000/svg",Kt=new WeakMap,Yi=(e,t)=>{const r=Ji(e);r.setAttribute("d",t);const{x:a,y:o,width:i,height:s}=r.getBBox();return{x:a,y:o,width:i,height:s}},Ji=e=>{const t=Kt.get(e);if(t?.isConnected)return t;const r=e.createElementNS(qt,"svg");r.setAttribute("aria-hidden","true"),r.style.cssText="position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none";const a=e.createElementNS(qt,"path");return r.append(a),e.body.append(r),Kt.set(e,a),a},Qi=(e,t)=>{const{panelRect:r,look:a,readGridLineWidth:o,measurePathBox:i}=t,s=Fe(a);switch(e.kind){case"observations":return Ze([...e.parts,...e.vertex===null?[]:[e.vertex]].flatMap(c=>es(c,i)).map(c=>({...c,x:c.x+r.x,y:c.y+r.y})),s);case"guide":return Ze(e.shapes.map(c=>c.kind==="box"?c.rect:l.growRect(ns(c),o(c.axis)/2)),s);case"graph":return Ze([{x:0,y:0,...e.frameSize}],-a.offset);default:return e}},es=(e,t)=>e.kind==="boxes"?e.boxes:ts(e.shapes,t),ts=(e,t)=>{const r=[],a=new Map;for(const o of e){if(o.kind==="dots"){r.push(...o.centers.map(c=>l.growRect({...c,width:0,height:0},o.size/2)));continue}if(o.pathData==="")continue;const i=o.kind==="stroke"?o.width/2:0;if(!o.pathData.trimStart().startsWith("M")){r.push(l.growRect(t(o.pathData),i));continue}const s=a.get(i)??[];s.push(o.pathData),a.set(i,s)}for(const[o,i]of a)r.push(l.growRect(t(i.join("")),o));return r},ns=e=>{switch(e.kind){case"line":return{x:Math.min(e.from.x,e.to.x),y:Math.min(e.from.y,e.to.y),width:Math.abs(e.to.x-e.from.x),height:Math.abs(e.to.y-e.from.y)};case"ring":return{x:e.center.x-e.radius,y:e.center.y-e.radius,width:e.radius*2,height:e.radius*2}}},Ze=(e,t)=>{const r=e.filter(({width:a,height:o})=>a>0||o>0);return r.length===0?null:l.growRect((0,h.getBoundingRect)(r),t)};var rs=(e,{coordSystem:t,panelRect:r})=>{if(e.kind!=="observations")return null;const a=e.vertex===null?e.parts:[...e.parts,e.vertex],o=a.reduce((s,c)=>Math.max(s,c.rows.length),0),i=o===1&&e.vertex===null;return o===0||i||o>1e3?null:a.flatMap(s=>as(s,t,r).map(c=>({...c,x:c.x+r.x,y:c.y+r.y})))},as=(e,t,r)=>(0,h.measureObservationsBoxes)({layer:{...e.layer,data:e.layer.data.take(e.rows)},coordSystem:t,panelSize:r,radialExtent:"outerEnd"}),os=.5,is={top:e=>-e.y,right:e=>e.x+e.width,bottom:e=>e.y+e.height,left:e=>-e.x},ss=(e,t,r)=>e===null||!ls(e)?{top:rt(t),right:at(t),bottom:rt(t),left:at(t)}:{top:ye(e,t,"top",r),right:ye(e,t,"right",r),bottom:ye(e,t,"bottom",r),left:ye(e,t,"left",r)},ye=(e,t,r,a)=>{const o=is[r],i=r==="left"||r==="right",s=v=>i?v.y:v.x,c=v=>i?v.y+v.height:v.x+v.width;let d=-1/0;for(const v of e)d=Math.max(d,o(v));const m=d-Math.max(a,os);let u=1/0,p=-1/0;for(const v of e)o(v)<m||(u=Math.min(u,s(v)),p=Math.max(p,c(v)));const g=i?at(t):rt(t),f={from:(0,ae.default)(u-a,g.from,g.to),to:(0,ae.default)(p+a,g.from,g.to)};return f.from<f.to?f:g},ls=e=>{const[t]=e;return t!==void 0&&e.some(r=>!l.areRectsEqual(r,t))},rt=e=>({from:e.x,to:e.x+e.width}),at=e=>({from:e.y,to:e.y+e.height}),cs=(e,{frameElement:t,panelRect:r,look:a})=>{const o=l.useEditorStore(),i=l.useStyleReaderTree(),s=l.useSceneSelector(p=>p.coordSystem),c=(0,x.useRef)(new Map),d=e?.target??null,m=e?.outline??null;(0,x.useLayoutEffect)(()=>{if(d===null||m===null)return;const p=c.current,g=new Map,v=Qi(m,{panelRect:r,look:a,readGridLineWidth:T=>l.readGridLineStyle(i,T).strokeWidth,measurePathBox:T=>{const w=p.get(T)??Yi(t.ownerDocument,T);return g.set(T,w),w}});if(c.current=g,v===null){o.getState().setSelectedOutline(null);return}const b=ss(rs(m,{coordSystem:s,panelRect:r}),v,Fe(a)),S=ir(t);o.getState().setSelectedOutline({target:d,frame:v,frameSpans:b,frameScale:S})},[o,i,s,d,m,t,r,a]);const u=e!==null;(0,x.useLayoutEffect)(()=>u?()=>o.getState().setSelectedOutline(null):void 0,[o,u])},ds="var(--_10d2ycx0)",us="_10d2ycx1",hs="_10d2ycx2",Xt=({pathData:e,shouldAnimateTransitions:t,source:r,...a})=>t?(0,n.jsx)(ps,{pathData:e,source:r,...a}):(0,n.jsx)("path",{d:e,...a}),ps=({pathData:e,source:t,...r})=>{const a=l.useSvgPathMorph(e,l.DEFAULT_SPRING_TRANSITION,t);return(0,n.jsx)(Ga.motion.path,{d:a,...r})},ms="var(--n5vlnq0)",gs="data-edit-outline-stroke",ot=e=>({[gs]:"",style:(0,xe.assignInlineVars)({[ms]:`${e}px`})});var Zt=(e,t)=>{if(e.kind==="observations"&&t.kind==="observations"){if(e.layerId!==t.layerId||e.scope!==t.scope)return!1;const r=e.parts[0]?.rows[0];return r!==void 0&&(t.parts[0]?.rows.includes(r)??!1)}return e.kind==="guide"&&t.kind==="guide"?(0,h.areEditTargetsEqual)(e.target,t.target):e.kind==="graph"&&t.kind==="graph"},xs=(e,t)=>{const r=Math.max(e.width,8),a=Math.max(e.height,8),o=Math.max(0,e.x+e.width/2-r/2),i=Math.max(0,e.y+e.height/2-a/2),s=Math.min(t.width,e.x+e.width/2+r/2),c=Math.min(t.height,e.y+e.height/2+a/2);return{x:o,y:i,width:Math.max(0,s-o),height:Math.max(0,c-i)}},vs=[],fs=e=>{const{layers:t,parsingLocale:r}=l.useSceneSelector((0,ee.useShallow)(p=>({layers:p.layers,parsingLocale:p.config.parsingLocale}))),a=l.useEditorState(p=>p.editTargetUnderPointer),o=a?.kind==="observations"?a.observations:null,i=o===null?void 0:(0,h.findLayerById)(t,o.layerId),s=o?.target.scope??null,c=o===null||i===void 0?null:(0,h.readRowScopeKey)(i,o.target.scope,o.observationIndex),d=(0,x.useMemo)(()=>i===void 0||s===null||c===null?null:bs(t,i,s,c),[t,i,s,c]),m=(0,x.useMemo)(()=>d!==null&&e!==null&&Zt(d,e),[d,e]),u=o!==null&&i!==void 0&&Ss(o,i,r)?o.observationIndex:null;return(0,x.useMemo)(()=>{switch(a?.kind){case"observations":{const p=d?.parts[0];if(d===null||p===void 0)return null;const g=u===null?null:{layer:p.layer,rows:[u]};return m?g===null?null:{...d,parts:vs,vertex:g}:{...d,vertex:g}}case"axis":case"legend":case"grid":{const p={kind:"guide",key:(0,h.readEditTargetKey)(a.target),target:a.target};return e!==null&&Zt(p,e)?null:p}default:return null}},[a,d,m,u,e])},bs=(e,t,r,a)=>{const o=[{layer:t,rows:(0,h.readRowsAtScopeKey)(t,r,a)}];for(const i of(0,h.findCompanionLayers)(t,e)){const s=(0,h.readCompanionRowsAtScopeKey)(i,t,r,a);s.length>0&&o.push({layer:i,rows:s})}return{kind:"observations",key:JSON.stringify([t.id,r,a]),layerId:t.id,scope:r,parts:o,vertex:null}},Ss=({observationIndex:e,target:t,isOnObservation:r},a,o)=>r&&t.scope==="series"&&(0,h.buildObservationsTarget)({layer:a,observationIndex:e,scope:"data-point",parsingLocale:o})!==null,ys=({frameElement:e,target:t,coordType:r,legendDisplays:a})=>{const o=e.getBoundingClientRect(),i=[...e.querySelectorAll(Cs(t))],s=c=>{const d=c.getBoundingClientRect();return{x:d.left-o.left,y:d.top-o.top,width:d.width,height:d.height}};switch(t.kind){case"axis":{const c=i.map(s);return r==="polar"||c.length===0?Ye(c):Ye([(0,h.getBoundingRect)(c)])}case"legend":return Ye([...js(i.filter(c=>!Ts(c)))].flatMap(([c,d])=>a[c]==="direct"?d.map(s):[(0,h.getBoundingRect)(d.map(s))]));case"grid":return i.flatMap(c=>{const d=l.readStampedEditTargetInStack([c],e);if(d?.kind!=="grid"||d.target.axis==="both")return[];const{axis:m}=d.target;return t.axis==="both"||m===t.axis?[ws(c,s(c),m)]:[]})}},Cs=e=>{const t=`[${l.EDIT_TARGET_KIND_ATTRIBUTE}="${e.kind}"]`;return e.kind!=="axis"?t:`${t}[${l.EDIT_TARGET_AXIS_ATTRIBUTE}="${e.axis}"]`},js=e=>{const t=new Map;for(const r of e){const a=l.readLegendItemAddress(r);a!==null&&t.set(a.legendIndex,[...t.get(a.legendIndex)??[],r])}return t},Ts=e=>e.closest(l.LEGEND_OVERFLOW_CONTROL_SELECTOR)!==null,Ye=e=>e.map(t=>({kind:"box",rect:t})),ws=(e,{x:t,y:r,width:a,height:o},i)=>e.querySelector("circle")!==null?{kind:"ring",axis:i,center:{x:t+a/2,y:r+o/2},radius:a/2}:a<1||o<1?a<o?{kind:"line",axis:i,from:{x:t+a/2,y:r},to:{x:t+a/2,y:r+o}}:{kind:"line",axis:i,from:{x:t,y:r+o/2},to:{x:t+a,y:r+o/2}}:As(e.querySelector("line"))?{kind:"line",axis:i,from:{x:t,y:r},to:{x:t+a,y:r+o}}:{kind:"line",axis:i,from:{x:t,y:r+o},to:{x:t+a,y:r}},As=e=>{const t=r=>Number(e?.getAttribute(r)??0);return(t("x2")-t("x1"))*(t("y2")-t("y1"))>=0},ks=[],Ps=(e,{frameElement:t,frameSize:r,panelRect:a,shouldAnimateTransitions:o})=>{const i=l.useSceneSelector(b=>b.coordSystem),s=l.useGeomRendererResolver(),c=l.useGeomReaderTree(),d=Is(e.kind==="guide"?e.target:null,{frameElement:t,frameSize:r}),m=Ls(t,r),u=(0,x.useMemo)(()=>({coordSystem:i,panelRect:a,resolveRenderer:s,geomReaders:c}),[i,a,s,c]),p=e.kind==="observations"?e.parts:null,g=e.kind==="observations"?e.vertex:null,f=(0,x.useMemo)(()=>p?.map(b=>Yt(b,u,o))??ks,[p,u,o]),v=(0,x.useMemo)(()=>g===null?null:Yt(g,u,!1),[g,u]);return(0,x.useMemo)(()=>{switch(e.kind){case"observations":return{kind:"observations",parts:f,vertex:v};case"guide":return{kind:"guide",target:e.target,shapes:d};case"graph":return{kind:"graph",frameSize:m}}},[e,f,v,d,m])},Ls=(e,t)=>{const[r,a]=(0,x.useState)(()=>Wt(e,t));return(0,x.useLayoutEffect)(()=>{a(o=>{const i=Wt(e,{width:t.width,height:t.height});return o.width===i.width&&o.height===i.height?o:i})},[e,t.width,t.height]),r},Yt=({layer:e,rows:t},{coordSystem:r,panelRect:a,resolveRenderer:o,geomReaders:i},s)=>{const c={...e,data:e.data.take(t)},d=o(e.geom,r.type);return d?.getEditOutlineShapes===void 0?{kind:"boxes",layer:e,rows:t,boxes:(0,h.measureObservationsBoxes)({layer:c,coordSystem:r,panelSize:a}).map(m=>xs(m,a))}:{kind:"declared",layer:e,rows:t,shapes:d.getEditOutlineShapes({layer:c,sourceLayer:e,coordSystem:r,panelRect:a,styleReaders:i(e),shouldAnimateTransitions:s})}},Is=(e,{frameElement:t,frameSize:r})=>{const a=l.useSceneSelector(u=>u.coordSystem.type),o=l.useSceneSelector((0,ee.useShallow)(u=>u.guides.legends.drawn.map(p=>p.display))),i=l.useSceneSelector(u=>e===null?null:u),[s,c]=(0,x.useState)([]),d=l.useLatestRef(e),m=(0,x.useRef)(!1);return(0,x.useLayoutEffect)(()=>{const u=d.current;if(u===null)return;const p=()=>{const g=ys({frameElement:t,target:u,coordType:a,legendDisplays:o}),f=ir(t);c(g.map(v=>Es(v,1/f)))};if(m.current){const g=requestAnimationFrame(p);return()=>cancelAnimationFrame(g)}m.current=!0,p()},[t,d,a,o,i,r.width,r.height]),s},Es=(e,t)=>{switch(e.kind){case"box":{const{x:r,y:a,width:o,height:i}=e.rect;return{kind:"box",rect:{x:r*t,y:a*t,width:o*t,height:i*t}}}case"line":return{...e,from:{x:e.from.x*t,y:e.from.y*t},to:{x:e.to.x*t,y:e.to.y*t}};case"ring":return{...e,center:{x:e.center.x*t,y:e.center.y*t},radius:e.radius*t}}},Ms=()=>{const e=l.useGraphSelection()[0]??null,{layers:t,parsingLocale:r}=l.useSceneSelector((0,ee.useShallow)(a=>({layers:a.layers,parsingLocale:a.config.parsingLocale})));return(0,x.useMemo)(()=>e===null?null:Rs(e,t,r),[e,t,r])},Rs=(e,t,r)=>{switch(e.kind){case"observations":{const a=Os(e,t,r);return a===null?null:{outlined:a,target:e}}case"legend":case"axis":case"grid":return{outlined:{kind:"guide",key:(0,h.readEditTargetKey)(e),target:e},target:e};case"graph":return{outlined:{kind:"graph",key:"graph"},target:e};default:return null}},Os=(e,t,r)=>{const a=(0,h.findLayerById)(t,e.layerId);if(a===void 0)return null;const o=(0,h.resolveObservationsTarget)({layer:a,target:e,parsingLocale:r});if(o.length===0)return null;const i=[{layer:a,rows:o}];for(const s of(0,h.findCompanionLayers)(a,t)){const c=(0,h.resolveObservationsTarget)({layer:s,host:a,target:e,parsingLocale:r});c.length>0&&i.push({layer:s,rows:c})}return{kind:"observations",key:(0,h.readEditTargetKey)(e),layerId:e.layerId,scope:e.scope,parts:i,vertex:null}},_s=["x","y"],Ns=(0,x.memo)(function({frameElement:t,frameSize:r,panelRect:a,shouldAnimateTransitions:o}){const i=l.useResolvedStyle(h.resolveEditOutlineStyle,l.useStyleReaderTree()),s=Ms(),c=fs(s?.outlined??null);if(s===null&&c===null)return null;const d={frameElement:t,frameSize:r,panelRect:a,shouldAnimateTransitions:o};return(0,n.jsxs)("svg",{className:us,width:r.width,height:r.height,"aria-hidden":!0,"data-testid":"edit-outline",children:[c!==null&&(0,n.jsx)(Jt,{part:"hover",target:c,look:i.hover,...d},c.key),s!==null&&(0,n.jsx)(Jt,{part:"selected",target:s.outlined,editTarget:s.target,look:i.selected,...d},s.outlined.key)]})}),Jt=({part:e,target:t,editTarget:r,look:a,frameSize:o,panelRect:i,frameElement:s,shouldAnimateTransitions:c})=>{const d=(0,x.useId)(),m=`${d}-shapes`,u=`${d}-hole`,p=Ps(t,{frameElement:s,frameSize:o,panelRect:i,shouldAnimateTransitions:c});return cs(r===void 0?null:{target:r,outline:p},{frameElement:s,panelRect:i,look:a}),(0,n.jsxs)("g",{"data-edit-outline":e,"data-testid":`edit-outline-${e}`,children:[(0,n.jsxs)("defs",{children:[(0,n.jsx)("g",{id:m,className:hs,children:(0,n.jsx)(Fs,{outline:p,look:a,panelRect:i})}),(0,n.jsxs)("mask",{id:u,maskUnits:"userSpaceOnUse",x:"-100%",y:"-100%",width:"300%",height:"300%",children:[(0,n.jsx)("rect",{x:"-100%",y:"-100%",width:"300%",height:"300%",fill:"white"}),(0,n.jsx)("use",{href:`#${m}`,style:Qt("black",a.offset)})]})]}),(0,n.jsx)("use",{href:`#${m}`,mask:`url(#${u})`,style:Qt(a.stroke,Fe(a)),"data-testid":`edit-outline-${e}-ring`}),t.kind==="observations"&&(0,n.jsx)(Vs,{target:t,look:a,panelRect:i})]})},Qt=(e,t)=>({fill:e,stroke:e,...(0,xe.assignInlineVars)({[ds]:`${2*t}px`})}),Ds=(e,t,r)=>{const a=r.offset+Fe(r);return l.buildRoundedRectPath(l.growRect({x:0,y:0,...e},-a),Math.max(0,t-a))},Fs=({outline:e,look:t,panelRect:r})=>{const a=l.useStyleReaderTree().graph().get("cornerRadius"),{cornerRadius:o}=t;switch(e.kind){case"observations":return(0,n.jsxs)("g",{transform:`translate(${r.x} ${r.y})`,children:[e.parts.map(i=>(0,n.jsx)(en,{part:i,borderRadius:o},i.layer.id)),e.vertex!==null&&(0,n.jsx)(en,{part:e.vertex,borderRadius:o},`vertex-${e.vertex.rows.join()}`)]});case"guide":return(0,n.jsx)(Hs,{target:e.target,shapes:e.shapes,borderRadius:o});case"graph":return(0,n.jsx)("path",{d:Ds(e.frameSize,a,t)})}},en=(0,x.memo)(function({part:t,borderRadius:r}){return t.kind==="boxes"?(0,n.jsx)(zs,{boxes:t.boxes,borderRadius:r}):(0,n.jsx)(Bs,{shapes:t.shapes,layer:t.layer})}),Bs=({shapes:e,layer:t})=>e.map((r,a)=>{const o=r.kind==="dots"||r.key===void 0?String(a):`${r.kind}:${r.key}`;switch(r.kind){case"region":return r.pathData===""?null:(0,n.jsx)(Xt,{pathData:r.pathData,fillRule:r.fillRule,shouldAnimateTransitions:r.shouldAnimateTransitions??!1,source:t,"data-geom":t.geom},o);case"stroke":return r.pathData===""?null:(0,n.jsx)(Xt,{pathData:r.pathData,shouldAnimateTransitions:r.shouldAnimateTransitions??!1,source:t,"data-geom":t.geom,...ot(r.width)},o);case"dots":return r.centers.length===0?null:(0,n.jsx)("path",{d:l.buildDotsPath(r.centers),"data-geom":t.geom,...ot(r.size)},o)}}),zs=({boxes:e,borderRadius:t})=>{const r=e.map(a=>l.buildRoundedRectPath(a,t)).join("");return r===""?null:(0,n.jsx)("path",{d:r,"data-testid":"edit-outline-boxes"})},Hs=({target:e,shapes:t,borderRadius:r})=>{const a=l.useStyleReaderTree();if(e.kind==="grid")return _s.map(i=>{const s=t.map(c=>Gs(c,i)).join("");return s===""?null:(0,n.jsx)("path",{d:s,...ot(l.readGridLineStyle(a,i).strokeWidth)},i)});const o=t.map(i=>i.kind==="box"?l.buildRoundedRectPath(i.rect,r):"").join("");return o===""?null:(0,n.jsx)("path",{d:o})},Gs=(e,t)=>{if(e.kind==="box"||e.axis!==t)return"";switch(e.kind){case"line":return`M${e.from.x},${e.from.y}L${e.to.x},${e.to.y}`;case"ring":{const{center:r,radius:a}=e,o=`${r.x},${r.y-a}`;return`M${o}A${a},${a} 0 0 1 ${`${r.x},${r.y+a}`}A${a},${a} 0 0 1 ${o}`}}},Vs=({target:e,look:t,panelRect:r})=>{const a=l.useSceneSelector(s=>s.coordSystem),o=e.parts[0];if(e.scope!=="x-value"||o===void 0||o.layer.highlight?.strategy!=="overlay-anchor")return null;const i=$s(o);return i===null?null:(0,n.jsx)("svg",{x:r.x,y:r.y,width:r.width,height:r.height,overflow:"visible",children:(0,n.jsx)("line",{...l.readCrosshairLine(a,i,r),stroke:t.stroke,strokeWidth:t.strokeWidth,strokeDasharray:"4 3",strokeLinecap:"round","data-testid":"edit-outline-band-guide"})})},$s=({layer:e,rows:t})=>{for(const r of t){const a=e.data.getAt(r),o=a===null?null:(0,h.getXBand)(a),i=a===null?null:(0,h.getYBand)(a);if(o!==null&&i!==null)return{x:o,y:i}}return null},Us={pointer:null,focus:null,last:"pointer"},sr=(0,x.createContext)({isHovered:!1,isDismissed:!1,reachedTooltipId:null,reach:()=>{},release:()=>{},dismiss:()=>{}}),it=({className:e,children:t})=>{const[r,a]=(0,x.useState)(!1),[o,i]=(0,x.useState)(!1),[s,c]=(0,x.useState)(Us),d=(0,x.useCallback)((v,b)=>{i(!1),c(S=>({...S,[b]:v,last:b}))},[]),m=(0,x.useCallback)((v,b)=>{c(S=>S[b]===v?{...S,[b]:null}:S)},[]),u=(0,x.useCallback)(()=>i(!0),[]),p=Ws(s),g=(0,x.useMemo)(()=>({isHovered:r,isDismissed:o,reachedTooltipId:p,reach:d,release:m,dismiss:u}),[r,o,p,d,m,u]),f=v=>{v.pointerType!=="touch"&&(a(!0),i(!1))};return(0,n.jsx)("div",{className:e,onPointerEnter:f,onPointerLeave:()=>a(!1),children:(0,n.jsx)(sr.Provider,{value:g,children:t})})},lr=({label:e,isChecked:t=!1,children:r})=>{const{isHovered:a,isDismissed:o,reachedTooltipId:i,reach:s,release:c,dismiss:d}=(0,x.useContext)(sr),m=(0,x.useId)(),[u,p]=(0,x.useState)(!1),g=a?!o&&(i===m||t&&i===null):u;(0,x.useEffect)(()=>()=>{c(m,"pointer"),c(m,"focus")},[m,c]);const f=(v,b)=>{b.reason==="escape-key"&&(d(),b.allowPropagation()),p(v)};return(0,n.jsxs)(q.Tooltip.Root,{open:g,onOpenChange:f,disableHoverablePopup:!0,children:[(0,n.jsx)(q.Tooltip.Trigger,{render:r,"aria-label":e,onPointerEnter:v=>v.pointerType!=="touch"&&s(m,"pointer"),onPointerLeave:()=>c(m,"pointer"),onFocus:()=>s(m,"focus"),onBlur:()=>c(m,"focus")}),(0,n.jsx)(q.Tooltip.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(ft,{children:(0,n.jsx)(q.Tooltip.Positioner,{sideOffset:6,className:yi,children:(0,n.jsx)(q.Tooltip.Popup,{className:rr,children:e})})})})]})},Ws=({pointer:e,focus:t,last:r})=>r==="focus"?t??e:e??t,qs="data-graphy-chart-chrome",Ks="data-graphy-chart-menu",yt={[Ks]:""},Be=e=>({[qs]:e}),ke=(e,t)=>e instanceof Element&&e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`)!==null,cr=e=>e instanceof Element&&e.closest("[data-graphy-chart-menu]")!==null,st=e=>e instanceof Element&&e.closest("[data-graphy-chart-chrome]")!==null,dr=(e,t,r)=>r!==null&&(0,h.isPointWithinEditMenuTrigger)({x:e.clientX-t.x,y:e.clientY-t.y},r),ge=(e,t,r)=>e instanceof Node&&(t.contains(e)||ke(e,r)),Xs="cml7ha0",ur=(0,x.createContext)(null),Zs=({children:e})=>{const{chartId:t}=l.useGraphContext(),[r]=(0,x.useState)(l.resolvePortalContainer),[a,o]=(0,x.useState)(null);return r===null?null:(0,n.jsxs)(n.Fragment,{children:[(0,Rn.createPortal)((0,n.jsx)("div",{ref:o,className:Xs,...Be(t)}),r),(0,n.jsx)(ur.Provider,{value:a,children:e})]})},ze=()=>(0,x.useContext)(ur),Ys="kwvn4c0",Js="kwvn4c1",hr=(e,t)=>({contextElement:e,getBoundingClientRect:()=>{const r=e.getBoundingClientRect(),a=or(e,r.width);return new DOMRect(r.left+t.x*a,r.top+t.y*a,t.width*a,t.height*a)}}),Qs=({side:e,boundary:t,spans:r,anchor:a,isRightToLeft:o})=>{if(!el(e))return 0;const i=r[e];if(e==="left"||e==="right")return tn(i.from-t.y,a.height,t.height);const s=o?t.x+t.width-i.to:i.from-t.x;return tn(s,a.width,t.width)},pr=()=>{const[e,t]=(0,x.useState)(!1);return(0,x.useEffect)(()=>{t(!0)},[]),e},el=e=>l.SIDE_KEYS.some(t=>t===e),tn=(e,t,r)=>r===0?0:e*t/r,tl={x:8,y:8},nl={side:"flip",align:"shift",fallbackAxisSide:"end"},rl=({frameElement:e,boundary:t,spans:r,clearance:a=tl,onEscape:o,children:i})=>{const s=ze(),c=pr(),[d,m]=(0,x.useState)(null),u=(0,x.useRef)(null),p=(0,x.useCallback)(C=>{u.current=C,m(C)},[]),g=(0,x.useRef)(null);(0,x.useLayoutEffect)(()=>()=>{d?.contains(document.activeElement)&&e.focus({preventScroll:!0})},[d,e]);const{x:f,y:v,width:b,height:S}=t,T=(0,x.useMemo)(()=>({box:{x:f,y:v,width:b,height:S},spans:r}),[f,v,b,S,r]),w=(0,x.useMemo)(()=>hr(e,T.box),[e,T]),j=(C,P)=>{C||(P.cancel(),P.reason==="escape-key"&&o())};return(0,n.jsx)(G.Popover.Root,{open:c,modal:!1,onOpenChange:j,children:(0,n.jsx)(G.Popover.Portal,{container:s,children:(0,n.jsx)(ft,{children:(0,n.jsx)(G.Popover.Positioner,{ref:g,anchor:w,side:"right",align:"start",sideOffset:({side:C})=>C==="top"||C==="bottom"?a.y:a.x,alignOffset:({side:C,anchor:P})=>Qs({side:C,boundary:T.box,spans:T.spans,anchor:P,isRightToLeft:al(g.current)}),collisionAvoidance:nl,sticky:!0,className:Ys,...yt,children:(0,n.jsx)(G.Popover.Popup,{ref:p,className:Js,initialFocus:u,finalFocus:!1,"data-testid":"anchored-popover",children:i})})})})})},al=e=>e!==null&&getComputedStyle(e).direction==="rtl",ol=(e,t)=>{const r=(0,h.findLayerById)(t.layers,e);if(r===void 0)return null;const{geom:a,position:o}=sl(r,t.layers)??r;return{geom:a,coord:t.spec.coords.coordType,position:o}},me=(e,t)=>{for(const r of e){const a=t(r);if(a!==void 0)return a}return null},il=({geom:e,coord:t,position:r},a)=>me(a,o=>{const i=nn(o.layers,e)?.[t]?.[r];return i!==void 0?i:nn(o.geoms,e)}),sl=(e,t)=>t.find(r=>r.interactive&&(0,h.isCompanionLayer)(e,[r])),nn=(e,t)=>e!==void 0&&Object.hasOwn(e,t)?e[t]:void 0,ll=e=>{const t=(0,x.useContext)(dl),r=e?.kind==="observations"?e.layerId:null,a=l.useSceneSelector((0,ee.useShallow)(o=>r===null?null:ol(r,o)));if(e===null)return null;switch(e.kind){case"observations":{const o=a===null?null:il(a,t);return o===null?null:(0,n.jsx)(o,{target:e})}case"legend":{const o=me(t,i=>i.legend);return o===null?null:(0,n.jsx)(o,{target:e})}case"axis":{const o=me(t,i=>i.axis);return o===null?null:(0,n.jsx)(o,{target:e})}case"grid":{const o=me(t,i=>i.grid);return o===null?null:(0,n.jsx)(o,{target:e})}case"graph":{const o=me(t,i=>i.graph);return o===null?null:(0,n.jsx)(o,{target:e})}default:return e}},J=()=>null,cl={geoms:{point:J,line:J,area:J,bar:J,rule:J,tile:J},legend:J,axis:J,grid:J,graph:J},dl=(0,x.createContext)([cl]),mr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),gr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),xr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:".8",rx:".533"})]}),vr=(0,x.createContext)(null),fr=({labelId:e,controlId:t,children:r})=>{const a=(0,x.useMemo)(()=>{let o=null;return{labelId:e,controlId:t,claimControlId:i=>(o??=i,o===i)}},[e,t]);return(0,n.jsx)(vr.Provider,{value:a,children:r})},oe=({id:e,ariaLabel:t,ariaLabelledBy:r},a=!0)=>{const o=(0,x.useContext)(vr),i=(0,x.useId)(),[s]=(0,x.useState)(()=>a?o?.claimControlId(i)??!1:!1),c=e??(s?o?.controlId:void 0),d=r??(t===void 0?o?.labelId:void 0);return{...c!==void 0&&{id:c},...t!==void 0&&{"aria-label":t},...d!==void 0&&{"aria-labelledby":d}}},br="keyboard",He=e=>{const t=(0,x.useRef)(!1),r=(0,x.useRef)(!1),a=()=>{t.current=!1,r.current&&(r.current=!1,e?.())};return{commitAfterChange:()=>{if(t.current){r.current=!0;return}e?.()},commitUnlessHeldKey:o=>{if(o){r.current=!0;return}e?.()},gestureHandlers:{onKeyDown:()=>{t.current=!0},onKeyUp:a,onBlur:o=>{o.relatedTarget instanceof Node&&o.currentTarget.contains(o.relatedTarget)||a()}}}},ul="cnu9yl0",hl="cnu9yl1";var Ct=({options:e,value:t,onChange:r,onCommit:a,itemLayout:o="inline",hasEqualWidths:i=!1,isDisabled:s,ariaLabel:c,ariaLabelledBy:d,id:m})=>{const u=oe({id:m,ariaLabel:c,ariaLabelledBy:d}),p=o==="stacked",{commitAfterChange:g,gestureHandlers:f}=He(a);return(0,n.jsx)(Dn.RadioGroup,{className:ul,value:t,onValueChange:v=>{r(v),g()},...f,disabled:s,...u,children:e.map(v=>{const b=pl(v,p),S=(0,n.jsxs)(Nn.Radio.Root,{value:v.value,disabled:v.isDisabled,className:(0,K.default)(hl,p&&"cnu9yl3",i&&"cnu9yl2"),"aria-label":b,children:[v.icon,Sr(v,p)&&(0,n.jsx)("span",{className:"cnu9yl4",children:v.label})]},v.value);return b===void 0?S:(0,n.jsx)(lr,{label:b,isChecked:v.value===t,children:S},v.value)})})},Sr=(e,t)=>e.icon===void 0||t,pl=(e,t)=>{if(!Sr(e,t))return e.label},yr=e=>(0,x.useMemo)(()=>{if(e===null)return{options:[],findValue:()=>{}};const{parsingLocale:t,numberFormat:r}=e.config,a=e.guides.colorGroups.map(o=>{const i=(0,h.createValueFormatter)({valueFormat:o.valueFormat,locale:t,numberFormat:r}),s=o.value instanceof Date?o.value.getTime():o.value;return{value:s,option:{value:String(s),label:o.label??i(o.value)}}});return{options:a.map(({option:o})=>o),findValue:o=>a.find(i=>i.option.value===o)?.value}},[e]),ml=({scene:e,layer:t,observation:r,groupOptions:a,locale:o,t:i})=>{const s=vl(e,t,r,a);return{"data-point":i(gl(e,t)),"x-value":i("editor.overlayMenu.allOf",{name:xl(e,t,r,o)}),series:s===null?i("editor.overlayMenu.all"):i("editor.overlayMenu.allOf",{name:s})}},gl=(e,t)=>{switch(t.geom){case"bar":return e.coordSystem.type==="polar"&&e.coordSystem.bandAxis===null?"editor.overlayMenu.thisSlice":"editor.overlayMenu.thisBar";case"point":return(0,h.readVariableName)(t.mapping.size)===null?"editor.overlayMenu.thisPoint":"editor.overlayMenu.thisBubble";default:return"editor.overlayMenu.thisPoint"}},xl=(e,t,r,a)=>(0,h.createValueFormatter)({valueFormat:(0,h.findAxisGuide)(e.guides,"x")?.valueFormat??{type:"text"},locale:a,numberFormat:e.config.numberFormat})((0,h.createXValueReader)(t.data,t.mapping)(r),r),vl=(e,t,r,a)=>{const o=(0,h.getGroupVariables)(t.data,t.mapping);return o.length===0?fl(e,t):o.map(i=>bl(r[i]??null,a)).join(", ")},fl=(e,t)=>{const r=(0,h.readVariableName)(t.mapping.y),a=r===null?void 0:e.guides.variableLabels[r];return a===void 0||a===""?null:a},bl=(e,t)=>{const r=String(e instanceof Date?e.getTime():e);return t.options.find(a=>a.value===r)?.label??r},Sl={"data-point":mr,"x-value":gr,series:xr},yl=()=>{const{selectionStore:e}=l.useGraphContext(),t=l.useEditorStore(),r=l.useI18n(),a=l.useGraphLocale(),o=l.useSceneSelector(b=>b),i=yr(o),s=l.useEditorState(b=>b.pressedObservation),c=(0,x.useMemo)(()=>Cl({scene:o,pressed:s,groupOptions:i,locale:a,t:r}),[o,s,i,a,r]);if(c===null)return null;const{layer:d,levels:m,names:u}=c,{observationIndex:p,selectedFor:g}=c.pressed,f=m.map(b=>{const S=Sl[b];return{value:b,label:u[b],icon:(0,n.jsx)(S,{})}}),v=b=>{const S=m.find(j=>j===b),{parsingLocale:T}=o.config,w=S===void 0?null:(0,h.buildObservationsTarget)({layer:d,observationIndex:p,scope:S,parsingLocale:T});w!==null&&(t.getState().setPressedObservation({...c.pressed,selectedFor:w}),e.getState().setSelection([w]))};return(0,n.jsx)(Ct,{value:g.scope,options:f,onChange:v,ariaLabel:r("editor.overlayMenu.selection")})},Cl=({scene:e,pressed:t,groupOptions:r,locale:a,t:o})=>{const i=t===null?null:l.findPressedObservation(t,e.layers,e.config.parsingLocale);if(t===null||i===null)return null;const{layer:s,observation:c}=i,d=(0,h.readReachableLevels)({layer:s,observationIndex:t.observationIndex,parsingLocale:e.config.parsingLocale,scales:e.scales});return d.length<2||!d.includes(t.selectedFor.scope)?null:{pressed:t,layer:s,levels:d,names:ml({scene:e,layer:s,observation:c,groupOptions:r,locale:a,t:o})}},jl="_1xgvyvc0",Tl="_1xgvyvc1",wl=(e,t)=>{switch(e.kind){case"observations":return Al(e.scope,t);case"legend":case"axis":case"grid":return kl(e.kind,t);case"graph":return t("editor.overlayMenu.chart");default:return e}},Al=(e,t)=>{switch(e){case"data-point":return t("editor.overlayMenu.observation");case"series":return t("editor.overlayMenu.group");case"x-value":return t("editor.overlayMenu.band");default:return e}},kl=(e,t)=>{switch(e){case"axis":return t("editor.overlayMenu.axis");case"legend":return t("editor.overlayMenu.legend");case"grid":return t("editor.overlayMenu.gridLines");default:return e}},Pl=({frameElement:e})=>{const t=l.useI18n(),{selectionStore:r}=l.useGraphContext(),a=l.useEditorState(s=>s.selectedOutline),o=ll(a?.target??null);if(a===null||o===null)return null;const i=()=>{r.getState().clearSelection()};return(0,n.jsxs)(rl,{frameElement:e,boundary:a.frame,spans:a.frameSpans,onEscape:i,children:[(0,n.jsxs)(it,{className:jl,children:[(0,n.jsx)(G.Popover.Title,{className:Tl,"data-testid":"overlay-menu-title",children:wl(a.target,t)}),a.target.kind==="observations"&&(0,n.jsx)(yl,{})]}),(0,n.jsx)(x.Fragment,{children:o},(0,h.readEditTargetKey)(a.target))]})},Ll=({frameRect:e})=>{const{targetBoundaryStore:t}=l.useGraphContext(),r=l.useEditorState(s=>s.selectedOutline),{left:a,top:o}=e,i=(0,x.useMemo)(()=>{if(r===null)return null;const{frame:s,frameSpans:c,frameScale:d}=r;return{frame:s,client:{x:a+s.x*d,y:o+s.y*d,width:s.width*d,height:s.height*d},frameSpans:c,clientSpans:{top:Ce(c.top,a,d),right:Ce(c.right,o,d),bottom:Ce(c.bottom,a,d),left:Ce(c.left,o,d)}}},[r,a,o]);return(0,x.useLayoutEffect)(()=>{t.getState().setBoundary(i)},[t,i]),(0,x.useLayoutEffect)(()=>()=>t.getState().setBoundary(null),[t]),null},Ce=(e,t,r)=>({from:t+e.from*r,to:t+e.to*r}),Cr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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 jr="efjmb40",Tr="efjmb41",ie="efjmb42",se="efjmb43",Il="efjmb44",El="efjmb45",Ml=new Set(["item-press","escape-key","outside-press","close-press","sibling-open","trigger-press"]),jt=({label:e,icon:t,onOpened:r,children:a})=>{const o=ze(),[i,s]=(0,x.useState)(!1),c=(d,m)=>{d?(s(!0),r?.()):Ml.has(m.reason)&&s(!1)};return(0,n.jsxs)(re.Menu.SubmenuRoot,{open:i,onOpenChange:c,children:[(0,n.jsx)(Rl,{label:e,icon:t}),(0,n.jsx)(re.Menu.Portal,{container:o,children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(re.Menu.Positioner,{side:"right",align:"start",sideOffset:4,className:jr,...yt,children:(0,n.jsx)(re.Menu.Popup,{className:Tr,children:a})})})})]})},Rl=({label:e,icon:t})=>(0,n.jsxs)(re.Menu.SubmenuTrigger,{className:ie,openOnHover:!1,children:[t,(0,n.jsx)("span",{className:se,children:e}),(0,n.jsx)("span",{className:El,children:(0,n.jsx)(ve,{size:"sm"})})]}),Ol="_1qe7q450",_l="_1qe7q451",Nl="_1qe7q452",Dl=({label:e,placeholder:t,addLabel:r,at:a,onRequestClose:o})=>{const i=(0,x.useRef)(null),[s,c]=(0,x.useState)(""),{dispatch:d}=l.useGraphCommands(),m=s.trim(),u=()=>{m.length!==0&&(d(new h.AddAnnotationCommand({kind:"comment",annotation:{at:a,content:Fl(m)}})),o())},p=v=>{v.key==="Enter"&&(v.preventDefault(),u()),v.key!=="Escape"&&v.stopPropagation()},g=v=>{c(v.target.value)},f=()=>{requestAnimationFrame(()=>i.current?.focus())};return(0,n.jsx)(jt,{label:e,icon:(0,n.jsx)(Cr,{}),onOpened:f,children:(0,n.jsxs)("div",{className:Ol,children:[(0,n.jsx)("input",{ref:i,className:_l,value:s,placeholder:t,onChange:g,onKeyDown:p}),(0,n.jsx)("button",{type:"button",className:Nl,disabled:m.length===0,onClick:u,children:r})]})})},Fl=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),Bl=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 15 14",...e,children:(0,n.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"})}),zl="relative-difference",Hl=({label:e,layer:t,at:r,onRequestClose:a})=>{const{dispatch:o}=l.useGraphCommands(),i=l.useSceneSelector(d=>d.coordSystem),s=(0,x.useMemo)(()=>(0,h.inferDifferenceArrowEndpoints)({layer:t,at:r,coordSystem:i}),[t,r,i]);if(s===null)return null;const c=()=>{o(new h.AddAnnotationCommand({kind:"differenceArrow",annotation:{...h.DIFFERENCE_ARROW_DEFAULTS,...s,label:zl}})),a()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:c,children:[(0,n.jsx)(Bl,{}),(0,n.jsx)("span",{className:se,children:e})]})};function Gl(e,t){if(e.type==="polar"&&!Vl(t))return[{scope:"series",labelKey:"pieSlice"}];const r=(0,h.hasMultipleGroups)(t.data,t.mapping);switch(t.geom){case"bar":{const a=[{scope:"data-point",labelKey:"bar"}];if(r){const o=t.position==="stack"||t.position==="fill";a.push({scope:"x-value",labelKey:o?"barStack":"barGroup"}),a.push({scope:"series",labelKey:"barSeries"})}return a}case"line":case"area":{const a=[{scope:"data-point",labelKey:"linePoint"}];return r&&a.push({scope:"series",labelKey:"lineSeries"}),a}case"point":{const a=[{scope:"data-point",labelKey:"scatterPoint"}];return r&&a.push({scope:"series",labelKey:"scatterSeries"}),a}default:return[]}}var Vl=e=>{const t=(0,h.readVariableName)(e.mapping.x);return t!==null&&t!==h.CONSTANT_VARIABLES.x},$l=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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"})]}),Ul=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.jsx)("rect",{width:"9.795",height:"6",x:"3",y:"2",fill:"currentColor",fillOpacity:"0.3",rx:"1.513"}),(0,n.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"})]}),Wl=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.jsx)("circle",{cx:"1.493",cy:"11.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"5.993",cy:"6.493",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"9.993",cy:"9.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"13.993",cy:"4.493",r:".993",fill:"currentColor",fillOpacity:"0.8"})]}),ql=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),Kl=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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,n.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,n.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,n.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,n.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)"})]}),Xl=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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,n.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,n.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,n.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,n.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)"})]}),Zl={bar:mr,barGroup:gr,barStack:$l,barSeries:xr,linePoint:Ul,lineSeries:Wl,scatterPoint:Kl,scatterSeries:Xl,pieSlice:ql},wr=({labelKey:e})=>{const t=Zl[e];return(0,n.jsx)(t,{})},Ar=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("path",{opacity:"0.12",d:"M15 4.66667L12.3333 2L2.33334 12L5.00001 14.6667L15 4.66667Z",fill:"currentColor",fillOpacity:"0.8"}),(0,n.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"})]}),Yl=({label:e,options:t,onSelect:r})=>{const a=l.useI18n();return(0,n.jsx)(jt,{label:e,icon:(0,n.jsx)(Ar,{}),children:t.map(o=>(0,n.jsxs)(re.Menu.Item,{className:ie,onClick:()=>r(o.scope),children:[(0,n.jsx)(wr,{labelKey:o.labelKey}),(0,n.jsx)("span",{className:se,children:a(`graph.annotations.highlights.labels.${o.labelKey}`)})]},o.scope))})},Jl=({label:e,layer:t,observation:r,highlights:a,onRequestClose:o})=>{const i=l.useI18n(),{dispatch:s}=l.useGraphCommands(),c=l.useSceneSelector(f=>f.coordSystem),d=(0,x.useMemo)(()=>(0,h.buildObservationPredicate)(t,r),[t,r]),m=(0,x.useMemo)(()=>Gl(c,t),[c,t]),u=(0,x.useMemo)(()=>{const f=new Set(a.map(v=>v.scope));return m.filter(v=>!f.has(v.scope))},[m,a]),[p]=u;if(d===null||p===void 0)return null;const g=f=>{s(new h.AddHighlightCommand({predicate:d,scope:f,layerId:t.id})),o()};if(u.length===1){const f=m.length===1?e:i("graph.annotations.baseMenu.highlightWithLabel",{label:i(`graph.annotations.highlights.labels.${p.labelKey}`)});return(0,n.jsxs)(re.Menu.Item,{className:ie,onClick:()=>g(p.scope),children:[(0,n.jsx)(wr,{labelKey:p.labelKey}),(0,n.jsx)("span",{className:se,children:f})]})}return(0,n.jsx)(Yl,{label:e,options:u,onSelect:g})},Ql="_1aafi1g0",ec="_1aafi1g1",kr=({children:e})=>(0,n.jsxs)("span",{className:Ql,"aria-hidden":"true",children:[e,(0,n.jsx)("span",{className:ec})]}),tc=({label:e,highlights:t,onRequestClose:r})=>{const{dispatch:a}=l.useGraphCommands(),o=t.at(-1);if(o===void 0)return null;const i=()=>{a(new h.RemoveHighlightCommand({id:o.id})),r()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:i,children:[(0,n.jsx)(kr,{children:(0,n.jsx)(Ar,{})}),(0,n.jsx)("span",{className:se,children:e})]})},nc=(e,t)=>{const r=l.useSceneSelector(o=>o.spec.highlights),a=l.useSceneSelector(o=>o.config.parsingLocale);return(0,x.useMemo)(()=>(0,h.findHighlightsAtObservation)({layer:e,highlights:r,observation:t,parsingLocale:a}),[e,r,t,a])},Pr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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"})]}),rc=({label:e,at:t,onRequestClose:r})=>{const{dispatch:a}=l.useGraphCommands(),o=()=>{a(new h.AddAnnotationCommand({kind:"pinnedNumber",annotation:{at:t}})),r()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:o,children:[(0,n.jsx)(Pr,{}),(0,n.jsx)("span",{className:se,children:e})]})},Lr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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,n.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,n.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"})]}),Ir={pinnedNumber:{icon:Pr,labelKey:"graph.annotations.baseMenu.unpinNumber"},comment:{icon:Cr,labelKey:"graph.annotations.baseMenu.removeAnnotation"},sticker:{icon:Lr,labelKey:"graph.annotations.baseMenu.removeSticker"},image:null},ac=e=>(0,h.isObservationAttachmentKind)(e.kind)&&Ir[e.kind]!==null,oc=({attachment:e,onRequestClose:t})=>{const r=l.useI18n(),{dispatch:a}=l.useGraphCommands(),{icon:o,labelKey:i}=Ir[e.kind],s=()=>{a(new h.RemoveAnnotationCommand({id:e.annotation.id})),t()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:s,children:[(0,n.jsx)(kr,{children:(0,n.jsx)(o,{})}),(0,n.jsx)("span",{className:se,children:r(i)})]})},ic="ceeojg0",sc="ceeojg1",lc="ceeojg2",cc=({label:e,at:t,onRequestClose:r})=>{const{dispatch:a}=l.useGraphCommands(),o=i=>{a(new h.AddAnnotationCommand({kind:"sticker",annotation:{at:{anchorType:"observation",...t},sticker:i}})),r()};return(0,n.jsx)(jt,{label:e,icon:(0,n.jsx)(Lr,{}),children:(0,n.jsx)("div",{className:ic,children:Object.entries(l.STICKER_ASSETS).map(([i,s])=>(0,n.jsx)(re.Menu.Item,{className:sc,"aria-label":i,onClick:()=>o(i),children:(0,n.jsx)("img",{className:lc,src:s.src,alt:i})},i))})})},dc=({interaction:e,frameElement:t,panelRect:r})=>{const a=l.useEditorStore(),o=l.useEditorState(d=>d.menuTrigger);if(e.kind!=="menu"||o===null)return null;const i=()=>{a.getState().releaseInteraction("menu")},{center:s,radius:c}=o;return(0,n.jsx)(uc,{frameElement:t,trigger:{x:r.x+s.x-c,y:r.y+s.y-c,width:c*2,height:c*2},layer:e.anchor.layer,at:e.anchor.at,observation:e.anchor.observation,onClose:i})},uc=({frameElement:e,trigger:t,layer:r,at:a,observation:o,onClose:i})=>{const s=l.useI18n(),c=ze(),d=l.useSceneSelector(C=>C.spec.annotations),m=l.useSceneSelector(C=>C.config.parsingLocale),u=pr(),{x:p,y:g,width:f,height:v}=t,b=(0,x.useMemo)(()=>hr(e,{x:p,y:g,width:f,height:v}),[e,p,g,f,v]),S=(0,h.findObservationAttachment)(d,a,(0,x.useMemo)(()=>(0,h.createObservationAnchorParser)(r,m),[r,m])),T=S!==null&&ac(S)?S:null,w=nc(r,o),j=(C,P)=>{!C&&hc(P.reason)&&i()};return(0,n.jsx)(N.Menu.Root,{open:u,modal:!1,onOpenChange:j,children:(0,n.jsx)(N.Menu.Portal,{container:c,children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{anchor:b,side:"right",align:"start",sideOffset:8,className:jr,...yt,children:(0,n.jsxs)(N.Menu.Popup,{className:Tr,"data-testid":"observation-menu",children:[T!==null&&(0,n.jsx)(oc,{attachment:T,onRequestClose:i}),(0,n.jsx)(tc,{label:s("graph.annotations.baseMenu.removeHighlight"),highlights:w,onRequestClose:i}),(0,n.jsx)(N.Menu.Separator,{className:Il}),T===null&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(rc,{label:s("graph.annotations.baseMenu.pinNumber"),at:a,onRequestClose:i}),(0,n.jsx)(Dl,{label:s("graph.annotations.baseMenu.annotate"),placeholder:s("graph.annotations.textMenu.placeholder"),addLabel:s("graph.annotations.textMenu.addButton"),at:a,onRequestClose:i}),(0,n.jsx)(cc,{label:s("graph.annotations.baseMenu.addSticker"),at:a,onRequestClose:i})]}),r.highlight!==null&&(0,n.jsx)(Jl,{label:s("graph.annotations.baseMenu.highlight"),layer:r,observation:o,highlights:w,onRequestClose:i}),(0,n.jsx)(Hl,{label:s("graph.annotations.baseMenu.differenceArrow"),layer:r,at:a,onRequestClose:i})]})})})})})},hc=e=>e==="outside-press"||e==="escape-key"||e==="item-press",Tt="l8tsqe0",Er=["start","end"],Mr=({anchor:e,point:t,delta:r})=>{const a={x:rn(t.x,r.x),y:rn(1-t.y,r.y)};return{anchor:{...e,x:e.x+a.x,y:e.y+a.y},point:{x:t.x+a.x,y:t.y-a.y}}},wt=(e,t)=>({...e,[t.endpoint]:{...e[t.endpoint],...t.point}}),Rr=(e,t)=>e.x===t.x&&e.y===t.y,pc=(e,t)=>{const r=(0,h.projectAnchorToPanel)(e,t);return{x:t.x+r.x,y:t.y+r.y}},mc=(e,t,r)=>{const a=(0,h.projectAnchorToPanel)(e,r),o=(0,h.projectAnchorToPanel)(t,r);return{x:Math.min(a.x,o.x),y:Math.min(a.y,o.y),width:Math.abs(o.x-a.x),height:Math.abs(o.y-a.y)}},rn=(e,t)=>!Number.isFinite(t)||!Number.isFinite(e)?0:(0,ae.default)(t,Math.min(-e,0),Math.max(1-e,0)),gc=({panelRect:e})=>{const t=l.useEditorState(c=>l.readStanding(c,"arrow-endpoint-drag")),r=l.useResolvedAnnotations(e).arrows,a=l.useStyleReaderTree();if(t===null)return null;const o=r.find(c=>c.id===t.annotationId);if(o===void 0)return null;const i=(0,h.resolveArrowAnnotationStyle)(a,o.id),s=(0,h.computeArrow)({arrow:wt(o,t),style:i,panelWidth:e.width,panelHeight:e.height});return s===null?null:(0,n.jsx)("svg",{"aria-hidden":"true",className:Tt,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"arrow-endpoint-preview","data-annotation-id":t.annotationId,children:(0,n.jsx)(l.ArrowAnnotation,{computed:s,style:i,isAddressable:!1})})},fe=()=>{const e=l.useGraphSelection();return lt(e)},lt=e=>{if(e.length!==1)return null;const[t]=e;return t?.kind==="annotation"?t.id:null},xc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"m12 19-7-7 7-7"}),(0,n.jsx)("path",{d:"M19 12H5"})]})}),Or=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M5 12h14"}),(0,n.jsx)("path",{d:"m12 5 7 7-7 7"})]})}),vc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M7 17 17 7"}),(0,n.jsx)("path",{d:"M7 7h10v10"})]})}),_r=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("rect",{x:"3",y:"5",width:"18",height:"1.5",rx:"0.75"}),(0,n.jsx)("rect",{x:"3",y:"10",width:"18",height:"3",rx:"1.5"}),(0,n.jsx)("rect",{x:"3",y:"16.5",width:"18",height:"4.5",rx:"2.25"})]})}),Ge=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M4 7h16"}),(0,n.jsx)("path",{d:"M10 11v6M14 11v6"}),(0,n.jsx)("path",{d:"M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12"}),(0,n.jsx)("path",{d:"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})}),fc="var(--pvjfpx0)",bc="var(--pvjfpx1)",Sc="pvjfpx2",yc="pvjfpx3",Cc="pvjfpx4",jc="pvjfpx6 pvjfpx5",Tc="pvjfpx7 pvjfpx6 pvjfpx5",wc="pvjfpx8 pvjfpx5",he=8,Ac=({anchorBox:e,panelRect:t,frameWidth:r,frameHeight:a})=>{const o=t.y+e.y,i=o+e.height,s=o-8-36,c=i+8,d=(0,ae.default)(s>=he?s:c,he,a-he-36),m=he;return{top:d,left:m,available:Math.max(0,r-he*2),centre:t.x+e.x+e.width/2-m}},kc=({anchorBox:e,panelRect:t,frameWidth:r,frameHeight:a,label:o,testId:i,children:s})=>{const{chartId:c}=l.useGraphContext(),d=Ac({anchorBox:e,panelRect:t,frameWidth:r,frameHeight:a});return(0,n.jsx)("div",{className:Sc,style:{top:d.top,left:d.left,width:d.available},children:(0,n.jsx)(H.Root,{"aria-label":o,className:yc,"data-testid":i,...Be(c),style:(0,xe.assignInlineVars)({[fc]:`${d.centre}px`,[bc]:`${d.available}px`}),children:s})})},Pc=({label:e,trigger:t,isOpen:r,onOpenChange:a,isDisabled:o=!1,children:i})=>{const{chartId:s}=l.useGraphContext();return(0,n.jsxs)(N.Menu.Root,{open:r,modal:!1,onOpenChange:a,children:[(0,n.jsxs)(N.Menu.Trigger,{render:(0,n.jsx)(H.Button,{}),"aria-label":e,className:wc,disabled:o,onMouseDown:c=>c.preventDefault(),children:[t,(0,n.jsx)(ve,{size:"sm"})]}),(0,n.jsx)(H.MenuPopup,{popupAttributes:Be(s),children:i})]})},Lc=e=>{const{chartId:t}=l.useGraphContext();return(0,n.jsx)(H.ColorPicker,{...e,popupAttributes:Be(t)})},Ic=({color:e,opacity:t})=>(0,n.jsx)("span",{className:Cc,style:{background:e,opacity:t}}),Ec=({label:e,onClick:t,children:r})=>(0,n.jsx)(H.Button,{"aria-label":e,className:jc,onClick:t,children:r}),Mc=({label:e,isPressed:t,onClick:r,children:a})=>(0,n.jsx)(H.Button,{"aria-label":e,"aria-pressed":t,className:Tc,onClick:r,children:a}),O={Root:kc,Dropdown:Pc,MenuItem:H.MenuItem,ColorPicker:Lc,Swatch:Ic,IconButton:Ec,ToggleButton:Mc,Button:H.Button,Separator:H.Separator},Rc={kind:"chrome-popup"},Ve=()=>{const{commands:e}=l.useGraphContext(),t=l.useEditorStore(),[r,a]=(0,x.useState)(null);(0,x.useEffect)(()=>()=>e.commit(),[e]),(0,x.useEffect)(()=>{const{claimInteraction:i,releaseInteraction:s}=t.getState();return r===null?s("chrome-popup"):i(Rc),()=>s("chrome-popup")},[t,r]);const o=()=>{a(null),e.commit()};return{bind:i=>({isOpen:r===i,onOpenChange:s=>s?a(i):o()}),close:o}},Oc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,n.jsx)("path",{d:"M5 19 8 16"}),(0,n.jsx)("path",{d:"M10.5 13.5 13.5 10.5"}),(0,n.jsx)("path",{d:"M16 8 19 5"})]})}),_c=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,n.jsx)("path",{d:"M5 19h0"}),(0,n.jsx)("path",{d:"M8.5 15.5h0"}),(0,n.jsx)("path",{d:"M12 12h0"}),(0,n.jsx)("path",{d:"M15.5 8.5h0"}),(0,n.jsx)("path",{d:"M19 5h0"})]})}),Nc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("path",{d:"M5 19 19 5",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"})}),Dc=[{value:h.ARROW_STROKE_WIDTHS_PX.thin,key:"graph.annotations.arrowToolbar.thickness.thin"},{value:h.ARROW_STROKE_WIDTHS_PX.medium,key:"graph.annotations.arrowToolbar.thickness.medium"},{value:h.ARROW_STROKE_WIDTHS_PX.thick,key:"graph.annotations.arrowToolbar.thickness.thick"}],an=[{value:"line-arrow",key:"graph.annotations.arrowToolbar.arrowhead.lineArrow",Icon:Or},{value:"none",key:"graph.annotations.arrowToolbar.arrowhead.none",Icon:l.MinusIcon}],on=[{value:"solid",key:"graph.annotations.arrowToolbar.lineStyle.solid",Icon:Nc},{value:"dashed",key:"graph.annotations.arrowToolbar.lineStyle.dashed",Icon:Oc},{value:"dotted",key:"graph.annotations.arrowToolbar.lineStyle.dotted",Icon:_c}],Fc=(e,t)=>e.find(r=>r.value===t)??e[0];var Bc=({arrow:e,arrowBox:t,panelRect:r,frameWidth:a,frameHeight:o,frameElement:i})=>{const s=l.useI18n(),{commands:c}=l.useGraphContext(),d=l.useSceneSelector(E=>E.spec.styles.overrides),m=l.useSceneSelector(E=>(0,h.readStyleCoord)(E.spec)),u=Ve(),p=(0,h.resolveArrowAnnotationStyle)(l.useStyleReaderTree(),e.id),g=Fc(on,(0,h.toDashPreset)(p.dashArray)),f=p.outline.strokeWidth>0||p.outline.shadow!=="none",v=(0,x.useMemo)(()=>({target:"annotation",kind:"arrow",annotation:e.id}),[e.id]),b=(0,x.useMemo)(()=>({...v,part:"outline"}),[v]),S=(E,y)=>{const D=(0,h.findStyleRule)(d,{select:v},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:v,declarations:{...D,...E}}}),y)},T=E=>{const y=(0,h.findStyleRule)(d,{select:b},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:b,declarations:{...y,...E}}}))},w=E=>{S(E),u.close()},j=E=>{c.dispatch(new h.UpdateAnnotationCommand({kind:"arrow",id:e.id,patch:E})),u.close()},C=()=>{c.dispatch(new h.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},P=E=>S({stroke:E},{transient:!0}),k=E=>w({strokeWidth:E}),M=E=>j({startArrowheadStyle:E}),_=E=>w({dashArray:h.DASH_PRESETS.arrow[E]}),R=E=>j({endArrowheadStyle:E}),I=()=>T(f?{strokeWidth:0,shadow:"none"}:h.ARROW_STICKER_DECLARATIONS);return(0,n.jsxs)(O.Root,{anchorBox:t,panelRect:r,frameWidth:a,frameHeight:o,label:s("graph.annotations.arrowToolbar.label"),testId:"arrow-toolbar",children:[(0,n.jsx)(O.ColorPicker,{color:p.stroke,label:s("graph.annotations.arrowToolbar.color"),onChange:P,...u.bind("color"),children:(0,n.jsx)(O.Swatch,{color:p.stroke})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.thickness.ariaLabel"),trigger:(0,n.jsx)(_r,{size:"sm",title:""}),...u.bind("thickness"),children:(0,n.jsx)(je,{options:Dc,current:p.strokeWidth,onPick:k})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.startArrowhead"),trigger:(0,n.jsx)(xc,{size:"sm",title:""}),...u.bind("startArrowhead"),children:(0,n.jsx)(je,{options:an,current:e.startArrowheadStyle,onPick:M})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.lineStyle.ariaLabel"),trigger:g?.Icon!==void 0&&(0,n.jsx)(g.Icon,{size:"sm",title:""}),...u.bind("lineStyle"),children:(0,n.jsx)(je,{options:on,current:(0,h.toDashPreset)(p.dashArray),onPick:_})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.endArrowhead"),trigger:(0,n.jsx)(Or,{size:"sm",title:""}),...u.bind("endArrowhead"),children:(0,n.jsx)(je,{options:an,current:e.endArrowheadStyle,onPick:R})}),(0,n.jsx)(O.ToggleButton,{label:s("graph.annotations.arrowToolbar.sticker"),isPressed:f,onClick:I,children:(0,n.jsx)(vc,{size:"sm",title:""})}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:s("graph.annotations.arrowToolbar.remove"),onClick:C,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},je=({options:e,current:t,onPick:r})=>{const a=l.useI18n(),o=i=>()=>r(i);return(0,n.jsx)(n.Fragment,{children:e.map(i=>(0,n.jsxs)(O.MenuItem,{isSelected:i.value===t,onClick:o(i.value),children:[(0,n.jsx)("span",{children:a(i.key)}),i.Icon!==void 0&&(0,n.jsx)("span",{className:"_112xh5c0",children:(0,n.jsx)(i.Icon,{size:"sm",title:""})})]},String(i.value)))})},zc="_1me29t10",X=(e,t)=>t>0?e/t:0,$e=(e,t,r)=>({x:X(t.x-e.x,r.width),y:X(t.y-e.y,r.height)}),Hc=e=>e.x!==0||e.y!==0,Nr=(e,t)=>({x:e.x*t.width,y:e.y*t.height});var Gc=(e,t)=>Math.hypot(t.x-e.x,t.y-e.y)>=3,be=class{constructor(e){this.params=e,this.listeners=new AbortController,this.pendingEvent=null,this.scheduledFrame=null,this.hasMoved=!1,this.hasPublished=!1,this.handleMove=t=>{t.pointerId===this.params.pointerId&&(this.pendingEvent=t,this.hasMoved=!0,this.scheduledFrame===null&&(this.scheduledFrame=requestAnimationFrame(this.runFrame)))},this.handleUp=t=>{t.pointerId===this.params.pointerId&&(this.pendingEvent=t,this.finish(!0))},this.handleLost=t=>{t.pointerId===this.params.pointerId&&this.finish(!1)},this.runFrame=()=>{this.scheduledFrame=null;const t=this.pendingEvent;if(this.pendingEvent=null,t===null)return;const r=this.params.editorStore.getState();if(this.hasPublished&&this.readOwn(r)===null)return;const a={x:t.clientX,y:t.clientY};if(!this.hasPublished&&!this.isDragConfirmed(this.params.press,a))return;const o=this.resolvePreview(a);o!==null&&(r.claimInteraction(o),this.hasPublished=!0)}}start(){const{handle:e}=this.params,{signal:t}=this.listeners;e.addEventListener("pointermove",this.handleMove,{signal:t}),e.addEventListener("pointerup",this.handleUp,{signal:t}),e.addEventListener("lostpointercapture",this.handleLost,{signal:t})}finish(e){this.params.onSettled(),this.listeners.abort(),this.cancelFrame();try{e&&this.hasMoved&&this.runFrame()}finally{this.settle(e)}}isDragConfirmed(e,t){return Gc(e,t)}settle(e){this.pendingEvent=null;const t=this.params.editorStore.getState(),r=this.readOwn(t);r!==null&&t.releaseInteraction(this.kind),!(!e||r===null)&&this.commit(r)}cancelFrame(){this.scheduledFrame!==null&&(cancelAnimationFrame(this.scheduledFrame),this.scheduledFrame=null)}},Ee=(e,t,r)=>{const a=e.arrows.find(i=>i.id===t);if(a===void 0)return null;const o=a[r];return o.anchorType==="panel"?o:null},Dr=(e,t)=>e==="start"?{start:t}:{end:t},Vc=class extends be{constructor(...e){super(...e),this.kind="arrow-endpoint-drag"}readOwn(e){const{annotationId:t,endpoint:r}=this.params;return l.readDraggedArrowEndpointFor(l.readStanding(e,"arrow-endpoint-drag"),t,r)}resolvePreview(e){const{annotationId:t,endpoint:r,press:a,readInputs:o}=this.params,{annotations:i,arrow:s,panelRect:c}=o(),d=Ee(i,t,r);return d===null?null:{kind:"arrow-endpoint-drag",annotationId:t,endpoint:r,...Mr({anchor:d,point:s[r],delta:$e(a,e,c)})}}commit({anchor:e}){const{annotationId:t,endpoint:r,dispatch:a,readInputs:o}=this.params,i=Ee(o().annotations,t,r);i===null||Rr(i,e)||a(new h.UpdateAnnotationCommand({kind:"arrow",id:t,patch:Dr(r,e)}))}},$c=({annotationId:e,arrow:t,panelRect:r})=>{const{commands:a}=l.useGraphContext(),o=l.useEditorStore(),i=l.useLatestRef({annotations:l.useSceneSelector(c=>c.spec.annotations),arrow:t,panelRect:r}),s=(0,x.useRef)(null);return(0,x.useEffect)(()=>()=>s.current?.finish(!1),[]),(0,x.useCallback)(c=>({onPointerDown:d=>{if(d.button===0&&s.current===null){try{d.currentTarget.setPointerCapture(d.pointerId)}catch{return}d.currentTarget.focus({preventScroll:!0}),d.preventDefault(),s.current=new Vc({handle:d.currentTarget,pointerId:d.pointerId,annotationId:e,endpoint:c,press:{x:d.clientX,y:d.clientY},readInputs:()=>i.current,editorStore:o,dispatch:a.dispatch,onSettled:()=>{s.current=null}}),s.current.start()}}}),[e,i,o,a])},Uc=[" ","Enter"],sn=4,Wc=({annotationId:e,arrow:t,panelRect:r})=>{const{commands:a}=l.useGraphContext(),o=l.useEditorStore(),i=l.useSceneSelector(d=>d.spec.annotations),s=l.useLatestRef(i),c=l.useLatestRef(a.dispatch);return(0,x.useEffect)(()=>()=>{for(const d of Er)ln({editorStore:o,annotationId:e,endpoint:d,annotations:s.current,dispatch:c.current})},[o,e,s,c]),(0,x.useCallback)(d=>({onKeyDown:m=>{if(m.altKey||m.ctrlKey||m.metaKey||m.shiftKey)return;const u=o.getState(),p=l.readDraggedArrowEndpointFor(l.readStanding(u,"arrow-endpoint-drag"),e,d);if(Uc.includes(m.key)){if(m.preventDefault(),m.repeat)return;if(p!==null){ln({editorStore:o,annotationId:e,endpoint:d,annotations:i,dispatch:a.dispatch});return}const f=Ee(i,e,d);if(f===null)return;u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,anchor:f,point:t[d]});return}if(p===null)return;const g=qc(m.key,r);g!==null&&(m.preventDefault(),u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,...Mr({anchor:p.anchor,point:p.point,delta:g})}))}}),[e,i,t,r,o,a])},ln=({editorStore:e,annotationId:t,endpoint:r,annotations:a,dispatch:o})=>{const i=e.getState(),s=l.readDraggedArrowEndpointFor(l.readStanding(i,"arrow-endpoint-drag"),t,r);if(s===null)return;i.releaseInteraction("arrow-endpoint-drag");const c=Ee(a,t,r);c===null||Rr(c,s.anchor)||o(new h.UpdateAnnotationCommand({kind:"arrow",id:t,patch:Dr(r,s.anchor)}))},qc=(e,t)=>{const r=X(sn,t.width),a=X(sn,t.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-a};case"ArrowDown":return{x:0,y:a};default:return null}},Kc=e=>{const t=fe(),r=Yc(t),a=Jc(e.panelRect,t),o=Qc(t);if(r===null||a===null)return null;const i=o.dragged===null?a:wt(a,o.dragged);return(0,n.jsx)(Xc,{arrow:r,committed:a,painted:i,isSettled:o.dragged===null&&!o.isMoved,isMoved:o.isMoved,...e})},Xc=({arrow:e,committed:t,painted:r,isSettled:a,isMoved:o,panelRect:i,frameRect:s,frameElement:c})=>{const d=l.useI18n(),m=$c({annotationId:e.id,arrow:t,panelRect:i}),u=Wc({annotationId:e.id,arrow:t,panelRect:i});return(0,n.jsxs)("div",{"data-testid":"arrow-selection","data-annotation-id":e.id,children:[a&&(0,n.jsx)(Bc,{arrow:e,arrowBox:mc(t.start,t.end,i),panelRect:i,frameWidth:s.width,frameHeight:s.height,frameElement:c}),!o&&Er.filter(p=>e[p].anchorType==="panel").map(p=>(0,n.jsx)(Zc,{endpoint:p,point:pc(r[p],i),label:d(`graph.annotations.arrowToolbar.moveEndpoint.${p}`),dragHandlers:m(p),keyboardHandlers:u(p)},p))]})},Zc=({endpoint:e,point:t,label:r,dragHandlers:a,keyboardHandlers:o})=>(0,n.jsx)("div",{"aria-label":r,className:zc,"data-testid":"arrow-endpoint-handle","data-endpoint":e,role:"button",style:{left:t.x,top:t.y},tabIndex:0,...a,...o}),Yc=e=>{const t=l.useSceneSelector(r=>r.spec.annotations.arrows);return e===null?null:t.find(r=>r.id===e)??null},Jc=(e,t)=>{const r=l.useResolvedAnnotations(e).arrows;return t===null?null:r.find(a=>a.id===t)??null},Qc=e=>l.useEditorState((0,ee.useShallow)(t=>{if(e===null)return{dragged:null,isMoved:!1};const r=l.readStanding(t,"arrow-endpoint-drag");return{dragged:r?.annotationId===e?r:null,isMoved:l.readMovedAnnotationFor(l.readStanding(t,"move-drag"),e)!==null}})),ed=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M4 9h16m-4-4 4 4"}),(0,n.jsx)("path",{d:"M20 15H4m4 4-4-4"})]})}),td="q7gcrz0",nd="q7gcrz1",rd="q7gcrz2";var ad=["absolute-difference","relative-difference","proportion"],cn=["absolute-difference","relative-difference"],od=["relative-difference","proportion"],id={"absolute-difference":"graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference","relative-difference":"graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",proportion:"graph.annotations.differenceArrowToolbar.labelKind.proportion"},sd=e=>{const{formattingLocale:t}=l.useGraphContext(),r=l.useSceneSelector(o=>o.config.parsingLocale),a=t??r;return(0,x.useMemo)(()=>{const o=(0,h.areEndpointsComparable)(e.start,e.end);return ad.filter(i=>o||!cn.includes(i)||i===e.label).map(i=>({kind:i,key:id[i],preview:(0,h.formatDifferenceLabel)({locale:a,kind:i,startValue:e.start.measurementValue,endValue:e.end.measurementValue,valueFormat:e.start.valueFormat}),isPickable:o||!cn.includes(i),isSuspect:od.includes(i)&&e.start.measurementValue===0}))},[e,a])},dn=[{id:"small",key:"graph.annotations.differenceArrowToolbar.size.small"},{id:"medium",key:"graph.annotations.differenceArrowToolbar.size.medium"},{id:"large",key:"graph.annotations.differenceArrowToolbar.size.large"}],ld=({arrow:e,color:t,labelBox:r,panelRect:a,frameWidth:o,frameHeight:i,frameElement:s})=>{const c=l.useI18n(),{commands:d}=l.useGraphContext(),m=l.useSceneSelector(y=>y.spec.styles.overrides),u=l.useSceneSelector(y=>(0,h.readStyleCoord)(y.spec)),p=Ve(),g=sd(e),f=(0,h.resolveDifferenceArrowAnnotationStyle)(l.useStyleReaderTree(),e.id),v=(0,x.useMemo)(()=>({target:"annotation",kind:"differenceArrow",annotation:e.id}),[e.id]),b=(0,x.useMemo)(()=>({...v,part:"label"}),[v]),S=g.find(y=>y.kind===e.label),T=g.some(y=>y.isPickable&&y.kind!==e.label),w=dn.find(y=>h.DIFFERENCE_ARROW_SIZE_DECLARATIONS[y.id].arrow.strokeWidth===f.strokeWidth),j=(y,D)=>{d.dispatch(new h.UpdateAnnotationCommand({kind:"differenceArrow",id:e.id,patch:y}),D)},C=y=>({...(0,h.findStyleRule)(m,{select:v},u)?.declarations,...y}),P=y=>({...(0,h.findStyleRule)(m,{select:b},u)?.declarations,...y}),k=y=>{j(y),p.close()},M=()=>{d.dispatch(new h.RemoveAnnotationCommand({id:e.id})),s.focus({preventScroll:!0})},_=y=>d.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:v,declarations:C({stroke:y})}}),{transient:!0}),R=()=>j({start:e.end.anchor,end:e.start.anchor}),I=y=>()=>k({label:y}),E=y=>()=>{const D=h.DIFFERENCE_ARROW_SIZE_DECLARATIONS[y];d.dispatch(new h.SetDifferenceArrowStyleCommand({annotationId:e.id,arrow:C(D.arrow),label:P(D.label)})),p.close()};return(0,n.jsxs)(O.Root,{anchorBox:r,panelRect:a,frameWidth:o,frameHeight:i,label:c("graph.annotations.differenceArrowToolbar.label"),testId:"difference-arrow-toolbar",children:[(0,n.jsx)(O.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),trigger:(0,n.jsx)(cd,{option:S}),isDisabled:!T,...p.bind("labelKind"),children:g.map(y=>(0,n.jsxs)(O.MenuItem,{isSelected:y.kind===e.label,isDisabled:!y.isPickable,onClick:I(y.kind),children:[(0,n.jsx)("span",{children:c(y.key)}),(y.isSuspect||!y.isPickable)&&(0,n.jsx)("span",{"aria-label":c(y.isPickable?"graph.annotations.differenceArrowToolbar.labelKind.suspectValue":"graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),className:"q7gcrz3",role:"img",children:"⚠"}),(0,n.jsx)("span",{className:rd,children:y.preview})]},y.kind))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.ColorPicker,{color:t,label:c("graph.annotations.differenceArrowToolbar.color"),onChange:_,...p.bind("color"),children:(0,n.jsx)(O.Swatch,{color:t})}),(0,n.jsx)(O.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.size.ariaLabel"),trigger:w===void 0?"":c(w.key),...p.bind("size"),children:dn.map(y=>(0,n.jsx)(O.MenuItem,{isSelected:y.id===w?.id,onClick:E(y.id),children:c(y.key)},y.id))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:c("graph.annotations.differenceArrowToolbar.swap"),onClick:R,children:(0,n.jsx)(ed,{size:"sm",title:""})}),(0,n.jsx)(O.IconButton,{label:c("graph.annotations.differenceArrowToolbar.remove"),onClick:M,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},cd=({option:e})=>{const t=l.useI18n();return e===void 0?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:nd,children:t(e.key)}),(0,n.jsxs)("span",{className:td,children:["(",e.preview,")"]})]})};var dd="ydgo3h0",ud="ydgo3h1",hd="ydgo3h2",pd=({clientPoint:e,panelOrigin:t,panelRect:r,engine:a,layers:o,coordSystem:i,resolver:s,fixedAnchor:c,align:d})=>{const m=md({x:e.x-t.x,y:e.y-t.y},r),{primary:u}=a.query((0,h.toPanelCursor)(m,r));if(u===null)return null;const p=o.find(f=>f.id===u.layerId);if(p===void 0)return null;const g=(0,h.resolveObservationPoint)({resolver:s,layer:p,observation:u.observation,observationIndex:(0,h.readObservationIndex)(u),coordSystem:i,align:d});return g===null||(0,h.areAnchorsEqual)(g.anchor,c)?null:g},md=(e,t)=>({x:Math.max(0,Math.min(e.x,t.width)),y:Math.max(0,Math.min(e.y,t.height))}),Fr=e=>e==="start"?"end":"start",Br=({dispatch:e,arrow:t,endpoint:r,anchor:a})=>{(0,h.areAnchorsEqual)(a,t[r].anchor)||e(new h.UpdateAnnotationCommand({kind:"differenceArrow",id:t.id,patch:{[r]:a}}))},gd=class extends be{constructor(...e){super(...e),this.kind="difference-arrow-endpoint-drag"}isDragConfirmed(){return!0}readOwn(e){const{endpoint:t,readInputs:r}=this.params;return l.readDraggedDifferenceArrowEndpointFor(l.readStanding(e,"difference-arrow-endpoint-drag"),r().arrow.id,t)}resolvePreview(e){const{endpoint:t,readInputs:r,engine:a,anchorResolver:o}=this.params,{arrow:i,panelOrigin:s,panelRect:c,layers:d,coordSystem:m}=r(),u=pd({clientPoint:e,panelOrigin:s,panelRect:c,engine:a,layers:d,coordSystem:m,resolver:o,fixedAnchor:i[Fr(t)].anchor,align:i[t].anchor.align});return u===null?null:{kind:"difference-arrow-endpoint-drag",annotationId:i.id,endpoint:t,point:u}}commit({point:e,endpoint:t}){const{dispatch:r,readInputs:a}=this.params;Br({dispatch:r,arrow:a().arrow,endpoint:t,anchor:e.anchor})}},xd=({arrow:e,panelOrigin:t,panelRect:r})=>{const{commands:a,anchorResolver:o}=l.useGraphContext(),{engine:i}=l.useHoverContext(),s=l.useEditorStore(),c=l.useLatestRef({arrow:e,panelOrigin:t,panelRect:r,...l.useSceneSelector((0,ee.useShallow)(m=>({layers:m.layers,coordSystem:m.coordSystem})))}),d=(0,x.useRef)(null);return(0,x.useEffect)(()=>()=>d.current?.finish(!1),[]),(0,x.useCallback)(m=>({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 gd({handle:u.currentTarget,pointerId:u.pointerId,press:{x:u.clientX,y:u.clientY},endpoint:m,readInputs:()=>c.current,editorStore:s,engine:i,anchorResolver:o,dispatch:a.dispatch,onSettled:()=>{d.current=null}}),d.current.start()}}}),[c,s,i,o,a])},vd=[" ","Enter"],fd=({arrow:e})=>{const{commands:t,anchorResolver:r}=l.useGraphContext(),a=l.useEditorStore(),{layers:o,coordSystem:i,mainAxis:s}=l.useSceneSelector((0,ee.useShallow)(d=>({layers:d.layers,coordSystem:d.coordSystem,mainAxis:(0,h.readMainAxis)(d.coordSystem)}))),c=e.id;return(0,x.useEffect)(()=>()=>{const d=a.getState();l.readStanding(d,"difference-arrow-endpoint-drag")?.annotationId===c&&d.releaseInteraction("difference-arrow-endpoint-drag")},[a,c]),(0,x.useCallback)(d=>({onKeyDown:m=>{if(m.altKey||m.ctrlKey||m.metaKey||m.shiftKey)return;const u=a.getState(),p=l.readDraggedDifferenceArrowEndpointFor(l.readStanding(u,"difference-arrow-endpoint-drag"),e.id,d);if(vd.includes(m.key)){if(m.preventDefault(),m.repeat)return;if(p===null)return u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:e[d]});u.releaseInteraction("difference-arrow-endpoint-drag"),Br({dispatch:t.dispatch,arrow:e,endpoint:d,anchor:p.point.anchor});return}if(p===null)return;const g=bd(m.key,s);if(g===null)return;m.preventDefault();const f=Sd({arrow:e,endpoint:d,from:p.point.anchor,move:g,layers:o,coordSystem:i,resolver:r});f!==null&&u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:f})}}),[e,a,t,r,o,i,s])},bd=(e,t)=>{const r=e==="ArrowUp"||e==="ArrowDown";return!r&&!(e==="ArrowLeft"||e==="ArrowRight")?null:{axis:t==="x"===r?"cross":"main",step:e==="ArrowDown"||e==="ArrowRight"?1:-1}},Sd=({arrow:e,endpoint:t,from:r,move:a,layers:o,coordSystem:i,resolver:s})=>{const c=o.find(u=>u.id===r.layerId);if(c===void 0)return null;const d=s.createLayerMeasurement(c);if(d===null)return null;const{align:m}=e[t].anchor;return(0,h.stepDifferenceArrowEndpoint)({layer:c,from:r,partner:e[Fr(t)].anchor,axis:a.axis,step:a.step,getObservationPoint:(u,p)=>(0,h.resolveObservationPoint)({resolver:s,layer:c,observation:u,observationIndex:p,coordSystem:i,align:m,measurement:d})})?.point??null},yd=e=>{const t=fe();return t===null?null:(0,n.jsx)(Cd,{annotationId:t,...e})},Cd=({annotationId:e,...t})=>{const r=l.useDifferenceArrowGeometries(),a=(0,x.useMemo)(()=>r.find(o=>o.id===e),[r,e]);return a===void 0?null:(0,n.jsx)(jd,{committedArrow:a.committedArrow,color:a.color,labelCornerRadius:a.style.label.cornerRadius,committedLabelBox:a.committedLabelBox,labelBox:a.labelBox,start:a.start,end:a.end,isDragged:a.isDragged,...t})},jd=({committedArrow:e,color:t,labelCornerRadius:r,committedLabelBox:a,labelBox:o,start:i,end:s,panelRect:c,panelOrigin:d,frameRect:m,frameElement:u,isDragged:p})=>{const g=xd({arrow:e,panelOrigin:d,panelRect:c}),f=fd({arrow:e});return(0,n.jsxs)("div",{"data-testid":"difference-arrow-selection",children:[!p&&(0,n.jsx)(ld,{arrow:e,color:t,labelBox:a,panelRect:c,frameWidth:m.width,frameHeight:m.height,frameElement:u}),(0,n.jsx)("div",{"aria-hidden":"true",className:hd,"data-testid":"difference-arrow-selection-label",style:{left:c.x+o.x-2,top:c.y+o.y-2,width:o.width+4,height:o.height+4,borderRadius:l.toBorderRadiusCss(r,2)}}),(0,n.jsx)(un,{endpoint:"start",point:i,panelRect:c,dragHandlers:g("start"),keyboardHandlers:f("start")}),(0,n.jsx)(un,{endpoint:"end",point:s,panelRect:c,dragHandlers:g("end"),keyboardHandlers:f("end")})]})},un=({endpoint:e,point:t,panelRect:r,dragHandlers:a,keyboardHandlers:o})=>(0,n.jsx)("div",{className:dd,"data-testid":"difference-arrow-selection-handle","data-endpoint":e,role:"button",style:{left:r.x+t.x,top:r.y+t.y},tabIndex:0,...a,...o,children:(0,n.jsx)("span",{"aria-hidden":"true",className:ud})}),ct=({start:e,extent:t,isStartMoving:r,delta:a,minExtent:o})=>{if(!Number.isFinite(a))return{start:e,extent:t};const i=e+t,s=Math.min(o,t);if(r){const m=Math.min(0,e),u=Math.min(Math.max(1,e),i-s),p=(0,ae.default)(e+a,m,u);return{start:p,extent:i-p}}const c=Math.max(Math.min(0,i),e+s),d=Math.max(1,i);return{start:e,extent:(0,ae.default)(i+a,c,d)-e}},Td=["top-left","top-right","bottom-right","bottom-left"];var zr=({width:e,height:t})=>({x:X(16,e),y:X(16,t)}),wd=(e,t)=>({x:Vr(t)?e.x:e.x+e.width,y:$r(t)?e.y:e.y+e.height}),At=e=>({x:e.x,y:1-e.y-e.height,width:e.width,height:e.height}),Hr=({region:e,corner:t,delta:r,minSize:a})=>{const o=ct({start:e.x,extent:e.width,isStartMoving:Vr(t),delta:r.x,minExtent:a.x}),i=ct({start:e.y,extent:e.height,isStartMoving:$r(t),delta:r.y,minExtent:a.y});return{anchorType:"panel",x:o.start,y:i.start,width:o.extent,height:i.extent}},Gr=(e,t)=>e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height,Vr=e=>e==="top-left"||e==="bottom-left",$r=e=>e==="top-left"||e==="top-right",Ur=(e,t,r,a)=>{const o=e.textAnnotations.find(i=>i.id===t);return o===void 0?null:l.measureTextAnnotationBox(l.previewResizedText(o,r),a)};var Ad={hovered:"_1ee8fau1 _1ee8fau0",selected:"_1ee8fau2 _1ee8fau0"},kd={hovered:"_1ee8fau4 _1ee8fau3",selected:"_1ee8fau5 _1ee8fau3"},Pd=({panelRect:e})=>{const t=l.useResolvedAnnotations(e),r=l.useMeasuredBoxes(),a=l.useStyleReaderTree(),o=fe(),i=l.useEditorState(b=>l.readStanding(b,"move-drag")),s=l.useEditorState(b=>l.readStanding(b,"shape-resize-drag")),c=l.useEditorState(b=>l.readStanding(b,"arrow-endpoint-drag")),d=l.useEditorState(b=>l.readStanding(b,"text-resize-drag")),m=l.useEditorState(l.readAnnotationUnderPointer),u=(0,x.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:r,readers:a}),[e.width,e.height,r,a]),p=hn(t,o,u),g=hn(t,m===o?null:m,u),f=b=>{if(s?.annotationId===b.id){const S=t.shapes.find(T=>T.id===b.id);return S===void 0?b.geometry:l.measureShapeRegion(At(s.region),a.annotation.shape(S.id).get("strokeWidth"),u.panel)}if(c?.annotationId===b.id){const S=t.arrows.find(T=>T.id===b.id);return S===void 0?b.geometry:l.measureArrowEnds(wt(S,c),u.panel)??b.geometry}return d?.annotationId===b.id?Ur(t,b.id,d,u)??b.geometry:b.geometry},v=b=>{if(i?.annotationId!==b)return e;const S=Nr(i.translation,e);return{x:e.x+S.x,y:e.y+S.y}};return(0,n.jsxs)(n.Fragment,{children:[g!==null&&(0,n.jsx)(pn,{annotationId:g.id,geometry:f(g),state:"hovered",origin:v(g.id)}),p!==null&&(0,n.jsx)(pn,{annotationId:p.id,geometry:f(p),state:"selected",origin:v(p.id)})]})},hn=(e,t,r)=>{if(t===null)return null;const a=l.resolveAnnotationChromeGeometry(e,t,r);return a===null?null:{id:t,geometry:a}},pn=({annotationId:e,geometry:t,state:r,origin:a})=>t.shape==="segment"?(0,n.jsxs)("div",{"aria-hidden":"true","data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,children:[(0,n.jsx)(mn,{point:t.start,state:r,origin:a}),(0,n.jsx)(mn,{point:t.end,state:r,origin:a})]}):(0,n.jsx)("div",{"aria-hidden":"true",className:Ad[r],"data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,style:{left:a.x+t.rect.x-2,top:a.y+t.rect.y-2,width:t.rect.width+4,height:t.rect.height+4}}),mn=({point:e,state:t,origin:r})=>(0,n.jsx)("span",{className:kd[t],style:{left:r.x+e.x,top:r.y+e.y}}),Ld=({panelRect:e})=>{const t=l.useEditorState(o=>l.readStanding(o,"move-drag")),r=l.useResolvedAnnotations(e);if(t===null)return null;const a=Nr(t.translation,e);return(0,n.jsx)("svg",{"aria-hidden":"true",className:Tt,width:e.width,height:e.height,style:{left:e.x+a.x,top:e.y+a.y},"data-testid":"annotation-preview","data-annotation-id":t.annotationId,children:Md(r,t.annotationId,e)})},Id=({annotation:e,panel:t})=>{const r=l.useMeasuredBoxRef(e.id);return(0,n.jsx)(l.TextAnnotation,{annotation:e,panel:t,style:l.useStyleReaderTree().annotation.text(e.id).resolve(),blockRef:r})},Te=(e,t,r)=>{const a=e.find(o=>o.id===t);return a===void 0?null:r(a)},Ed={text:(e,t,r)=>Te(e.textAnnotations,t,a=>(0,n.jsx)(Id,{annotation:a,panel:r})),shape:(e,t,r)=>Te(e.shapes,t,a=>(0,n.jsx)(Od,{shape:a,panelSize:r})),image:(e,t,r)=>Te(e.images,t,a=>(0,n.jsx)(_d,{image:a,panelSize:r})),arrow:(e,t,r)=>Te(e.arrows,t,a=>(0,n.jsx)(Rd,{arrow:a,panelSize:r}))},Md=(e,t,r)=>{for(const a of Object.values(Ed)){const o=a(e,t,r);if(o!==null)return o}return null},Rd=({arrow:e,panelSize:t})=>{const r=(0,h.resolveArrowAnnotationStyle)(l.useStyleReaderTree(),e.id),a=(0,h.computeArrow)({arrow:e,style:r,panelWidth:t.width,panelHeight:t.height});return a===null?null:(0,n.jsx)(l.ArrowAnnotation,{computed:a,style:r,isAddressable:!1})},Od=({shape:e,panelSize:t})=>(0,n.jsx)(l.ShapeAnnotation,{shape:e,style:l.useStyleReaderTree().annotation.shape(e.id).resolve(),panel:t}),_d=({image:e,panelSize:t})=>(0,n.jsx)(l.ImageAnnotation,{image:e,panel:t,style:l.useStyleReaderTree().annotation.image(e.id).resolve()}),Nd=({panelRect:e})=>{const t=l.useEditorState(i=>l.readStanding(i,"shape-resize-drag")),r=l.useResolvedAnnotations(e).shapes,a=l.useStyleReaderTree();if(t===null)return null;const o=r.find(i=>i.id===t.annotationId);return o===void 0?null:(0,n.jsx)("svg",{"aria-hidden":"true",className:Tt,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"shape-resize-preview","data-annotation-id":t.annotationId,children:(0,n.jsx)(l.ShapeAnnotation,{shape:{...o,region:At(t.region)},style:a.annotation.shape(o.id).resolve(),panel:e})})},Dd={sm:"o49ib40",md:"o49ib41"},Fd={horizontal:"o49ib42",diagonalDown:"o49ib43",diagonalUp:"o49ib44"},Wr=({point:e,label:t,pull:r,size:a,attributes:o,dragHandlers:i,keyboardHandlers:s})=>(0,n.jsx)("div",{"aria-label":t,className:Fd[r],role:"button",style:{left:e.x,top:e.y},tabIndex:0,...o,...i,...s,children:(0,n.jsx)("span",{"aria-hidden":"true",className:Dd[a]})}),dt=[{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"}],Bd=e=>[...dt].reverse().find(t=>t.width<=e)??dt[0],zd=({shape:e,shapeBox:t,panelRect:r,frameWidth:a,frameHeight:o,frameElement:i})=>{const s=l.useI18n(),{commands:c}=l.useGraphContext(),d=l.useSceneSelector(j=>j.spec.styles.overrides),m=l.useSceneSelector(j=>(0,h.readStyleCoord)(j.spec)),u=Ve(),p=l.useStyleReaderTree().annotation.shape(e.id).resolve(),g=Bd(p.strokeWidth),f=(0,x.useMemo)(()=>({target:"annotation",kind:"shape",annotation:e.id}),[e.id]),v=(j,C)=>{const P=(0,h.findStyleRule)(d,{select:f},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:f,declarations:{...P,...j}}}),C)},b=()=>{c.dispatch(new h.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},S=j=>v({fill:j},{transient:!0}),T=j=>v({fillAlpha:j},{transient:!0}),w=j=>()=>{v({strokeWidth:j}),u.close()};return(0,n.jsxs)(O.Root,{anchorBox:t,panelRect:r,frameWidth:a,frameHeight:o,label:s("graph.annotations.shapeToolbar.label"),testId:"shape-toolbar",children:[(0,n.jsx)(O.ColorPicker,{color:(0,h.toPaintColor)(p.fill),label:s("graph.annotations.shapeToolbar.color"),onChange:S,opacity:p.fillAlpha,onOpacityChange:T,...u.bind("color"),children:(0,n.jsx)(O.Swatch,{color:(0,h.toPaintColor)(p.fill),opacity:p.fillAlpha})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.shapeToolbar.border.ariaLabel"),trigger:(0,n.jsx)(_r,{size:"sm",title:""}),...u.bind("border"),children:dt.map(j=>(0,n.jsx)(O.MenuItem,{isSelected:j.width===g?.width,onClick:w(j.width),children:s(j.key)},j.width))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:s("graph.annotations.shapeToolbar.remove"),onClick:b,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},qr=e=>{const t=l.useLatestRef(e),r=(0,x.useRef)(null);return(0,x.useEffect)(()=>()=>r.current?.finish(!1),[]),(0,x.useCallback)(a=>({onPointerDown:o=>{if(o.button!==0||r.current!==null)return;try{o.currentTarget.setPointerCapture(o.pointerId)}catch{return}o.currentTarget.focus({preventScroll:!0}),o.preventDefault();const i=t.current(a,{handle:o.currentTarget,pointerId:o.pointerId,press:{x:o.clientX,y:o.clientY},onSettled:()=>{r.current=null}});r.current=i,i.start()}}),[t])},Me=(e,t)=>{const r=e.shapes.find(a=>a.id===t);return r===void 0||r.region.anchorType!=="panel"?null:r.region},Hd=class extends be{constructor(...e){super(...e),this.kind="shape-resize-drag"}readOwn(e){return l.readResizedShapeFor(l.readStanding(e,"shape-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:t,corner:r,press:a,readInputs:o}=this.params,{annotations:i,panelRect:s}=o(),c=Me(i,t);return c===null?null:{kind:"shape-resize-drag",annotationId:t,region:Hr({region:c,corner:r,delta:$e(a,e,s),minSize:zr(s)})}}commit({region:e}){const{annotationId:t,dispatch:r,readInputs:a}=this.params,o=Me(a().annotations,t);o===null||Gr(o,e)||r(new h.UpdateAnnotationCommand({kind:"shape",id:t,patch:{region:e}}))}},Gd=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useLatestRef({annotations:l.useSceneSelector(i=>i.spec.annotations),panelRect:t});return qr((i,s)=>new Hd({...s,annotationId:e,corner:i,readInputs:()=>o.current,editorStore:a,dispatch:r.dispatch}))},Vd=[" ","Enter"],Kr=e=>{const t=l.useEditorStore(),r=l.useLatestRef(e);return(0,x.useEffect)(()=>()=>gn(t,r.current),[t,r]),(0,x.useCallback)(a=>({onKeyDown:o=>{if(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey)return;const i=t.getState(),s=r.current.readHeld();if(Vd.includes(o.key)){if(o.preventDefault(),o.repeat)return;if(s!==null){gn(t,r.current);return}const d=r.current.claim(a);if(d===null)return;i.claimInteraction(d);return}if(s===null)return;const c=r.current.step(s,a,o.key);c!==null&&(o.preventDefault(),i.claimInteraction(c))}}),[t,r])},gn=(e,t)=>{const r=t.readHeld();r!==null&&(e.getState().releaseInteraction(r.kind),t.commit(r))},xn=4,$d=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useSceneSelector(i=>i.spec.annotations);return Kr({readHeld:()=>l.readResizedShapeFor(l.readStanding(a.getState(),"shape-resize-drag"),e),claim:()=>{const i=Me(o,e);return i===null?null:{kind:"shape-resize-drag",annotationId:e,region:i}},step:(i,s,c)=>{const d=Ud(c,t);return d===null?null:{kind:"shape-resize-drag",annotationId:e,region:Hr({region:i.region,corner:s,delta:d,minSize:zr(t)})}},commit:({region:i})=>{const s=Me(o,e);s===null||Gr(s,i)||r.dispatch(new h.UpdateAnnotationCommand({kind:"shape",id:e,patch:{region:i}}))}})},Ud=(e,t)=>{const r=X(xn,t.width),a=X(xn,t.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-a};case"ArrowDown":return{x:0,y:a};default:return null}},Wd={"top-left":"diagonalDown","bottom-right":"diagonalDown","top-right":"diagonalUp","bottom-left":"diagonalUp"},qd=e=>{const t=fe(),r=Xd(t),a=Zd(t);if(r===null)return null;const o=a.resizedRegion??(r.region.anchorType==="panel"?r.region:null);return o===null?null:(0,n.jsx)(Kd,{shape:r,region:o,isSettled:a.resizedRegion===null&&!a.isMoved,isMoved:a.isMoved,...e})},Kd=({shape:e,region:t,isSettled:r,isMoved:a,panelRect:o,frameRect:i,frameElement:s})=>{const c=l.useI18n(),d=Gd({annotationId:e.id,panelRect:o}),m=$d({annotationId:e.id,panelRect:o}),u=l.useStyleReaderTree().annotation.shape(e.id).resolve(),{rect:p}=l.measureShapeRegion(At(t),u.strokeWidth,o);return(0,n.jsxs)("div",{"data-testid":"shape-selection","data-annotation-id":e.id,children:[r&&(0,n.jsx)(zd,{shape:e,shapeBox:p,panelRect:o,frameWidth:i.width,frameHeight:i.height,frameElement:s}),!a&&Td.map(g=>{const f=wd(p,g);return(0,n.jsx)(Wr,{point:{x:o.x+f.x,y:o.y+f.y},label:c(`graph.annotations.shapeToolbar.resize.${g}`),pull:Wd[g],size:"md",attributes:{"data-testid":"shape-resize-handle","data-corner":g},dragHandlers:d(g),keyboardHandlers:m(g)},g)})]})},Xd=e=>{const t=l.useSceneSelector(r=>r.spec.annotations.shapes);return e===null?null:t.find(r=>r.id===e)??null},Zd=e=>l.useEditorState((0,ee.useShallow)(t=>e===null?{resizedRegion:null,isMoved:!1}:{resizedRegion:l.readResizedShapeFor(l.readStanding(t,"shape-resize-drag"),e)?.region??null,isMoved:l.readMovedAnnotationFor(l.readStanding(t,"move-drag"),e)!==null})),Yd=({textColor:e,...t})=>(0,n.jsxs)(l.Icon,{...t,children:[(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,n.jsx)("path",{d:"M6 4h12"}),(0,n.jsx)("path",{d:"M12 4v12"})]}),(0,n.jsx)("path",{d:"M5 20h14",stroke:e??"currentColor",strokeWidth:3,strokeLinecap:"round"})]});var Re="textStyle",Xr=new Set(["paragraph","heading"]),Jd=e=>{const t=Zr(e),r=au(e);return{color:we(t.map(a=>ou(Je(a)?.color))),font:we(t.map(a=>ru(Je(a)))),fontSize:we(t.map(a=>iu(Je(a)?.fontSize))),alignment:we(r.map(a=>su(a.attrs?.textAlign)))}},Qd=(e,t)=>kt(e,r=>r.type==="text"?nu(r,t):r),eu=e=>Zr(e).length>0,tu=(e,t)=>kt(e,r=>Xr.has(r.type??"")?{...r,attrs:{...r.attrs,textAlign:t}}:r),kt=(e,t)=>t(e.content===void 0?e:{...e,content:e.content.map(r=>kt(r,t))}),nu=(e,t)=>{const r=e.marks??[],a=r.find(i=>i.type===Re),o={type:Re,attrs:{...a?.attrs,...t}};return{...e,marks:a===void 0?[...r,o]:r.map(i=>i===a?o:i)}},Je=e=>e.marks?.find(t=>t.type===Re)?.attrs,ru=e=>l.readRichTextFontId(e?.font)??l.readRichTextFontId(e?.fontFamily),Zr=e=>Pt(e,t=>t.type==="text"),au=e=>Pt(e,t=>Xr.has(t.type??"")),Pt=(e,t)=>[...t(e)?[e]:[],...(e.content??[]).flatMap(r=>Pt(r,t))],we=e=>{const[t,...r]=e;return t===void 0?null:r.every(a=>a===t)?t:null},ou=e=>typeof e=="string"&&e.length>0?e:void 0,iu=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,su=e=>e==="left"||e==="center"||e==="right"?e:void 0;var Yr=[{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:t})=>({id:e,key:t,fontFamily:l.RICH_TEXT_FONT_FAMILIES[e]??e})),lu=e=>Yr.find(t=>t.id===(e??"modern"))??null;var Jr=[{size:12,key:"graph.annotations.textToolbar.fontSize.small"},{size:15,key:"graph.annotations.textToolbar.fontSize.medium"},{size:18,key:"graph.annotations.textToolbar.fontSize.large"},{size:24,key:"graph.annotations.textToolbar.fontSize.extraLarge"},{size:30,key:"graph.annotations.textToolbar.fontSize.huge"}],cu=e=>Jr.find(t=>t.size===(e??15))??null,du=e=>`${e}px`,uu=[{alignment:"left",Icon:nr},{alignment:"center",Icon:er},{alignment:"right",Icon:tr}],hu=({annotation:e,textBox:t,panelRect:r,frameWidth:a,frameHeight:o,frameElement:i})=>{const s=l.useI18n(),{commands:c}=l.useGraphContext(),d=l.useSceneSelector(y=>y.spec.styles.overrides),m=l.useSceneSelector(y=>(0,h.readStyleCoord)(y.spec)),u=l.useEditorStore(),p=Ve(),g=l.useStyleReaderTree().annotation.text(e.id).resolve(),f=Jd(e.content),v=lu(f.font),b=cu(f.fontSize),S=f.color??g.textColor,T=(0,x.useMemo)(()=>({target:"annotation",kind:"text",annotation:e.id}),[e.id]),w=(y,D)=>{const $=(0,h.findStyleRule)(d,{select:T},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:T,declarations:{...$,...y}}}),D)},j=(y,D)=>{c.dispatch(new h.UpdateAnnotationCommand({kind:"text",id:e.id,patch:y}),D)},C=()=>u.getState().caret?.editor?.getJSON()??e.content,P=(y,D)=>{const $=C(),ne=u.getState().caret?.editor??null;if(ne!==null&&!eu($)){ne.chain().focus().setMark(Re,y).run();return}j({content:Qd($,y)},D)},k=()=>{c.dispatch(new h.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},M=y=>w(pu(y),{transient:!0}),_=y=>P({color:y},{transient:!0}),R=y=>()=>{P({font:y}),p.close()},I=y=>()=>{P({fontSize:y}),p.close()},E=y=>j({content:tu(C(),y)});return(0,n.jsxs)(O.Root,{anchorBox:t,panelRect:r,frameWidth:a,frameHeight:o,label:s("graph.annotations.textToolbar.label"),testId:"text-toolbar",children:[(0,n.jsx)(O.ColorPicker,{color:(0,h.toPaintColor)(g.fill),label:s("graph.annotations.textToolbar.background"),hasTransparentOption:!0,onChange:M,...p.bind("background"),children:(0,n.jsx)(O.Swatch,{color:g.fill==="transparent"?zn:(0,h.toPaintColor)(g.fill)})}),(0,n.jsx)(O.ColorPicker,{color:S,label:s("graph.annotations.textToolbar.color"),onChange:_,...p.bind("color"),children:(0,n.jsx)(Yd,{size:"sm",textColor:S,title:""})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.textToolbar.font.ariaLabel"),trigger:(0,n.jsx)("span",{style:{fontFamily:v?.fontFamily},children:"Aa"}),...p.bind("font"),children:Yr.map(y=>(0,n.jsx)(O.MenuItem,{isSelected:y.id===v?.id,onClick:R(y.id),children:(0,n.jsx)("span",{style:{fontFamily:y.fontFamily},children:s(y.key)})},y.id))}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.textToolbar.fontSize.ariaLabel"),trigger:b===null?"":s(b.key),...p.bind("fontSize"),children:Jr.map(y=>(0,n.jsx)(O.MenuItem,{isSelected:y.size===b?.size,onClick:I(y.size),children:(0,n.jsx)("span",{style:{fontSize:du(y.size)},children:s(y.key)})},y.size))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(mu,{current:f.alignment??"center",onPick:E}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:s("graph.annotations.textToolbar.remove"),onClick:k,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},pu=e=>e==="transparent"?{fill:$n}:{fill:e,fillAlpha:Bo(e)?h.TEXT_ANNOTATION_FADE_ALPHA:1},mu=({current:e,onPick:t})=>{const r=l.useI18n(),a=o=>()=>t(o);return(0,n.jsx)(n.Fragment,{children:uu.map(o=>(0,n.jsx)(O.ToggleButton,{label:r(`graph.annotations.textToolbar.align.${o.alignment}`),isPressed:o.alignment===e,onClick:a(o.alignment),children:(0,n.jsx)(o.Icon,{size:"sm",title:""})},o.alignment))})},gu=["left","right"];var Qr=({width:e})=>X(60,e),xu=(e,t)=>({x:t==="left"?e.x:e.x+e.width,y:e.y+e.height/2}),ea=({at:e,width:t,align:r,edge:a,delta:o,minWidth:i,panelWidth:s})=>{if(o===0)return{at:e,width:t,shift:0};const c=(0,h.alignUnitFractions)(r).x,d=vu(e.offset,s),m=ct({start:e.x+d-c*t,extent:t,isStartMoving:a==="left",delta:o,minExtent:i}),u=m.start+c*m.extent-d;return{at:{...e,x:u},width:m.extent,shift:u-e.x}},ta=(e,t)=>e.at.x===t.at.x&&e.width===t.width,vu=(e,t)=>e?.x===void 0?0:e.unit==="px"?X(e.x,t):e.x,Oe=(e,t)=>{const r=e.textAnnotations.find(a=>a.id===t);return r===void 0||r.at.anchorType!=="panel"?null:{at:r.at,width:r.width,align:r.align}},fu=class extends be{constructor(...e){super(...e),this.kind="text-resize-drag"}readOwn(e){return l.readResizedTextFor(l.readStanding(e,"text-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:t,edge:r,press:a,readInputs:o}=this.params,{annotations:i,panelRect:s}=o(),c=Oe(i,t);if(c===null)return null;const d=$e(a,e,s).x;return{kind:"text-resize-drag",annotationId:t,delta:d,...ea({...c,edge:r,delta:d,minWidth:Qr(s),panelWidth:s.width})}}commit(e){const{annotationId:t,dispatch:r,readInputs:a}=this.params,o=Oe(a().annotations,t);o===null||ta(o,e)||r(new h.UpdateAnnotationCommand({kind:"text",id:t,patch:{at:e.at,width:e.width}}))}},bu=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useLatestRef({annotations:l.useSceneSelector(i=>i.spec.annotations),panelRect:t});return qr((i,s)=>new fu({...s,annotationId:e,edge:i,readInputs:()=>o.current,editorStore:a,dispatch:r.dispatch}))},Su=4,yu=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useSceneSelector(s=>s.spec.annotations),i=(s,c)=>{const d=Oe(o,e);return d===null?null:{kind:"text-resize-drag",annotationId:e,delta:c,...ea({...d,edge:s,delta:c,minWidth:Qr(t),panelWidth:t.width})}};return Kr({readHeld:()=>l.readResizedTextFor(l.readStanding(a.getState(),"text-resize-drag"),e),claim:s=>i(s,0),step:(s,c,d)=>{const m=Cu(d,t);return m===null?null:i(c,s.delta+m)},commit:s=>{const c=Oe(o,e);c===null||ta(c,s)||r.dispatch(new h.UpdateAnnotationCommand({kind:"text",id:e,patch:{at:s.at,width:s.width}}))}})},Cu=(e,t)=>{const r=X(Su,t.width);switch(e){case"ArrowLeft":return-r;case"ArrowRight":return r;default:return null}},ju=e=>{const t=fe(),r=wu(t),a=Au(t),o=l.useEditorState(s=>s.caret?.annotationId===t),i=ku(e.panelRect,t,a.resized);return r===null||i===null?null:(0,n.jsx)(Tu,{annotation:r,textBox:i,isSettled:a.resized===null&&!a.isMoved,isMoved:a.isMoved,isResizable:r.at.anchorType==="panel",hasCaret:o,...e})},Tu=({annotation:e,textBox:t,isSettled:r,isMoved:a,isResizable:o,hasCaret:i,panelRect:s,frameRect:c,frameElement:d})=>{const m=l.useI18n(),u=bu({annotationId:e.id,panelRect:s}),p=yu({annotationId:e.id,panelRect:s});return(0,n.jsxs)("div",{"data-testid":"text-selection","data-annotation-id":e.id,children:[r&&(0,n.jsx)(hu,{annotation:e,textBox:t,panelRect:s,frameWidth:c.width,frameHeight:c.height,frameElement:d}),o&&!a&&!i&&gu.map(g=>{const f=xu(t,g);return(0,n.jsx)(Wr,{point:{x:s.x+f.x,y:s.y+f.y},label:m(`graph.annotations.textToolbar.resize.${g}`),pull:"horizontal",size:"sm",attributes:{"data-testid":"text-resize-handle","data-edge":g},dragHandlers:u(g),keyboardHandlers:p(g)},g)})]})},wu=e=>{const t=l.useSceneSelector(r=>r.spec.annotations.textAnnotations);return e===null?null:t.find(r=>r.id===e)??null},Au=e=>l.useEditorState((0,ee.useShallow)(t=>e===null?{resized:null,isMoved:!1}:{resized:l.readResizedTextFor(l.readStanding(t,"text-resize-drag"),e),isMoved:l.readMovedAnnotationFor(l.readStanding(t,"move-drag"),e)!==null})),ku=(e,t,r)=>{const a=l.useResolvedAnnotations(e),o=l.useMeasuredBoxes(),i=l.useStyleReaderTree(),s=(0,x.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:o,readers:i}),[e.width,e.height,o,i]);return t===null?null:Ur(a,t,r,s)?.rect??null},Pu=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M12 5v14"}),(0,n.jsx)("path",{d:"M5 12h14"})]})}),Lu="var(--_1tyillx0)",Iu={rest:.5,hovered:.75,open:1};var Eu="_1tyillx1",Mu={rest:"_1tyillx2",hovered:"_1tyillx3",open:"_1tyillx4"},Ru="_1tyillx5",Ou={closed:"_1tyillx6",open:"_1tyillx7"},_u=({interaction:e,panelRect:t})=>{const r=l.useEditorStore(),a=e.kind==="trigger"||e.kind==="menu"?e.anchor:null,o=Nu(e),i=(0,x.useMemo)(()=>{if(a===null)return null;const s=(0,h.projectAnchorToPanel)(a.position,t);return{center:s,radius:19*Iu[o],target:{kind:"observation",cursor:(0,h.toPanelCursor)(s,t)}}},[a,t,o]);return(0,x.useEffect)(()=>{r.getState().setMenuTrigger(i)},[r,i]),(0,x.useEffect)(()=>()=>r.getState().setMenuTrigger(null),[r]),a===null||i===null?null:(0,n.jsx)("div",{"aria-hidden":"true","data-testid":"observation-menu-trigger","data-state":o,className:(0,K.default)(Eu,Mu[o]),style:{left:t.x+i.center.x,top:t.y+i.center.y,...(0,xe.assignInlineVars)({[Lu]:a.color})},children:(0,n.jsx)("span",{className:(0,K.default)(Ru,Ou[o==="open"?"open":"closed"]),children:(0,n.jsx)(Pu,{size:"lg"})})})},Nu=e=>e.kind==="menu"?"open":e.kind==="trigger"&&e.isEngaged?"hovered":"rest",Du='button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])',Fu=(e,t)=>{const{chartId:r}=l.useGraphContext(),a=l.useEditorStore();(0,x.useEffect)(()=>{if(t===null)return;const o=i=>{if(i.key!=="Tab"||i.defaultPrevented||!ge(i.target,e,r)||cr(i.target)||a.getState().standingInteraction?.kind==="chrome-popup")return;const s=[...t.querySelectorAll(Du)];if(s.length===0)return;i.preventDefault();const c=s.findIndex(d=>d===document.activeElement);s[c===-1?i.shiftKey?s.length-1:0:(c+(i.shiftKey?-1:1)+s.length)%s.length]?.focus()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[e,t,r,a])},Bu=(e,t)=>typeof document.elementsFromPoint=="function"?document.elementsFromPoint(e,t):[],na=(e,t,r)=>l.readStampedEditTargetInStack(Bu(e,t),r),zu=e=>{const{selectionStore:t,chartId:r}=l.useGraphContext(),a=l.useEditorStore();(0,x.useEffect)(()=>{let o=null;const i=d=>{const{caret:m}=a.getState(),u=m===null?null:na(d.clientX,d.clientY,e);u?.kind==="annotation"&&u.target.id===m?.annotationId||e.focus({preventScroll:!0})},s=d=>{const{selection:m,clearSelection:u}=t.getState();m.length!==0&&(ge(d.target,e,r)||u())},c=d=>{t.getState().selection.length!==0&&ge(d.target,e,r)&&d.relatedTarget===null&&(o!==null&&cancelAnimationFrame(o),o=requestAnimationFrame(()=>{o=null,document.hasFocus()&&(ge(document.activeElement,e,r)||t.getState().clearSelection())}))};return e.addEventListener("pointerdown",i),document.addEventListener("focusin",s),document.addEventListener("focusout",c),()=>{o!==null&&cancelAnimationFrame(o),e.removeEventListener("pointerdown",i),document.removeEventListener("focusin",s),document.removeEventListener("focusout",c)}},[a,t,e,r])},Hu=(e,t)=>{switch(e.kind){case"legend":{const r=t.legends[e.part.legendIndex],a=r?.items[e.part.itemIndex];if(r===void 0||a===void 0)return null;const o=Gu(r,a.layerId,t.layers);return o===null?null:(0,h.buildObservationsTargetAtValue)({layer:o.layer,scope:"series",variable:o.variable,value:a.value,parsingLocale:t.parsingLocale})}case"axis":{const r=e.part;if(r===null||e.target.axis!=="x")return null;const a=t.formattedAxes.find(i=>i.scaleAestheticKey==="x");if(a===void 0||a.bandwidth===void 0)return null;const o=a.ticks[r.tickIndex];return o===void 0?null:Uu(t.layers,o.value,t.parsingLocale)}case"annotation":case"grid":return null}},Gu=(e,t,r)=>{const a=t===void 0?r:r.filter(o=>o.id===t);for(const o of e.aesthetics){const i=Vu(a,o);if(i!==null)return i}return null},Vu=(e,t)=>{for(const r of e){const a=(0,h.readVariableName)(r.mapping[t]);if(a!==null&&$u(r,a))return{layer:r,variable:a}}return null},$u=(e,t)=>e.data.hasVariable(t)&&e.data.getType(t)==="categorical",Uu=(e,t,r)=>{let a=null;for(const o of e){if(!o.interactive)continue;const i=(0,h.readScopeXVariable)(o.mapping);if(i===null)continue;const s=(0,h.buildObservationsTargetAtValue)({layer:o,scope:"x-value",variable:i,value:t,parsingLocale:r});if(s!==null){if(a!==null)return null;a=s}}return a},Wu=({hover:e,layers:t,scales:r,parsingLocale:a})=>{const{primary:o,intersection:i}=e;if(o===null)return null;const s=(0,h.findLayerById)(t,o.layerId);if(s===void 0)return null;const c=(0,h.readObservationIndex)(o),d=i?.intersects!==!1,m=(0,h.readBroadestObservationsScope)(s),u=d||!(0,h.hasMainAxisBand)(r)?[m]:["x-value",m];for(const p of u){const g=(0,h.buildObservationsTarget)({layer:s,observationIndex:c,scope:p,parsingLocale:a});if(g!==null)return{layerId:s.id,observationIndex:c,isOnObservation:d,target:g}}return null},qu=(e,t,r)=>{if(!e.isOnObservation||e.target.scope!=="series")return null;const a=(0,h.findLayerById)(t,e.layerId);return a===void 0?null:(0,h.buildObservationsTarget)({layer:a,observationIndex:e.observationIndex,scope:"data-point",parsingLocale:r})},ra=(e,t)=>{const{target:r,clientX:a,clientY:o}=e,{frameElement:i,captureRect:s,menuTrigger:c,panelOrigin:d,resolvesObservations:m,scene:u}=t,p=c!==null&&(0,h.isPointWithinEditMenuTrigger)({x:a-d.x,y:o-d.y},c);if(!(r instanceof Element&&i.contains(r)))return{targetAtPoint:l.resolveEditTargetAtPoint({isMenuTrigger:p,stamped:vn(!1,!1,e,t),observations:null}),hover:null};const g=s!==null&&r===s,f=g&&m?Ku(s):null,v=f===null?null:Zu(e,f,t),b=v===null?null:Wu({hover:v,layers:u.layers,scales:u.scales,parsingLocale:u.config.parsingLocale}),S=l.resolveEditTargetAtPoint({isMenuTrigger:p,stamped:vn(g,b!==null,e,t),observations:b});return{targetAtPoint:S,hover:S?.kind==="observations"?v:null}},Ku=e=>{const t=e.getBoundingClientRect();return t.width>0&&t.height>0?t:null},vn=(e,t,r,{paintsAnnotations:a,resolvesGuides:o,frameElement:i,scene:s})=>{if(!a&&s.coordSystem.type==="cartesian"&&e&&t)return null;const c=e||a?na(r.clientX,r.clientY,i):Xu(r.target,i);return c===null?null:(c.kind==="annotation"?a:o)?c:null},Xu=(e,t)=>e instanceof Element?l.readStampedEditTargetInStack([e],t):null,Zu=(e,t,r)=>{const a={x:e.clientX-t.left,y:e.clientY-t.top};return r.engine.query((0,h.toPanelCursor)(a,t),r.tolerance,t)},Yu=class extends be{constructor(...e){super(...e),this.kind="move-drag"}readOwn(e){return l.readMovedAnnotationFor(l.readStanding(e,"move-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:t,press:r,readInputs:a}=this.params,{annotations:o,panelRect:i}=a(),s=(0,h.findAnnotation)(o,t);if(s===null)return null;const c=(0,h.clampAnnotationTranslation)(s,$e(r,e,i));return c===null?null:{kind:"move-drag",annotationId:t,translation:c}}commit({translation:e}){const{annotationId:t,dispatch:r}=this.params;Hc(e)&&r(new h.MoveAnnotationCommand({id:t,translation:e}))}},Ju=(e,{canSelectGraph:t,isWithinFrame:r,caretAnnotationId:a})=>{switch(e?.kind){case"annotation":return e.target.id===a?{kind:"keep-caret"}:{kind:"select-annotation",target:e.target};case"axis":case"legend":case"grid":return{kind:"select-guide",target:e.target};case"observations":return Qu(e.observations);case"menu-trigger":case void 0:break}return t&&r?{kind:"select-graph",target:{kind:"graph"}}:{kind:"clear"}},Qu=({target:e,observationIndex:t,isOnObservation:r})=>e.scope==="x-value"?{kind:"select-band",target:e}:{kind:"select-observations",target:e,observationIndex:r?t:null},e0=(e,t,r,a,o)=>{const{commands:i,selectionStore:s,store:c}=l.useGraphContext(),d=l.useEditorStore(),m=l.useSceneSelector(S=>S.spec.annotations),u=l.MODE_SURFACES[l.useGraphMode()],p=l.useLatestRef(u.graphPress),g=l.useLatestRef({annotations:m,panelRect:r}),f=l.useLatestRef(t),v=l.useLatestRef(o),b=(0,x.useRef)(null);(0,x.useEffect)(()=>()=>b.current?.finish(!1),[]),(0,x.useEffect)(()=>s.subscribe(({selection:S})=>{const T=d.getState().pressedObservation,[w,...j]=S,C=w!==void 0&&j.length===0&&T!==null&&(0,h.areEditTargetsEqual)(w,T.selectedFor);T!==null&&!C&&d.getState().setPressedObservation(null)}),[d,s]),(0,x.useEffect)(()=>{const S=k=>ra({target:k.target,clientX:k.clientX,clientY:k.clientY},a()).targetAtPoint,T=k=>{if(!(k.target instanceof Element))return!1;const M=k.target.closest(l.LEGEND_OVERFLOW_CONTROL_SELECTOR);return M!==null&&e.contains(M)&&l.readStampedEditTargetInStack([k.target],e)===null},w=(k,M)=>{if(b.current!==null||!l.canMoveAnnotationOnCanvas(g.current.annotations,M.id))return;try{e.setPointerCapture(k.pointerId)}catch{return}k.preventDefault();const _=new Yu({handle:e,pointerId:k.pointerId,annotationId:M.id,press:{x:k.clientX,y:k.clientY},readInputs:()=>g.current,editorStore:d,dispatch:i.dispatch,onSettled:()=>{b.current=null}});b.current=_,_.start()},j=(k,M)=>{const _=s.getState(),{layers:R,config:I}=c.getState().scene,E=M.kind==="select-observations"&&M.observationIndex!==null?l.readPressedObservation(M.observationIndex,R,M.target,I.parsingLocale):null;switch(d.getState().setPressedObservation(E),M.kind){case"select-annotation":_.setSelection([M.target]),w(k,M.target);return;case"select-observations":case"select-band":case"select-guide":case"select-graph":_.setSelection([M.target]);return;case"clear":_.clearSelection();return;default:throw new h.InternalError({message:`No press outcome for: ${JSON.stringify(M)}`})}},C=k=>{if(k.button!==0||st(k.target)||dr(k,f.current,d.getState().menuTrigger)||T(k))return;const M=Ju(S(k),{canSelectGraph:p.current,isWithinFrame:k.target instanceof Node&&e.contains(k.target),caretAnnotationId:d.getState().caret?.annotationId??null});M.kind!=="keep-caret"&&(d.getState().setCaret(null),j(k,M))},P=k=>{if(st(k.target)||T(k))return;const M=S(k),{layers:_,guides:R,config:I}=c.getState().scene,E=s.getState(),y=d.getState();switch(M?.kind){case"observations":{const{observations:D}=M,$=qu(D,_,I.parsingLocale);if($===null)return;const{observationIndex:ne}=D;y.setPressedObservation({observationIndex:ne,predicate:$.predicate,selectedFor:$}),E.setSelection([$]);return}case"axis":case"legend":{const D=Hu(M,{layers:_,legends:R.legends.drawn,formattedAxes:v.current,parsingLocale:I.parsingLocale});if(D===null)return;E.setSelection([D]);return}case"annotation":{const{target:D}=M;if(!g.current.annotations.textAnnotations.some($=>$.id===D.id))return;E.setSelection([D]),y.setCaret(D.id);return}case"grid":case"menu-trigger":case void 0:return}};return document.addEventListener("pointerdown",C),document.addEventListener("dblclick",P),()=>{document.removeEventListener("pointerdown",C),document.removeEventListener("dblclick",P)}},[e,d,s,c,i,g,f,v,p,a])},t0=e=>{const{selectionStore:t,commands:r,chartId:a}=l.useGraphContext(),o=l.useEditorStore(),i=l.useLatestRef(l.useSceneSelector(u=>u.spec.annotations.textAnnotations)),{annotations:s}=l.MODE_SURFACES[l.useGraphMode()],c=(0,x.useCallback)(u=>{const{selection:p}=t.getState(),g=s?lt(p):null;g!==null&&(u.preventDefault(),r.dispatch(new h.RemoveAnnotationCommand({id:g})),e.focus({preventScroll:!0}))},[e,r,t,s]),d=(0,x.useCallback)(u=>{if(ke(u.target,a))return;const p=s?lt(t.getState().selection):null;p!==null&&i.current.some(g=>g.id===p)&&(u.preventDefault(),o.getState().setCaret(p))},[o,t,i,a,s]),m=(0,x.useCallback)(u=>{const p=o.getState(),g=p.standingInteraction?.kind;if(g!==void 0){g!=="chrome-popup"&&p.releaseInteraction(g);return}if(p.caret!==null){p.setCaret(null),e.focus({preventScroll:!0});return}return ke(u.target,a)?e.focus({preventScroll:!0}):t.getState().clearSelection()},[o,t,e,a]);(0,x.useEffect)(()=>{const u=p=>{if(!ge(p.target,e,a)||cr(p.target))return;const g=n0(p.target),f=o.getState().caret!==null&&!ke(p.target,a);if(!(g&&!f))switch(p.key){case"Escape":return m(p);case"Enter":return g?void 0:d(p);case"Delete":case"Backspace":return g?void 0:c(p);default:return}};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[e,c,d,m,a,o])},n0=e=>e instanceof HTMLElement&&(e.isContentEditable||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement),r0=(e,t)=>{const r=l.useEditorStore(),{store:a}=l.useGraphContext(),{engine:o,overlayRef:i}=l.useHoverContext(),s=l.useLatestRef(t),{annotations:c,observationsPress:d,guidePress:m,tolerance:u}=l.MODE_SURFACES[l.useGraphMode()],p=l.useIsIntroWaitingForView(),g=d&&!p;return(0,x.useCallback)(()=>({frameElement:e,captureRect:i.current,panelOrigin:s.current,menuTrigger:r.getState().menuTrigger,resolvesGuides:m,paintsAnnotations:c,resolvesObservations:g,engine:o,tolerance:u??void 0,scene:a.getState().scene}),[e,i,s,r,m,c,g,o,u,a])},a0=()=>{const e=l.MODE_SURFACES[l.useGraphMode()].observationMenu,t=l.useHoverState(s=>e?s.hover.primary:null),{layers:r,coordSystem:a}=l.useSceneSelector((0,ee.useShallow)(s=>({layers:s.layers,coordSystem:s.coordSystem}))),{anchorResolver:o}=l.useGraphContext(),i=l.useGeomReaderTree();return(0,x.useMemo)(()=>{if(t===null)return null;const s=r.find(m=>m.id===t.layerId);if(s===void 0)return null;const c=o.resolve(s.geom,t.observation,{coordSystem:a,position:s.position,purpose:"pin"});if(c===null)return null;const d=(0,h.createObservationAnchorBuilder)(s)(t.observation);return d===null?null:{position:c,color:(0,h.readGeomColor)({geom:i},s,t.observation)??h.DEFAULT_GEOM_COLOR,layer:s,at:d,observation:t.observation}},[t,r,a,o,i])},o0={kind:"idle"},aa=()=>{const e=l.useEditorState(a=>a.standingInteraction),t=l.useEditorState(a=>a.editTargetUnderPointer?.kind==="menu-trigger"),r=a0();return(0,x.useMemo)(()=>e!==null?e:r===null?o0:{kind:"trigger",anchor:r,isEngaged:t},[e,r,t])},i0=(e,t)=>e.x>=0&&e.x<=t.width&&e.y>=0&&e.y<=t.height,s0=(e,t,r)=>{const a=l.useEditorStore(),{selectionStore:o}=l.useGraphContext(),{store:i,engine:s}=l.useHoverContext(),c=l.useLatestRef(e),d=l.useLatestRef(t),m=l.useLatestRef(r);(0,x.useEffect)(()=>{const u=b=>dr(b,d.current,a.getState().menuTrigger),p=b=>{if(u(b)||o.getState().selection.length>0)return;const S=m.current,T=d.current,w={x:b.clientX-T.x,y:b.clientY-T.y},j=i0(w,S)?s.query((0,h.toPanelCursor)(w,S)):h.RESTING_HOVER_STATE;i.getState().setHoverState(j)};let g=!1;const f=()=>{g=c.current.kind==="menu"},v=b=>{if(st(b.target))return;const{claimInteraction:S,releaseInteraction:T}=a.getState();if(!u(b)||g){T("menu"),g&&p(b);return}const w=c.current;w.kind==="trigger"&&S({kind:"menu",anchor:w.anchor})};return document.addEventListener("pointerdown",f,!0),document.addEventListener("click",v),()=>{document.removeEventListener("pointerdown",f,!0),document.removeEventListener("click",v)}},[a,o,c,i,s,d,m])},l0=(e,t,r)=>{const a=l.useEditorStore(),{store:o}=l.useGraphContext(),{store:i}=l.useHoverContext(),s=l.useLatestRef(t),c=l.MODE_SURFACES[l.useGraphMode()].observationsPress;(0,x.useEffect)(()=>(i.getState().setQueryOwnedByEditor(c),()=>i.getState().setQueryOwnedByEditor(!1)),[i,c]),(0,x.useEffect)(()=>{let d=null,m=null,u=!1;const p=C=>{if(!c)return;const P=i.getState();P.isPointerSuspended||C===null&&P.hover.primary===null||P.setHoverState(C??h.RESTING_HOVER_STATE)},g=()=>{if(d=null,m===null)return;const C=a.getState();if(Ae(C.standingInteraction)){const M=C.menuTrigger!==null&&(0,h.isPointWithinEditMenuTrigger)({x:m.clientX-s.current.x,y:m.clientY-s.current.y},C.menuTrigger),_=C.editTargetUnderPointer;M?C.setEditTargetUnderPointer({kind:"menu-trigger"}):_?.kind==="menu-trigger"&&C.setEditTargetUnderPointer(null);return}u&&(u=!1,m={...m,target:c0(m)});const{targetAtPoint:P,hover:k}=ra(m,r());C.setEditTargetUnderPointer(P),p(k)},f=()=>{d===null&&(d=requestAnimationFrame(g))},v=()=>{m!==null&&(u=!0,f())},b=()=>{a.getState().setEditTargetUnderPointer(null),p(null)},S=C=>{m={target:C.target,clientX:C.clientX,clientY:C.clientY},u=!1,f()},T=()=>{m=null,d!==null&&(cancelAnimationFrame(d),d=null),b()},w=a.subscribe((C,P)=>{Ae(P.standingInteraction)&&!Ae(C.standingInteraction)&&v()}),j=o.subscribe((C,P)=>{C.scene!==P.scene&&(Ae(a.getState().standingInteraction)||v())});return e.addEventListener("pointermove",S),e.addEventListener("pointerleave",T),()=>{d!==null&&cancelAnimationFrame(d),w(),j(),e.removeEventListener("pointermove",S),e.removeEventListener("pointerleave",T),b()}},[e,a,o,i,s,c,r])},c0=e=>typeof document.elementFromPoint=="function"?document.elementFromPoint(e.clientX,e.clientY):e.target,Ae=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}},fn="editor",bn=[],d0=(e,t,r,a,o)=>{const i=aa(),{store:s}=l.useHoverContext(),c=l.useGraphSelection().length>0,d=l.MODE_SURFACES[l.useGraphMode()].holdsHoverWhileSelected,m=l.useEditorState(v=>v.menuTrigger),u=i.kind==="menu",p=(0,x.useMemo)(()=>m===null?bn:[(0,h.buildEditMenuTriggerRegion)(m)],[m]),g=r0(e,t);l0(e,t,g),e0(e,t,r,g,o),s0(i,t,r),zu(e),t0(e),Fu(e,a),(0,x.useEffect)(()=>(s.getState().publishPointerRegions(fn,p),()=>s.getState().publishPointerRegions(fn,bn)),[s,p]);const f=u||c&&d;(0,x.useEffect)(()=>(s.getState().setPointerSuspended(f),()=>s.getState().setPointerSuspended(!1)),[s,f]),(0,x.useEffect)(()=>{if(!c||!d)return;const v=s.getState();v.setHoverState(h.RESTING_HOVER_STATE),v.setTooltipAnchor(null)},[s,c,d])},u0=({frameElement:e,panelRect:t,formattedAxes:r,shouldAnimateTransitions:a})=>{const{measureRef:o,screenRect:i}=l.useElementScreenRect(),{selectionStore:s}=l.useGraphContext(),c=l.useEditorStore(),d=l.useEditorState(p=>p.caret?.annotationId??null),m=l.useGraphMode(),u=(0,x.useRef)(m);return(0,x.useEffect)(()=>(o(e),()=>o(null)),[o,e]),(0,x.useEffect)(()=>()=>{const p=c.getState();p.releaseInteraction("menu"),p.setCaret(null),p.setPressedObservation(null)},[c]),(0,x.useEffect)(()=>{if(u.current===m)return;u.current=m;const p=c.getState();p.releaseInteraction("menu"),p.setCaret(null),p.setEditTargetUnderPointer(null),s.getState().clearSelection()},[m,c,s]),i===null?null:(0,n.jsxs)(Zs,{children:[d!==null&&(0,n.jsx)(h0,{annotationId:d,panelRect:t}),(0,n.jsx)(p0,{frameElement:e,frameRect:i,panelRect:t,formattedAxes:r,shouldAnimateTransitions:a})]})},h0=({annotationId:e,panelRect:t})=>{const r=l.useEditorStore(),{textAnnotations:a}=l.useResolvedAnnotations(t);return(0,x.useEffect)(()=>{a.some(({id:o})=>o===e)||r.getState().setCaret(null)},[e,a,r]),null},p0=({frameElement:e,frameRect:t,panelRect:r,formattedAxes:a,shouldAnimateTransitions:o})=>{const i=(0,x.useMemo)(()=>({x:t.left+r.x,y:t.top+r.y}),[t.left,t.top,r.x,r.y]),[s,c]=(0,x.useState)(null);return d0(e,i,r,s,a),(0,n.jsx)(m0,{frameElement:e,frameRect:t,panelOrigin:i,panelRect:r,boxRef:c,shouldAnimateTransitions:o})},m0=({frameElement:e,frameRect:t,panelOrigin:r,panelRect:a,boxRef:o,shouldAnimateTransitions:i})=>{const s=ze(),c=aa(),{annotations:d,editOutline:m,overlayMenu:u}=l.MODE_SURFACES[l.useGraphMode()],p=(0,x.useMemo)(()=>({width:t.width,height:t.height}),[t.width,t.height]);return(0,n.jsxs)(n.Fragment,{children:[m&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ns,{frameElement:e,frameSize:p,panelRect:a,shouldAnimateTransitions:i}),(0,n.jsx)(Ll,{frameRect:t})]}),(0,n.jsx)(l.OverlayPortal,{rect:t,zIndex:l.Z_INDEX.editorOverlay,container:s,"data-testid":"editor-overlay",boxRef:o,children:(0,n.jsxs)(l.PortalThemeProvider,{children:[d&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(yd,{panelRect:a,panelOrigin:r,frameRect:t,frameElement:e}),(0,n.jsx)(qd,{panelRect:a,frameRect:t,frameElement:e}),(0,n.jsx)(Kc,{panelRect:a,frameRect:t,frameElement:e}),(0,n.jsx)(ju,{panelRect:a,frameRect:t,frameElement:e}),(0,n.jsx)(Ld,{panelRect:a}),(0,n.jsx)(Nd,{panelRect:a}),(0,n.jsx)(gc,{panelRect:a}),(0,n.jsx)(Pd,{panelRect:a})]}),(0,n.jsx)(_u,{interaction:c,panelRect:a}),(0,n.jsx)(dc,{interaction:c,frameElement:e,panelRect:a}),u&&(0,n.jsx)(Pl,{frameElement:e})]})})]})},g0=({slots:e,mode:t,...r})=>(0,n.jsx)(Fn,{locale:l.useGraphLocale(),children:(0,n.jsx)(l.EditorProvider,{children:(0,n.jsx)(l.InlineEditorsProvider,{editors:Zi,children:(0,n.jsx)(l.GraphRendererBody,{slots:(0,x.useMemo)(()=>({EditorSurface:u0,...e}),[e]),mode:t,...r})})})});var x0={default:"woi4bh4 woi4bh3",tile:"woi4bh5 woi4bh3"},oa=({label:e,icon:t,onClick:r,variant:a="default",isDisabled:o,ariaLabel:i,ariaLabelledBy:s,id:c})=>{const d=oe({id:c,ariaLabel:i,ariaLabelledBy:s}),m=a==="tile";return(0,n.jsxs)("button",{type:"button",className:x0[a],disabled:o,onClick:r,...d,children:[t!==void 0&&(0,n.jsx)("span",{className:"woi4bh0",children:t}),e!==void 0&&(0,n.jsx)("span",{className:m?"woi4bh2":"woi4bh1",children:e})]})},Lt=(0,x.createContext)(null),F=()=>{const e=(0,x.useContext)(Lt);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},ia=({children:e,onKeyDown:t,...r})=>{const a=(0,x.useContext)(Lt),o=i=>{if(t?.(i),!a||i.defaultPrevented)return;const s=l.resolveHistoryStep(i.nativeEvent);s&&(i.preventDefault(),s==="undo"?a.undo():a.redo())};return(0,n.jsx)("div",{onKeyDown:o,...r,children:e})},v0="eh8dvc0",f0="eh8dvc1 uz3g760",b0="eh8dvc2 uz3g761";var sa=({value:e,onChange:t,onCommit:r,min:a,max:o,step:i,placeholder:s,prefix:c,suffix:d,isDisabled:m,hasError:u,ariaLabel:p,ariaLabelledBy:g,id:f})=>{const v=oe({id:f,ariaLabel:p,ariaLabelledBy:g}),{commitUnlessHeldKey:b,gestureHandlers:S}=He(r);return(0,n.jsx)(Dt.NumberField.Root,{className:v0,value:e,onValueChange:T=>t(T),onValueCommitted:(T,w)=>{b(w.reason===br)},min:a,max:o,step:i,disabled:m,children:(0,n.jsxs)(ia,{className:f0,"data-error":u===!0,"data-disabled":m===!0?"":void 0,children:[c!==void 0&&(0,n.jsx)("span",{className:"eh8dvc3",children:c}),(0,n.jsx)(Dt.NumberField.Input,{className:b0,placeholder:s,...S,"aria-invalid":u===!0?!0:void 0,...v}),d!==void 0&&(0,n.jsx)("span",{className:"eh8dvc3",children:d})]})})},S0="_1b7s5f0",ce={1:"_1b7s5f1",2:"_1b7s5f2",3:"_1b7s5f3",4:"_1b7s5f4",5:"_1b7s5f5",6:"_1b7s5f6"},y0="_1b7s5f7";var C0=6,la=({options:e,value:t,onChange:r,onCommit:a,columns:o,itemLayout:i="tile",isDisabled:s,ariaLabel:c,ariaLabelledBy:d,id:m})=>{const u=oe({id:m,ariaLabel:c,ariaLabelledBy:d}),p=i==="swatch",{commitAfterChange:g,gestureHandlers:f}=He(a);return(0,n.jsx)(Dn.RadioGroup,{className:(0,K.default)(S0,j0(o??e.length)),value:t,onValueChange:v=>{r(v),g()},...f,disabled:s,...u,children:e.map(v=>(0,n.jsxs)(Nn.Radio.Root,{value:v.value,disabled:v.isDisabled,className:(0,K.default)(y0,p&&"_1b7s5f8"),"aria-label":p?v.label:void 0,children:[v.icon,!p&&(0,n.jsx)("span",{className:"_1b7s5f9",children:v.label})]},v.value))})},j0=e=>{switch(Math.min(Math.max(Math.round(e),1),C0)){case 1:return ce[1];case 2:return ce[2];case 3:return ce[3];case 4:return ce[4];case 5:return ce[5];default:return ce[6]}},T0="_1g5x15w0 uz3g760",w0="_1g5x15w1",A0="_1g5x15w2",Sn="_1g5x15w3",k0="_1g5x15w4",P0="_1g5x15w5",L0="_1g5x15w6",I0="_1g5x15w7";var ca=({options:e,value:t,onChange:r,placeholder:a,isDisabled:o,hasError:i,ariaLabel:s,ariaLabelledBy:c,id:d})=>{const m=oe({id:d,ariaLabel:s,ariaLabelledBy:c});return(0,n.jsxs)(Y.Select.Root,{value:t,onValueChange:u=>u!==null&&r(u),disabled:o,items:e.map(u=>({value:u.value,label:u.label})),children:[(0,n.jsxs)(Y.Select.Trigger,{className:T0,"data-error":i===!0,...m,children:[(0,n.jsx)(Y.Select.Value,{className:w0,children:u=>E0(e,u,a)}),(0,n.jsx)(Y.Select.Icon,{className:Sn,children:(0,n.jsx)(ve,{size:"sm"})})]}),(0,n.jsx)(Y.Select.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(Y.Select.Positioner,{className:k0,sideOffset:4,alignItemWithTrigger:!1,children:(0,n.jsx)(Y.Select.Popup,{className:P0,children:e.map(u=>(0,n.jsxs)(Y.Select.Item,{value:u.value,disabled:u.isDisabled,className:L0,children:[u.icon,(0,n.jsxs)("span",{className:I0,children:[(0,n.jsx)(Y.Select.ItemText,{children:u.label}),u.description!==void 0&&(0,n.jsx)("span",{className:"_1g5x15w8",children:u.description})]}),(0,n.jsx)(Y.Select.ItemIndicator,{className:Sn,children:(0,n.jsx)(Qn,{size:"sm"})})]},u.value))})})})})]})},E0=(e,t,r)=>t===null?(0,n.jsx)("span",{className:A0,children:r}):M0(e,t),M0=(e,t)=>e.find(r=>r.value===t)?.label??t,R0="vod76w0",O0="vod76w1",_0="vod76w2",N0="vod76w3",D0="vod76w4",F0="vod76w5";var da=({value:e,onChange:t,onCommit:r,min:a,max:o,step:i,suffix:s,formatValue:c,showValue:d=!0,isDisabled:m,ariaLabel:u,ariaLabelledBy:p})=>{const g=oe({ariaLabel:u,ariaLabelledBy:p},!1),f=B0(e,s,c),{commitUnlessHeldKey:v,gestureHandlers:b}=He(r);return(0,n.jsxs)("div",{className:R0,children:[(0,n.jsx)(Q.Slider.Root,{className:O0,value:e,onValueChange:S=>t(S),onValueCommitted:(S,T)=>{v(T.reason===br)},min:a,max:o,step:i,disabled:m,children:(0,n.jsx)(Q.Slider.Control,{className:_0,children:(0,n.jsxs)(Q.Slider.Track,{className:N0,children:[(0,n.jsx)(Q.Slider.Indicator,{className:D0}),(0,n.jsx)(Q.Slider.Thumb,{className:F0,...b,...g})]})})}),d&&(0,n.jsx)("span",{className:"vod76w6",children:f})]})},B0=(e,t,r)=>r!==void 0?r(e):`${e}${t??""}`,z0="_1hyrlw60",H0="_1hyrlw61",ua=({isChecked:e,onChange:t,isDisabled:r,ariaLabel:a,ariaLabelledBy:o,id:i})=>{const s=oe({id:i,ariaLabel:a,ariaLabelledBy:o});return(0,n.jsx)(Ft.Switch.Root,{checked:e,onCheckedChange:c=>t(c),disabled:r,className:z0,...s,children:(0,n.jsx)(Ft.Switch.Thumb,{className:H0})})},G0="uz3g761",V0="tpcnun0 uz3g760",ha=({value:e,onChange:t,onCommit:r,placeholder:a,isDisabled:o,hasError:i,ariaLabel:s,ariaLabelledBy:c,id:d})=>{const m=oe({id:d,ariaLabel:s,ariaLabelledBy:c});return(0,n.jsx)(ia,{className:V0,"data-error":i===!0,children:(0,n.jsx)(Ja.Input,{className:G0,value:e,onValueChange:u=>t(u),onBlur:r,placeholder:a,disabled:o,"aria-invalid":i===!0?!0:void 0,...m})})},$0={ToggleGroup:Ct,Switch:ua,Slider:da,RadioGrid:la,Button:oa,TextField:ha,NumberField:sa,Select:ca},ut=(0,x.createContext)($0),pa=({controls:e,children:t})=>{const r=(0,x.useContext)(ut),a=(0,x.useMemo)(()=>({ToggleGroup:e?.ToggleGroup??r.ToggleGroup,Switch:e?.Switch??r.Switch,Slider:e?.Slider??r.Slider,RadioGrid:e?.RadioGrid??r.RadioGrid,Button:e?.Button??r.Button,TextField:e?.TextField??r.TextField,NumberField:e?.NumberField??r.NumberField,Select:e?.Select??r.Select}),[r,e?.ToggleGroup,e?.Switch,e?.Slider,e?.RadioGrid,e?.Button,e?.TextField,e?.NumberField,e?.Select]);return(0,n.jsx)(ut.Provider,{value:a,children:t})},B=()=>(0,x.useContext)(ut),U0="_12lhx9e0",ma=({children:e})=>(0,n.jsx)("div",{className:U0,children:e}),W0="_139ohwv0",V=({children:e})=>(0,n.jsx)("div",{className:W0,children:e}),ga=(0,x.createContext)(null),q0=ga.Provider,xa=()=>{const e=(0,x.useContext)(ga);if(!e)throw new Error("A section must be rendered inside <EditorPanel.Root>.");return e},K0="_1jlczkt0",va="data-graphy-editor-panel",X0={List:V,Grid:ma};function Z0(e){if(e===void 0)return!1;const t=e.split(/\s+/);return t.includes("_1ii3bsb0")||t.includes("_1ii3bsb1")}var Y0=({handle:e,children:t,controls:r,defaultExpandedSection:a=void 0,className:o})=>{const i=l.useGraphHandle(e),{themeClass:s,inlineVarsStyle:c}=l.useThemeContext(),[d,m]=(0,x.useState)(()=>a?[a]:[]),u=(0,x.useMemo)(()=>({expandSection:p=>m([p]),collapseAllSections:()=>m([])}),[]);return(0,n.jsx)(Lt.Provider,{value:i,children:(0,n.jsx)(pa,{controls:r,children:(0,n.jsx)(q0,{value:u,children:(0,n.jsx)(pe.Accordion.Root,{[va]:"",className:(0,K.default)(K0,o,{[s]:!Z0(o)}),style:c,value:d,onValueChange:p=>m(p),children:t})})})})},It={Root:Y0,Controls:X0},yn={stack:"pr583x0",grid:"pr583x1"},Cn="pr583x2",J0={plain:"pr583x4 pr583x3",withIcon:"pr583x5 pr583x3"},A=({label:e,layout:t="grid",icon:r,children:a})=>{const o=(0,x.useId)(),i=(0,x.useId)();return e===void 0?(0,n.jsx)(it,{className:yn[t],children:(0,n.jsx)("div",{className:Cn,children:a})}):(0,n.jsxs)(it,{className:yn[t],children:[(0,n.jsxs)("label",{id:o,htmlFor:i,className:J0[r===void 0?"plain":"withIcon"],children:[r!==void 0&&(0,n.jsx)("span",{"aria-hidden":"true",children:r}),e]}),(0,n.jsx)("div",{className:Cn,children:(0,n.jsx)(fr,{labelId:o,controlId:i,children:a})})]})},Q0="_2m7wuq0",eh=()=>(0,n.jsx)(Qa.Separator,{className:Q0}),th=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"m9 6 6 6-6 6"})})}),Et="_40zvwv0",Mt="_40zvwv1",nh="_40zvwv2",fa="_40zvwv3",rh="_40zvwv4 _40zvwv3";var ah="_40zvwv6";var oh="_40zvwv8",z=({title:e,layout:t="fixed",preview:r,accessory:a,onOpenChange:o,children:i})=>t==="collapsible"?(0,n.jsx)(sh,{title:e,preview:r,accessory:a,onOpenChange:o,children:i}):t==="inline"&&r===void 0?(0,n.jsx)(ih,{title:e,accessory:a,children:i}):(0,n.jsxs)("div",{className:Et,children:[(0,n.jsxs)("div",{className:Mt,children:[(0,n.jsx)("span",{className:fa,children:e}),r!==void 0&&(0,n.jsx)("span",{className:"_40zvwv5",children:r}),a!==void 0&&(0,n.jsx)("span",{className:"_40zvwv7",children:a})]}),(0,n.jsx)("div",{children:i})]}),ih=({title:e,accessory:t,children:r})=>{const a=(0,x.useId)(),o=(0,x.useId)();return(0,n.jsx)("div",{className:Et,children:(0,n.jsxs)("div",{className:Mt,children:[(0,n.jsx)("label",{id:a,htmlFor:o,className:rh,children:e}),(0,n.jsx)("span",{className:ah,children:(0,n.jsx)(fr,{labelId:a,controlId:o,children:r})}),t!==void 0&&(0,n.jsx)("span",{className:"_40zvwv7",children:t})]})})},sh=({title:e,preview:t,accessory:r,onOpenChange:a,children:o})=>{const i=l.useI18n();return(0,n.jsxs)(pe.Accordion.Item,{value:e,className:Et,onOpenChange:a,children:[(0,n.jsxs)(pe.Accordion.Header,{className:Mt,render:(0,n.jsx)("div",{}),children:[(0,n.jsx)(pe.Accordion.Trigger,{className:nh,"aria-label":i("editor.accessibility.toggleSection",{title:e})}),(0,n.jsx)("span",{className:fa,children:e}),t!==void 0&&(0,n.jsx)("span",{className:"_40zvwv5",children:t}),r!==void 0&&(0,n.jsx)("span",{className:"_40zvwv7",children:r}),(0,n.jsx)("span",{className:oh,children:(0,n.jsx)(th,{size:"sm"})})]}),(0,n.jsx)(pe.Accordion.Panel,{children:(0,n.jsx)("div",{children:o})})]})},ba=({title:e,isChecked:t,onToggle:r,isDisabled:a,preview:o,children:i})=>{const{expandSection:s,collapseAllSections:c}=xa(),{Switch:d}=B(),m=p=>{r(p),p?s(e):c()},u=p=>{p&&!t&&a!==!0&&r(!0)};return(0,n.jsx)(z,{title:e,layout:"collapsible",preview:o,onOpenChange:u,accessory:(0,n.jsx)(d,{isChecked:t,onChange:m,isDisabled:a,ariaLabel:e}),children:i})},lh={horizontal:["bottom","top"],vertical:["left","right"]},ch={left:"editor.axesPanel.position.left",right:"editor.axesPanel.position.right",top:"editor.axesPanel.position.top",bottom:"editor.axesPanel.position.bottom"},dh={x:"editor.axesPanel.mainAxisSection.xAxis",y:"editor.axesPanel.mainAxisSection.yAxis"},ht=({axis:e,title:t,layout:r="collapsible",preview:a})=>{const o=F(),i=l.useHandleScene(o),s=l.useI18n(),{NumberField:c,Switch:d,TextField:m,ToggleGroup:u}=B();if(!i)return null;const p=i.coordSystem.type==="polar"?i.coordSystem.axisMapping[e].geometry:"linear",g=i.config.axes[e],f=i.scales[e],v=f?.spec,b=v?.scaleType==="continuous"?v:void 0;if(p==="circular"||p==="radial"&&b===void 0)return null;const S=v!==void 0&&"reverse"in v?v:void 0,T=v?.scaleType==="continuous"||v?.scaleType==="datetime",w=b!==void 0&&(0,h.isZeroAnchoredAxis)(i,e),j=b?.transform==="log",C=b?.domainMax??null,P=uh(b),k=(L,Z)=>L.map(Se=>({value:Se,label:Z(Se)})),M=i.guides.axes.find(L=>L.scaleAestheticKey===e)?.position,_=lh[M==="bottom"||M==="top"||M===void 0&&e==="x"?"horizontal":"vertical"],R=e==="y"?(0,h.readComboLineLayerId)(i.spec):null,I=R===null?void 0:(0,h.findLayerById)(i.spec.layers,R),E=i.guides.legends.drawn.some(L=>_.some(Z=>Z===L.position)),y=_.map(L=>({value:L,label:s(ch[L])})),D=k(["auto","edges"],L=>s(L==="edges"?"editor.axesPanel.labelMode.edges":"editor.axesPanel.labelMode.auto")),$=k(["linear","log"],L=>s(L==="log"?"editor.axesPanel.scale.log":"editor.axesPanel.scale.auto")),ne=k(["auto","zero","custom"],L=>s(L==="zero"?"editor.axesPanel.startFrom.zero":L==="custom"?"editor.axesPanel.startFrom.custom":"editor.axesPanel.startFrom.auto")),U=k(["auto","custom"],L=>s(L==="custom"?"editor.axesPanel.endAt.custom":"editor.axesPanel.endAt.auto")),le=k(["no","yes"],L=>s(L==="yes"?"editor.axesPanel.yesNo.yes":"editor.axesPanel.yesNo.no")),La=k(["single","double"],L=>s(L==="double"?"editor.axesPanel.axisCount.double":"editor.axesPanel.axisCount.single")),Ia=L=>{o.commands.dispatch(new h.SetAxisVisibilityCommand({axis:e,isVisible:L}))},Ea=L=>{o.commands.dispatch(new h.SetAxisLabelCommand({axis:e,label:L===""?null:L}),{transient:!0})},Ma=L=>{o.commands.dispatch(new h.SetAxisTicksVisibilityCommand({axis:e,isVisible:L}))},Ra=L=>{o.commands.dispatch(new h.SetAxisTickModeCommand({axis:e,tickMode:L==="edges"?"edges":"auto"}))},Oa=L=>{o.commands.dispatch(new h.SetScaleReverseCommand({scaledAesthetic:e,reverse:L==="yes"}))},_a=L=>{o.commands.dispatch(new h.SetScaleTransformCommand({scaledAesthetic:e,transform:L==="log"?"log":"linear"}))},_t=L=>{o.commands.dispatch(new h.SetScaleDomainCommand({scaledAesthetic:e,...L}),{transient:!0})},Na=L=>{L!==null&&_t({domainMin:L})},Da=L=>{L!==null&&_t({domainMax:L})},Fa=L=>{const Z=L==="auto"?null:L==="zero"?0:jn(f?.domain,"start");o.commands.dispatch(new h.SetScaleDomainCommand({scaledAesthetic:e,domainMin:Z}))},Ba=L=>{const Z=L==="custom"?jn(f?.domain,"end"):null;o.commands.dispatch(new h.SetScaleDomainCommand({scaledAesthetic:e,domainMax:Z}))},za=L=>{I!==void 0&&o.commands.dispatch(new h.SetLayerYScaleTypeCommand({layerId:I.id,yScaleType:L==="double"?"secondary":"primary"}))},Ha=L=>{const Z=_.find(Se=>Se===L);Z&&o.commands.dispatch(new h.SetAxisPositionCommand({axis:e,position:Z}))};return(0,n.jsx)(z,{title:t??s(dh[e]),layout:r,preview:a,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.visible"),children:(0,n.jsx)(d,{isChecked:g.isVisible,onChange:Ia})}),I!==void 0&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.numberOfAxes"),children:(0,n.jsx)(u,{value:I.yScaleType==="secondary"?"double":"single",options:La,onChange:za})}),p==="linear"&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.title"),children:(0,n.jsx)(m,{value:g.label??"",onChange:Ea,onCommit:o.commands.commit})}),(0,n.jsx)(A,{label:s("editor.axesPanel.controls.ticks"),children:(0,n.jsx)(d,{isChecked:g.ticks.isVisible,onChange:Ma})})]}),T&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.labels"),children:(0,n.jsx)(u,{value:g.ticks.mode,options:D,onChange:Ra})}),b&&p==="linear"&&!E&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.position"),children:(0,n.jsx)(u,{value:M??g.position,options:y,onChange:Ha})}),S!==void 0&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.reverse"),children:(0,n.jsx)(u,{value:S.reverse===!0?"yes":"no",options:le,onChange:Oa})}),b&&!w&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.scale"),children:(0,n.jsx)(u,{value:j?"log":"linear",options:$,onChange:_a})}),b&&!j&&(0,n.jsxs)(n.Fragment,{children:[!w&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.startFrom"),children:(0,n.jsx)(u,{value:P,options:ne,onChange:Fa})}),P!=="auto"&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.value"),children:(0,n.jsx)(c,{value:b.domainMin??null,onChange:Na,onCommit:o.commands.commit})})]}),(0,n.jsx)(A,{label:s("editor.axesPanel.controls.endAt"),children:(0,n.jsx)(u,{value:C===null?"auto":"custom",options:U,onChange:Ba})}),C!==null&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.value"),children:(0,n.jsx)(c,{value:C,onChange:Da,onCommit:o.commands.commit})})]})]})})},uh=e=>{const t=e?.domainMin??null;return t===null?"auto":t===0?"zero":"custom"},jn=(e,t)=>{const r=t==="start"?e?.[0]:e?.[e.length-1];return typeof r=="number"?r:0},Rt=({value:e,onChange:t})=>{const r=F(),a=l.useI18n(),{TextField:o}=B(),i=e!==null&&typeof e!="string",s=c=>t(c===""?null:c);return(0,n.jsx)(A,{label:a("editor.elementsPanel.contentValue"),children:(0,n.jsx)(o,{value:typeof e=="string"?e:"",onChange:s,onCommit:r.commands.commit,isDisabled:i})})},Sa=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=u=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"caption",isVisible:u}))},m=u=>{a.commands.dispatch(new h.SetContentCaptionCommand({caption:u}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.footerSection.caption"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isCaptionVisible,onChange:d})}),(0,n.jsx)(Rt,{value:c.caption,onChange:m})]})})},Tn=/^[a-z][a-z\d+.-]*:/i,hh={},ya=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=m=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"source",isVisible:m}))};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.sourceSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isSourceVisible,onChange:d})}),(0,n.jsx)(ph,{source:c.source??hh})]})})},ph=({source:e})=>{const t=F(),r=l.useI18n(),{TextField:a}=B(),o=d=>{const m=(d.label??"")!==""||(d.url??"")!=="";t.commands.dispatch(new h.SetContentSourceCommand({source:m?d:null}),{transient:!0})},i=()=>{const d=e.url??"";d!==""&&!Tn.test(d)&&o({...e,url:`https://${d}`}),t.commands.commit()},s=d=>o({...e,url:d}),c=d=>o({...e,label:d});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:r("editor.elementsPanel.sourceSection.url"),children:(0,n.jsx)(a,{value:e.url??"",onChange:s,onCommit:i,hasError:Tn.test(e.url??"")&&!(0,h.isSafeUrl)(e.url)})}),(0,n.jsx)(A,{label:r("editor.elementsPanel.sourceSection.name"),children:(0,n.jsx)(a,{value:e.label??"",onChange:c,onCommit:t.commands.commit})})]})},Ca=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=u=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"subtitle",isVisible:u}))},m=u=>{a.commands.dispatch(new h.SetContentSubtitleCommand({subtitle:u}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.subtitle"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isSubtitleVisible,onChange:d})}),(0,n.jsx)(Rt,{value:c.subtitle,onChange:m})]})})},Ue=e=>{const{colorScheme:t}=l.useThemeContext(),r=(0,x.useMemo)(()=>(0,h.createStyleResolver)({colorScheme:t}),[t]);return(0,x.useMemo)(()=>e===null?null:r.readers(e),[e,r])},Ot=(e,t,r)=>{const a=Ue(e);return(0,x.useMemo)(()=>{if(a===null||e===null||t===null)return null;const o=(0,h.findLayerById)(e.layers,t);return o===void 0?null:a.geom[r](o)},[a,e,t,r])},pt=[.8,1,1.2,1.4,1.6,1.8,2,2.5,3,4],mh=pt.length/2,gh={select:{target:"graph"}},ja=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{RadioGrid:s}=B(),c=Ue(o);if(!o||!c)return null;const d=c.graph().get("textScale"),m=g=>i("editor.elementsPanel.textSizeSection.scaleFormat",{value:`${g}`}),u=pt.map(g=>({value:`${g}`,label:m(g)})),p=g=>{const f=pt.find(b=>`${b}`===g);if(f===void 0)return;const v=(0,h.findStyleRule)(o.spec.styles.overrides,gh,(0,h.readStyleCoord)(o.spec))?.declarations??{};a.commands.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:{target:"graph"},declarations:{...v,textScale:f}}}))};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.textSizeSection.title"),layout:t,preview:r??m(d),children:(0,n.jsx)(s,{value:`${d}`,options:u,columns:mh,onChange:p,ariaLabel:i("editor.elementsPanel.textSizeSection.title")})})},Ta=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=u=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"title",isVisible:u}))},m=u=>{a.commands.dispatch(new h.SetContentTitleCommand({title:u}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.toggleTitle"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isTitleVisible,onChange:d})}),(0,n.jsx)(Rt,{value:c.title,onChange:m})]})})},xh=({children:e,...t})=>(0,n.jsx)(It.Root,{...t,children:e??(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ta,{}),(0,n.jsx)(Ca,{}),(0,n.jsx)(Sa,{}),(0,n.jsx)(ya,{}),(0,n.jsx)(ja,{})]})}),vh=({children:e,...t})=>(0,n.jsx)(It.Root,{...t,children:e??(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(ht,{axis:"x"}),(0,n.jsx)(ht,{axis:"y"})]})}),We=e=>`${e}px`,wa=e=>`${Math.round(e*100)}%`,fh=e=>`${e}°`,bh=24,Sh={select:{target:"graph"}},wn=["dim","desaturate"],yh=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s,ToggleGroup:c}=B(),d=Ue(o);if(!o||!d)return null;const m=d.graph().get("cornerRadius"),u=(0,h.readHighlightDimStyle)(o.spec),p=wn.map(v=>({value:v,label:i(v==="dim"?"editor.highlighting.highlightStyle.tint":"editor.highlighting.highlightStyle.gray")})),g=v=>{const b=(0,h.findStyleRule)(o.spec.styles.overrides,Sh,(0,h.readStyleCoord)(o.spec))?.declarations??{};a.commands.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:{target:"graph"},declarations:{...b,cornerRadius:v}}}),{transient:!0})},f=v=>{const b=wn.find(S=>S===v);b&&a.commands.dispatch(new h.SetHighlightDimStyleCommand({dimStyle:b}))};return(0,n.jsx)(z,{title:e??i("editor.colorPanel.appearanceSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.colorPanel.borderSection.cornerRadius"),children:(0,n.jsx)(s,{value:m,min:0,max:bh,step:1,formatValue:We,onChange:g,onCommit:a.commands.commit})}),(0,n.jsx)(A,{label:i("editor.colorPanel.appearanceSection.highlightStyle"),children:(0,n.jsx)(c,{value:u,options:p,onChange:f})})]})})},Ch=.05,jh=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s,ToggleGroup:c}=B(),d=o?(0,h.findLayerByGeom)(o.spec.layers,"bar"):void 0,m=Ot(o,d?.id??null,"bar");if(!o||!d||o.coordSystem.type==="polar"&&o.coordSystem.bandAxis===null)return null;const u=b=>{a.commands.dispatch(new h.SetBarWidthCommand({layerId:d.id,width:b}),{transient:!0})},p=b=>{const S=h.BORDER_RADIUS_TOKENS.find(T=>T===b);S&&a.commands.dispatch(new h.SetBarCornerRadiusCommand({layerId:d.id,cornerRadius:S}))},g=h.BORDER_RADIUS_TOKENS.map(b=>({value:b,label:i(`editor.graphPanel.barSection.roundingOptions.${b}`)})),f=(0,h.resolveBarBandFraction)(d.params,o.coordSystem.type),v=m?.get("cornerRadius")??h.DEFAULT_BAR_CORNER_RADIUS;return(0,n.jsx)(z,{title:e??i("editor.graphPanel.barSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.barSection.thickness"),children:(0,n.jsx)(s,{value:f,min:h.MIN_BAR_WIDTH_FRACTION,max:h.MAX_BAR_WIDTH_FRACTION,step:Ch,formatValue:wa,onChange:u,onCommit:a.commands.commit})}),(0,n.jsx)(A,{label:i("editor.graphPanel.barSection.rounding"),layout:"stack",children:(0,n.jsx)(c,{value:typeof v=="string"?v:"",options:g,onChange:p})})]})})},qe=({children:e})=>{const t=(0,x.useId)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("g",{filter:`url(#${t})`,children:e}),(0,n.jsx)("defs",{children:(0,n.jsxs)("filter",{id:t,x:"-20%",y:"-20%",width:"140%",height:"140%",children:[(0,n.jsx)("feDropShadow",{dx:"0",dy:"0",stdDeviation:"0.586",floodColor:"#0F0F18",floodOpacity:"0.12"}),(0,n.jsx)("feDropShadow",{dx:"0",dy:"1.172",stdDeviation:"0.586",floodColor:"#0E0E34",floodOpacity:"0.16"})]})})]})},Ke="qdaoth0",Th=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 31 33",...e,children:[(0,n.jsx)(qe,{children:(0,n.jsx)("path",{className:Ke,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,n.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"})]}),wh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 32 32",...e,children:(0,n.jsxs)(qe,{children:[(0,n.jsx)("path",{className:Ke,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,n.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"})]})}),Ah=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 32 33",...e,children:[(0,n.jsx)(qe,{children:(0,n.jsx)("path",{className:Ke,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,n.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"})]}),kh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 32 33",...e,children:[(0,n.jsx)(qe,{children:(0,n.jsx)("path",{className:Ke,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,n.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"})]}),Ph={x:.5,y:.5},Lh=.2,Ih={x:.375,y:.25,width:.25,height:.5},Eh={zOrder:"background"},Mh={x:.4,y:.6},Rh={x:.6,y:.4},Oh="relative-difference",_h=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Button:s}=B();if(!o)return null;const c=()=>{a.commands.dispatch(new h.AddAnnotationCommand({kind:"text",annotation:{...h.TEXT_ANNOTATION_DEFAULTS,content:Nh(i("editor.annotatePanel.callOutSection.text")),at:{anchorType:"panel",...Ph},width:Lh}}))},d=()=>{a.commands.dispatch(new h.AddAnnotationCommand({kind:"arrow",annotation:{...h.ARROW_DEFAULTS,start:{anchorType:"panel",...Mh},end:{anchorType:"panel",...Rh}}}))},m=()=>{a.commands.dispatch(new h.AddAnnotationCommand({kind:"shape",annotation:{...h.SHAPE_DEFAULTS,...Eh,region:{anchorType:"panel",...Ih}}}))},u=()=>{const g=(0,h.inferDefaultDifferenceArrowEndpoints)(o);g!==null&&a.commands.dispatch(new h.AddAnnotationCommand({kind:"differenceArrow",annotation:{...h.DIFFERENCE_ARROW_DEFAULTS,...g,label:Oh}}))},p=o.coordSystem.type==="cartesian";return(0,n.jsx)(z,{title:e??i("editor.annotatePanel.callOutSection.title"),layout:t,preview:r,children:(0,n.jsxs)(ma,{children:[(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(kh,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.text"),onClick:c}),(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(Th,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.arrow"),onClick:d}),(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(wh,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.box"),onClick:m}),p&&(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(Ah,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.difference"),onClick:u})]})})},Nh=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),Dh=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{ToggleGroup:s}=B();if(!o)return null;const c=(0,h.readChartType)(o.spec);if(c===null||!(0,h.isComboChartType)(c))return null;const d=h.COMBO_TYPES.map(u=>({value:u,label:i(`editor.graphPanel.comboSection.types.${u}`)})),m=u=>{const p=h.COMBO_TYPES.find(g=>g===u);p&&a.commands.dispatch(new h.SetChartTypeCommand({coordType:"cartesian",comboType:p}))};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.comboSection.title"),layout:t,preview:r??i(`editor.graphPanel.comboSection.types.${c.comboType}`),children:(0,n.jsx)(s,{value:c.comboType,options:d,onChange:m,ariaLabel:i("editor.graphPanel.comboSection.title")})})},Fh=.1,Bh=20,zh=({title:e,preview:t})=>{const r=F(),a=l.useHandleScene(r),o=l.useI18n(),{NumberField:i,TextField:s}=B();if(!a||a.coordSystem.type==="polar")return null;const c=(0,h.findGoalLineLayer)(a.spec.layers),d=e??o("editor.annotationsPanel.goalSection.title"),m=(0,h.readConstantValue)(c?.mapping.y),u=typeof m=="number"?m:null,p=v=>{const b=new h.ToggleGoalLineCommand({showGoalLine:v,value:Hh(a),...c!==void 0&&{layerId:c.id}});r.commands.dispatch(b)},g=v=>{if(c===void 0)return;const b=new h.SetRuleLabelCommand({layerId:c.id,label:v===""?null:v});r.commands.dispatch(b,{transient:!0})},f=v=>{if(c===void 0||v===null)return;const b=new h.SetRuleValueCommand({layerId:c.id,value:v});r.commands.dispatch(b,{transient:!0})};return(0,n.jsx)(ba,{title:d,preview:t,isChecked:c!==void 0,onToggle:p,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:o("editor.annotationsPanel.goalSection.labelControl"),children:(0,n.jsx)(s,{value:c?.params.label??"",placeholder:o("editor.annotationsPanel.goalSection.labelPlaceholder"),onChange:g,onCommit:r.commands.commit,ariaLabel:o("editor.annotationsPanel.goalSection.labelAriaLabel")})}),(0,n.jsx)(A,{label:o("editor.annotationsPanel.goalSection.valueControl"),children:(0,n.jsx)(i,{value:u,placeholder:o("editor.powerUpPanel.valueInput.numberPlaceholder"),onChange:f,onCommit:r.commands.commit,ariaLabel:o("editor.annotationsPanel.goalSection.valueAriaLabel")})})]})})},Hh=e=>{const t=(e.scales.y?.domain??[]).filter(s=>typeof s=="number");if(t.length===0)return 0;const r=Math.max(...t),a=r-Math.min(...t),o=a>0?a:Math.abs(r);if(o===0)return 0;const i=Math.min(Bh,Math.max(0,1-Math.floor(Math.log10(o))));return Number((r+o*Fh).toFixed(i))},Gh=({layerId:e,title:t,layout:r="collapsible",preview:a})=>{const o=F(),i=l.useHandleScene(o),s=l.useI18n(),{Switch:c}=B();if(!i)return null;const d=e===void 0?i.spec.layers[0]:(0,h.findLayerById)(i.spec.layers,e);if(!d)return null;const{showDataLabels:m,format:u,showStackTotals:p,showCategoryLabels:g}=d.dataLabels,f=i.coordSystem.type,v=f==="polar",b=d.geom==="bar",S=b&&!v&&d.position==="stack",T=b&&(!v||m),w=(0,h.findLayerById)(i.layers,d.id),j=w!==void 0&&o.canFormatDataLabelsAsPercentages(w,f);if(!o.canPlaceDataLabels(d.geom,f))return null;const C=_=>{const R=new h.ToggleDataLabelsCommand({layerId:d.id,showDataLabels:_});o.commands.dispatch(R)},P=_=>{const R=new h.SetDataLabelsFormatCommand({layerId:d.id,format:_?"percentage":"absolute"});o.commands.dispatch(R)},k=_=>{const R=new h.ToggleStackTotalsCommand({layerId:d.id,showStackTotals:_});o.commands.dispatch(R)},M=_=>{const R=new h.ToggleCategoryLabelsCommand({layerId:d.id,showCategoryLabels:_});o.commands.dispatch(R)};return(0,n.jsx)(z,{title:t??s("editor.graphPanel.graphOptionsSection.title"),layout:r,preview:a,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.dataLabels"),children:(0,n.jsx)(c,{isChecked:m,onChange:C})}),m&&j&&(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.showPercentages"),children:(0,n.jsx)(c,{isChecked:u==="percentage",onChange:P})}),S&&(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.stackTotals"),children:(0,n.jsx)(c,{isChecked:p,onChange:k})}),T&&(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.categoryLabels"),children:(0,n.jsx)(c,{isChecked:g,onChange:M})})]})})},Vh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M10.394 12.734 5.63 7.652 0 13.822V16h16V8.741z"}),(0,n.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"})]}),$h=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]})}),Uh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,n.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,n.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"})]})}),Wh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,n.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,n.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"})]})}),qh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Kh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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"})]}),Xh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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"})]}),Zh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsxs)("g",{fill:"currentColor",fillOpacity:"0.3",children:[(0,n.jsx)("rect",{width:"3.2",height:"6.5",y:"9.5",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"8.5",x:"4.267",y:"7.5",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"5",x:"8.533",y:"11",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"7.5",x:"12.8",y:"8.5",rx:".533"})]}),(0,n.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:"0.8",strokeWidth:".993",children:[(0,n.jsx)("path",{fill:"none",d:"M1.6 6.2 5.867 3.6l4.266 3.8 4.267-3"}),(0,n.jsx)("circle",{cx:"1.6",cy:"6.2",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"5.867",cy:"3.6",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"10.133",cy:"7.4",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"14.4",cy:"4.4",r:".9",stroke:"none"})]})]}),Yh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"none",stroke:"currentColor",strokeWidth:"5",transform:"rotate(-90 8 8)",children:[(0,n.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.3"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.6",strokeDasharray:"25 100"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.8",strokeDasharray:"25 100",strokeDashoffset:"-25"})]})}),Jh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("rect",{width:"4.267",height:"4.267",y:"0.533",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"0.533",fillOpacity:"0.55",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"0.533",fillOpacity:"0.2",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",y:"5.867",fillOpacity:"0.55",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"5.867",fillOpacity:"0.9",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"5.867",fillOpacity:"0.45",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",y:"11.2",fillOpacity:"0.2",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"11.2",fillOpacity:"0.45",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"11.2",fillOpacity:"0.75",rx:".533"})]})}),Qh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:".993",children:[(0,n.jsxs)("g",{fillOpacity:"0.3",strokeOpacity:"0.3",children:[(0,n.jsx)("path",{fill:"none",d:"M1.4 12.2 6 6.4l4.2 1.2 4.4-4.2"}),(0,n.jsx)("circle",{cx:"1.4",cy:"12.2",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"6",cy:"6.4",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"10.2",cy:"7.6",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"14.6",cy:"3.4",r:".9",stroke:"none"})]}),(0,n.jsxs)("g",{fillOpacity:"0.8",strokeOpacity:"0.8",children:[(0,n.jsx)("path",{fill:"none",d:"M1.4 5.6 6 11.4l4.2-1.2 4.4 1.2"}),(0,n.jsx)("circle",{cx:"1.4",cy:"5.6",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"6",cy:"11.4",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"10.2",cy:"10.2",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"14.6",cy:"11.4",r:".9",stroke:"none"})]})]})}),ep=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),tp=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"none",stroke:"currentColor",strokeLinejoin:"round",children:[(0,n.jsx)("polygon",{points:"8,0.5 15.13,5.68 12.41,14.07 3.59,14.07 0.87,5.68",strokeOpacity:"0.3",strokeWidth:".8"}),(0,n.jsx)("polygon",{points:"8,2.5 14.66,5.84 10.06,10.83 4.47,12.85 3.72,6.61",strokeOpacity:"0.8",strokeWidth:"1.2"})]})}),np=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("polygon",{points:"8,0.5 15.13,5.68 12.41,14.07 3.59,14.07 0.87,5.68",fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeOpacity:"0.3",strokeWidth:".8"}),(0,n.jsx)("polygon",{points:"8,2.5 14.66,5.84 10.06,10.83 4.47,12.85 3.72,6.61",fill:"currentColor",fillOpacity:"0.6"})]}),rp=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"none",stroke:"currentColor",strokeWidth:"1.5",transform:"rotate(-90 8 8)",children:[(0,n.jsxs)("g",{strokeOpacity:"0.2",children:[(0,n.jsx)("circle",{cx:"8",cy:"8",r:"6.6"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"4.4"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"2.2"})]}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"6.6",pathLength:"100",strokeDasharray:"72 100",strokeOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"4.4",pathLength:"100",strokeDasharray:"52 100",strokeOpacity:"0.6"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"2.2",pathLength:"100",strokeDasharray:"34 100",strokeOpacity:"0.45"})]})}),ap=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.75",d:"M8.4 7.31 8.4 1.01A7 7 0 0 1 13.85 4.16ZM8.8 8 13.64 5.2A6.3 6.3 0 0 1 13.64 10.8ZM8.4 8.69 12.64 11.14A5.6 5.6 0 0 1 8.4 13.59ZM7.6 8.69 7.6 12.78A4.8 4.8 0 0 1 4.06 10.74ZM7.2 8 4.27 9.69A4.1 4.1 0 0 1 4.27 6.31ZM7.6 7.31 5.19 5.92A3.5 3.5 0 0 1 7.6 4.52Z"})}),op=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{fillOpacity:"0.35",d:"M8.4 3.82 8.4 1.01A7 7 0 0 1 13.85 4.16L11.42 5.56A4.2 4.2 0 0 0 8.4 3.82ZM11.46 6.47 13.64 5.2A6.3 6.3 0 0 1 13.64 10.8L11.46 9.53A3.78 3.78 0 0 0 11.46 6.47ZM10.69 10.01 12.64 11.14A5.6 5.6 0 0 1 8.4 13.59L8.4 11.34A3.36 3.36 0 0 0 10.69 10.01ZM7.6 10.85 7.6 12.78A4.8 4.8 0 0 1 4.06 10.74L5.73 9.77A2.88 2.88 0 0 0 7.6 10.85ZM5.7 8.87 4.27 9.69A4.1 4.1 0 0 1 4.27 6.31L5.7 7.13A2.46 2.46 0 0 0 5.7 8.87ZM6.41 6.62 5.19 5.92A3.5 3.5 0 0 1 7.6 4.52L7.6 5.94A2.1 2.1 0 0 0 6.41 6.62Z"}),(0,n.jsx)("path",{fillOpacity:"0.9",d:"M8.4 7.31 8.4 3.82A4.2 4.2 0 0 1 11.42 5.56ZM8.8 8 11.46 6.47A3.78 3.78 0 0 1 11.46 9.53ZM8.4 8.69 10.69 10.01A3.36 3.36 0 0 1 8.4 11.34ZM7.6 8.69 7.6 10.85A2.88 2.88 0 0 1 5.73 9.77ZM7.2 8 5.7 8.87A2.46 2.46 0 0 1 5.7 7.13ZM7.6 7.31 6.41 6.62A2.1 2.1 0 0 1 7.6 5.94Z"})]})}),ip=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",children:[(0,n.jsx)("circle",{cx:"1.028",cy:"13.897",r:"1.028"}),(0,n.jsx)("circle",{cx:"2.57",cy:"8.243",r:"1.028"}),(0,n.jsx)("circle",{cx:"5.653",cy:"12.355",r:"1.028"}),(0,n.jsx)("circle",{cx:"8.223",cy:"8.243",r:"1.028"}),(0,n.jsx)("circle",{cx:"9.252",cy:"3.618",r:"1.028"}),(0,n.jsx)("circle",{cx:"12.849",cy:"7.215",r:"1.028"}),(0,n.jsx)("circle",{cx:"14.905",cy:"1.561",r:"1.028"})]})}),sp=.55,lp=.15,mt=[{name:"column",icon:qh,summary:{coordType:"cartesian",geom:"bar",position:"dodge"}},{name:"columnStacked",icon:Xh,summary:{coordType:"cartesian",geom:"bar",position:"stack"}},{name:"columnStackedFill",icon:Kh,summary:{coordType:"cartesian",geom:"bar",position:"fill"}},{name:"bar",icon:$h,summary:{coordType:"flip",geom:"bar",position:"dodge"}},{name:"barStacked",icon:Wh,summary:{coordType:"flip",geom:"bar",position:"stack"}},{name:"barStackedFill",icon:Uh,summary:{coordType:"flip",geom:"bar",position:"fill"}},{name:"line",icon:Qh,summary:{coordType:"cartesian",geom:"line",position:"identity"}},{name:"areaStacked",icon:Vh,summary:{coordType:"cartesian",geom:"area",position:"stack"}},{name:"combo",icon:Zh,summary:{coordType:"cartesian",comboType:"grouped-bars"}},{name:"scatter",icon:ip,summary:{coordType:"cartesian",geom:"point",position:"identity"}},{name:"pie",icon:ep,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:0}},{name:"donut",icon:Yh,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:sp}},{name:"radialBar",icon:rp,summary:{coordType:"polar",geom:"bar",position:"stack",theta:"y",innerRadius:lp}},{name:"rose",icon:ap,summary:{coordType:"polar",geom:"bar",position:"dodge",theta:"x",innerRadius:0}},{name:"roseStacked",icon:op,summary:{coordType:"polar",geom:"bar",position:"stack",theta:"x",innerRadius:0}},{name:"radar",icon:tp,summary:{coordType:"polar",geom:"line",position:"identity",theta:"x",innerRadius:0}},{name:"radarFilled",icon:np,summary:{coordType:"polar",geom:"area",position:"identity",theta:"x",innerRadius:0}},{name:"heatmap",icon:Jh,summary:{coordType:"cartesian",geom:"tile",position:"identity"}}],cp=.05,dp=e=>e===null?null:mt.find(t=>hp(t.summary,e))??null,up=(e,t)=>{const{summary:r}=e;return t===null||(0,h.isComboChartType)(r)?r:r.position==="dodge"&&Aa(t)?{...r,position:"identity"}:r.coordType!=="polar"||!_e(r.innerRadius)||t.coordType!=="polar"||!_e(t.innerRadius)?r:{...r,innerRadius:t.innerRadius}},Aa=e=>!(0,h.isComboChartType)(e)&&e.geom==="bar"&&e.position==="identity",hp=(e,t)=>{if((0,h.isComboChartType)(e)||(0,h.isComboChartType)(t))return(0,h.isComboChartType)(e)&&(0,h.isComboChartType)(t);const r=e.position===t.position||e.position==="dodge"&&Aa(t);return e.coordType!==t.coordType||e.geom!==t.geom||!r?!1:e.coordType!=="polar"||t.coordType!=="polar"?!0:e.theta===t.theta&&_e(e.innerRadius)===_e(t.innerRadius)},_e=e=>e>=cp,pp=3,mp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{RadioGrid:s}=B(),c=(0,x.useMemo)(()=>mt.map(({name:p,icon:g})=>({value:p,label:i(`editor.graphTypes.${p}`),icon:(0,n.jsx)(g,{size:"md"}),isDisabled:p==="combo"&&!(0,h.canBecomeCombo)(o?.spec)||p==="heatmap"&&!(0,h.canBecomeHeatmap)(o?.spec)})),[i,o]);if(!o)return null;const d=(0,h.readChartType)(o.spec),m=dp(d),u=p=>{const g=mt.find(f=>f.name===p);g&&a.commands.dispatch(new h.SetChartTypeCommand(up(g,d)))};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.graphTypeSection.title"),layout:t,preview:r??(m===null?void 0:i(`editor.graphTypes.${m.name}`)),children:(0,n.jsx)(s,{value:m?.name??"",options:c,columns:pp,onChange:u,ariaLabel:i("editor.graphPanel.graphTypeSection.title")})})},An=["solid","dashed","dotted"],gp=8,xp=0,vp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s,Switch:c,ToggleGroup:d}=B(),m=Ue(o);if(!o||!m)return null;const u=o.guides.axes.filter(fp);if(u.length===0)return null;const p=o.coordSystem.type!=="polar",g=u.some(w=>w.gridVisible),f=m.gridLine.y().resolve(),v=An.map(w=>({value:w,label:i(`editor.graphPanel.gridSection.lineStyles.${w}`)})),b=w=>j=>{a.commands.dispatch(new h.SetGridVisibilityCommand({axis:w,isVisible:j}))},S=w=>{const j=An.find(C=>C===w);j&&a.commands.dispatch(new h.SetGridLineStyleCommand({axis:"both",lineStyle:j}))},T=w=>{a.commands.dispatch(new h.SetGridLineWidthCommand({axis:"both",lineWidth:w}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.gridSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[u.map(w=>(0,n.jsx)(A,{label:i(bp(w)),children:(0,n.jsx)(c,{isChecked:w.gridVisible,onChange:b(w.scaleAestheticKey)})},w.scaleAestheticKey)),p&&g&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.gridSection.gridStyle"),children:(0,n.jsx)(d,{value:(0,h.toDashPreset)(f.dashArray),options:v,onChange:S})}),(0,n.jsx)(A,{label:i("editor.graphPanel.gridSection.gridThickness"),children:(0,n.jsx)(s,{value:f.strokeWidth,min:xp,max:gp,step:.5,formatValue:We,onChange:T,onCommit:a.commands.commit})})]})]})})},fp=e=>e.scaleAestheticKey==="x"||e.scaleAestheticKey==="y",bp=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",Sp="total",ka=["total","average","current"],yp=["total"],kn=["previous","first"],Pn=["auto","small","medium","large"],Cp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s,ToggleGroup:c}=B();if(!o)return null;const d=o.config.headline,m=d.show!=="none",u=o.coordSystem,p=u.type==="polar",g=u.type==="polar"&&u.innerRadius>0,f=o.layers.some(I=>I.summary.grandTotal!==void 0);if(p&&!f)return null;const v=p?yp:ka,b=o.guides.headline,S=b?.kind==="perGroup"&&b.items.some(I=>I.comparison!==null),T=v.map(I=>({value:I,label:i(`editor.graphPanel.headlineNumberSection.metrics.${I}`)})),w=kn.map(I=>({value:I,label:i(`editor.graphPanel.headlineNumberSection.comparison.${I}`)})),j=Pn.map(I=>({value:I,label:i(I==="auto"?"editor.graphPanel.numberFormat.options.auto":`editor.graphPanel.headlineNumberSize.sizes.${I}`)})),C=[{value:"above",label:i("editor.graphPanel.headlineNumberSection.position.above")},{value:"center",label:i("editor.graphPanel.headlineNumberSection.position.center")}],P=I=>{a.commands.dispatch(new h.SetHeadlineShowCommand({show:I?Sp:"none"}))},k=I=>{const E=v.find(y=>y===I);E&&a.commands.dispatch(new h.SetHeadlineShowCommand({show:E}))},M=I=>{const E=kn.find(y=>y===I);E&&a.commands.dispatch(new h.SetHeadlineCompareWithCommand({compareWith:E}))},_=I=>{const E=Pn.find(y=>y===I);E&&a.commands.dispatch(new h.SetHeadlineSizeCommand({size:E}))},R=I=>{a.commands.dispatch(new h.SetHeadlinePositionCommand({position:I==="center"?"center":"above"}))};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.headlineNumberSection.title"),layout:t,preview:r??jp(i,d.show),children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSection.toggle"),children:(0,n.jsx)(s,{isChecked:m,onChange:P})}),m&&(0,n.jsxs)(n.Fragment,{children:[T.length>1&&(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSection.metricLabel"),layout:"stack",children:(0,n.jsx)(c,{value:d.show,options:T,onChange:k})}),S&&(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSection.compareWithLabel"),layout:"stack",children:(0,n.jsx)(c,{value:(0,h.resolveComparisonBasis)(d.compareWith),options:w,onChange:M})}),(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSize.sizeLabel"),children:(0,n.jsx)(c,{value:d.size,options:j,onChange:_})}),g&&(0,n.jsx)(A,{label:i("editor.axesPanel.controls.position"),children:(0,n.jsx)(c,{value:d.position,options:C,onChange:R})})]})]})})},jp=(e,t)=>{const r=ka.find(a=>a===t);return r&&e(`editor.graphPanel.headlineNumberSection.metrics.${r}`)},Qe=["top","bottom","left","right","none"],Ln=["auto","start","center","end"],In=["auto","pill","direct"],Tp=({positions:e,title:t,layout:r="collapsible",preview:a})=>{const o=F(),i=l.useHandleScene(o),s=l.useI18n(),{ToggleGroup:c}=B();if(!i)return null;const d=i.config.legend.position,m=e??Qe,u=i.guides.legends.drawn[0],p=(0,h.canAnchorDirectLabels)({legendPosition:i.guides.legends.position,coordSystem:i.coordSystem,layers:i.layers}),g=i.guides.headline?.kind==="perGroup",f=i.guides.colorGroups.length>0;if(d==="auto"&&u===void 0&&!p&&(g||!f))return null;const v=u?.position??"none",b=d==="auto"?v:d,S=Qe.filter(R=>R===b||m.includes(R)).map(R=>({value:R,label:s(`editor.graphPanel.legendSection.${R}`)})),T=R=>{const I=Qe.find(E=>E===R);I&&o.commands.dispatch(new h.SetLegendPositionCommand({position:I}))},w=R=>{const I=Ln.find(E=>E===R);I&&o.commands.dispatch(new h.SetLegendAlignCommand({align:I}))},j=R=>{const I=In.find(E=>E===R);I&&o.commands.dispatch(new h.SetLegendDisplayCommand({display:I}))},C=Ln.map(R=>({value:R,label:s(`editor.graphPanel.legendSection.align.${R}`)})),P=In.map(R=>({value:R,label:s(`editor.graphPanel.legendSection.display.${R}`)})),k=t??s("editor.graphPanel.legendSection.title"),M=S.find(R=>R.value===b)?.label,_=u!==void 0;return(0,n.jsx)(z,{title:k,layout:r,preview:a??M,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.position"),layout:"stack",children:(0,n.jsx)(c,{value:b,options:S,onChange:T})}),_&&(0,n.jsx)(A,{label:s("editor.graphPanel.legendSection.alignLabel"),layout:"stack",children:(0,n.jsx)(c,{value:i.config.legend.align,options:C,onChange:w})}),p&&(0,n.jsx)(A,{label:s("editor.graphPanel.legendSection.displayLabel"),layout:"stack",children:(0,n.jsx)(c,{value:i.config.legend.display,options:P,onChange:j})})]})})},wp=1,Ap=20,kp=.5,Pa=({layerId:e})=>{const t=F(),r=l.useHandleScene(t),{Slider:a}=B(),o=Ot(r,e,"point");if(!r)return null;const i=s=>{const c=new h.SetPointSizeCommand({layerId:e,size:s});t.commands.dispatch(c,{transient:!0})};return(0,n.jsx)(a,{value:o?.get("size")??h.DEFAULT_POINT_SIZE_PX,min:wp,max:Ap,step:kp,formatValue:We,onChange:i,onCommit:t.commands.commit})},Pp=1,Lp=10,Ip=.1,Ep=["gap","zero","connect"],Mp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Select:s,Slider:c,Switch:d,ToggleGroup:m}=B(),u=o?.spec.layers??[],p=(0,h.findLayerByGeom)(u,"line","area"),g=Ot(o,p?.id??null,"line");if(!o||!p)return null;const f=o.coordSystem.type==="polar",v=_p(i,p),b=Op(p,u),S=(0,h.buildLayerStyleAddress)(p.geom,p.id),T=(0,h.readStyleCoord)(o.spec),w=o.spec.styles.overrides,j=(0,h.combineKindStyleDeclarations)(w,S,T),C=(0,h.combineKindStyleDeclarations)((0,h.readStyleRulesBeneath)(w,S,T),S,T),P=j?.strokeWidth,k=typeof P=="number",M=C?.strokeWidth!==void 0,_=p.geom==="line"?p:void 0,R=[{value:"auto",label:i("editor.graphPanel.numberFormat.options.auto"),isDisabled:M},{value:"custom",label:i("editor.graphPanel.numberFormat.options.custom")}],I=U=>{a.commands.dispatch(new h.ToggleLinePointsCommand({layerId:p.id,showPoints:U}))},E=U=>{_&&a.commands.dispatch(new h.ToggleLineFillCommand({layerId:_.id,showFill:U}))},y=U=>{a.commands.dispatch(new h.SetLineCurveCommand({layerId:p.id,curve:U?"smooth":"linear"}))},D=U=>{const le=g?.get("strokeWidth")??h.DEFAULT_STROKE_WIDTH_PX;a.commands.dispatch(new h.SetLineWidthCommand({layerId:p.id,lineWidth:U==="custom"?le:null}))},$=U=>{a.commands.dispatch(new h.SetLineWidthCommand({layerId:p.id,lineWidth:U}),{transient:!0})},ne=U=>{const le=Rp(U);le&&a.commands.dispatch(new h.SetLineMissingValuesCommand({layerId:p.id,missingValues:le}))};return(0,n.jsx)(z,{title:e??i("editor.fineTunePanel.lineStyleSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.graphOptions.showPoints"),children:(0,n.jsx)(d,{isChecked:b!==void 0,onChange:I})}),b&&(0,n.jsx)(A,{label:i("editor.graphPanel.pointSize.label"),children:(0,n.jsx)(Pa,{layerId:b.id})}),_&&!f&&(0,n.jsx)(A,{label:i("editor.graphPanel.graphOptions.lineFill"),children:(0,n.jsx)(d,{isChecked:(j?.fillAlpha??0)>0,onChange:E})}),!f&&(0,n.jsx)(A,{label:i("editor.graphPanel.graphOptions.smoothLines"),children:(0,n.jsx)(d,{isChecked:p.params.curve==="smooth",onChange:y})}),(0,n.jsx)(A,{label:i("editor.graphPanel.lineThickness.label"),children:(0,n.jsx)(m,{value:k?"custom":"auto",options:R,onChange:D})}),k&&(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(c,{value:P,min:Pp,max:Lp,step:Ip,formatValue:We,onChange:$,onCommit:a.commands.commit})}),!f&&v.length>1&&(0,n.jsx)(A,{label:i("editor.fineTunePanel.detailSection.missingValues"),children:(0,n.jsx)(s,{value:p.params.missingValues,options:v,onChange:ne})})]})})},Rp=e=>Ep.find(t=>t===e),Op=(e,t)=>(0,h.filterLayersByGeoms)(t,"point").find(r=>(0,h.isCompanionLayer)(r,[e])),_p=(e,t)=>{const r=[{value:"gap",label:e("editor.graphPanel.treatEmptyValues.leaveGap.label")},{value:"zero",label:e("editor.graphPanel.treatEmptyValues.fillZero.label")}];return t.position!=="stack"&&t.position!=="fill"&&r.push({value:"connect",label:e("editor.graphPanel.treatEmptyValues.connectGaps.label")}),t.geom==="area"?r.filter(a=>a.value!=="gap"):r},gt="\0none",Np=["x","y","color","size","label"],Dp={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"},Fp=({title:e,layout:t="collapsible"})=>{const r=F(),a=l.useHandleScene(r),o=l.useI18n(),{Select:i}=B(),s=o("editor.graphPanel.mappingSection.none"),c=a?.spec,d=(0,x.useMemo)(()=>c===void 0?[]:(0,h.readMappableAesthetics)(c,Np).map(({aesthetic:m,variables:u,isRequired:p})=>{const g=(0,h.readMappedVariable)(c.mapping,m);return{aesthetic:m,label:o(Dp[m]),value:g??(p?null:gt),options:Bp(u,g,p?null:s),chooseColumn:f=>{r.commands.dispatch(new h.SetMappingCommand({aesthetic:m,variable:f===gt?null:f}))}}}),[c,o,s,r]);return a?(0,n.jsx)(z,{title:e??o("editor.graphPanel.mappingSection.title"),layout:t,children:(0,n.jsx)(V,{children:d.map(({aesthetic:m,label:u,value:p,options:g,chooseColumn:f})=>(0,n.jsx)(A,{label:u,children:(0,n.jsx)(i,{value:p,options:g,placeholder:s,onChange:f})},m))})}):null},Bp=(e,t,r)=>{const a=t!==null&&!e.includes(t)?[t,...e]:e;return[...r===null?[]:[{value:gt,label:r}],...a.map(o=>({value:o,label:o}))]},zp="k",Hp=2,Gp=0,Vp=5,xt=[{value:"k",labelKey:"thousands"},{value:"m",labelKey:"millions"},{value:"b",labelKey:"billions"}],$p=["auto","none"],Up=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{NumberField:s,ToggleGroup:c}=B();if(!o)return null;const{abbreviation:d,decimals:m}=o.config.numberFormat,u=Wp(d)!==void 0,p=m!=="auto",g=j=>j.map(C=>({value:C,label:i(`editor.graphPanel.numberFormat.options.${C}`)})),f=xt.map(({value:j,labelKey:C})=>({value:j,label:i(`common.abbreviations.${C}`)})),v=j=>{a.commands.dispatch(new h.SetNumberFormatAbbreviationCommand({abbreviation:j}))},b=j=>{const C=$p.find(P=>P===j);v(C??zp)},S=j=>{const C=xt.find(P=>P.value===j);C&&v(C.value)},T=j=>{a.commands.dispatch(new h.SetNumberFormatDecimalsCommand({decimals:j==="custom"?Hp:"auto"}))},w=j=>{j!==null&&a.commands.dispatch(new h.SetNumberFormatDecimalsCommand({decimals:j}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.numberFormatSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.abbreviationLabel"),children:(0,n.jsx)(c,{value:u?"custom":d,options:g(["auto","none","custom"]),onChange:b})}),u&&(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(c,{value:d,options:f,onChange:S})}),(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.decimalPlacesLabel"),children:(0,n.jsx)(c,{value:p?"custom":"auto",options:g(["auto","custom"]),onChange:T})}),p&&(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(s,{value:m,min:Gp,max:Vp,onChange:w,onCommit:a.commands.commit})})]})})},Wp=e=>xt.find(t=>t.value===e),qp=({title:e,layout:t="collapsible",preview:r})=>{const a=l.useHandleScene(F()),o=l.useI18n();if(!a)return null;const i=Kp(a.spec.layers);return i?(0,n.jsx)(z,{title:e??o("editor.graphPanel.pointSize.label"),layout:t,preview:r,children:(0,n.jsx)(V,{children:(0,n.jsx)(A,{label:o("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(Pa,{layerId:i.id})})})}):null},Kp=e=>{const t=(0,h.filterLayersByGeoms)(e,"line","area");return(0,h.filterLayersByGeoms)(e,"point").find(r=>!(0,h.isCompanionLayer)(r,t))},Xp=.9,Zp=360,Yp=.05,Jp=15,Qp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s}=B();if(!o||o.spec.coords.coordType!=="polar")return null;const{innerRadius:c,startAngle:d}=o.spec.coords.params,m=p=>{a.commands.dispatch(new h.SetPolarInnerRadiusCommand({innerRadius:p}),{transient:!0})},u=p=>{a.commands.dispatch(new h.SetPolarStartAngleCommand({startAngle:p}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.polarSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.polarSection.innerRadius"),children:(0,n.jsx)(s,{value:c,min:0,max:Xp,step:Yp,formatValue:wa,onChange:m,onCommit:a.commands.commit})}),(0,n.jsx)(A,{label:i("editor.graphPanel.polarSection.startAngle"),children:(0,n.jsx)(s,{value:d,min:0,max:Zp-1,step:Jp,formatValue:fh,onChange:u,onCommit:a.commands.commit})})]})})},e1=e=>(0,n.jsxs)(l.Icon,{...e,children:[(0,n.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,n.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,n.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"})]}),En=e=>(0,n.jsxs)(l.Icon,{...e,children:[(0,n.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,n.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,n.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"})]}),Mn=["linear","exponential","quadratic","polynomial","logarithmic","power","loess"],t1="linear",n1=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Select:s,Switch:c}=B(),{options:d,findValue:m}=yr(o);if(!o||o.coordSystem.type==="polar")return null;const u=(0,h.findTrendLineLayer)(o.spec.layers),p=(0,h.findAverageLineLayer)(o.spec.layers),g=u?.stat.type==="smooth"?u.stat.method:t1,f=r1(p),v=Mn.map(C=>({value:C,label:i(`editor.annotationsPanel.trendType.options.${C}`)})),b=(C,P={})=>{const k=u??p,M=new h.SetStatLineCommand({line:C,...P,...k!==void 0&&{layerId:k.id},label:i("editor.annotationsPanel.trendsAndAveragesSection.average")});a.commands.dispatch(M)},S=C=>b(C?"trend":"none",{method:g}),T=C=>b(C?"average":"none",{group:f??m(d[0]?.value??"")}),w=C=>{const P=Mn.find(k=>k===C);P!==void 0&&b("trend",{method:P})},j=C=>{const P=C===null?void 0:m(C);P!==void 0&&b("average",{group:P})};return(0,n.jsx)(z,{title:e??i("editor.annotationsPanel.trendsAndAveragesSection.title"),layout:t,preview:r??(0,n.jsx)(En,{size:"lg"}),children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.annotationsPanel.trendsAndAveragesSection.trend"),icon:(0,n.jsx)(En,{size:"lg"}),children:(0,n.jsx)(c,{isChecked:u!==void 0,onChange:S})}),u!==void 0&&(0,n.jsx)(A,{label:i("editor.annotationsPanel.trendType.label"),children:(0,n.jsx)(s,{value:g,options:v,onChange:w,placeholder:i("editor.annotationsPanel.trendType.placeholder")})}),(0,n.jsx)(A,{label:i("editor.annotationsPanel.trendsAndAveragesSection.average"),icon:(0,n.jsx)(e1,{size:"lg"}),children:(0,n.jsx)(c,{isChecked:p!==void 0,onChange:T})}),p!==void 0&&d.length>0&&(0,n.jsx)(A,{label:i("editor.annotationsPanel.averageLineSeries.label"),children:(0,n.jsx)(s,{value:f===void 0?null:String(f),options:d,onChange:j,placeholder:i("editor.annotationsPanel.averageLineSeries.placeholder"),ariaLabel:i("editor.annotationsPanel.averageLineSeries.ariaLabel")})})]})})},r1=e=>{const t=e?.transforms.find(r=>r.transformType==="filter")?.options.value;return t instanceof Date?t.getTime():t};exports.AppearanceSection=yh;exports.AxesPanel=vh;exports.AxisSection=ht;exports.BarSection=jh;exports.Button=oa;exports.CalloutsSection=_h;exports.CaptionSection=Sa;exports.ComboSection=Dh;exports.ControlRegistryProvider=pa;exports.ControlTooltip=lr;exports.EditableGraphRenderer=g0;exports.EditorPanel=It;exports.ElementsPanel=xh;exports.GoalSection=zh;exports.GraphOptionsSection=Gh;exports.GraphTypeSection=mp;exports.GridSection=vp;exports.HeadlineSection=Cp;exports.IntlProvider=Fn;exports.LegendSection=Tp;exports.LineSection=Mp;exports.MappingSection=Fp;exports.NumberField=sa;exports.NumberFormatSection=Up;exports.PANEL_ROOT_ATTRIBUTE=va;exports.PointSection=qp;exports.PolarSection=Qp;exports.RadioGrid=la;exports.Row=A;exports.Section=z;exports.Select=ca;exports.Separator=eh;exports.Slider=da;exports.SourceSection=ya;exports.SubtitleSection=Ca;exports.Switch=ua;exports.TextField=ha;exports.TextSizeSection=ja;exports.TitleSection=Ta;exports.ToggleGroup=Ct;exports.ToggledSection=ba;exports.TrendsAndAveragesSection=n1;exports.useControls=B;exports.usePanelExpansion=xa;exports.usePanelGraph=F;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./editable.css');const l=require("./history-chords-BawOLCTm.cjs"),W=require("./theme.contract.css-CdTjOX82.cjs");let h=require("@graphysdk/viz-engine"),x=require("react"),n=require("react/jsx-runtime"),Ga=require("motion/react"),ee=require("zustand/react/shallow"),xe=require("@vanilla-extract/dynamic"),Rn=require("react-dom"),K=require("clsx");K=l.__toESM(K,1);let ue=require("@floating-ui/react-dom"),On=require("@tiptap/core"),Va=require("@tiptap/extension-bold"),Pe=require("@tiptap/extension-document"),$a=require("@tiptap/extension-hard-break"),Ua=require("@tiptap/extension-heading"),Wa=require("@tiptap/extension-italic"),qa=require("@tiptap/extension-link"),Ka=require("@tiptap/extension-text"),Xa=require("@tiptap/extension-text-align"),Le=require("@tiptap/extension-text-style"),Za=require("@tiptap/extension-underline"),Ne=require("@tiptap/extensions"),_n=require("@tiptap/extension-paragraph"),De=require("@tiptap/react"),te=require("@base-ui/react/toolbar"),q=require("@base-ui/react/tooltip"),G=require("@base-ui/react/popover"),Nt=require("react-colorful"),Q=require("@base-ui/react/slider"),N=require("@base-ui/react/menu"),Ya=require("@base-ui/react/toggle"),ae=require("lodash-es/clamp");ae=l.__toESM(ae,1);let Nn=require("@base-ui/react/radio"),Dn=require("@base-ui/react/radio-group"),re=require("@base-ui/react"),pe=require("@base-ui/react/accordion"),Dt=require("@base-ui/react/number-field"),Y=require("@base-ui/react/select"),Ft=require("@base-ui/react/switch"),Ja=require("@base-ui/react/input"),Qa=require("@base-ui/react/separator");var eo={save:"حفظ",cancel:"إلغاء",confirm:"تأكيد",delete:"حذف",confirmDelete:e=>`هل أنت متأكد من رغبتك في حذف ${e.item}؟`,abbreviations:{thousands:"ألف",millions:"مليون",billions:"مليار"}},to={title:"محرر Graphy",description:"قم بتحرير المحتوى الخاص بك هنا",graphTypes:{column:"أعمدة",columnStacked:"أعمدة مكدسة",columnStackedFill:"أعمدة مكدسة 100%",bar:"شريطي",barStacked:"أشرطة مكدسة",barStackedFill:"أشرطة مكدسة 100%",line:"خطي",areaStacked:"مساحة مكدسة",pie:"دائري",donut:"حلقي",radar:"راداري",radarFilled:"راداري معبأ",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:"أبيض",gray:"رمادي",tint:"صبغة",custom:"مخصص",none:"بدون"},borderSection:{title:"الحدود",borderColor:"لون الحدود",thickness:"السمك",cornerRadius:"نصف قطر الزاوية"},borderType:{solid:"صلب",gradient:"متدرج",gray:"رمادي",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:"صبغة",gray:"رمادي"}},fineTunePanel:{toolbarButton:"الضبط الدقيق",detailSection:{title:"التفاصيل",missingValues:"القيم المفقودة"},lineStyleSection:{title:"نمط الخط",lineCurve:"انحناء الخط",sharp:"حاد",smooth:"ناعم"}},customThemeEditor:{patternDropdownAriaLabel:"قائمة منسدلة للنمط للسلسلة",patterns:{solid:"صلب",pattern:"نمط",dotted:"منقط",dashed:"متقطع",hatched:"مظلل"},heatmapColorLabel:"اللون"},overlayMenu:{observation:"مشاهدة",group:"مجموعة",band:"نطاق",axis:"المحور",legend:"وسيلة الإيضاح",gridLines:"خطوط الشبكة",chart:"الرسم البياني",selection:"التحديد",thisBar:"هذا الشريط",thisPoint:"هذه النقطة",thisBubble:"هذه الفقاعة",thisSlice:"هذه الشريحة",allOf:e=>`كل ${e.name}`,all:"الكل"},accessibility:{toggleSection:e=>`تبديل قسم ${e.title}`},graphyDefaults:{themeOptions:{light:"فاتح",dark:"داكن"}}},no={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})`}}}},ro={common:eo,editor:to,graph:no},ao={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"}},oo={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",radialBar:"Radial bar",rose:"Rose",roseStacked:"Stacked rose",radar:"Radar",radarFilled:"Filled radar",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",gray:"Grey",tint:"Tint",custom:"Custom",none:"None"},borderSection:{title:"Border",borderColor:"Border color",thickness:"Thickness",cornerRadius:"Corner radius"},borderType:{solid:"Solid",gradient:"Gradient",gray:"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",gray:"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"},overlayMenu:{observation:"Observation",group:"Group",band:"Band",axis:"Axis",legend:"Legend",gridLines:"Grid lines",chart:"Chart",selection:"Selection",thisBar:"This bar",thisPoint:"This point",thisBubble:"This bubble",thisSlice:"This slice",allOf:e=>`All of ${e.name}`,all:"All"},accessibility:{toggleSection:e=>`Toggle ${e.title} section`},graphyDefaults:{themeOptions:{light:"Light",dark:"Dark"}}},io={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:ao,editor:oo,graph:io},lo={colorPanel:{backgroundSection:{gray:"Gray"},borderType:{gray:"Gray"}},highlighting:{highlightStyle:{gray:"Gray"}}},co={editor:lo},uo={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"}},ho={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",radialBar:"Barras radiais",radar:"Radar",radarFilled:"Radar preenchido",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",gray:"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",gray:"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",gray:"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"},overlayMenu:{observation:"Observação",group:"Grupo",band:"Banda",axis:"Eixo",legend:"Legenda",gridLines:"Linhas de grelha",chart:"Gráfico",selection:"Seleção",thisBar:"Esta barra",thisPoint:"Este ponto",thisBubble:"Esta bolha",thisSlice:"Esta fatia",allOf:e=>`Tudo em ${e.name}`,all:"Tudo"},accessibility:{toggleSection:e=>`Alternar secção ${e.title}`},graphyDefaults:{themeOptions:{light:"Claro",dark:"Escuro"}}},po={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})`}}}},mo={common:uo,editor:ho,graph:po},go={"en-GB":so,"en-US":co,ar:ro,"pt-PT":mo},xo=[go,l.dictionaries],Fn=({children:e,...t})=>(0,n.jsx)(l.IntlProvider,{dictionaries:xo,...t,children:e}),vo="data-variant",Bn=_n.Paragraph.extend({addAttributes(){return{variant:{default:null,parseHTML:e=>e.getAttribute("data-variant")??null,renderHTML:e=>e.variant?{[vo]:e.variant}:{}}}}}),fo=On.Extension.create({name:"preventBackspaceAcrossTitleBoundary",addOptions(){return{isTitleVisible:!0}},addKeyboardShortcuts(){return{Backspace:({editor:e})=>{if(!this.options.isTitleVisible)return!1;const{selection:t}=e.state;if(!t.empty)return!1;const{$from:r}=t;return r.depth!==1||r.parentOffset!==0?!1:r.index(0)===1}}}}),vt=()=>[Ka.Text,Ne.UndoRedo,Ua.Heading.configure({levels:[1,2,3]}),Va.Bold,Wa.Italic,Za.Underline,Xa.TextAlign.configure({types:["heading","paragraph"]}),qa.Link.configure({openOnClick:!1,autolink:!0}),Le.TextStyle,Le.Color,$a.HardBreak],bo=({titlePlaceholder:e,subtitlePlaceholder:t,isTitleVisible:r,isSubtitleVisible:a})=>[yo({isTitleVisible:r,isSubtitleVisible:a}),Bn,...vt(),Le.FontFamily,fo.configure({isTitleVisible:r}),Ne.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:o,editor:i})=>{if(r&&o===0)return e;const s=r?i.state.doc.firstChild?.nodeSize??-1:0;return a&&o===s?t:""}})],So=({placeholder:e})=>[Pe.Document,Bn,...vt(),Le.FontFamily,Ne.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:t})=>t===0?e:""})],yo=({isTitleVisible:e,isSubtitleVisible:t})=>e&&t?Pe.Document.extend({content:"block{2,}"}):Pe.Document,zn="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))",Co="d0bl00";var Hn="d0bl03",jo="d0bl04",Gn="d0bl05",et="d0bl06",To="d0bl07",wo="d0bl08",Vn="d0bl09",Ao="d0bl0a",ko="d0bl0b",Po="d0bl0c",Lo="d0bl0d",Io="d0bl0e",Eo="owf1yg0",Mo="owf1yg1",Ro="owf1yg2",Oo="owf1yg3",_o="owf1yg4",No=.01,Do=({value:e,onChange:t,label:r})=>(0,n.jsx)(Q.Slider.Root,{className:Eo,value:e,onValueChange:a=>t(a),min:0,max:1,step:No,children:(0,n.jsx)(Q.Slider.Control,{className:Mo,children:(0,n.jsxs)(Q.Slider.Track,{className:Ro,children:[(0,n.jsx)(Q.Slider.Indicator,{className:Oo}),(0,n.jsx)(Q.Slider.Thumb,{className:_o,"aria-label":r})]})})}),$n="transparent",tt=W.CANVAS_COLOR_KEYS.map(e=>W.vars[e]),Fo=Object.fromEntries(W.CANVAS_COLOR_KEYS.map(e=>[W.vars[e],e])),Bo=e=>tt.some(t=>Wn(t,e)),zo=({color:e,onChange:t,isOpen:r,onOpenChange:a,children:o,label:i,popupAttributes:s,opacity:c,onOpacityChange:d,hasTransparentOption:m=!1})=>{const u=l.useI18n(),p=Go(),g=m?[$n,...tt]:tt,f=v=>{t(v),a(!1)};return(0,n.jsxs)(G.Popover.Root,{open:r,onOpenChange:a,children:[(0,n.jsx)(G.Popover.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":i??u("graph.toolbar.color.label"),className:Co,onMouseDown:v=>v.preventDefault(),children:o??(0,n.jsx)("span",{className:"d0bl01",style:{background:e??"transparent"}})}),(0,n.jsx)(G.Popover.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(G.Popover.Positioner,{sideOffset:6,align:"start",className:Hn,children:(0,n.jsxs)(G.Popover.Popup,{className:jo,onMouseDown:v=>v.preventDefault(),...s,children:[(0,n.jsx)(Bt,{title:u("graph.colorDropdown.colors"),colors:g,currentColor:e,onPick:f}),p.length>0&&(0,n.jsx)(Bt,{title:u("graph.colorDropdown.chartColors"),colors:p,currentColor:e,onPick:f}),(0,n.jsx)(Ho,{value:e??"#000000",onChange:t,popupAttributes:s}),c!==void 0&&d!==void 0&&(0,n.jsxs)("div",{className:"d0bl05",children:[(0,n.jsx)("div",{className:"d0bl06",children:u("graph.colorDropdown.opacity")}),(0,n.jsx)(Do,{value:c,onChange:d,label:u("graph.colorDropdown.opacity")})]})]})})})})]})},Bt=({title:e,colors:t,currentColor:r,onPick:a})=>{const o=l.useI18n();return(0,n.jsxs)("div",{className:Gn,children:[(0,n.jsx)("div",{className:et,children:e}),(0,n.jsx)("div",{className:To,children:t.map(i=>(0,n.jsx)("button",{type:"button","aria-label":i==="transparent"?o("graph.colorDropdown.transparent"):i,className:wo,"data-active":Wn(i,r),onMouseDown:s=>s.preventDefault(),onClick:()=>a(i),children:(0,n.jsx)("span",{className:Vn,style:Un(i)})},i))})]})},Ho=({value:e,onChange:t,popupAttributes:r})=>{const a=l.useI18n(),[o,i]=(0,x.useState)(!1),s=l.isValidCssColor(e)?e:"#000000",c=Vo(s);return(0,n.jsxs)(G.Popover.Root,{open:o,onOpenChange:i,children:[(0,n.jsxs)("div",{className:Gn,children:[(0,n.jsx)("div",{className:et,children:a("graph.colorDropdown.custom")}),(0,n.jsxs)(G.Popover.Trigger,{className:Ao,onMouseDown:d=>d.preventDefault(),"aria-label":a("graph.colorDropdown.pickCustom"),children:[(0,n.jsx)("span",{className:Vn,style:Un(s)}),(0,n.jsx)("span",{className:ko,children:c})]})]}),(0,n.jsx)(G.Popover.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(G.Popover.Positioner,{side:"right",align:"start",sideOffset:18,className:Hn,children:(0,n.jsxs)(G.Popover.Popup,{className:Po,onMouseDown:d=>d.preventDefault(),...r,children:[(0,n.jsx)("div",{className:et,children:a("graph.colorDropdown.pickColor")}),(0,n.jsx)(Nt.HexColorPicker,{color:c,onChange:t,className:Lo}),(0,n.jsx)(Nt.HexColorInput,{color:c,onChange:t,prefixed:!0,className:Io,onMouseDown:d=>d.stopPropagation()})]})})})})]})},Go=()=>{const e=l.useSceneSelector(t=>t.scales.color);return(0,x.useMemo)(()=>{if(!e||e.kind!=="visual")return[];const t=new Set;for(const r of e.domain){const a=e.map(r);typeof a=="string"&&t.add(a)}return[...t]},[e])},Un=e=>e==="transparent"?{background:zn,border:`1px solid ${W.vars.border100}`}:{background:e,border:`1px solid ${l.darkenCss(e,.1)}`},Vo=e=>{const{themeValues:t}=l.useThemeContext();if(l.isHex(e))return e.toUpperCase();const r=Fo[e];return r?t[r].toUpperCase():"#000000"},Wn=(e,t)=>t===null?!1:e.toLowerCase()===t.toLowerCase(),$o="l9kff0",Uo="l9kff1",Wo="l9kff2",qo="xn24px0",Ko="xn24px1",Xo="xn24px2",Zo=({children:e,popupAttributes:t})=>(0,n.jsx)(N.Menu.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:qo,children:(0,n.jsx)(N.Menu.Popup,{className:Ko,onMouseDown:r=>r.preventDefault(),...t,children:e})})})}),Yo=({children:e,isSelected:t=!1,isDisabled:r=!1,onClick:a})=>(0,n.jsx)(N.Menu.Item,{className:Xo,"data-selected":t,disabled:r,onClick:a,children:e}),Jo=({className:e,...t})=>(0,n.jsx)(q.Tooltip.Provider,{children:(0,n.jsx)(te.Toolbar.Root,{...t,className:(0,K.default)($o,e)})}),Qo=({className:e,...t})=>(0,n.jsx)(te.Toolbar.Group,{...t,className:(0,K.default)(Uo,e)}),ei=({className:e,...t})=>(0,n.jsx)(te.Toolbar.Separator,{...t,className:(0,K.default)(Wo,e)}),ti=({children:e})=>{const t=l.resolvePortalContainer();return t===null?null:(0,Rn.createPortal)((0,n.jsx)(l.PortalThemeProvider,{children:e}),t)},H={Portal:ti,Root:Jo,Group:Qo,Separator:ei,Button:te.Toolbar.Button,ColorPicker:zo,MenuPopup:Zo,MenuItem:Yo},ve=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"m6 9 6 6 6-6"})})}),ni="'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'",ri=`'Aeonik', 'Aeonik Fallback', ${l.DEFAULT_FONT_FAMILY}`,ai="'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'",oi="'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'",nt=[{id:"modern",label:"Modern",preview:"Aa",fontFamily:l.DEFAULT_FONT_FAMILY},{id:"fresh",label:"Fresh",preview:"Aa",fontFamily:ri},{id:"timeless",label:"Timeless",preview:"Aa",fontFamily:ni},{id:"technical",label:"Technical",preview:"00",fontFamily:ai},{id:"fineliner",label:"Fineliner",preview:"Aa",fontFamily:oi}],ii=e=>e?nt.find(t=>t.fontFamily===e)??null:null,qn="_70l3rt0",Kn="_70l3rt1",Xn="_70l3rt3",Zn="_70l3rt4",Yn="_70l3rt5",si=({editor:e,currentFontFamily:t,isOpen:r,onOpenChange:a})=>{const o=l.useI18n(),i=ii(t)??nt[0],s=c=>{e.chain().focus().setFontFamily(c.fontFamily).run()};return(0,n.jsxs)(N.Menu.Root,{open:r,onOpenChange:a,children:[(0,n.jsxs)(N.Menu.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":o("graph.toolbar.font.ariaLabel"),className:qn,onMouseDown:c=>c.preventDefault(),children:[(0,n.jsx)("span",{className:Kn,style:{fontFamily:i?.fontFamily},children:i?.preview}),(0,n.jsx)(ve,{size:"sm"})]}),(0,n.jsx)(N.Menu.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:Xn,children:(0,n.jsx)(N.Menu.Popup,{className:Zn,onMouseDown:c=>c.preventDefault(),children:nt.map(c=>(0,n.jsx)(N.Menu.Item,{className:Yn,"data-selected":c.id===i?.id,onClick:()=>s(c),children:(0,n.jsx)("span",{style:{fontFamily:c.fontFamily},children:c.label})},c.id))})})})})]})},Jn={id:"text",translationKey:"graph.toolbar.heading.text",previewFont:W.vars.fontTextEditorBody},zt=[{id:"caption",translationKey:"graph.toolbar.heading.caption",previewFont:W.vars.fontTextEditorH6},Jn,{id:"h3",translationKey:"graph.toolbar.heading.heading3",previewFont:W.vars.fontTextEditorH3},{id:"h2",translationKey:"graph.toolbar.heading.heading2",previewFont:W.vars.fontTextEditorH2},{id:"h1",translationKey:"graph.toolbar.heading.heading1",previewFont:W.vars.fontTextEditorH1}],li=({editor:e,activeStyle:t,isOpen:r,onOpenChange:a})=>{const o=l.useI18n(),i=zt.find(s=>s.id===t)??Jn;return(0,n.jsxs)(N.Menu.Root,{open:r,onOpenChange:a,children:[(0,n.jsxs)(N.Menu.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":o("graph.toolbar.heading.ariaLabel"),className:qn,onMouseDown:s=>s.preventDefault(),children:[(0,n.jsx)("span",{className:Kn,children:o(i.translationKey)}),(0,n.jsx)(ve,{size:"sm"})]}),(0,n.jsx)(N.Menu.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{side:"bottom",align:"start",sideOffset:6,className:Xn,children:(0,n.jsx)(N.Menu.Popup,{className:Zn,onMouseDown:s=>s.preventDefault(),children:zt.map(s=>(0,n.jsx)(N.Menu.Item,{className:Yn,"data-selected":s.id===i.id,onClick:()=>ci(e,s.id),children:(0,n.jsx)(di,{font:s.previewFont,children:o(s.translationKey)})},s.id))})})})})]})},ci=(e,t)=>{switch(t){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()}},di=({font:e,children:t})=>(0,n.jsx)("span",{style:{font:e,margin:0},children:t}),Qn=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M20 6 9 17l-5-5"})})}),ui=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.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,n.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"})]})}),hi=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M18 6 6 18"}),(0,n.jsx)("path",{d:"m6 6 12 12"})]})}),pi=e=>!e.content||e.content.length===0?!0:e.content.every(t=>!t.content||t.content.length===0),mi=e=>{const{$from:t}=e.state.selection,r=t.parent.textContent,a=t.parentOffset,o=t.start();let i=a;for(;i>0&&Ht(r[i-1]);)i-=1;let s=a;for(;s<r.length&&Ht(r[s]);)s+=1;return{from:o+i,to:o+s}},Ht=e=>e!==void 0&&/\S/.test(e),gi="fop13s0",xi="fop13s1",vi="fop13s2",fi="fop13s3",Gt="fop13s4",bi=({editor:e,currentUrl:t,isActive:r,isOpen:a,onOpenChange:o})=>{const i=l.useI18n(),[s,c]=(0,x.useState)(""),d=(0,x.useRef)(null);(0,x.useEffect)(()=>{a&&c(t??"")},[a,t]);const m=()=>{Si(e,s),o(!1)},u=()=>{c(""),o(!1)},p=f=>{c(f.target.value)},g=f=>{f.key==="Enter"&&(f.preventDefault(),m())};return(0,n.jsxs)(G.Popover.Root,{open:a,onOpenChange:o,children:[(0,n.jsx)(G.Popover.Trigger,{render:(0,n.jsx)(te.Toolbar.Button,{}),"aria-label":i("graph.toolbar.formatting.link"),"data-active":r,className:gi,onMouseDown:f=>f.preventDefault(),children:(0,n.jsx)(ui,{})}),(0,n.jsx)(G.Popover.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(G.Popover.Positioner,{sideOffset:6,align:"end",className:xi,children:(0,n.jsxs)(G.Popover.Popup,{className:vi,initialFocus:d,onMouseDown:f=>f.preventDefault(),children:[(0,n.jsx)("input",{ref:d,type:"url",value:s,placeholder:i("graph.toolbar.link.placeholder"),"aria-label":i("graph.toolbar.link.urlLabel"),className:fi,onMouseDown:f=>f.stopPropagation(),onChange:p,onKeyDown:g}),(0,n.jsx)("button",{type:"button","aria-label":i("common.cancel"),className:Gt,onClick:u,children:(0,n.jsx)(hi,{})}),(0,n.jsx)("button",{type:"button","aria-label":i("graph.toolbar.link.apply"),className:Gt,onClick:m,children:(0,n.jsx)(Qn,{})})]})})})})]})},Si=(e,t)=>{const r=t.trim(),{selection:a}=e.state;if(!r){e.chain().focus().extendMarkRange("link").unsetLink().run();return}if(!a.empty){e.chain().focus().setLink({href:r}).run();return}if(e.isActive("link")){e.chain().focus().extendMarkRange("link").setLink({href:r}).run();return}const o=mi(e);e.chain().focus().setTextSelection(o).setLink({href:r}).run()},er=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M21 5H3"}),(0,n.jsx)("path",{d:"M17 12H7"}),(0,n.jsx)("path",{d:"M19 19H5"})]})}),tr=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M21 5H3"}),(0,n.jsx)("path",{d:"M21 12H9"}),(0,n.jsx)("path",{d:"M21 19H7"})]})}),nr=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M21 5H3"}),(0,n.jsx)("path",{d:"M15 12H3"}),(0,n.jsx)("path",{d:"M17 19H3"})]})});var rr="srewh00",yi="srewh01",ft=({children:e})=>{const{themeValues:t}=l.useThemeContext();return(0,n.jsx)(l.PortalThemeProvider,{style:(0,x.useMemo)(()=>(0,xe.assignInlineVars)({[W.vars.fontFamily]:t.fontFamily,[W.vars.textScale]:t.textScale}),[t]),children:e})},Ci="_1d66w570",ji="_1d66w571",de=({label:e,isActive:t,onToggle:r,children:a})=>{const o=i=>i.preventDefault();return(0,n.jsxs)(q.Tooltip.Root,{children:[(0,n.jsx)(q.Tooltip.Trigger,{render:(0,n.jsx)(Ya.Toggle,{render:(0,n.jsx)(te.Toolbar.Button,{}),pressed:t,onPressedChange:()=>r()}),"aria-label":e,className:Ci,onMouseDown:o,children:a}),(0,n.jsx)(q.Tooltip.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(ft,{children:(0,n.jsx)(q.Tooltip.Positioner,{sideOffset:6,className:ji,children:(0,n.jsx)(q.Tooltip.Popup,{className:rr,children:e})})})})]})},Ti=({editor:e,activeAlignment:t="left"})=>{const r=l.useI18n();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(de,{label:r("graph.toolbar.textAlign.left"),isActive:t==="left",onToggle:()=>e.chain().focus().setTextAlign("left").run(),children:(0,n.jsx)(nr,{})}),(0,n.jsx)(de,{label:r("graph.toolbar.textAlign.center"),isActive:t==="center",onToggle:()=>e.chain().focus().setTextAlign("center").run(),children:(0,n.jsx)(er,{})}),(0,n.jsx)(de,{label:r("graph.toolbar.textAlign.right"),isActive:t==="right",onToggle:()=>e.chain().focus().setTextAlign("right").run(),children:(0,n.jsx)(tr,{})})]})},wi="_1u34vl40",Ai=({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:ki(e),textAlign:Pi(e)}),ki=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",Pi=e=>e?e.isActive({textAlign:"center"})?"center":e.isActive({textAlign:"right"})?"right":"left":"left",Li=8,Ii=8,Ei=({editor:e})=>{const t=l.useI18n(),[r,a]=(0,x.useState)(!1),[o,i]=(0,x.useState)(null),s=o!==null,c=f=>v=>{i(v?f:null)},{refs:d,floatingStyles:m}=(0,ue.useFloating)({placement:"top-start",strategy:"fixed",middleware:[(0,ue.offset)(Li),(0,ue.flip)(),(0,ue.shift)({padding:Ii})],whileElementsMounted:ue.autoUpdate}),u=(0,x.useRef)(null),p=(0,De.useEditorState)({editor:e,selector:Ai}),g=(0,x.useCallback)(f=>{u.current=f,d.setFloating(f)},[d]);return(0,x.useEffect)(()=>{e&&d.setReference(e.view.dom)},[e,d]),(0,x.useEffect)(()=>{if(!e)return;const f=()=>a(!0),v=({event:b})=>{const{relatedTarget:S,currentTarget:T}=b,w=S instanceof Node&&u.current?.contains(S),j=S instanceof Node&&T instanceof Node&&T.contains(S);!w&&!j&&a(!1)};return e.on("focus",f),e.on("blur",v),()=>{e.off("focus",f),e.off("blur",v)}},[e]),!e||!r&&!s?null:(0,n.jsx)(H.Portal,{children:(0,n.jsxs)(H.Root,{ref:g,className:wi,style:m,children:[(0,n.jsxs)(H.Group,{children:[(0,n.jsx)(H.ColorPicker,{color:p?.color??null,onChange:f=>e.chain().setColor(f).run(),isOpen:o==="color",onOpenChange:c("color")}),(0,n.jsx)(si,{editor:e,currentFontFamily:p?.fontFamily??null,isOpen:o==="fontFamily",onOpenChange:c("fontFamily")})]}),(0,n.jsx)(H.Separator,{}),(0,n.jsx)(H.Group,{children:(0,n.jsx)(li,{editor:e,activeStyle:p?.fontSize??"text",isOpen:o==="fontSize",onOpenChange:c("fontSize")})}),(0,n.jsx)(H.Separator,{}),(0,n.jsxs)(H.Group,{children:[(0,n.jsx)(de,{label:t("graph.toolbar.formatting.bold"),isActive:p?.isBold??!1,onToggle:()=>e.chain().focus().toggleBold().run(),children:(0,n.jsx)("strong",{children:"B"})}),(0,n.jsx)(de,{label:t("graph.toolbar.formatting.italic"),isActive:p?.isItalic??!1,onToggle:()=>e.chain().focus().toggleItalic().run(),children:(0,n.jsx)("em",{children:"I"})}),(0,n.jsx)(de,{label:t("graph.toolbar.formatting.underline"),isActive:p?.isUnderline??!1,onToggle:()=>e.chain().focus().toggleUnderline().run(),children:(0,n.jsx)("u",{children:"U"})})]}),(0,n.jsx)(H.Separator,{}),(0,n.jsx)(H.Group,{children:(0,n.jsx)(Ti,{editor:e,activeAlignment:p?.textAlign})}),(0,n.jsx)(H.Separator,{}),(0,n.jsx)(H.Group,{children:(0,n.jsx)(bi,{editor:e,currentUrl:p?.linkUrl??null,isActive:p?.isLink??!1,isOpen:o==="link",onOpenChange:c("link")})})]})})},Mi="_1uy50v30",ar=({editor:e,ariaLabel:t})=>(0,n.jsxs)("div",{className:Mi,children:[(0,n.jsx)(Ei,{editor:e}),(0,n.jsx)(De.EditorContent,{editor:e,"aria-label":t})]}),Ri=200,bt=({content:e,extensions:t,isEditable:r,onUpdate:a,updateDebounceMs:o=Ri})=>{const i=(0,x.useRef)(Vt(e)),s=(0,x.useRef)(i.current),c=l.useDebouncedCallback(m=>{s.current=m,a?.(m)},o),d=(0,De.useEditor)({extensions:t,content:i.current,editable:r,immediatelyRender:!1,onUpdate:({editor:m})=>{const u=m.getJSON();if(Xe(s.current,u))return c.cancel();c.run(u)}});return(0,x.useEffect)(()=>{d?.setEditable(r)},[d,r]),(0,x.useEffect)(()=>{if(!d)return;const m=Vt(e);Xe(s.current,m)||(s.current=m,!Xe(d.getJSON(),m)&&(c.cancel(),Oi(d,m)))},[d,e,c]),(0,x.useEffect)(()=>()=>c.flush(),[c]),d},Vt=e=>e===null?{type:"doc",content:[]}:typeof e=="string"?{type:"doc",content:[{type:"paragraph",content:e?[{type:"text",text:e}]:[]}]}:e,Oi=(e,t)=>{const{from:r,to:a}=e.state.selection;e.commands.setContent(t,{emitUpdate:!1});const o=e.state.doc.content.size;e.commands.setTextSelection({from:Math.min(r,o),to:Math.min(a,o)})},Xe=(e,t)=>JSON.stringify(Ie(e))===JSON.stringify(Ie(t)),Ie=e=>Array.isArray(e)?e.map(Ie):e===null||typeof e!="object"?e:Object.fromEntries(Object.entries(e).map(([t,r])=>[t,Ie(r)]).filter(([,t])=>!_i(t)).sort(([t],[r])=>String(t).localeCompare(String(r)))),_i=e=>e==null||typeof e=="object"&&Object.keys(e).length===0,Ni=({caption:e,captionStyle:t})=>{const{dispatch:r}=l.useGraphCommands(),a=bt({content:e,extensions:(0,x.useMemo)(()=>So({placeholder:"Add caption"}),[]),isEditable:!0,onUpdate:o=>{const i=pi(o)?null:o;r(new h.SetContentCaptionCommand({caption:i}))}});return(0,n.jsx)("div",{"data-testid":"caption-editor",style:l.toHtmlTextCss(t),children:(0,n.jsx)(ar,{editor:a,ariaLabel:"Chart caption"})})},Di=e=>[Pe.Document,_n.Paragraph,...vt(),Bi,Ne.Placeholder.configure({showOnlyCurrent:!1,placeholder:({pos:t})=>t===0?e:""})],Fi=({annotation:e})=>{const t=l.useI18n(),{dispatch:r}=l.useGraphCommands(),a=l.useEditorStore(),o=(0,x.useMemo)(()=>Di(t("graph.annotations.text.placeholder")),[t]),i=bt({content:e.content,extensions:o,isEditable:!0,onUpdate:s=>{r(new h.UpdateAnnotationCommand({kind:"text",id:e.id,patch:{content:s}}))}});return(0,x.useEffect)(()=>{const{setCaretEditor:s}=a.getState();return s(i),()=>s(null)},[i,a]),(0,x.useEffect)(()=>{i?.commands.focus("end",{scrollIntoView:!1})},[i]),(0,n.jsx)(De.EditorContent,{"aria-label":t("graph.annotations.text.editLabel"),className:l.editor,editor:i,"data-testid":"text-annotation-editor"})},$t=e=>{const t=l.resolveRichTextFontFamily(e);return t===void 0?{}:{style:`font-family: ${t}`}},Bi=On.Extension.create({name:"annotationTextStyleAttributes",addGlobalAttributes(){return[{types:["textStyle"],attributes:{fontFamily:{default:null,renderHTML:e=>$t(e.fontFamily)},font:{default:null,renderHTML:e=>$t(e.font)},fontSize:{default:null,renderHTML:e=>typeof e.fontSize=="number"&&Number.isFinite(e.fontSize)?{style:`font-size: calc(${e.fontSize}px * ${W.vars.textScale})`}:{}}}}]}}),zi=3,Hi=({title:e,isTitleVisible:t,subtitle:r,isSubtitleVisible:a})=>{const o=[];return t&&o.push({type:"heading",attrs:{level:zi},content:Vi(e)}),a&&o.push(...$i(r)),{type:"doc",content:o}},Gi=e=>{const[t,...r]=e.content??[];return{title:Ui(t?.content??[]),subtitle:Wi(r)}},St=e=>({type:e.type??"text",...e.content!==void 0?{content:e.content.map(St)}:{},...e.text!==void 0?{text:e.text}:{},...e.marks!==void 0?{marks:e.marks}:{},...e.attrs!==void 0?{attrs:e.attrs}:{}}),Vi=e=>e===null?[]:typeof e=="string"?e===""?[]:[{type:"text",text:e}]:e.type==="doc"&&e.content?e.content.flatMap(t=>t.content??[]):e.type==="text"||e.type==="hardBreak"?[e]:e.content??[],$i=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(Ut):[Ut(e)],Ut=e=>e.type==="paragraph"?e:{type:"paragraph",content:e.content??[e]},Ui=e=>{if(e.length===0)return null;const[t]=e;return t&&e.length===1&&t.type==="text"&&(!t.marks||t.marks.length===0)?t.text??null:{type:"paragraph",content:e.map(St)}},Wi=e=>{const t=e.filter(a=>(a.content??[]).length>0);if(t.length===0)return null;const[r]=t;if(r&&t.length===1&&r.type==="paragraph"){const a=r.content??[],[o]=a;if(o&&a.length===1&&o.type==="text"&&(!o.marks||o.marks.length===0))return o.text??null}return{type:"doc",content:t.map(St)}},qi={fontFamily:"var(--uwf6lt0)",fontSize:"var(--uwf6lt1)",fontWeight:"var(--uwf6lt2)",lineHeight:"var(--uwf6lt3)",textColor:"var(--uwf6lt4)"},Ki="uwf6lt5",Xi=({title:e,isTitleVisible:t,isSubtitleVisible:r,subtitle:a,headingStyle:o,subtitleStyle:i})=>{const{dispatch:s}=l.useGraphCommands(),c=(0,x.useMemo)(()=>bo({titlePlaceholder:"Untitled",subtitlePlaceholder:"Untitled",isTitleVisible:t,isSubtitleVisible:r}),[t,r]),d=bt({content:(0,x.useMemo)(()=>Hi({title:e,isTitleVisible:t,subtitle:a,isSubtitleVisible:r}),[e,t,a,r]),extensions:c,isEditable:!0,onUpdate:m=>{const u=Gi(m);t&&s(new h.SetContentTitleCommand({title:u.title})),r&&s(new h.SetContentSubtitleCommand({subtitle:u.subtitle}))}});return(0,n.jsx)("div",{className:Ki,"data-testid":"title-editor",style:{...l.toHtmlTextCss(o),...l.assignTextStyleVars(qi,i)},children:(0,n.jsx)(ar,{editor:d,ariaLabel:"Chart title and subtitle"})})},Zi={Title:Xi,Caption:Ni,TextAnnotation:Fi},or=(e,t)=>{const{offsetWidth:r}=e;return r<=0||t<=0?1:t/r},ir=e=>or(e,e.getBoundingClientRect().width),Wt=(e,t)=>{const{offsetWidth:r,offsetHeight:a}=e;return r<=0||a<=0?t:{width:r,height:a}},Fe=e=>e.offset+e.strokeWidth,qt="http://www.w3.org/2000/svg",Kt=new WeakMap,Yi=(e,t)=>{const r=Ji(e);r.setAttribute("d",t);const{x:a,y:o,width:i,height:s}=r.getBBox();return{x:a,y:o,width:i,height:s}},Ji=e=>{const t=Kt.get(e);if(t?.isConnected)return t;const r=e.createElementNS(qt,"svg");r.setAttribute("aria-hidden","true"),r.style.cssText="position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none";const a=e.createElementNS(qt,"path");return r.append(a),e.body.append(r),Kt.set(e,a),a},Qi=(e,t)=>{const{panelRect:r,look:a,readGridLineWidth:o,measurePathBox:i}=t,s=Fe(a);switch(e.kind){case"observations":return Ze([...e.parts,...e.vertex===null?[]:[e.vertex]].flatMap(c=>es(c,i)).map(c=>({...c,x:c.x+r.x,y:c.y+r.y})),s);case"guide":return Ze(e.shapes.map(c=>c.kind==="box"?c.rect:l.growRect(ns(c),o(c.axis)/2)),s);case"graph":return Ze([{x:0,y:0,...e.frameSize}],-a.offset);default:return e}},es=(e,t)=>e.kind==="boxes"?e.boxes:ts(e.shapes,t),ts=(e,t)=>{const r=[],a=new Map;for(const o of e){if(o.kind==="dots"){r.push(...o.centers.map(c=>l.growRect({...c,width:0,height:0},o.size/2)));continue}if(o.pathData==="")continue;const i=o.kind==="stroke"?o.width/2:0;if(!o.pathData.trimStart().startsWith("M")){r.push(l.growRect(t(o.pathData),i));continue}const s=a.get(i)??[];s.push(o.pathData),a.set(i,s)}for(const[o,i]of a)r.push(l.growRect(t(i.join("")),o));return r},ns=e=>{switch(e.kind){case"line":return{x:Math.min(e.from.x,e.to.x),y:Math.min(e.from.y,e.to.y),width:Math.abs(e.to.x-e.from.x),height:Math.abs(e.to.y-e.from.y)};case"ring":return{x:e.center.x-e.radius,y:e.center.y-e.radius,width:e.radius*2,height:e.radius*2}}},Ze=(e,t)=>{const r=e.filter(({width:a,height:o})=>a>0||o>0);return r.length===0?null:l.growRect((0,h.getBoundingRect)(r),t)};var rs=(e,{coordSystem:t,panelRect:r})=>{if(e.kind!=="observations")return null;const a=e.vertex===null?e.parts:[...e.parts,e.vertex],o=a.reduce((s,c)=>Math.max(s,c.rows.length),0),i=o===1&&e.vertex===null;return o===0||i||o>1e3?null:a.flatMap(s=>as(s,t,r).map(c=>({...c,x:c.x+r.x,y:c.y+r.y})))},as=(e,t,r)=>(0,h.measureObservationsBoxes)({layer:{...e.layer,data:e.layer.data.take(e.rows)},coordSystem:t,panelSize:r,radialExtent:"outerEnd"}),os=.5,is={top:e=>-e.y,right:e=>e.x+e.width,bottom:e=>e.y+e.height,left:e=>-e.x},ss=(e,t,r)=>e===null||!ls(e)?{top:rt(t),right:at(t),bottom:rt(t),left:at(t)}:{top:ye(e,t,"top",r),right:ye(e,t,"right",r),bottom:ye(e,t,"bottom",r),left:ye(e,t,"left",r)},ye=(e,t,r,a)=>{const o=is[r],i=r==="left"||r==="right",s=v=>i?v.y:v.x,c=v=>i?v.y+v.height:v.x+v.width;let d=-1/0;for(const v of e)d=Math.max(d,o(v));const m=d-Math.max(a,os);let u=1/0,p=-1/0;for(const v of e)o(v)<m||(u=Math.min(u,s(v)),p=Math.max(p,c(v)));const g=i?at(t):rt(t),f={from:(0,ae.default)(u-a,g.from,g.to),to:(0,ae.default)(p+a,g.from,g.to)};return f.from<f.to?f:g},ls=e=>{const[t]=e;return t!==void 0&&e.some(r=>!l.areRectsEqual(r,t))},rt=e=>({from:e.x,to:e.x+e.width}),at=e=>({from:e.y,to:e.y+e.height}),cs=(e,{frameElement:t,panelRect:r,look:a})=>{const o=l.useEditorStore(),i=l.useStyleReaderTree(),s=l.useSceneSelector(p=>p.coordSystem),c=(0,x.useRef)(new Map),d=e?.target??null,m=e?.outline??null;(0,x.useLayoutEffect)(()=>{if(d===null||m===null)return;const p=c.current,g=new Map,v=Qi(m,{panelRect:r,look:a,readGridLineWidth:T=>l.readGridLineStyle(i,T).strokeWidth,measurePathBox:T=>{const w=p.get(T)??Yi(t.ownerDocument,T);return g.set(T,w),w}});if(c.current=g,v===null){o.getState().setSelectedOutline(null);return}const b=ss(rs(m,{coordSystem:s,panelRect:r}),v,Fe(a)),S=ir(t);o.getState().setSelectedOutline({target:d,frame:v,frameSpans:b,frameScale:S})},[o,i,s,d,m,t,r,a]);const u=e!==null;(0,x.useLayoutEffect)(()=>u?()=>o.getState().setSelectedOutline(null):void 0,[o,u])},ds="var(--_10d2ycx0)",us="_10d2ycx1",hs="_10d2ycx2",Xt=({pathData:e,shouldAnimateTransitions:t,source:r,...a})=>t?(0,n.jsx)(ps,{pathData:e,source:r,...a}):(0,n.jsx)("path",{d:e,...a}),ps=({pathData:e,source:t,...r})=>{const a=l.useSvgPathMorph(e,l.DEFAULT_SPRING_TRANSITION,t);return(0,n.jsx)(Ga.motion.path,{d:a,...r})},ms="var(--n5vlnq0)",gs="data-edit-outline-stroke",ot=e=>({[gs]:"",style:(0,xe.assignInlineVars)({[ms]:`${e}px`})});var Zt=(e,t)=>{if(e.kind==="observations"&&t.kind==="observations"){if(e.layerId!==t.layerId||e.scope!==t.scope)return!1;const r=e.parts[0]?.rows[0];return r!==void 0&&(t.parts[0]?.rows.includes(r)??!1)}return e.kind==="guide"&&t.kind==="guide"?(0,h.areEditTargetsEqual)(e.target,t.target):e.kind==="graph"&&t.kind==="graph"},xs=(e,t)=>{const r=Math.max(e.width,8),a=Math.max(e.height,8),o=Math.max(0,e.x+e.width/2-r/2),i=Math.max(0,e.y+e.height/2-a/2),s=Math.min(t.width,e.x+e.width/2+r/2),c=Math.min(t.height,e.y+e.height/2+a/2);return{x:o,y:i,width:Math.max(0,s-o),height:Math.max(0,c-i)}},vs=[],fs=e=>{const{layers:t,parsingLocale:r}=l.useSceneSelector((0,ee.useShallow)(p=>({layers:p.layers,parsingLocale:p.config.parsingLocale}))),a=l.useEditorState(p=>p.editTargetUnderPointer),o=a?.kind==="observations"?a.observations:null,i=o===null?void 0:(0,h.findLayerById)(t,o.layerId),s=o?.target.scope??null,c=o===null||i===void 0?null:(0,h.readRowScopeKey)(i,o.target.scope,o.observationIndex),d=(0,x.useMemo)(()=>i===void 0||s===null||c===null?null:bs(t,i,s,c),[t,i,s,c]),m=(0,x.useMemo)(()=>d!==null&&e!==null&&Zt(d,e),[d,e]),u=o!==null&&i!==void 0&&Ss(o,i,r)?o.observationIndex:null;return(0,x.useMemo)(()=>{switch(a?.kind){case"observations":{const p=d?.parts[0];if(d===null||p===void 0)return null;const g=u===null?null:{layer:p.layer,rows:[u]};return m?g===null?null:{...d,parts:vs,vertex:g}:{...d,vertex:g}}case"axis":case"legend":case"grid":{const p={kind:"guide",key:(0,h.readEditTargetKey)(a.target),target:a.target};return e!==null&&Zt(p,e)?null:p}default:return null}},[a,d,m,u,e])},bs=(e,t,r,a)=>{const o=[{layer:t,rows:(0,h.readRowsAtScopeKey)(t,r,a)}];for(const i of(0,h.findCompanionLayers)(t,e)){const s=(0,h.readCompanionRowsAtScopeKey)(i,t,r,a);s.length>0&&o.push({layer:i,rows:s})}return{kind:"observations",key:JSON.stringify([t.id,r,a]),layerId:t.id,scope:r,parts:o,vertex:null}},Ss=({observationIndex:e,target:t,isOnObservation:r},a,o)=>r&&t.scope==="series"&&(0,h.buildObservationsTarget)({layer:a,observationIndex:e,scope:"data-point",parsingLocale:o})!==null,ys=({frameElement:e,target:t,coordType:r,legendDisplays:a})=>{const o=e.getBoundingClientRect(),i=[...e.querySelectorAll(Cs(t))],s=c=>{const d=c.getBoundingClientRect();return{x:d.left-o.left,y:d.top-o.top,width:d.width,height:d.height}};switch(t.kind){case"axis":{const c=i.map(s);return r==="polar"||c.length===0?Ye(c):Ye([(0,h.getBoundingRect)(c)])}case"legend":return Ye([...js(i.filter(c=>!Ts(c)))].flatMap(([c,d])=>a[c]==="direct"?d.map(s):[(0,h.getBoundingRect)(d.map(s))]));case"grid":return i.flatMap(c=>{const d=l.readStampedEditTargetInStack([c],e);if(d?.kind!=="grid"||d.target.axis==="both")return[];const{axis:m}=d.target;return t.axis==="both"||m===t.axis?[ws(c,s(c),m)]:[]})}},Cs=e=>{const t=`[${l.EDIT_TARGET_KIND_ATTRIBUTE}="${e.kind}"]`;return e.kind!=="axis"?t:`${t}[${l.EDIT_TARGET_AXIS_ATTRIBUTE}="${e.axis}"]`},js=e=>{const t=new Map;for(const r of e){const a=l.readLegendItemAddress(r);a!==null&&t.set(a.legendIndex,[...t.get(a.legendIndex)??[],r])}return t},Ts=e=>e.closest(l.LEGEND_OVERFLOW_CONTROL_SELECTOR)!==null,Ye=e=>e.map(t=>({kind:"box",rect:t})),ws=(e,{x:t,y:r,width:a,height:o},i)=>e.querySelector("circle")!==null?{kind:"ring",axis:i,center:{x:t+a/2,y:r+o/2},radius:a/2}:a<1||o<1?a<o?{kind:"line",axis:i,from:{x:t+a/2,y:r},to:{x:t+a/2,y:r+o}}:{kind:"line",axis:i,from:{x:t,y:r+o/2},to:{x:t+a,y:r+o/2}}:As(e.querySelector("line"))?{kind:"line",axis:i,from:{x:t,y:r},to:{x:t+a,y:r+o}}:{kind:"line",axis:i,from:{x:t,y:r+o},to:{x:t+a,y:r}},As=e=>{const t=r=>Number(e?.getAttribute(r)??0);return(t("x2")-t("x1"))*(t("y2")-t("y1"))>=0},ks=[],Ps=(e,{frameElement:t,frameSize:r,panelRect:a,shouldAnimateTransitions:o})=>{const i=l.useSceneSelector(b=>b.coordSystem),s=l.useGeomRendererResolver(),c=l.useGeomReaderTree(),d=Is(e.kind==="guide"?e.target:null,{frameElement:t,frameSize:r}),m=Ls(t,r),u=(0,x.useMemo)(()=>({coordSystem:i,panelRect:a,resolveRenderer:s,geomReaders:c}),[i,a,s,c]),p=e.kind==="observations"?e.parts:null,g=e.kind==="observations"?e.vertex:null,f=(0,x.useMemo)(()=>p?.map(b=>Yt(b,u,o))??ks,[p,u,o]),v=(0,x.useMemo)(()=>g===null?null:Yt(g,u,!1),[g,u]);return(0,x.useMemo)(()=>{switch(e.kind){case"observations":return{kind:"observations",parts:f,vertex:v};case"guide":return{kind:"guide",target:e.target,shapes:d};case"graph":return{kind:"graph",frameSize:m}}},[e,f,v,d,m])},Ls=(e,t)=>{const[r,a]=(0,x.useState)(()=>Wt(e,t));return(0,x.useLayoutEffect)(()=>{a(o=>{const i=Wt(e,{width:t.width,height:t.height});return o.width===i.width&&o.height===i.height?o:i})},[e,t.width,t.height]),r},Yt=({layer:e,rows:t},{coordSystem:r,panelRect:a,resolveRenderer:o,geomReaders:i},s)=>{const c={...e,data:e.data.take(t)},d=o(e.geom,r.type);return d?.getEditOutlineShapes===void 0?{kind:"boxes",layer:e,rows:t,boxes:(0,h.measureObservationsBoxes)({layer:c,coordSystem:r,panelSize:a}).map(m=>xs(m,a))}:{kind:"declared",layer:e,rows:t,shapes:d.getEditOutlineShapes({layer:c,sourceLayer:e,coordSystem:r,panelRect:a,styleReaders:i(e),shouldAnimateTransitions:s})}},Is=(e,{frameElement:t,frameSize:r})=>{const a=l.useSceneSelector(u=>u.coordSystem.type),o=l.useSceneSelector((0,ee.useShallow)(u=>u.guides.legends.drawn.map(p=>p.display))),i=l.useSceneSelector(u=>e===null?null:u),[s,c]=(0,x.useState)([]),d=l.useLatestRef(e),m=(0,x.useRef)(!1);return(0,x.useLayoutEffect)(()=>{const u=d.current;if(u===null)return;const p=()=>{const g=ys({frameElement:t,target:u,coordType:a,legendDisplays:o}),f=ir(t);c(g.map(v=>Es(v,1/f)))};if(m.current){const g=requestAnimationFrame(p);return()=>cancelAnimationFrame(g)}m.current=!0,p()},[t,d,a,o,i,r.width,r.height]),s},Es=(e,t)=>{switch(e.kind){case"box":{const{x:r,y:a,width:o,height:i}=e.rect;return{kind:"box",rect:{x:r*t,y:a*t,width:o*t,height:i*t}}}case"line":return{...e,from:{x:e.from.x*t,y:e.from.y*t},to:{x:e.to.x*t,y:e.to.y*t}};case"ring":return{...e,center:{x:e.center.x*t,y:e.center.y*t},radius:e.radius*t}}},Ms=()=>{const e=l.useGraphSelection()[0]??null,{layers:t,parsingLocale:r}=l.useSceneSelector((0,ee.useShallow)(a=>({layers:a.layers,parsingLocale:a.config.parsingLocale})));return(0,x.useMemo)(()=>e===null?null:Rs(e,t,r),[e,t,r])},Rs=(e,t,r)=>{switch(e.kind){case"observations":{const a=Os(e,t,r);return a===null?null:{outlined:a,target:e}}case"legend":case"axis":case"grid":return{outlined:{kind:"guide",key:(0,h.readEditTargetKey)(e),target:e},target:e};case"graph":return{outlined:{kind:"graph",key:"graph"},target:e};default:return null}},Os=(e,t,r)=>{const a=(0,h.findLayerById)(t,e.layerId);if(a===void 0)return null;const o=(0,h.resolveObservationsTarget)({layer:a,target:e,parsingLocale:r});if(o.length===0)return null;const i=[{layer:a,rows:o}];for(const s of(0,h.findCompanionLayers)(a,t)){const c=(0,h.resolveObservationsTarget)({layer:s,host:a,target:e,parsingLocale:r});c.length>0&&i.push({layer:s,rows:c})}return{kind:"observations",key:(0,h.readEditTargetKey)(e),layerId:e.layerId,scope:e.scope,parts:i,vertex:null}},_s=["x","y"],Ns=(0,x.memo)(function({frameElement:t,frameSize:r,panelRect:a,shouldAnimateTransitions:o}){const i=l.useResolvedStyle(h.resolveEditOutlineStyle,l.useStyleReaderTree()),s=Ms(),c=fs(s?.outlined??null);if(s===null&&c===null)return null;const d={frameElement:t,frameSize:r,panelRect:a,shouldAnimateTransitions:o};return(0,n.jsxs)("svg",{className:us,width:r.width,height:r.height,"aria-hidden":!0,"data-testid":"edit-outline",children:[c!==null&&(0,n.jsx)(Jt,{part:"hover",target:c,look:i.hover,...d},c.key),s!==null&&(0,n.jsx)(Jt,{part:"selected",target:s.outlined,editTarget:s.target,look:i.selected,...d},s.outlined.key)]})}),Jt=({part:e,target:t,editTarget:r,look:a,frameSize:o,panelRect:i,frameElement:s,shouldAnimateTransitions:c})=>{const d=(0,x.useId)(),m=`${d}-shapes`,u=`${d}-hole`,p=Ps(t,{frameElement:s,frameSize:o,panelRect:i,shouldAnimateTransitions:c});return cs(r===void 0?null:{target:r,outline:p},{frameElement:s,panelRect:i,look:a}),(0,n.jsxs)("g",{"data-edit-outline":e,"data-testid":`edit-outline-${e}`,children:[(0,n.jsxs)("defs",{children:[(0,n.jsx)("g",{id:m,className:hs,children:(0,n.jsx)(Fs,{outline:p,look:a,panelRect:i})}),(0,n.jsxs)("mask",{id:u,maskUnits:"userSpaceOnUse",x:"-100%",y:"-100%",width:"300%",height:"300%",children:[(0,n.jsx)("rect",{x:"-100%",y:"-100%",width:"300%",height:"300%",fill:"white"}),(0,n.jsx)("use",{href:`#${m}`,style:Qt("black",a.offset)})]})]}),(0,n.jsx)("use",{href:`#${m}`,mask:`url(#${u})`,style:Qt(a.stroke,Fe(a)),"data-testid":`edit-outline-${e}-ring`}),t.kind==="observations"&&(0,n.jsx)(Vs,{target:t,look:a,panelRect:i})]})},Qt=(e,t)=>({fill:e,stroke:e,...(0,xe.assignInlineVars)({[ds]:`${2*t}px`})}),Ds=(e,t,r)=>{const a=r.offset+Fe(r);return l.buildRoundedRectPath(l.growRect({x:0,y:0,...e},-a),Math.max(0,t-a))},Fs=({outline:e,look:t,panelRect:r})=>{const a=l.useStyleReaderTree().graph().get("cornerRadius"),{cornerRadius:o}=t;switch(e.kind){case"observations":return(0,n.jsxs)("g",{transform:`translate(${r.x} ${r.y})`,children:[e.parts.map(i=>(0,n.jsx)(en,{part:i,borderRadius:o},i.layer.id)),e.vertex!==null&&(0,n.jsx)(en,{part:e.vertex,borderRadius:o},`vertex-${e.vertex.rows.join()}`)]});case"guide":return(0,n.jsx)(Hs,{target:e.target,shapes:e.shapes,borderRadius:o});case"graph":return(0,n.jsx)("path",{d:Ds(e.frameSize,a,t)})}},en=(0,x.memo)(function({part:t,borderRadius:r}){return t.kind==="boxes"?(0,n.jsx)(zs,{boxes:t.boxes,borderRadius:r}):(0,n.jsx)(Bs,{shapes:t.shapes,layer:t.layer})}),Bs=({shapes:e,layer:t})=>e.map((r,a)=>{const o=r.kind==="dots"||r.key===void 0?String(a):`${r.kind}:${r.key}`;switch(r.kind){case"region":return r.pathData===""?null:(0,n.jsx)(Xt,{pathData:r.pathData,fillRule:r.fillRule,shouldAnimateTransitions:r.shouldAnimateTransitions??!1,source:t,"data-geom":t.geom},o);case"stroke":return r.pathData===""?null:(0,n.jsx)(Xt,{pathData:r.pathData,shouldAnimateTransitions:r.shouldAnimateTransitions??!1,source:t,"data-geom":t.geom,...ot(r.width)},o);case"dots":return r.centers.length===0?null:(0,n.jsx)("path",{d:l.buildDotsPath(r.centers),"data-geom":t.geom,...ot(r.size)},o)}}),zs=({boxes:e,borderRadius:t})=>{const r=e.map(a=>l.buildRoundedRectPath(a,t)).join("");return r===""?null:(0,n.jsx)("path",{d:r,"data-testid":"edit-outline-boxes"})},Hs=({target:e,shapes:t,borderRadius:r})=>{const a=l.useStyleReaderTree();if(e.kind==="grid")return _s.map(i=>{const s=t.map(c=>Gs(c,i)).join("");return s===""?null:(0,n.jsx)("path",{d:s,...ot(l.readGridLineStyle(a,i).strokeWidth)},i)});const o=t.map(i=>i.kind==="box"?l.buildRoundedRectPath(i.rect,r):"").join("");return o===""?null:(0,n.jsx)("path",{d:o})},Gs=(e,t)=>{if(e.kind==="box"||e.axis!==t)return"";switch(e.kind){case"line":return`M${e.from.x},${e.from.y}L${e.to.x},${e.to.y}`;case"ring":{const{center:r,radius:a}=e,o=`${r.x},${r.y-a}`;return`M${o}A${a},${a} 0 0 1 ${`${r.x},${r.y+a}`}A${a},${a} 0 0 1 ${o}`}}},Vs=({target:e,look:t,panelRect:r})=>{const a=l.useSceneSelector(s=>s.coordSystem),o=e.parts[0];if(e.scope!=="x-value"||o===void 0||o.layer.highlight?.strategy!=="overlay-anchor")return null;const i=$s(o);return i===null?null:(0,n.jsx)("svg",{x:r.x,y:r.y,width:r.width,height:r.height,overflow:"visible",children:(0,n.jsx)("line",{...l.readCrosshairLine(a,i,r),stroke:t.stroke,strokeWidth:t.strokeWidth,strokeDasharray:"4 3",strokeLinecap:"round","data-testid":"edit-outline-band-guide"})})},$s=({layer:e,rows:t})=>{for(const r of t){const a=e.data.getAt(r),o=a===null?null:(0,h.getXBand)(a),i=a===null?null:(0,h.getYBand)(a);if(o!==null&&i!==null)return{x:o,y:i}}return null},Us={pointer:null,focus:null,last:"pointer"},sr=(0,x.createContext)({isHovered:!1,isDismissed:!1,reachedTooltipId:null,reach:()=>{},release:()=>{},dismiss:()=>{}}),it=({className:e,children:t})=>{const[r,a]=(0,x.useState)(!1),[o,i]=(0,x.useState)(!1),[s,c]=(0,x.useState)(Us),d=(0,x.useCallback)((v,b)=>{i(!1),c(S=>({...S,[b]:v,last:b}))},[]),m=(0,x.useCallback)((v,b)=>{c(S=>S[b]===v?{...S,[b]:null}:S)},[]),u=(0,x.useCallback)(()=>i(!0),[]),p=Ws(s),g=(0,x.useMemo)(()=>({isHovered:r,isDismissed:o,reachedTooltipId:p,reach:d,release:m,dismiss:u}),[r,o,p,d,m,u]),f=v=>{v.pointerType!=="touch"&&(a(!0),i(!1))};return(0,n.jsx)("div",{className:e,onPointerEnter:f,onPointerLeave:()=>a(!1),children:(0,n.jsx)(sr.Provider,{value:g,children:t})})},lr=({label:e,isChecked:t=!1,children:r})=>{const{isHovered:a,isDismissed:o,reachedTooltipId:i,reach:s,release:c,dismiss:d}=(0,x.useContext)(sr),m=(0,x.useId)(),[u,p]=(0,x.useState)(!1),g=a?!o&&(i===m||t&&i===null):u;(0,x.useEffect)(()=>()=>{c(m,"pointer"),c(m,"focus")},[m,c]);const f=(v,b)=>{b.reason==="escape-key"&&(d(),b.allowPropagation()),p(v)};return(0,n.jsxs)(q.Tooltip.Root,{open:g,onOpenChange:f,disableHoverablePopup:!0,children:[(0,n.jsx)(q.Tooltip.Trigger,{render:r,"aria-label":e,onPointerEnter:v=>v.pointerType!=="touch"&&s(m,"pointer"),onPointerLeave:()=>c(m,"pointer"),onFocus:()=>s(m,"focus"),onBlur:()=>c(m,"focus")}),(0,n.jsx)(q.Tooltip.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(ft,{children:(0,n.jsx)(q.Tooltip.Positioner,{sideOffset:6,className:yi,children:(0,n.jsx)(q.Tooltip.Popup,{className:rr,children:e})})})})]})},Ws=({pointer:e,focus:t,last:r})=>r==="focus"?t??e:e??t,qs="data-graphy-chart-chrome",Ks="data-graphy-chart-menu",yt={[Ks]:""},Be=e=>({[qs]:e}),ke=(e,t)=>e instanceof Element&&e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`)!==null,cr=e=>e instanceof Element&&e.closest("[data-graphy-chart-menu]")!==null,st=e=>e instanceof Element&&e.closest("[data-graphy-chart-chrome]")!==null,dr=(e,t,r)=>r!==null&&(0,h.isPointWithinEditMenuTrigger)({x:e.clientX-t.x,y:e.clientY-t.y},r),ge=(e,t,r)=>e instanceof Node&&(t.contains(e)||ke(e,r)),Xs="cml7ha0",ur=(0,x.createContext)(null),Zs=({children:e})=>{const{chartId:t}=l.useGraphContext(),[r]=(0,x.useState)(l.resolvePortalContainer),[a,o]=(0,x.useState)(null);return r===null?null:(0,n.jsxs)(n.Fragment,{children:[(0,Rn.createPortal)((0,n.jsx)("div",{ref:o,className:Xs,...Be(t)}),r),(0,n.jsx)(ur.Provider,{value:a,children:e})]})},ze=()=>(0,x.useContext)(ur),Ys="kwvn4c0",Js="kwvn4c1",hr=(e,t)=>({contextElement:e,getBoundingClientRect:()=>{const r=e.getBoundingClientRect(),a=or(e,r.width);return new DOMRect(r.left+t.x*a,r.top+t.y*a,t.width*a,t.height*a)}}),Qs=({side:e,boundary:t,spans:r,anchor:a,isRightToLeft:o})=>{if(!el(e))return 0;const i=r[e];if(e==="left"||e==="right")return tn(i.from-t.y,a.height,t.height);const s=o?t.x+t.width-i.to:i.from-t.x;return tn(s,a.width,t.width)},pr=()=>{const[e,t]=(0,x.useState)(!1);return(0,x.useEffect)(()=>{t(!0)},[]),e},el=e=>l.SIDE_KEYS.some(t=>t===e),tn=(e,t,r)=>r===0?0:e*t/r,tl={x:8,y:8},nl={side:"flip",align:"shift",fallbackAxisSide:"end"},rl=({frameElement:e,boundary:t,spans:r,clearance:a=tl,onEscape:o,children:i})=>{const s=ze(),c=pr(),[d,m]=(0,x.useState)(null),u=(0,x.useRef)(null),p=(0,x.useCallback)(C=>{u.current=C,m(C)},[]),g=(0,x.useRef)(null);(0,x.useLayoutEffect)(()=>()=>{d?.contains(document.activeElement)&&e.focus({preventScroll:!0})},[d,e]);const{x:f,y:v,width:b,height:S}=t,T=(0,x.useMemo)(()=>({box:{x:f,y:v,width:b,height:S},spans:r}),[f,v,b,S,r]),w=(0,x.useMemo)(()=>hr(e,T.box),[e,T]),j=(C,P)=>{C||(P.cancel(),P.reason==="escape-key"&&o())};return(0,n.jsx)(G.Popover.Root,{open:c,modal:!1,onOpenChange:j,children:(0,n.jsx)(G.Popover.Portal,{container:s,children:(0,n.jsx)(ft,{children:(0,n.jsx)(G.Popover.Positioner,{ref:g,anchor:w,side:"right",align:"start",sideOffset:({side:C})=>C==="top"||C==="bottom"?a.y:a.x,alignOffset:({side:C,anchor:P})=>Qs({side:C,boundary:T.box,spans:T.spans,anchor:P,isRightToLeft:al(g.current)}),collisionAvoidance:nl,sticky:!0,className:Ys,...yt,children:(0,n.jsx)(G.Popover.Popup,{ref:p,className:Js,initialFocus:u,finalFocus:!1,"data-testid":"anchored-popover",children:i})})})})})},al=e=>e!==null&&getComputedStyle(e).direction==="rtl",ol=(e,t)=>{const r=(0,h.findLayerById)(t.layers,e);if(r===void 0)return null;const{geom:a,position:o}=sl(r,t.layers)??r;return{geom:a,coord:t.spec.coords.coordType,position:o}},me=(e,t)=>{for(const r of e){const a=t(r);if(a!==void 0)return a}return null},il=({geom:e,coord:t,position:r},a)=>me(a,o=>{const i=nn(o.layers,e)?.[t]?.[r];return i!==void 0?i:nn(o.geoms,e)}),sl=(e,t)=>t.find(r=>r.interactive&&(0,h.isCompanionLayer)(e,[r])),nn=(e,t)=>e!==void 0&&Object.hasOwn(e,t)?e[t]:void 0,ll=e=>{const t=(0,x.useContext)(dl),r=e?.kind==="observations"?e.layerId:null,a=l.useSceneSelector((0,ee.useShallow)(o=>r===null?null:ol(r,o)));if(e===null)return null;switch(e.kind){case"observations":{const o=a===null?null:il(a,t);return o===null?null:(0,n.jsx)(o,{target:e})}case"legend":{const o=me(t,i=>i.legend);return o===null?null:(0,n.jsx)(o,{target:e})}case"axis":{const o=me(t,i=>i.axis);return o===null?null:(0,n.jsx)(o,{target:e})}case"grid":{const o=me(t,i=>i.grid);return o===null?null:(0,n.jsx)(o,{target:e})}case"graph":{const o=me(t,i=>i.graph);return o===null?null:(0,n.jsx)(o,{target:e})}default:return e}},J=()=>null,cl={geoms:{point:J,line:J,area:J,bar:J,rule:J,tile:J},legend:J,axis:J,grid:J,graph:J},dl=(0,x.createContext)([cl]),mr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),gr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),xr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:".8",rx:".533"})]}),vr=(0,x.createContext)(null),fr=({labelId:e,controlId:t,children:r})=>{const a=(0,x.useMemo)(()=>{let o=null;return{labelId:e,controlId:t,claimControlId:i=>(o??=i,o===i)}},[e,t]);return(0,n.jsx)(vr.Provider,{value:a,children:r})},oe=({id:e,ariaLabel:t,ariaLabelledBy:r},a=!0)=>{const o=(0,x.useContext)(vr),i=(0,x.useId)(),[s]=(0,x.useState)(()=>a?o?.claimControlId(i)??!1:!1),c=e??(s?o?.controlId:void 0),d=r??(t===void 0?o?.labelId:void 0);return{...c!==void 0&&{id:c},...t!==void 0&&{"aria-label":t},...d!==void 0&&{"aria-labelledby":d}}},br="keyboard",He=e=>{const t=(0,x.useRef)(!1),r=(0,x.useRef)(!1),a=()=>{t.current=!1,r.current&&(r.current=!1,e?.())};return{commitAfterChange:()=>{if(t.current){r.current=!0;return}e?.()},commitUnlessHeldKey:o=>{if(o){r.current=!0;return}e?.()},gestureHandlers:{onKeyDown:()=>{t.current=!0},onKeyUp:a,onBlur:o=>{o.relatedTarget instanceof Node&&o.currentTarget.contains(o.relatedTarget)||a()}}}},ul="cnu9yl0",hl="cnu9yl1";var Ct=({options:e,value:t,onChange:r,onCommit:a,itemLayout:o="inline",hasEqualWidths:i=!1,isDisabled:s,ariaLabel:c,ariaLabelledBy:d,id:m})=>{const u=oe({id:m,ariaLabel:c,ariaLabelledBy:d}),p=o==="stacked",{commitAfterChange:g,gestureHandlers:f}=He(a);return(0,n.jsx)(Dn.RadioGroup,{className:ul,value:t,onValueChange:v=>{r(v),g()},...f,disabled:s,...u,children:e.map(v=>{const b=pl(v,p),S=(0,n.jsxs)(Nn.Radio.Root,{value:v.value,disabled:v.isDisabled,className:(0,K.default)(hl,p&&"cnu9yl3",i&&"cnu9yl2"),"aria-label":b,children:[v.icon,Sr(v,p)&&(0,n.jsx)("span",{className:"cnu9yl4",children:v.label})]},v.value);return b===void 0?S:(0,n.jsx)(lr,{label:b,isChecked:v.value===t,children:S},v.value)})})},Sr=(e,t)=>e.icon===void 0||t,pl=(e,t)=>{if(!Sr(e,t))return e.label},yr=e=>(0,x.useMemo)(()=>{if(e===null)return{options:[],findValue:()=>{}};const{parsingLocale:t,numberFormat:r}=e.config,a=e.guides.colorGroups.map(o=>{const i=(0,h.createValueFormatter)({valueFormat:o.valueFormat,locale:t,numberFormat:r}),s=o.value instanceof Date?o.value.getTime():o.value;return{value:s,option:{value:String(s),label:o.label??i(o.value)}}});return{options:a.map(({option:o})=>o),findValue:o=>a.find(i=>i.option.value===o)?.value}},[e]),ml=({scene:e,layer:t,observation:r,groupOptions:a,locale:o,t:i})=>{const s=vl(e,t,r,a);return{"data-point":i(gl(e,t)),"x-value":i("editor.overlayMenu.allOf",{name:xl(e,t,r,o)}),series:s===null?i("editor.overlayMenu.all"):i("editor.overlayMenu.allOf",{name:s})}},gl=(e,t)=>{switch(t.geom){case"bar":return e.coordSystem.type==="polar"&&e.coordSystem.bandAxis===null?"editor.overlayMenu.thisSlice":"editor.overlayMenu.thisBar";case"point":return(0,h.readVariableName)(t.mapping.size)===null?"editor.overlayMenu.thisPoint":"editor.overlayMenu.thisBubble";default:return"editor.overlayMenu.thisPoint"}},xl=(e,t,r,a)=>(0,h.createValueFormatter)({valueFormat:(0,h.findAxisGuide)(e.guides,"x")?.valueFormat??{type:"text"},locale:a,numberFormat:e.config.numberFormat})((0,h.createXValueReader)(t.data,t.mapping)(r),r),vl=(e,t,r,a)=>{const o=(0,h.getGroupVariables)(t.data,t.mapping);return o.length===0?fl(e,t):o.map(i=>bl(r[i]??null,a)).join(", ")},fl=(e,t)=>{const r=(0,h.readVariableName)(t.mapping.y),a=r===null?void 0:e.guides.variableLabels[r];return a===void 0||a===""?null:a},bl=(e,t)=>{const r=String(e instanceof Date?e.getTime():e);return t.options.find(a=>a.value===r)?.label??r},Sl={"data-point":mr,"x-value":gr,series:xr},yl=()=>{const{selectionStore:e}=l.useGraphContext(),t=l.useEditorStore(),r=l.useI18n(),a=l.useGraphLocale(),o=l.useSceneSelector(b=>b),i=yr(o),s=l.useEditorState(b=>b.pressedObservation),c=(0,x.useMemo)(()=>Cl({scene:o,pressed:s,groupOptions:i,locale:a,t:r}),[o,s,i,a,r]);if(c===null)return null;const{layer:d,levels:m,names:u}=c,{observationIndex:p,selectedFor:g}=c.pressed,f=m.map(b=>{const S=Sl[b];return{value:b,label:u[b],icon:(0,n.jsx)(S,{})}}),v=b=>{const S=m.find(j=>j===b),{parsingLocale:T}=o.config,w=S===void 0?null:(0,h.buildObservationsTarget)({layer:d,observationIndex:p,scope:S,parsingLocale:T});w!==null&&(t.getState().setPressedObservation({...c.pressed,selectedFor:w}),e.getState().setSelection([w]))};return(0,n.jsx)(Ct,{value:g.scope,options:f,onChange:v,ariaLabel:r("editor.overlayMenu.selection")})},Cl=({scene:e,pressed:t,groupOptions:r,locale:a,t:o})=>{const i=t===null?null:l.findPressedObservation(t,e.layers,e.config.parsingLocale);if(t===null||i===null)return null;const{layer:s,observation:c}=i,d=(0,h.readReachableLevels)({layer:s,observationIndex:t.observationIndex,parsingLocale:e.config.parsingLocale,scales:e.scales});return d.length<2||!d.includes(t.selectedFor.scope)?null:{pressed:t,layer:s,levels:d,names:ml({scene:e,layer:s,observation:c,groupOptions:r,locale:a,t:o})}},jl="_1xgvyvc0",Tl="_1xgvyvc1",wl=(e,t)=>{switch(e.kind){case"observations":return Al(e.scope,t);case"legend":case"axis":case"grid":return kl(e.kind,t);case"graph":return t("editor.overlayMenu.chart");default:return e}},Al=(e,t)=>{switch(e){case"data-point":return t("editor.overlayMenu.observation");case"series":return t("editor.overlayMenu.group");case"x-value":return t("editor.overlayMenu.band");default:return e}},kl=(e,t)=>{switch(e){case"axis":return t("editor.overlayMenu.axis");case"legend":return t("editor.overlayMenu.legend");case"grid":return t("editor.overlayMenu.gridLines");default:return e}},Pl=({frameElement:e})=>{const t=l.useI18n(),{selectionStore:r}=l.useGraphContext(),a=l.useEditorState(s=>s.selectedOutline),o=ll(a?.target??null);if(a===null||o===null)return null;const i=()=>{r.getState().clearSelection()};return(0,n.jsxs)(rl,{frameElement:e,boundary:a.frame,spans:a.frameSpans,onEscape:i,children:[(0,n.jsxs)(it,{className:jl,children:[(0,n.jsx)(G.Popover.Title,{className:Tl,"data-testid":"overlay-menu-title",children:wl(a.target,t)}),a.target.kind==="observations"&&(0,n.jsx)(yl,{})]}),(0,n.jsx)(x.Fragment,{children:o},(0,h.readEditTargetKey)(a.target))]})},Ll=({frameRect:e})=>{const{targetBoundaryStore:t}=l.useGraphContext(),r=l.useEditorState(s=>s.selectedOutline),{left:a,top:o}=e,i=(0,x.useMemo)(()=>{if(r===null)return null;const{frame:s,frameSpans:c,frameScale:d}=r;return{frame:s,client:{x:a+s.x*d,y:o+s.y*d,width:s.width*d,height:s.height*d},frameSpans:c,clientSpans:{top:Ce(c.top,a,d),right:Ce(c.right,o,d),bottom:Ce(c.bottom,a,d),left:Ce(c.left,o,d)}}},[r,a,o]);return(0,x.useLayoutEffect)(()=>{t.getState().setBoundary(i)},[t,i]),(0,x.useLayoutEffect)(()=>()=>t.getState().setBoundary(null),[t]),null},Ce=(e,t,r)=>({from:t+e.from*r,to:t+e.to*r}),Cr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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 jr="efjmb40",Tr="efjmb41",ie="efjmb42",se="efjmb43",Il="efjmb44",El="efjmb45",Ml=new Set(["item-press","escape-key","outside-press","close-press","sibling-open","trigger-press"]),jt=({label:e,icon:t,onOpened:r,children:a})=>{const o=ze(),[i,s]=(0,x.useState)(!1),c=(d,m)=>{d?(s(!0),r?.()):Ml.has(m.reason)&&s(!1)};return(0,n.jsxs)(re.Menu.SubmenuRoot,{open:i,onOpenChange:c,children:[(0,n.jsx)(Rl,{label:e,icon:t}),(0,n.jsx)(re.Menu.Portal,{container:o,children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(re.Menu.Positioner,{side:"right",align:"start",sideOffset:4,className:jr,...yt,children:(0,n.jsx)(re.Menu.Popup,{className:Tr,children:a})})})})]})},Rl=({label:e,icon:t})=>(0,n.jsxs)(re.Menu.SubmenuTrigger,{className:ie,openOnHover:!1,children:[t,(0,n.jsx)("span",{className:se,children:e}),(0,n.jsx)("span",{className:El,children:(0,n.jsx)(ve,{size:"sm"})})]}),Ol="_1qe7q450",_l="_1qe7q451",Nl="_1qe7q452",Dl=({label:e,placeholder:t,addLabel:r,at:a,onRequestClose:o})=>{const i=(0,x.useRef)(null),[s,c]=(0,x.useState)(""),{dispatch:d}=l.useGraphCommands(),m=s.trim(),u=()=>{m.length!==0&&(d(new h.AddAnnotationCommand({kind:"comment",annotation:{at:a,content:Fl(m)}})),o())},p=v=>{v.key==="Enter"&&(v.preventDefault(),u()),v.key!=="Escape"&&v.stopPropagation()},g=v=>{c(v.target.value)},f=()=>{requestAnimationFrame(()=>i.current?.focus())};return(0,n.jsx)(jt,{label:e,icon:(0,n.jsx)(Cr,{}),onOpened:f,children:(0,n.jsxs)("div",{className:Ol,children:[(0,n.jsx)("input",{ref:i,className:_l,value:s,placeholder:t,onChange:g,onKeyDown:p}),(0,n.jsx)("button",{type:"button",className:Nl,disabled:m.length===0,onClick:u,children:r})]})})},Fl=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),Bl=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 15 14",...e,children:(0,n.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"})}),zl="relative-difference",Hl=({label:e,layer:t,at:r,onRequestClose:a})=>{const{dispatch:o}=l.useGraphCommands(),i=l.useSceneSelector(d=>d.coordSystem),s=(0,x.useMemo)(()=>(0,h.inferDifferenceArrowEndpoints)({layer:t,at:r,coordSystem:i}),[t,r,i]);if(s===null)return null;const c=()=>{o(new h.AddAnnotationCommand({kind:"differenceArrow",annotation:{...h.DIFFERENCE_ARROW_DEFAULTS,...s,label:zl}})),a()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:c,children:[(0,n.jsx)(Bl,{}),(0,n.jsx)("span",{className:se,children:e})]})};function Gl(e,t){if(e.type==="polar"&&!Vl(t))return[{scope:"series",labelKey:"pieSlice"}];const r=(0,h.hasMultipleGroups)(t.data,t.mapping);switch(t.geom){case"bar":{const a=[{scope:"data-point",labelKey:"bar"}];if(r){const o=t.position==="stack"||t.position==="fill";a.push({scope:"x-value",labelKey:o?"barStack":"barGroup"}),a.push({scope:"series",labelKey:"barSeries"})}return a}case"line":case"area":{const a=[{scope:"data-point",labelKey:"linePoint"}];return r&&a.push({scope:"series",labelKey:"lineSeries"}),a}case"point":{const a=[{scope:"data-point",labelKey:"scatterPoint"}];return r&&a.push({scope:"series",labelKey:"scatterSeries"}),a}default:return[]}}var Vl=e=>{const t=(0,h.readVariableName)(e.mapping.x);return t!==null&&t!==h.CONSTANT_VARIABLES.x},$l=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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"})]}),Ul=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.jsx)("rect",{width:"9.795",height:"6",x:"3",y:"2",fill:"currentColor",fillOpacity:"0.3",rx:"1.513"}),(0,n.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"})]}),Wl=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.jsx)("circle",{cx:"1.493",cy:"11.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"5.993",cy:"6.493",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"9.993",cy:"9.993",r:".993",fill:"currentColor",fillOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"13.993",cy:"4.493",r:".993",fill:"currentColor",fillOpacity:"0.8"})]}),ql=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),Kl=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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,n.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,n.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,n.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,n.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)"})]}),Xl=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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,n.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,n.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,n.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,n.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)"})]}),Zl={bar:mr,barGroup:gr,barStack:$l,barSeries:xr,linePoint:Ul,lineSeries:Wl,scatterPoint:Kl,scatterSeries:Xl,pieSlice:ql},wr=({labelKey:e})=>{const t=Zl[e];return(0,n.jsx)(t,{})},Ar=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("path",{opacity:"0.12",d:"M15 4.66667L12.3333 2L2.33334 12L5.00001 14.6667L15 4.66667Z",fill:"currentColor",fillOpacity:"0.8"}),(0,n.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"})]}),Yl=({label:e,options:t,onSelect:r})=>{const a=l.useI18n();return(0,n.jsx)(jt,{label:e,icon:(0,n.jsx)(Ar,{}),children:t.map(o=>(0,n.jsxs)(re.Menu.Item,{className:ie,onClick:()=>r(o.scope),children:[(0,n.jsx)(wr,{labelKey:o.labelKey}),(0,n.jsx)("span",{className:se,children:a(`graph.annotations.highlights.labels.${o.labelKey}`)})]},o.scope))})},Jl=({label:e,layer:t,observation:r,highlights:a,onRequestClose:o})=>{const i=l.useI18n(),{dispatch:s}=l.useGraphCommands(),c=l.useSceneSelector(f=>f.coordSystem),d=(0,x.useMemo)(()=>(0,h.buildObservationPredicate)(t,r),[t,r]),m=(0,x.useMemo)(()=>Gl(c,t),[c,t]),u=(0,x.useMemo)(()=>{const f=new Set(a.map(v=>v.scope));return m.filter(v=>!f.has(v.scope))},[m,a]),[p]=u;if(d===null||p===void 0)return null;const g=f=>{s(new h.AddHighlightCommand({predicate:d,scope:f,layerId:t.id})),o()};if(u.length===1){const f=m.length===1?e:i("graph.annotations.baseMenu.highlightWithLabel",{label:i(`graph.annotations.highlights.labels.${p.labelKey}`)});return(0,n.jsxs)(re.Menu.Item,{className:ie,onClick:()=>g(p.scope),children:[(0,n.jsx)(wr,{labelKey:p.labelKey}),(0,n.jsx)("span",{className:se,children:f})]})}return(0,n.jsx)(Yl,{label:e,options:u,onSelect:g})},Ql="_1aafi1g0",ec="_1aafi1g1",kr=({children:e})=>(0,n.jsxs)("span",{className:Ql,"aria-hidden":"true",children:[e,(0,n.jsx)("span",{className:ec})]}),tc=({label:e,highlights:t,onRequestClose:r})=>{const{dispatch:a}=l.useGraphCommands(),o=t.at(-1);if(o===void 0)return null;const i=()=>{a(new h.RemoveHighlightCommand({id:o.id})),r()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:i,children:[(0,n.jsx)(kr,{children:(0,n.jsx)(Ar,{})}),(0,n.jsx)("span",{className:se,children:e})]})},nc=(e,t)=>{const r=l.useSceneSelector(o=>o.spec.highlights),a=l.useSceneSelector(o=>o.config.parsingLocale);return(0,x.useMemo)(()=>(0,h.findHighlightsAtObservation)({layer:e,highlights:r,observation:t,parsingLocale:a}),[e,r,t,a])},Pr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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"})]}),rc=({label:e,at:t,onRequestClose:r})=>{const{dispatch:a}=l.useGraphCommands(),o=()=>{a(new h.AddAnnotationCommand({kind:"pinnedNumber",annotation:{at:t}})),r()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:o,children:[(0,n.jsx)(Pr,{}),(0,n.jsx)("span",{className:se,children:e})]})},Lr=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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,n.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,n.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,n.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"})]}),Ir={pinnedNumber:{icon:Pr,labelKey:"graph.annotations.baseMenu.unpinNumber"},comment:{icon:Cr,labelKey:"graph.annotations.baseMenu.removeAnnotation"},sticker:{icon:Lr,labelKey:"graph.annotations.baseMenu.removeSticker"},image:null},ac=e=>(0,h.isObservationAttachmentKind)(e.kind)&&Ir[e.kind]!==null,oc=({attachment:e,onRequestClose:t})=>{const r=l.useI18n(),{dispatch:a}=l.useGraphCommands(),{icon:o,labelKey:i}=Ir[e.kind],s=()=>{a(new h.RemoveAnnotationCommand({id:e.annotation.id})),t()};return(0,n.jsxs)(N.Menu.Item,{className:ie,onClick:s,children:[(0,n.jsx)(kr,{children:(0,n.jsx)(o,{})}),(0,n.jsx)("span",{className:se,children:r(i)})]})},ic="ceeojg0",sc="ceeojg1",lc="ceeojg2",cc=({label:e,at:t,onRequestClose:r})=>{const{dispatch:a}=l.useGraphCommands(),o=i=>{a(new h.AddAnnotationCommand({kind:"sticker",annotation:{at:{anchorType:"observation",...t},sticker:i}})),r()};return(0,n.jsx)(jt,{label:e,icon:(0,n.jsx)(Lr,{}),children:(0,n.jsx)("div",{className:ic,children:Object.entries(l.STICKER_ASSETS).map(([i,s])=>(0,n.jsx)(re.Menu.Item,{className:sc,"aria-label":i,onClick:()=>o(i),children:(0,n.jsx)("img",{className:lc,src:s.src,alt:i})},i))})})},dc=({interaction:e,frameElement:t,panelRect:r})=>{const a=l.useEditorStore(),o=l.useEditorState(d=>d.menuTrigger);if(e.kind!=="menu"||o===null)return null;const i=()=>{a.getState().releaseInteraction("menu")},{center:s,radius:c}=o;return(0,n.jsx)(uc,{frameElement:t,trigger:{x:r.x+s.x-c,y:r.y+s.y-c,width:c*2,height:c*2},layer:e.anchor.layer,at:e.anchor.at,observation:e.anchor.observation,onClose:i})},uc=({frameElement:e,trigger:t,layer:r,at:a,observation:o,onClose:i})=>{const s=l.useI18n(),c=ze(),d=l.useSceneSelector(C=>C.spec.annotations),m=l.useSceneSelector(C=>C.config.parsingLocale),u=pr(),{x:p,y:g,width:f,height:v}=t,b=(0,x.useMemo)(()=>hr(e,{x:p,y:g,width:f,height:v}),[e,p,g,f,v]),S=(0,h.findObservationAttachment)(d,a,(0,x.useMemo)(()=>(0,h.createObservationAnchorParser)(r,m),[r,m])),T=S!==null&&ac(S)?S:null,w=nc(r,o),j=(C,P)=>{!C&&hc(P.reason)&&i()};return(0,n.jsx)(N.Menu.Root,{open:u,modal:!1,onOpenChange:j,children:(0,n.jsx)(N.Menu.Portal,{container:c,children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(N.Menu.Positioner,{anchor:b,side:"right",align:"start",sideOffset:8,className:jr,...yt,children:(0,n.jsxs)(N.Menu.Popup,{className:Tr,"data-testid":"observation-menu",children:[T!==null&&(0,n.jsx)(oc,{attachment:T,onRequestClose:i}),(0,n.jsx)(tc,{label:s("graph.annotations.baseMenu.removeHighlight"),highlights:w,onRequestClose:i}),(0,n.jsx)(N.Menu.Separator,{className:Il}),T===null&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(rc,{label:s("graph.annotations.baseMenu.pinNumber"),at:a,onRequestClose:i}),(0,n.jsx)(Dl,{label:s("graph.annotations.baseMenu.annotate"),placeholder:s("graph.annotations.textMenu.placeholder"),addLabel:s("graph.annotations.textMenu.addButton"),at:a,onRequestClose:i}),(0,n.jsx)(cc,{label:s("graph.annotations.baseMenu.addSticker"),at:a,onRequestClose:i})]}),r.highlight!==null&&(0,n.jsx)(Jl,{label:s("graph.annotations.baseMenu.highlight"),layer:r,observation:o,highlights:w,onRequestClose:i}),(0,n.jsx)(Hl,{label:s("graph.annotations.baseMenu.differenceArrow"),layer:r,at:a,onRequestClose:i})]})})})})})},hc=e=>e==="outside-press"||e==="escape-key"||e==="item-press",Tt="l8tsqe0",Er=["start","end"],Mr=({anchor:e,point:t,delta:r})=>{const a={x:rn(t.x,r.x),y:rn(1-t.y,r.y)};return{anchor:{...e,x:e.x+a.x,y:e.y+a.y},point:{x:t.x+a.x,y:t.y-a.y}}},wt=(e,t)=>({...e,[t.endpoint]:{...e[t.endpoint],...t.point}}),Rr=(e,t)=>e.x===t.x&&e.y===t.y,pc=(e,t)=>{const r=(0,h.projectAnchorToPanel)(e,t);return{x:t.x+r.x,y:t.y+r.y}},mc=(e,t,r)=>{const a=(0,h.projectAnchorToPanel)(e,r),o=(0,h.projectAnchorToPanel)(t,r);return{x:Math.min(a.x,o.x),y:Math.min(a.y,o.y),width:Math.abs(o.x-a.x),height:Math.abs(o.y-a.y)}},rn=(e,t)=>!Number.isFinite(t)||!Number.isFinite(e)?0:(0,ae.default)(t,Math.min(-e,0),Math.max(1-e,0)),gc=({panelRect:e})=>{const t=l.useEditorState(c=>l.readStanding(c,"arrow-endpoint-drag")),r=l.useResolvedAnnotations(e).arrows,a=l.useStyleReaderTree();if(t===null)return null;const o=r.find(c=>c.id===t.annotationId);if(o===void 0)return null;const i=(0,h.resolveArrowAnnotationStyle)(a,o.id),s=(0,h.computeArrow)({arrow:wt(o,t),style:i,panelWidth:e.width,panelHeight:e.height});return s===null?null:(0,n.jsx)("svg",{"aria-hidden":"true",className:Tt,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"arrow-endpoint-preview","data-annotation-id":t.annotationId,children:(0,n.jsx)(l.ArrowAnnotation,{computed:s,style:i,isAddressable:!1})})},fe=()=>{const e=l.useGraphSelection();return lt(e)},lt=e=>{if(e.length!==1)return null;const[t]=e;return t?.kind==="annotation"?t.id:null},xc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"m12 19-7-7 7-7"}),(0,n.jsx)("path",{d:"M19 12H5"})]})}),Or=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M5 12h14"}),(0,n.jsx)("path",{d:"m12 5 7 7-7 7"})]})}),vc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M7 17 17 7"}),(0,n.jsx)("path",{d:"M7 7h10v10"})]})}),_r=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("rect",{x:"3",y:"5",width:"18",height:"1.5",rx:"0.75"}),(0,n.jsx)("rect",{x:"3",y:"10",width:"18",height:"3",rx:"1.5"}),(0,n.jsx)("rect",{x:"3",y:"16.5",width:"18",height:"4.5",rx:"2.25"})]})}),Ge=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M4 7h16"}),(0,n.jsx)("path",{d:"M10 11v6M14 11v6"}),(0,n.jsx)("path",{d:"M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12"}),(0,n.jsx)("path",{d:"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})}),fc="var(--pvjfpx0)",bc="var(--pvjfpx1)",Sc="pvjfpx2",yc="pvjfpx3",Cc="pvjfpx4",jc="pvjfpx6 pvjfpx5",Tc="pvjfpx7 pvjfpx6 pvjfpx5",wc="pvjfpx8 pvjfpx5",he=8,Ac=({anchorBox:e,panelRect:t,frameWidth:r,frameHeight:a})=>{const o=t.y+e.y,i=o+e.height,s=o-8-36,c=i+8,d=(0,ae.default)(s>=he?s:c,he,a-he-36),m=he;return{top:d,left:m,available:Math.max(0,r-he*2),centre:t.x+e.x+e.width/2-m}},kc=({anchorBox:e,panelRect:t,frameWidth:r,frameHeight:a,label:o,testId:i,children:s})=>{const{chartId:c}=l.useGraphContext(),d=Ac({anchorBox:e,panelRect:t,frameWidth:r,frameHeight:a});return(0,n.jsx)("div",{className:Sc,style:{top:d.top,left:d.left,width:d.available},children:(0,n.jsx)(H.Root,{"aria-label":o,className:yc,"data-testid":i,...Be(c),style:(0,xe.assignInlineVars)({[fc]:`${d.centre}px`,[bc]:`${d.available}px`}),children:s})})},Pc=({label:e,trigger:t,isOpen:r,onOpenChange:a,isDisabled:o=!1,children:i})=>{const{chartId:s}=l.useGraphContext();return(0,n.jsxs)(N.Menu.Root,{open:r,modal:!1,onOpenChange:a,children:[(0,n.jsxs)(N.Menu.Trigger,{render:(0,n.jsx)(H.Button,{}),"aria-label":e,className:wc,disabled:o,onMouseDown:c=>c.preventDefault(),children:[t,(0,n.jsx)(ve,{size:"sm"})]}),(0,n.jsx)(H.MenuPopup,{popupAttributes:Be(s),children:i})]})},Lc=e=>{const{chartId:t}=l.useGraphContext();return(0,n.jsx)(H.ColorPicker,{...e,popupAttributes:Be(t)})},Ic=({color:e,opacity:t})=>(0,n.jsx)("span",{className:Cc,style:{background:e,opacity:t}}),Ec=({label:e,onClick:t,children:r})=>(0,n.jsx)(H.Button,{"aria-label":e,className:jc,onClick:t,children:r}),Mc=({label:e,isPressed:t,onClick:r,children:a})=>(0,n.jsx)(H.Button,{"aria-label":e,"aria-pressed":t,className:Tc,onClick:r,children:a}),O={Root:kc,Dropdown:Pc,MenuItem:H.MenuItem,ColorPicker:Lc,Swatch:Ic,IconButton:Ec,ToggleButton:Mc,Button:H.Button,Separator:H.Separator},Rc={kind:"chrome-popup"},Ve=()=>{const{commands:e}=l.useGraphContext(),t=l.useEditorStore(),[r,a]=(0,x.useState)(null);(0,x.useEffect)(()=>()=>e.commit(),[e]),(0,x.useEffect)(()=>{const{claimInteraction:i,releaseInteraction:s}=t.getState();return r===null?s("chrome-popup"):i(Rc),()=>s("chrome-popup")},[t,r]);const o=()=>{a(null),e.commit()};return{bind:i=>({isOpen:r===i,onOpenChange:s=>s?a(i):o()}),close:o}},Oc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,n.jsx)("path",{d:"M5 19 8 16"}),(0,n.jsx)("path",{d:"M10.5 13.5 13.5 10.5"}),(0,n.jsx)("path",{d:"M16 8 19 5"})]})}),_c=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,n.jsx)("path",{d:"M5 19h0"}),(0,n.jsx)("path",{d:"M8.5 15.5h0"}),(0,n.jsx)("path",{d:"M12 12h0"}),(0,n.jsx)("path",{d:"M15.5 8.5h0"}),(0,n.jsx)("path",{d:"M19 5h0"})]})}),Nc=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("path",{d:"M5 19 19 5",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"})}),Dc=[{value:h.ARROW_STROKE_WIDTHS_PX.thin,key:"graph.annotations.arrowToolbar.thickness.thin"},{value:h.ARROW_STROKE_WIDTHS_PX.medium,key:"graph.annotations.arrowToolbar.thickness.medium"},{value:h.ARROW_STROKE_WIDTHS_PX.thick,key:"graph.annotations.arrowToolbar.thickness.thick"}],an=[{value:"line-arrow",key:"graph.annotations.arrowToolbar.arrowhead.lineArrow",Icon:Or},{value:"none",key:"graph.annotations.arrowToolbar.arrowhead.none",Icon:l.MinusIcon}],on=[{value:"solid",key:"graph.annotations.arrowToolbar.lineStyle.solid",Icon:Nc},{value:"dashed",key:"graph.annotations.arrowToolbar.lineStyle.dashed",Icon:Oc},{value:"dotted",key:"graph.annotations.arrowToolbar.lineStyle.dotted",Icon:_c}],Fc=(e,t)=>e.find(r=>r.value===t)??e[0];var Bc=({arrow:e,arrowBox:t,panelRect:r,frameWidth:a,frameHeight:o,frameElement:i})=>{const s=l.useI18n(),{commands:c}=l.useGraphContext(),d=l.useSceneSelector(E=>E.spec.styles.overrides),m=l.useSceneSelector(E=>(0,h.readStyleCoord)(E.spec)),u=Ve(),p=(0,h.resolveArrowAnnotationStyle)(l.useStyleReaderTree(),e.id),g=Fc(on,(0,h.toDashPreset)(p.dashArray)),f=p.outline.strokeWidth>0||p.outline.shadow!=="none",v=(0,x.useMemo)(()=>({target:"annotation",kind:"arrow",annotation:e.id}),[e.id]),b=(0,x.useMemo)(()=>({...v,part:"outline"}),[v]),S=(E,y)=>{const D=(0,h.findStyleRule)(d,{select:v},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:v,declarations:{...D,...E}}}),y)},T=E=>{const y=(0,h.findStyleRule)(d,{select:b},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:b,declarations:{...y,...E}}}))},w=E=>{S(E),u.close()},j=E=>{c.dispatch(new h.UpdateAnnotationCommand({kind:"arrow",id:e.id,patch:E})),u.close()},C=()=>{c.dispatch(new h.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},P=E=>S({stroke:E},{transient:!0}),k=E=>w({strokeWidth:E}),M=E=>j({startArrowheadStyle:E}),_=E=>w({dashArray:h.DASH_PRESETS.arrow[E]}),R=E=>j({endArrowheadStyle:E}),I=()=>T(f?{strokeWidth:0,shadow:"none"}:h.ARROW_STICKER_DECLARATIONS);return(0,n.jsxs)(O.Root,{anchorBox:t,panelRect:r,frameWidth:a,frameHeight:o,label:s("graph.annotations.arrowToolbar.label"),testId:"arrow-toolbar",children:[(0,n.jsx)(O.ColorPicker,{color:p.stroke,label:s("graph.annotations.arrowToolbar.color"),onChange:P,...u.bind("color"),children:(0,n.jsx)(O.Swatch,{color:p.stroke})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.thickness.ariaLabel"),trigger:(0,n.jsx)(_r,{size:"sm",title:""}),...u.bind("thickness"),children:(0,n.jsx)(je,{options:Dc,current:p.strokeWidth,onPick:k})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.startArrowhead"),trigger:(0,n.jsx)(xc,{size:"sm",title:""}),...u.bind("startArrowhead"),children:(0,n.jsx)(je,{options:an,current:e.startArrowheadStyle,onPick:M})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.lineStyle.ariaLabel"),trigger:g?.Icon!==void 0&&(0,n.jsx)(g.Icon,{size:"sm",title:""}),...u.bind("lineStyle"),children:(0,n.jsx)(je,{options:on,current:(0,h.toDashPreset)(p.dashArray),onPick:_})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.arrowToolbar.endArrowhead"),trigger:(0,n.jsx)(Or,{size:"sm",title:""}),...u.bind("endArrowhead"),children:(0,n.jsx)(je,{options:an,current:e.endArrowheadStyle,onPick:R})}),(0,n.jsx)(O.ToggleButton,{label:s("graph.annotations.arrowToolbar.sticker"),isPressed:f,onClick:I,children:(0,n.jsx)(vc,{size:"sm",title:""})}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:s("graph.annotations.arrowToolbar.remove"),onClick:C,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},je=({options:e,current:t,onPick:r})=>{const a=l.useI18n(),o=i=>()=>r(i);return(0,n.jsx)(n.Fragment,{children:e.map(i=>(0,n.jsxs)(O.MenuItem,{isSelected:i.value===t,onClick:o(i.value),children:[(0,n.jsx)("span",{children:a(i.key)}),i.Icon!==void 0&&(0,n.jsx)("span",{className:"_112xh5c0",children:(0,n.jsx)(i.Icon,{size:"sm",title:""})})]},String(i.value)))})},zc="_1me29t10",X=(e,t)=>t>0?e/t:0,$e=(e,t,r)=>({x:X(t.x-e.x,r.width),y:X(t.y-e.y,r.height)}),Hc=e=>e.x!==0||e.y!==0,Nr=(e,t)=>({x:e.x*t.width,y:e.y*t.height});var Gc=(e,t)=>Math.hypot(t.x-e.x,t.y-e.y)>=3,be=class{constructor(e){this.params=e,this.listeners=new AbortController,this.pendingEvent=null,this.scheduledFrame=null,this.hasMoved=!1,this.hasPublished=!1,this.handleMove=t=>{t.pointerId===this.params.pointerId&&(this.pendingEvent=t,this.hasMoved=!0,this.scheduledFrame===null&&(this.scheduledFrame=requestAnimationFrame(this.runFrame)))},this.handleUp=t=>{t.pointerId===this.params.pointerId&&(this.pendingEvent=t,this.finish(!0))},this.handleLost=t=>{t.pointerId===this.params.pointerId&&this.finish(!1)},this.runFrame=()=>{this.scheduledFrame=null;const t=this.pendingEvent;if(this.pendingEvent=null,t===null)return;const r=this.params.editorStore.getState();if(this.hasPublished&&this.readOwn(r)===null)return;const a={x:t.clientX,y:t.clientY};if(!this.hasPublished&&!this.isDragConfirmed(this.params.press,a))return;const o=this.resolvePreview(a);o!==null&&(r.claimInteraction(o),this.hasPublished=!0)}}start(){const{handle:e}=this.params,{signal:t}=this.listeners;e.addEventListener("pointermove",this.handleMove,{signal:t}),e.addEventListener("pointerup",this.handleUp,{signal:t}),e.addEventListener("lostpointercapture",this.handleLost,{signal:t})}finish(e){this.params.onSettled(),this.listeners.abort(),this.cancelFrame();try{e&&this.hasMoved&&this.runFrame()}finally{this.settle(e)}}isDragConfirmed(e,t){return Gc(e,t)}settle(e){this.pendingEvent=null;const t=this.params.editorStore.getState(),r=this.readOwn(t);r!==null&&t.releaseInteraction(this.kind),!(!e||r===null)&&this.commit(r)}cancelFrame(){this.scheduledFrame!==null&&(cancelAnimationFrame(this.scheduledFrame),this.scheduledFrame=null)}},Ee=(e,t,r)=>{const a=e.arrows.find(i=>i.id===t);if(a===void 0)return null;const o=a[r];return o.anchorType==="panel"?o:null},Dr=(e,t)=>e==="start"?{start:t}:{end:t},Vc=class extends be{constructor(...e){super(...e),this.kind="arrow-endpoint-drag"}readOwn(e){const{annotationId:t,endpoint:r}=this.params;return l.readDraggedArrowEndpointFor(l.readStanding(e,"arrow-endpoint-drag"),t,r)}resolvePreview(e){const{annotationId:t,endpoint:r,press:a,readInputs:o}=this.params,{annotations:i,arrow:s,panelRect:c}=o(),d=Ee(i,t,r);return d===null?null:{kind:"arrow-endpoint-drag",annotationId:t,endpoint:r,...Mr({anchor:d,point:s[r],delta:$e(a,e,c)})}}commit({anchor:e}){const{annotationId:t,endpoint:r,dispatch:a,readInputs:o}=this.params,i=Ee(o().annotations,t,r);i===null||Rr(i,e)||a(new h.UpdateAnnotationCommand({kind:"arrow",id:t,patch:Dr(r,e)}))}},$c=({annotationId:e,arrow:t,panelRect:r})=>{const{commands:a}=l.useGraphContext(),o=l.useEditorStore(),i=l.useLatestRef({annotations:l.useSceneSelector(c=>c.spec.annotations),arrow:t,panelRect:r}),s=(0,x.useRef)(null);return(0,x.useEffect)(()=>()=>s.current?.finish(!1),[]),(0,x.useCallback)(c=>({onPointerDown:d=>{if(d.button===0&&s.current===null){try{d.currentTarget.setPointerCapture(d.pointerId)}catch{return}d.currentTarget.focus({preventScroll:!0}),d.preventDefault(),s.current=new Vc({handle:d.currentTarget,pointerId:d.pointerId,annotationId:e,endpoint:c,press:{x:d.clientX,y:d.clientY},readInputs:()=>i.current,editorStore:o,dispatch:a.dispatch,onSettled:()=>{s.current=null}}),s.current.start()}}}),[e,i,o,a])},Uc=[" ","Enter"],sn=4,Wc=({annotationId:e,arrow:t,panelRect:r})=>{const{commands:a}=l.useGraphContext(),o=l.useEditorStore(),i=l.useSceneSelector(d=>d.spec.annotations),s=l.useLatestRef(i),c=l.useLatestRef(a.dispatch);return(0,x.useEffect)(()=>()=>{for(const d of Er)ln({editorStore:o,annotationId:e,endpoint:d,annotations:s.current,dispatch:c.current})},[o,e,s,c]),(0,x.useCallback)(d=>({onKeyDown:m=>{if(m.altKey||m.ctrlKey||m.metaKey||m.shiftKey)return;const u=o.getState(),p=l.readDraggedArrowEndpointFor(l.readStanding(u,"arrow-endpoint-drag"),e,d);if(Uc.includes(m.key)){if(m.preventDefault(),m.repeat)return;if(p!==null){ln({editorStore:o,annotationId:e,endpoint:d,annotations:i,dispatch:a.dispatch});return}const f=Ee(i,e,d);if(f===null)return;u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,anchor:f,point:t[d]});return}if(p===null)return;const g=qc(m.key,r);g!==null&&(m.preventDefault(),u.claimInteraction({kind:"arrow-endpoint-drag",annotationId:e,endpoint:d,...Mr({anchor:p.anchor,point:p.point,delta:g})}))}}),[e,i,t,r,o,a])},ln=({editorStore:e,annotationId:t,endpoint:r,annotations:a,dispatch:o})=>{const i=e.getState(),s=l.readDraggedArrowEndpointFor(l.readStanding(i,"arrow-endpoint-drag"),t,r);if(s===null)return;i.releaseInteraction("arrow-endpoint-drag");const c=Ee(a,t,r);c===null||Rr(c,s.anchor)||o(new h.UpdateAnnotationCommand({kind:"arrow",id:t,patch:Dr(r,s.anchor)}))},qc=(e,t)=>{const r=X(sn,t.width),a=X(sn,t.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-a};case"ArrowDown":return{x:0,y:a};default:return null}},Kc=e=>{const t=fe(),r=Yc(t),a=Jc(e.panelRect,t),o=Qc(t);if(r===null||a===null)return null;const i=o.dragged===null?a:wt(a,o.dragged);return(0,n.jsx)(Xc,{arrow:r,committed:a,painted:i,isSettled:o.dragged===null&&!o.isMoved,isMoved:o.isMoved,...e})},Xc=({arrow:e,committed:t,painted:r,isSettled:a,isMoved:o,panelRect:i,frameRect:s,frameElement:c})=>{const d=l.useI18n(),m=$c({annotationId:e.id,arrow:t,panelRect:i}),u=Wc({annotationId:e.id,arrow:t,panelRect:i});return(0,n.jsxs)("div",{"data-testid":"arrow-selection","data-annotation-id":e.id,children:[a&&(0,n.jsx)(Bc,{arrow:e,arrowBox:mc(t.start,t.end,i),panelRect:i,frameWidth:s.width,frameHeight:s.height,frameElement:c}),!o&&Er.filter(p=>e[p].anchorType==="panel").map(p=>(0,n.jsx)(Zc,{endpoint:p,point:pc(r[p],i),label:d(`graph.annotations.arrowToolbar.moveEndpoint.${p}`),dragHandlers:m(p),keyboardHandlers:u(p)},p))]})},Zc=({endpoint:e,point:t,label:r,dragHandlers:a,keyboardHandlers:o})=>(0,n.jsx)("div",{"aria-label":r,className:zc,"data-testid":"arrow-endpoint-handle","data-endpoint":e,role:"button",style:{left:t.x,top:t.y},tabIndex:0,...a,...o}),Yc=e=>{const t=l.useSceneSelector(r=>r.spec.annotations.arrows);return e===null?null:t.find(r=>r.id===e)??null},Jc=(e,t)=>{const r=l.useResolvedAnnotations(e).arrows;return t===null?null:r.find(a=>a.id===t)??null},Qc=e=>l.useEditorState((0,ee.useShallow)(t=>{if(e===null)return{dragged:null,isMoved:!1};const r=l.readStanding(t,"arrow-endpoint-drag");return{dragged:r?.annotationId===e?r:null,isMoved:l.readMovedAnnotationFor(l.readStanding(t,"move-drag"),e)!==null}})),ed=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M4 9h16m-4-4 4 4"}),(0,n.jsx)("path",{d:"M20 15H4m4 4-4-4"})]})}),td="q7gcrz0",nd="q7gcrz1",rd="q7gcrz2";var ad=["absolute-difference","relative-difference","proportion"],cn=["absolute-difference","relative-difference"],od=["relative-difference","proportion"],id={"absolute-difference":"graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference","relative-difference":"graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",proportion:"graph.annotations.differenceArrowToolbar.labelKind.proportion"},sd=e=>{const{formattingLocale:t}=l.useGraphContext(),r=l.useSceneSelector(o=>o.config.parsingLocale),a=t??r;return(0,x.useMemo)(()=>{const o=(0,h.areEndpointsComparable)(e.start,e.end);return ad.filter(i=>o||!cn.includes(i)||i===e.label).map(i=>({kind:i,key:id[i],preview:(0,h.formatDifferenceLabel)({locale:a,kind:i,startValue:e.start.measurementValue,endValue:e.end.measurementValue,valueFormat:e.start.valueFormat}),isPickable:o||!cn.includes(i),isSuspect:od.includes(i)&&e.start.measurementValue===0}))},[e,a])},dn=[{id:"small",key:"graph.annotations.differenceArrowToolbar.size.small"},{id:"medium",key:"graph.annotations.differenceArrowToolbar.size.medium"},{id:"large",key:"graph.annotations.differenceArrowToolbar.size.large"}],ld=({arrow:e,color:t,labelBox:r,panelRect:a,frameWidth:o,frameHeight:i,frameElement:s})=>{const c=l.useI18n(),{commands:d}=l.useGraphContext(),m=l.useSceneSelector(y=>y.spec.styles.overrides),u=l.useSceneSelector(y=>(0,h.readStyleCoord)(y.spec)),p=Ve(),g=sd(e),f=(0,h.resolveDifferenceArrowAnnotationStyle)(l.useStyleReaderTree(),e.id),v=(0,x.useMemo)(()=>({target:"annotation",kind:"differenceArrow",annotation:e.id}),[e.id]),b=(0,x.useMemo)(()=>({...v,part:"label"}),[v]),S=g.find(y=>y.kind===e.label),T=g.some(y=>y.isPickable&&y.kind!==e.label),w=dn.find(y=>h.DIFFERENCE_ARROW_SIZE_DECLARATIONS[y.id].arrow.strokeWidth===f.strokeWidth),j=(y,D)=>{d.dispatch(new h.UpdateAnnotationCommand({kind:"differenceArrow",id:e.id,patch:y}),D)},C=y=>({...(0,h.findStyleRule)(m,{select:v},u)?.declarations,...y}),P=y=>({...(0,h.findStyleRule)(m,{select:b},u)?.declarations,...y}),k=y=>{j(y),p.close()},M=()=>{d.dispatch(new h.RemoveAnnotationCommand({id:e.id})),s.focus({preventScroll:!0})},_=y=>d.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:v,declarations:C({stroke:y})}}),{transient:!0}),R=()=>j({start:e.end.anchor,end:e.start.anchor}),I=y=>()=>k({label:y}),E=y=>()=>{const D=h.DIFFERENCE_ARROW_SIZE_DECLARATIONS[y];d.dispatch(new h.SetDifferenceArrowStyleCommand({annotationId:e.id,arrow:C(D.arrow),label:P(D.label)})),p.close()};return(0,n.jsxs)(O.Root,{anchorBox:r,panelRect:a,frameWidth:o,frameHeight:i,label:c("graph.annotations.differenceArrowToolbar.label"),testId:"difference-arrow-toolbar",children:[(0,n.jsx)(O.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),trigger:(0,n.jsx)(cd,{option:S}),isDisabled:!T,...p.bind("labelKind"),children:g.map(y=>(0,n.jsxs)(O.MenuItem,{isSelected:y.kind===e.label,isDisabled:!y.isPickable,onClick:I(y.kind),children:[(0,n.jsx)("span",{children:c(y.key)}),(y.isSuspect||!y.isPickable)&&(0,n.jsx)("span",{"aria-label":c(y.isPickable?"graph.annotations.differenceArrowToolbar.labelKind.suspectValue":"graph.annotations.differenceArrowToolbar.labelKind.incomparableEnds"),className:"q7gcrz3",role:"img",children:"⚠"}),(0,n.jsx)("span",{className:rd,children:y.preview})]},y.kind))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.ColorPicker,{color:t,label:c("graph.annotations.differenceArrowToolbar.color"),onChange:_,...p.bind("color"),children:(0,n.jsx)(O.Swatch,{color:t})}),(0,n.jsx)(O.Dropdown,{label:c("graph.annotations.differenceArrowToolbar.size.ariaLabel"),trigger:w===void 0?"":c(w.key),...p.bind("size"),children:dn.map(y=>(0,n.jsx)(O.MenuItem,{isSelected:y.id===w?.id,onClick:E(y.id),children:c(y.key)},y.id))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:c("graph.annotations.differenceArrowToolbar.swap"),onClick:R,children:(0,n.jsx)(ed,{size:"sm",title:""})}),(0,n.jsx)(O.IconButton,{label:c("graph.annotations.differenceArrowToolbar.remove"),onClick:M,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},cd=({option:e})=>{const t=l.useI18n();return e===void 0?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:nd,children:t(e.key)}),(0,n.jsxs)("span",{className:td,children:["(",e.preview,")"]})]})};var dd="ydgo3h0",ud="ydgo3h1",hd="ydgo3h2",pd=({clientPoint:e,panelOrigin:t,panelRect:r,engine:a,layers:o,coordSystem:i,resolver:s,fixedAnchor:c,align:d})=>{const m=md({x:e.x-t.x,y:e.y-t.y},r),{primary:u}=a.query((0,h.toPanelCursor)(m,r));if(u===null)return null;const p=o.find(f=>f.id===u.layerId);if(p===void 0)return null;const g=(0,h.resolveObservationPoint)({resolver:s,layer:p,observation:u.observation,observationIndex:(0,h.readObservationIndex)(u),coordSystem:i,align:d});return g===null||(0,h.areAnchorsEqual)(g.anchor,c)?null:g},md=(e,t)=>({x:Math.max(0,Math.min(e.x,t.width)),y:Math.max(0,Math.min(e.y,t.height))}),Fr=e=>e==="start"?"end":"start",Br=({dispatch:e,arrow:t,endpoint:r,anchor:a})=>{(0,h.areAnchorsEqual)(a,t[r].anchor)||e(new h.UpdateAnnotationCommand({kind:"differenceArrow",id:t.id,patch:{[r]:a}}))},gd=class extends be{constructor(...e){super(...e),this.kind="difference-arrow-endpoint-drag"}isDragConfirmed(){return!0}readOwn(e){const{endpoint:t,readInputs:r}=this.params;return l.readDraggedDifferenceArrowEndpointFor(l.readStanding(e,"difference-arrow-endpoint-drag"),r().arrow.id,t)}resolvePreview(e){const{endpoint:t,readInputs:r,engine:a,anchorResolver:o}=this.params,{arrow:i,panelOrigin:s,panelRect:c,layers:d,coordSystem:m}=r(),u=pd({clientPoint:e,panelOrigin:s,panelRect:c,engine:a,layers:d,coordSystem:m,resolver:o,fixedAnchor:i[Fr(t)].anchor,align:i[t].anchor.align});return u===null?null:{kind:"difference-arrow-endpoint-drag",annotationId:i.id,endpoint:t,point:u}}commit({point:e,endpoint:t}){const{dispatch:r,readInputs:a}=this.params;Br({dispatch:r,arrow:a().arrow,endpoint:t,anchor:e.anchor})}},xd=({arrow:e,panelOrigin:t,panelRect:r})=>{const{commands:a,anchorResolver:o}=l.useGraphContext(),{engine:i}=l.useHoverContext(),s=l.useEditorStore(),c=l.useLatestRef({arrow:e,panelOrigin:t,panelRect:r,...l.useSceneSelector((0,ee.useShallow)(m=>({layers:m.layers,coordSystem:m.coordSystem})))}),d=(0,x.useRef)(null);return(0,x.useEffect)(()=>()=>d.current?.finish(!1),[]),(0,x.useCallback)(m=>({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 gd({handle:u.currentTarget,pointerId:u.pointerId,press:{x:u.clientX,y:u.clientY},endpoint:m,readInputs:()=>c.current,editorStore:s,engine:i,anchorResolver:o,dispatch:a.dispatch,onSettled:()=>{d.current=null}}),d.current.start()}}}),[c,s,i,o,a])},vd=[" ","Enter"],fd=({arrow:e})=>{const{commands:t,anchorResolver:r}=l.useGraphContext(),a=l.useEditorStore(),{layers:o,coordSystem:i,mainAxis:s}=l.useSceneSelector((0,ee.useShallow)(d=>({layers:d.layers,coordSystem:d.coordSystem,mainAxis:(0,h.readMainAxis)(d.coordSystem)}))),c=e.id;return(0,x.useEffect)(()=>()=>{const d=a.getState();l.readStanding(d,"difference-arrow-endpoint-drag")?.annotationId===c&&d.releaseInteraction("difference-arrow-endpoint-drag")},[a,c]),(0,x.useCallback)(d=>({onKeyDown:m=>{if(m.altKey||m.ctrlKey||m.metaKey||m.shiftKey)return;const u=a.getState(),p=l.readDraggedDifferenceArrowEndpointFor(l.readStanding(u,"difference-arrow-endpoint-drag"),e.id,d);if(vd.includes(m.key)){if(m.preventDefault(),m.repeat)return;if(p===null)return u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:e[d]});u.releaseInteraction("difference-arrow-endpoint-drag"),Br({dispatch:t.dispatch,arrow:e,endpoint:d,anchor:p.point.anchor});return}if(p===null)return;const g=bd(m.key,s);if(g===null)return;m.preventDefault();const f=Sd({arrow:e,endpoint:d,from:p.point.anchor,move:g,layers:o,coordSystem:i,resolver:r});f!==null&&u.claimInteraction({kind:"difference-arrow-endpoint-drag",annotationId:e.id,endpoint:d,point:f})}}),[e,a,t,r,o,i,s])},bd=(e,t)=>{const r=e==="ArrowUp"||e==="ArrowDown";return!r&&!(e==="ArrowLeft"||e==="ArrowRight")?null:{axis:t==="x"===r?"cross":"main",step:e==="ArrowDown"||e==="ArrowRight"?1:-1}},Sd=({arrow:e,endpoint:t,from:r,move:a,layers:o,coordSystem:i,resolver:s})=>{const c=o.find(u=>u.id===r.layerId);if(c===void 0)return null;const d=s.createLayerMeasurement(c);if(d===null)return null;const{align:m}=e[t].anchor;return(0,h.stepDifferenceArrowEndpoint)({layer:c,from:r,partner:e[Fr(t)].anchor,axis:a.axis,step:a.step,getObservationPoint:(u,p)=>(0,h.resolveObservationPoint)({resolver:s,layer:c,observation:u,observationIndex:p,coordSystem:i,align:m,measurement:d})})?.point??null},yd=e=>{const t=fe();return t===null?null:(0,n.jsx)(Cd,{annotationId:t,...e})},Cd=({annotationId:e,...t})=>{const r=l.useDifferenceArrowGeometries(),a=(0,x.useMemo)(()=>r.find(o=>o.id===e),[r,e]);return a===void 0?null:(0,n.jsx)(jd,{committedArrow:a.committedArrow,color:a.color,labelCornerRadius:a.style.label.cornerRadius,committedLabelBox:a.committedLabelBox,labelBox:a.labelBox,start:a.start,end:a.end,isDragged:a.isDragged,...t})},jd=({committedArrow:e,color:t,labelCornerRadius:r,committedLabelBox:a,labelBox:o,start:i,end:s,panelRect:c,panelOrigin:d,frameRect:m,frameElement:u,isDragged:p})=>{const g=xd({arrow:e,panelOrigin:d,panelRect:c}),f=fd({arrow:e});return(0,n.jsxs)("div",{"data-testid":"difference-arrow-selection",children:[!p&&(0,n.jsx)(ld,{arrow:e,color:t,labelBox:a,panelRect:c,frameWidth:m.width,frameHeight:m.height,frameElement:u}),(0,n.jsx)("div",{"aria-hidden":"true",className:hd,"data-testid":"difference-arrow-selection-label",style:{left:c.x+o.x-2,top:c.y+o.y-2,width:o.width+4,height:o.height+4,borderRadius:l.toBorderRadiusCss(r,2)}}),(0,n.jsx)(un,{endpoint:"start",point:i,panelRect:c,dragHandlers:g("start"),keyboardHandlers:f("start")}),(0,n.jsx)(un,{endpoint:"end",point:s,panelRect:c,dragHandlers:g("end"),keyboardHandlers:f("end")})]})},un=({endpoint:e,point:t,panelRect:r,dragHandlers:a,keyboardHandlers:o})=>(0,n.jsx)("div",{className:dd,"data-testid":"difference-arrow-selection-handle","data-endpoint":e,role:"button",style:{left:r.x+t.x,top:r.y+t.y},tabIndex:0,...a,...o,children:(0,n.jsx)("span",{"aria-hidden":"true",className:ud})}),ct=({start:e,extent:t,isStartMoving:r,delta:a,minExtent:o})=>{if(!Number.isFinite(a))return{start:e,extent:t};const i=e+t,s=Math.min(o,t);if(r){const m=Math.min(0,e),u=Math.min(Math.max(1,e),i-s),p=(0,ae.default)(e+a,m,u);return{start:p,extent:i-p}}const c=Math.max(Math.min(0,i),e+s),d=Math.max(1,i);return{start:e,extent:(0,ae.default)(i+a,c,d)-e}},Td=["top-left","top-right","bottom-right","bottom-left"];var zr=({width:e,height:t})=>({x:X(16,e),y:X(16,t)}),wd=(e,t)=>({x:Vr(t)?e.x:e.x+e.width,y:$r(t)?e.y:e.y+e.height}),At=e=>({x:e.x,y:1-e.y-e.height,width:e.width,height:e.height}),Hr=({region:e,corner:t,delta:r,minSize:a})=>{const o=ct({start:e.x,extent:e.width,isStartMoving:Vr(t),delta:r.x,minExtent:a.x}),i=ct({start:e.y,extent:e.height,isStartMoving:$r(t),delta:r.y,minExtent:a.y});return{anchorType:"panel",x:o.start,y:i.start,width:o.extent,height:i.extent}},Gr=(e,t)=>e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height,Vr=e=>e==="top-left"||e==="bottom-left",$r=e=>e==="top-left"||e==="top-right",Ur=(e,t,r,a)=>{const o=e.textAnnotations.find(i=>i.id===t);return o===void 0?null:l.measureTextAnnotationBox(l.previewResizedText(o,r),a)};var Ad={hovered:"_1ee8fau1 _1ee8fau0",selected:"_1ee8fau2 _1ee8fau0"},kd={hovered:"_1ee8fau4 _1ee8fau3",selected:"_1ee8fau5 _1ee8fau3"},Pd=({panelRect:e})=>{const t=l.useResolvedAnnotations(e),r=l.useMeasuredBoxes(),a=l.useStyleReaderTree(),o=fe(),i=l.useEditorState(b=>l.readStanding(b,"move-drag")),s=l.useEditorState(b=>l.readStanding(b,"shape-resize-drag")),c=l.useEditorState(b=>l.readStanding(b,"arrow-endpoint-drag")),d=l.useEditorState(b=>l.readStanding(b,"text-resize-drag")),m=l.useEditorState(l.readAnnotationUnderPointer),u=(0,x.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:r,readers:a}),[e.width,e.height,r,a]),p=hn(t,o,u),g=hn(t,m===o?null:m,u),f=b=>{if(s?.annotationId===b.id){const S=t.shapes.find(T=>T.id===b.id);return S===void 0?b.geometry:l.measureShapeRegion(At(s.region),a.annotation.shape(S.id).get("strokeWidth"),u.panel)}if(c?.annotationId===b.id){const S=t.arrows.find(T=>T.id===b.id);return S===void 0?b.geometry:l.measureArrowEnds(wt(S,c),u.panel)??b.geometry}return d?.annotationId===b.id?Ur(t,b.id,d,u)??b.geometry:b.geometry},v=b=>{if(i?.annotationId!==b)return e;const S=Nr(i.translation,e);return{x:e.x+S.x,y:e.y+S.y}};return(0,n.jsxs)(n.Fragment,{children:[g!==null&&(0,n.jsx)(pn,{annotationId:g.id,geometry:f(g),state:"hovered",origin:v(g.id)}),p!==null&&(0,n.jsx)(pn,{annotationId:p.id,geometry:f(p),state:"selected",origin:v(p.id)})]})},hn=(e,t,r)=>{if(t===null)return null;const a=l.resolveAnnotationChromeGeometry(e,t,r);return a===null?null:{id:t,geometry:a}},pn=({annotationId:e,geometry:t,state:r,origin:a})=>t.shape==="segment"?(0,n.jsxs)("div",{"aria-hidden":"true","data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,children:[(0,n.jsx)(mn,{point:t.start,state:r,origin:a}),(0,n.jsx)(mn,{point:t.end,state:r,origin:a})]}):(0,n.jsx)("div",{"aria-hidden":"true",className:Ad[r],"data-testid":"annotation-chrome","data-annotation-id":e,"data-state":r,style:{left:a.x+t.rect.x-2,top:a.y+t.rect.y-2,width:t.rect.width+4,height:t.rect.height+4}}),mn=({point:e,state:t,origin:r})=>(0,n.jsx)("span",{className:kd[t],style:{left:r.x+e.x,top:r.y+e.y}}),Ld=({panelRect:e})=>{const t=l.useEditorState(o=>l.readStanding(o,"move-drag")),r=l.useResolvedAnnotations(e);if(t===null)return null;const a=Nr(t.translation,e);return(0,n.jsx)("svg",{"aria-hidden":"true",className:Tt,width:e.width,height:e.height,style:{left:e.x+a.x,top:e.y+a.y},"data-testid":"annotation-preview","data-annotation-id":t.annotationId,children:Md(r,t.annotationId,e)})},Id=({annotation:e,panel:t})=>{const r=l.useMeasuredBoxRef(e.id);return(0,n.jsx)(l.TextAnnotation,{annotation:e,panel:t,style:l.useStyleReaderTree().annotation.text(e.id).resolve(),blockRef:r})},Te=(e,t,r)=>{const a=e.find(o=>o.id===t);return a===void 0?null:r(a)},Ed={text:(e,t,r)=>Te(e.textAnnotations,t,a=>(0,n.jsx)(Id,{annotation:a,panel:r})),shape:(e,t,r)=>Te(e.shapes,t,a=>(0,n.jsx)(Od,{shape:a,panelSize:r})),image:(e,t,r)=>Te(e.images,t,a=>(0,n.jsx)(_d,{image:a,panelSize:r})),arrow:(e,t,r)=>Te(e.arrows,t,a=>(0,n.jsx)(Rd,{arrow:a,panelSize:r}))},Md=(e,t,r)=>{for(const a of Object.values(Ed)){const o=a(e,t,r);if(o!==null)return o}return null},Rd=({arrow:e,panelSize:t})=>{const r=(0,h.resolveArrowAnnotationStyle)(l.useStyleReaderTree(),e.id),a=(0,h.computeArrow)({arrow:e,style:r,panelWidth:t.width,panelHeight:t.height});return a===null?null:(0,n.jsx)(l.ArrowAnnotation,{computed:a,style:r,isAddressable:!1})},Od=({shape:e,panelSize:t})=>(0,n.jsx)(l.ShapeAnnotation,{shape:e,style:l.useStyleReaderTree().annotation.shape(e.id).resolve(),panel:t}),_d=({image:e,panelSize:t})=>(0,n.jsx)(l.ImageAnnotation,{image:e,panel:t,style:l.useStyleReaderTree().annotation.image(e.id).resolve()}),Nd=({panelRect:e})=>{const t=l.useEditorState(i=>l.readStanding(i,"shape-resize-drag")),r=l.useResolvedAnnotations(e).shapes,a=l.useStyleReaderTree();if(t===null)return null;const o=r.find(i=>i.id===t.annotationId);return o===void 0?null:(0,n.jsx)("svg",{"aria-hidden":"true",className:Tt,width:e.width,height:e.height,style:{left:e.x,top:e.y},"data-testid":"shape-resize-preview","data-annotation-id":t.annotationId,children:(0,n.jsx)(l.ShapeAnnotation,{shape:{...o,region:At(t.region)},style:a.annotation.shape(o.id).resolve(),panel:e})})},Dd={sm:"o49ib40",md:"o49ib41"},Fd={horizontal:"o49ib42",diagonalDown:"o49ib43",diagonalUp:"o49ib44"},Wr=({point:e,label:t,pull:r,size:a,attributes:o,dragHandlers:i,keyboardHandlers:s})=>(0,n.jsx)("div",{"aria-label":t,className:Fd[r],role:"button",style:{left:e.x,top:e.y},tabIndex:0,...o,...i,...s,children:(0,n.jsx)("span",{"aria-hidden":"true",className:Dd[a]})}),dt=[{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"}],Bd=e=>[...dt].reverse().find(t=>t.width<=e)??dt[0],zd=({shape:e,shapeBox:t,panelRect:r,frameWidth:a,frameHeight:o,frameElement:i})=>{const s=l.useI18n(),{commands:c}=l.useGraphContext(),d=l.useSceneSelector(j=>j.spec.styles.overrides),m=l.useSceneSelector(j=>(0,h.readStyleCoord)(j.spec)),u=Ve(),p=l.useStyleReaderTree().annotation.shape(e.id).resolve(),g=Bd(p.strokeWidth),f=(0,x.useMemo)(()=>({target:"annotation",kind:"shape",annotation:e.id}),[e.id]),v=(j,C)=>{const P=(0,h.findStyleRule)(d,{select:f},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:f,declarations:{...P,...j}}}),C)},b=()=>{c.dispatch(new h.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},S=j=>v({fill:j},{transient:!0}),T=j=>v({fillAlpha:j},{transient:!0}),w=j=>()=>{v({strokeWidth:j}),u.close()};return(0,n.jsxs)(O.Root,{anchorBox:t,panelRect:r,frameWidth:a,frameHeight:o,label:s("graph.annotations.shapeToolbar.label"),testId:"shape-toolbar",children:[(0,n.jsx)(O.ColorPicker,{color:(0,h.toPaintColor)(p.fill),label:s("graph.annotations.shapeToolbar.color"),onChange:S,opacity:p.fillAlpha,onOpacityChange:T,...u.bind("color"),children:(0,n.jsx)(O.Swatch,{color:(0,h.toPaintColor)(p.fill),opacity:p.fillAlpha})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.shapeToolbar.border.ariaLabel"),trigger:(0,n.jsx)(_r,{size:"sm",title:""}),...u.bind("border"),children:dt.map(j=>(0,n.jsx)(O.MenuItem,{isSelected:j.width===g?.width,onClick:w(j.width),children:s(j.key)},j.width))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:s("graph.annotations.shapeToolbar.remove"),onClick:b,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},qr=e=>{const t=l.useLatestRef(e),r=(0,x.useRef)(null);return(0,x.useEffect)(()=>()=>r.current?.finish(!1),[]),(0,x.useCallback)(a=>({onPointerDown:o=>{if(o.button!==0||r.current!==null)return;try{o.currentTarget.setPointerCapture(o.pointerId)}catch{return}o.currentTarget.focus({preventScroll:!0}),o.preventDefault();const i=t.current(a,{handle:o.currentTarget,pointerId:o.pointerId,press:{x:o.clientX,y:o.clientY},onSettled:()=>{r.current=null}});r.current=i,i.start()}}),[t])},Me=(e,t)=>{const r=e.shapes.find(a=>a.id===t);return r===void 0||r.region.anchorType!=="panel"?null:r.region},Hd=class extends be{constructor(...e){super(...e),this.kind="shape-resize-drag"}readOwn(e){return l.readResizedShapeFor(l.readStanding(e,"shape-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:t,corner:r,press:a,readInputs:o}=this.params,{annotations:i,panelRect:s}=o(),c=Me(i,t);return c===null?null:{kind:"shape-resize-drag",annotationId:t,region:Hr({region:c,corner:r,delta:$e(a,e,s),minSize:zr(s)})}}commit({region:e}){const{annotationId:t,dispatch:r,readInputs:a}=this.params,o=Me(a().annotations,t);o===null||Gr(o,e)||r(new h.UpdateAnnotationCommand({kind:"shape",id:t,patch:{region:e}}))}},Gd=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useLatestRef({annotations:l.useSceneSelector(i=>i.spec.annotations),panelRect:t});return qr((i,s)=>new Hd({...s,annotationId:e,corner:i,readInputs:()=>o.current,editorStore:a,dispatch:r.dispatch}))},Vd=[" ","Enter"],Kr=e=>{const t=l.useEditorStore(),r=l.useLatestRef(e);return(0,x.useEffect)(()=>()=>gn(t,r.current),[t,r]),(0,x.useCallback)(a=>({onKeyDown:o=>{if(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey)return;const i=t.getState(),s=r.current.readHeld();if(Vd.includes(o.key)){if(o.preventDefault(),o.repeat)return;if(s!==null){gn(t,r.current);return}const d=r.current.claim(a);if(d===null)return;i.claimInteraction(d);return}if(s===null)return;const c=r.current.step(s,a,o.key);c!==null&&(o.preventDefault(),i.claimInteraction(c))}}),[t,r])},gn=(e,t)=>{const r=t.readHeld();r!==null&&(e.getState().releaseInteraction(r.kind),t.commit(r))},xn=4,$d=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useSceneSelector(i=>i.spec.annotations);return Kr({readHeld:()=>l.readResizedShapeFor(l.readStanding(a.getState(),"shape-resize-drag"),e),claim:()=>{const i=Me(o,e);return i===null?null:{kind:"shape-resize-drag",annotationId:e,region:i}},step:(i,s,c)=>{const d=Ud(c,t);return d===null?null:{kind:"shape-resize-drag",annotationId:e,region:Hr({region:i.region,corner:s,delta:d,minSize:zr(t)})}},commit:({region:i})=>{const s=Me(o,e);s===null||Gr(s,i)||r.dispatch(new h.UpdateAnnotationCommand({kind:"shape",id:e,patch:{region:i}}))}})},Ud=(e,t)=>{const r=X(xn,t.width),a=X(xn,t.height);switch(e){case"ArrowLeft":return{x:-r,y:0};case"ArrowRight":return{x:r,y:0};case"ArrowUp":return{x:0,y:-a};case"ArrowDown":return{x:0,y:a};default:return null}},Wd={"top-left":"diagonalDown","bottom-right":"diagonalDown","top-right":"diagonalUp","bottom-left":"diagonalUp"},qd=e=>{const t=fe(),r=Xd(t),a=Zd(t);if(r===null)return null;const o=a.resizedRegion??(r.region.anchorType==="panel"?r.region:null);return o===null?null:(0,n.jsx)(Kd,{shape:r,region:o,isSettled:a.resizedRegion===null&&!a.isMoved,isMoved:a.isMoved,...e})},Kd=({shape:e,region:t,isSettled:r,isMoved:a,panelRect:o,frameRect:i,frameElement:s})=>{const c=l.useI18n(),d=Gd({annotationId:e.id,panelRect:o}),m=$d({annotationId:e.id,panelRect:o}),u=l.useStyleReaderTree().annotation.shape(e.id).resolve(),{rect:p}=l.measureShapeRegion(At(t),u.strokeWidth,o);return(0,n.jsxs)("div",{"data-testid":"shape-selection","data-annotation-id":e.id,children:[r&&(0,n.jsx)(zd,{shape:e,shapeBox:p,panelRect:o,frameWidth:i.width,frameHeight:i.height,frameElement:s}),!a&&Td.map(g=>{const f=wd(p,g);return(0,n.jsx)(Wr,{point:{x:o.x+f.x,y:o.y+f.y},label:c(`graph.annotations.shapeToolbar.resize.${g}`),pull:Wd[g],size:"md",attributes:{"data-testid":"shape-resize-handle","data-corner":g},dragHandlers:d(g),keyboardHandlers:m(g)},g)})]})},Xd=e=>{const t=l.useSceneSelector(r=>r.spec.annotations.shapes);return e===null?null:t.find(r=>r.id===e)??null},Zd=e=>l.useEditorState((0,ee.useShallow)(t=>e===null?{resizedRegion:null,isMoved:!1}:{resizedRegion:l.readResizedShapeFor(l.readStanding(t,"shape-resize-drag"),e)?.region??null,isMoved:l.readMovedAnnotationFor(l.readStanding(t,"move-drag"),e)!==null})),Yd=({textColor:e,...t})=>(0,n.jsxs)(l.Icon,{...t,children:[(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:[(0,n.jsx)("path",{d:"M6 4h12"}),(0,n.jsx)("path",{d:"M12 4v12"})]}),(0,n.jsx)("path",{d:"M5 20h14",stroke:e??"currentColor",strokeWidth:3,strokeLinecap:"round"})]});var Re="textStyle",Xr=new Set(["paragraph","heading"]),Jd=e=>{const t=Zr(e),r=au(e);return{color:we(t.map(a=>ou(Je(a)?.color))),font:we(t.map(a=>ru(Je(a)))),fontSize:we(t.map(a=>iu(Je(a)?.fontSize))),alignment:we(r.map(a=>su(a.attrs?.textAlign)))}},Qd=(e,t)=>kt(e,r=>r.type==="text"?nu(r,t):r),eu=e=>Zr(e).length>0,tu=(e,t)=>kt(e,r=>Xr.has(r.type??"")?{...r,attrs:{...r.attrs,textAlign:t}}:r),kt=(e,t)=>t(e.content===void 0?e:{...e,content:e.content.map(r=>kt(r,t))}),nu=(e,t)=>{const r=e.marks??[],a=r.find(i=>i.type===Re),o={type:Re,attrs:{...a?.attrs,...t}};return{...e,marks:a===void 0?[...r,o]:r.map(i=>i===a?o:i)}},Je=e=>e.marks?.find(t=>t.type===Re)?.attrs,ru=e=>l.readRichTextFontId(e?.font)??l.readRichTextFontId(e?.fontFamily),Zr=e=>Pt(e,t=>t.type==="text"),au=e=>Pt(e,t=>Xr.has(t.type??"")),Pt=(e,t)=>[...t(e)?[e]:[],...(e.content??[]).flatMap(r=>Pt(r,t))],we=e=>{const[t,...r]=e;return t===void 0?null:r.every(a=>a===t)?t:null},ou=e=>typeof e=="string"&&e.length>0?e:void 0,iu=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,su=e=>e==="left"||e==="center"||e==="right"?e:void 0;var Yr=[{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:t})=>({id:e,key:t,fontFamily:l.RICH_TEXT_FONT_FAMILIES[e]??e})),lu=e=>Yr.find(t=>t.id===(e??"modern"))??null;var Jr=[{size:12,key:"graph.annotations.textToolbar.fontSize.small"},{size:15,key:"graph.annotations.textToolbar.fontSize.medium"},{size:18,key:"graph.annotations.textToolbar.fontSize.large"},{size:24,key:"graph.annotations.textToolbar.fontSize.extraLarge"},{size:30,key:"graph.annotations.textToolbar.fontSize.huge"}],cu=e=>Jr.find(t=>t.size===(e??15))??null,du=e=>`${e}px`,uu=[{alignment:"left",Icon:nr},{alignment:"center",Icon:er},{alignment:"right",Icon:tr}],hu=({annotation:e,textBox:t,panelRect:r,frameWidth:a,frameHeight:o,frameElement:i})=>{const s=l.useI18n(),{commands:c}=l.useGraphContext(),d=l.useSceneSelector(y=>y.spec.styles.overrides),m=l.useSceneSelector(y=>(0,h.readStyleCoord)(y.spec)),u=l.useEditorStore(),p=Ve(),g=l.useStyleReaderTree().annotation.text(e.id).resolve(),f=Jd(e.content),v=lu(f.font),b=cu(f.fontSize),S=f.color??g.textColor,T=(0,x.useMemo)(()=>({target:"annotation",kind:"text",annotation:e.id}),[e.id]),w=(y,D)=>{const $=(0,h.findStyleRule)(d,{select:T},m)?.declarations??{};c.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:T,declarations:{...$,...y}}}),D)},j=(y,D)=>{c.dispatch(new h.UpdateAnnotationCommand({kind:"text",id:e.id,patch:y}),D)},C=()=>u.getState().caret?.editor?.getJSON()??e.content,P=(y,D)=>{const $=C(),ne=u.getState().caret?.editor??null;if(ne!==null&&!eu($)){ne.chain().focus().setMark(Re,y).run();return}j({content:Qd($,y)},D)},k=()=>{c.dispatch(new h.RemoveAnnotationCommand({id:e.id})),i.focus({preventScroll:!0})},M=y=>w(pu(y),{transient:!0}),_=y=>P({color:y},{transient:!0}),R=y=>()=>{P({font:y}),p.close()},I=y=>()=>{P({fontSize:y}),p.close()},E=y=>j({content:tu(C(),y)});return(0,n.jsxs)(O.Root,{anchorBox:t,panelRect:r,frameWidth:a,frameHeight:o,label:s("graph.annotations.textToolbar.label"),testId:"text-toolbar",children:[(0,n.jsx)(O.ColorPicker,{color:(0,h.toPaintColor)(g.fill),label:s("graph.annotations.textToolbar.background"),hasTransparentOption:!0,onChange:M,...p.bind("background"),children:(0,n.jsx)(O.Swatch,{color:g.fill==="transparent"?zn:(0,h.toPaintColor)(g.fill)})}),(0,n.jsx)(O.ColorPicker,{color:S,label:s("graph.annotations.textToolbar.color"),onChange:_,...p.bind("color"),children:(0,n.jsx)(Yd,{size:"sm",textColor:S,title:""})}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.textToolbar.font.ariaLabel"),trigger:(0,n.jsx)("span",{style:{fontFamily:v?.fontFamily},children:"Aa"}),...p.bind("font"),children:Yr.map(y=>(0,n.jsx)(O.MenuItem,{isSelected:y.id===v?.id,onClick:R(y.id),children:(0,n.jsx)("span",{style:{fontFamily:y.fontFamily},children:s(y.key)})},y.id))}),(0,n.jsx)(O.Dropdown,{label:s("graph.annotations.textToolbar.fontSize.ariaLabel"),trigger:b===null?"":s(b.key),...p.bind("fontSize"),children:Jr.map(y=>(0,n.jsx)(O.MenuItem,{isSelected:y.size===b?.size,onClick:I(y.size),children:(0,n.jsx)("span",{style:{fontSize:du(y.size)},children:s(y.key)})},y.size))}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(mu,{current:f.alignment??"center",onPick:E}),(0,n.jsx)(O.Separator,{}),(0,n.jsx)(O.IconButton,{label:s("graph.annotations.textToolbar.remove"),onClick:k,children:(0,n.jsx)(Ge,{size:"sm",title:""})})]})},pu=e=>e==="transparent"?{fill:$n}:{fill:e,fillAlpha:Bo(e)?h.TEXT_ANNOTATION_FADE_ALPHA:1},mu=({current:e,onPick:t})=>{const r=l.useI18n(),a=o=>()=>t(o);return(0,n.jsx)(n.Fragment,{children:uu.map(o=>(0,n.jsx)(O.ToggleButton,{label:r(`graph.annotations.textToolbar.align.${o.alignment}`),isPressed:o.alignment===e,onClick:a(o.alignment),children:(0,n.jsx)(o.Icon,{size:"sm",title:""})},o.alignment))})},gu=["left","right"];var Qr=({width:e})=>X(60,e),xu=(e,t)=>({x:t==="left"?e.x:e.x+e.width,y:e.y+e.height/2}),ea=({at:e,width:t,align:r,edge:a,delta:o,minWidth:i,panelWidth:s})=>{if(o===0)return{at:e,width:t,shift:0};const c=(0,h.alignUnitFractions)(r).x,d=vu(e.offset,s),m=ct({start:e.x+d-c*t,extent:t,isStartMoving:a==="left",delta:o,minExtent:i}),u=m.start+c*m.extent-d;return{at:{...e,x:u},width:m.extent,shift:u-e.x}},ta=(e,t)=>e.at.x===t.at.x&&e.width===t.width,vu=(e,t)=>e?.x===void 0?0:e.unit==="px"?X(e.x,t):e.x,Oe=(e,t)=>{const r=e.textAnnotations.find(a=>a.id===t);return r===void 0||r.at.anchorType!=="panel"?null:{at:r.at,width:r.width,align:r.align}},fu=class extends be{constructor(...e){super(...e),this.kind="text-resize-drag"}readOwn(e){return l.readResizedTextFor(l.readStanding(e,"text-resize-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:t,edge:r,press:a,readInputs:o}=this.params,{annotations:i,panelRect:s}=o(),c=Oe(i,t);if(c===null)return null;const d=$e(a,e,s).x;return{kind:"text-resize-drag",annotationId:t,delta:d,...ea({...c,edge:r,delta:d,minWidth:Qr(s),panelWidth:s.width})}}commit(e){const{annotationId:t,dispatch:r,readInputs:a}=this.params,o=Oe(a().annotations,t);o===null||ta(o,e)||r(new h.UpdateAnnotationCommand({kind:"text",id:t,patch:{at:e.at,width:e.width}}))}},bu=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useLatestRef({annotations:l.useSceneSelector(i=>i.spec.annotations),panelRect:t});return qr((i,s)=>new fu({...s,annotationId:e,edge:i,readInputs:()=>o.current,editorStore:a,dispatch:r.dispatch}))},Su=4,yu=({annotationId:e,panelRect:t})=>{const{commands:r}=l.useGraphContext(),a=l.useEditorStore(),o=l.useSceneSelector(s=>s.spec.annotations),i=(s,c)=>{const d=Oe(o,e);return d===null?null:{kind:"text-resize-drag",annotationId:e,delta:c,...ea({...d,edge:s,delta:c,minWidth:Qr(t),panelWidth:t.width})}};return Kr({readHeld:()=>l.readResizedTextFor(l.readStanding(a.getState(),"text-resize-drag"),e),claim:s=>i(s,0),step:(s,c,d)=>{const m=Cu(d,t);return m===null?null:i(c,s.delta+m)},commit:s=>{const c=Oe(o,e);c===null||ta(c,s)||r.dispatch(new h.UpdateAnnotationCommand({kind:"text",id:e,patch:{at:s.at,width:s.width}}))}})},Cu=(e,t)=>{const r=X(Su,t.width);switch(e){case"ArrowLeft":return-r;case"ArrowRight":return r;default:return null}},ju=e=>{const t=fe(),r=wu(t),a=Au(t),o=l.useEditorState(s=>s.caret?.annotationId===t),i=ku(e.panelRect,t,a.resized);return r===null||i===null?null:(0,n.jsx)(Tu,{annotation:r,textBox:i,isSettled:a.resized===null&&!a.isMoved,isMoved:a.isMoved,isResizable:r.at.anchorType==="panel",hasCaret:o,...e})},Tu=({annotation:e,textBox:t,isSettled:r,isMoved:a,isResizable:o,hasCaret:i,panelRect:s,frameRect:c,frameElement:d})=>{const m=l.useI18n(),u=bu({annotationId:e.id,panelRect:s}),p=yu({annotationId:e.id,panelRect:s});return(0,n.jsxs)("div",{"data-testid":"text-selection","data-annotation-id":e.id,children:[r&&(0,n.jsx)(hu,{annotation:e,textBox:t,panelRect:s,frameWidth:c.width,frameHeight:c.height,frameElement:d}),o&&!a&&!i&&gu.map(g=>{const f=xu(t,g);return(0,n.jsx)(Wr,{point:{x:s.x+f.x,y:s.y+f.y},label:m(`graph.annotations.textToolbar.resize.${g}`),pull:"horizontal",size:"sm",attributes:{"data-testid":"text-resize-handle","data-edge":g},dragHandlers:u(g),keyboardHandlers:p(g)},g)})]})},wu=e=>{const t=l.useSceneSelector(r=>r.spec.annotations.textAnnotations);return e===null?null:t.find(r=>r.id===e)??null},Au=e=>l.useEditorState((0,ee.useShallow)(t=>e===null?{resized:null,isMoved:!1}:{resized:l.readResizedTextFor(l.readStanding(t,"text-resize-drag"),e),isMoved:l.readMovedAnnotationFor(l.readStanding(t,"move-drag"),e)!==null})),ku=(e,t,r)=>{const a=l.useResolvedAnnotations(e),o=l.useMeasuredBoxes(),i=l.useStyleReaderTree(),s=(0,x.useMemo)(()=>({panel:{width:e.width,height:e.height},measuredBoxes:o,readers:i}),[e.width,e.height,o,i]);return t===null?null:Ur(a,t,r,s)?.rect??null},Pu=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsxs)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M12 5v14"}),(0,n.jsx)("path",{d:"M5 12h14"})]})}),Lu="var(--_1tyillx0)",Iu={rest:.5,hovered:.75,open:1};var Eu="_1tyillx1",Mu={rest:"_1tyillx2",hovered:"_1tyillx3",open:"_1tyillx4"},Ru="_1tyillx5",Ou={closed:"_1tyillx6",open:"_1tyillx7"},_u=({interaction:e,panelRect:t})=>{const r=l.useEditorStore(),a=e.kind==="trigger"||e.kind==="menu"?e.anchor:null,o=Nu(e),i=(0,x.useMemo)(()=>{if(a===null)return null;const s=(0,h.projectAnchorToPanel)(a.position,t);return{center:s,radius:19*Iu[o],target:{kind:"observation",cursor:(0,h.toPanelCursor)(s,t)}}},[a,t,o]);return(0,x.useEffect)(()=>{r.getState().setMenuTrigger(i)},[r,i]),(0,x.useEffect)(()=>()=>r.getState().setMenuTrigger(null),[r]),a===null||i===null?null:(0,n.jsx)("div",{"aria-hidden":"true","data-testid":"observation-menu-trigger","data-state":o,className:(0,K.default)(Eu,Mu[o]),style:{left:t.x+i.center.x,top:t.y+i.center.y,...(0,xe.assignInlineVars)({[Lu]:a.color})},children:(0,n.jsx)("span",{className:(0,K.default)(Ru,Ou[o==="open"?"open":"closed"]),children:(0,n.jsx)(Pu,{size:"lg"})})})},Nu=e=>e.kind==="menu"?"open":e.kind==="trigger"&&e.isEngaged?"hovered":"rest",Du='button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])',Fu=(e,t)=>{const{chartId:r}=l.useGraphContext(),a=l.useEditorStore();(0,x.useEffect)(()=>{if(t===null)return;const o=i=>{if(i.key!=="Tab"||i.defaultPrevented||!ge(i.target,e,r)||cr(i.target)||a.getState().standingInteraction?.kind==="chrome-popup")return;const s=[...t.querySelectorAll(Du)];if(s.length===0)return;i.preventDefault();const c=s.findIndex(d=>d===document.activeElement);s[c===-1?i.shiftKey?s.length-1:0:(c+(i.shiftKey?-1:1)+s.length)%s.length]?.focus()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[e,t,r,a])},Bu=(e,t)=>typeof document.elementsFromPoint=="function"?document.elementsFromPoint(e,t):[],na=(e,t,r)=>l.readStampedEditTargetInStack(Bu(e,t),r),zu=e=>{const{selectionStore:t,chartId:r}=l.useGraphContext(),a=l.useEditorStore();(0,x.useEffect)(()=>{let o=null;const i=d=>{const{caret:m}=a.getState(),u=m===null?null:na(d.clientX,d.clientY,e);u?.kind==="annotation"&&u.target.id===m?.annotationId||e.focus({preventScroll:!0})},s=d=>{const{selection:m,clearSelection:u}=t.getState();m.length!==0&&(ge(d.target,e,r)||u())},c=d=>{t.getState().selection.length!==0&&ge(d.target,e,r)&&d.relatedTarget===null&&(o!==null&&cancelAnimationFrame(o),o=requestAnimationFrame(()=>{o=null,document.hasFocus()&&(ge(document.activeElement,e,r)||t.getState().clearSelection())}))};return e.addEventListener("pointerdown",i),document.addEventListener("focusin",s),document.addEventListener("focusout",c),()=>{o!==null&&cancelAnimationFrame(o),e.removeEventListener("pointerdown",i),document.removeEventListener("focusin",s),document.removeEventListener("focusout",c)}},[a,t,e,r])},Hu=(e,t)=>{switch(e.kind){case"legend":{const r=t.legends[e.part.legendIndex],a=r?.items[e.part.itemIndex];if(r===void 0||a===void 0)return null;const o=Gu(r,a.layerId,t.layers);return o===null?null:(0,h.buildObservationsTargetAtValue)({layer:o.layer,scope:"series",variable:o.variable,value:a.value,parsingLocale:t.parsingLocale})}case"axis":{const r=e.part;if(r===null||e.target.axis!=="x")return null;const a=t.formattedAxes.find(i=>i.scaleAestheticKey==="x");if(a===void 0||a.bandwidth===void 0)return null;const o=a.ticks[r.tickIndex];return o===void 0?null:Uu(t.layers,o.value,t.parsingLocale)}case"annotation":case"grid":return null}},Gu=(e,t,r)=>{const a=t===void 0?r:r.filter(o=>o.id===t);for(const o of e.aesthetics){const i=Vu(a,o);if(i!==null)return i}return null},Vu=(e,t)=>{for(const r of e){const a=(0,h.readVariableName)(r.mapping[t]);if(a!==null&&$u(r,a))return{layer:r,variable:a}}return null},$u=(e,t)=>e.data.hasVariable(t)&&e.data.getType(t)==="categorical",Uu=(e,t,r)=>{let a=null;for(const o of e){if(!o.interactive)continue;const i=(0,h.readScopeXVariable)(o.mapping);if(i===null)continue;const s=(0,h.buildObservationsTargetAtValue)({layer:o,scope:"x-value",variable:i,value:t,parsingLocale:r});if(s!==null){if(a!==null)return null;a=s}}return a},Wu=({hover:e,layers:t,scales:r,parsingLocale:a})=>{const{primary:o,intersection:i}=e;if(o===null)return null;const s=(0,h.findLayerById)(t,o.layerId);if(s===void 0)return null;const c=(0,h.readObservationIndex)(o),d=i?.intersects!==!1,m=(0,h.readBroadestObservationsScope)(s),u=d||!(0,h.hasMainAxisBand)(r)?[m]:["x-value",m];for(const p of u){const g=(0,h.buildObservationsTarget)({layer:s,observationIndex:c,scope:p,parsingLocale:a});if(g!==null)return{layerId:s.id,observationIndex:c,isOnObservation:d,target:g}}return null},qu=(e,t,r)=>{if(!e.isOnObservation||e.target.scope!=="series")return null;const a=(0,h.findLayerById)(t,e.layerId);return a===void 0?null:(0,h.buildObservationsTarget)({layer:a,observationIndex:e.observationIndex,scope:"data-point",parsingLocale:r})},ra=(e,t)=>{const{target:r,clientX:a,clientY:o}=e,{frameElement:i,captureRect:s,menuTrigger:c,panelOrigin:d,resolvesObservations:m,scene:u}=t,p=c!==null&&(0,h.isPointWithinEditMenuTrigger)({x:a-d.x,y:o-d.y},c);if(!(r instanceof Element&&i.contains(r)))return{targetAtPoint:l.resolveEditTargetAtPoint({isMenuTrigger:p,stamped:vn(!1,!1,e,t),observations:null}),hover:null};const g=s!==null&&r===s,f=g&&m?Ku(s):null,v=f===null?null:Zu(e,f,t),b=v===null?null:Wu({hover:v,layers:u.layers,scales:u.scales,parsingLocale:u.config.parsingLocale}),S=l.resolveEditTargetAtPoint({isMenuTrigger:p,stamped:vn(g,b!==null,e,t),observations:b});return{targetAtPoint:S,hover:S?.kind==="observations"?v:null}},Ku=e=>{const t=e.getBoundingClientRect();return t.width>0&&t.height>0?t:null},vn=(e,t,r,{paintsAnnotations:a,resolvesGuides:o,frameElement:i,scene:s})=>{if(!a&&s.coordSystem.type==="cartesian"&&e&&t)return null;const c=e||a?na(r.clientX,r.clientY,i):Xu(r.target,i);return c===null?null:(c.kind==="annotation"?a:o)?c:null},Xu=(e,t)=>e instanceof Element?l.readStampedEditTargetInStack([e],t):null,Zu=(e,t,r)=>{const a={x:e.clientX-t.left,y:e.clientY-t.top};return r.engine.query((0,h.toPanelCursor)(a,t),r.tolerance,t)},Yu=class extends be{constructor(...e){super(...e),this.kind="move-drag"}readOwn(e){return l.readMovedAnnotationFor(l.readStanding(e,"move-drag"),this.params.annotationId)}resolvePreview(e){const{annotationId:t,press:r,readInputs:a}=this.params,{annotations:o,panelRect:i}=a(),s=(0,h.findAnnotation)(o,t);if(s===null)return null;const c=(0,h.clampAnnotationTranslation)(s,$e(r,e,i));return c===null?null:{kind:"move-drag",annotationId:t,translation:c}}commit({translation:e}){const{annotationId:t,dispatch:r}=this.params;Hc(e)&&r(new h.MoveAnnotationCommand({id:t,translation:e}))}},Ju=(e,{canSelectGraph:t,isWithinFrame:r,caretAnnotationId:a})=>{switch(e?.kind){case"annotation":return e.target.id===a?{kind:"keep-caret"}:{kind:"select-annotation",target:e.target};case"axis":case"legend":case"grid":return{kind:"select-guide",target:e.target};case"observations":return Qu(e.observations);case"menu-trigger":case void 0:break}return t&&r?{kind:"select-graph",target:{kind:"graph"}}:{kind:"clear"}},Qu=({target:e,observationIndex:t,isOnObservation:r})=>e.scope==="x-value"?{kind:"select-band",target:e}:{kind:"select-observations",target:e,observationIndex:r?t:null},e0=(e,t,r,a,o)=>{const{commands:i,selectionStore:s,store:c}=l.useGraphContext(),d=l.useEditorStore(),m=l.useSceneSelector(S=>S.spec.annotations),u=l.MODE_SURFACES[l.useGraphMode()],p=l.useLatestRef(u.graphPress),g=l.useLatestRef({annotations:m,panelRect:r}),f=l.useLatestRef(t),v=l.useLatestRef(o),b=(0,x.useRef)(null);(0,x.useEffect)(()=>()=>b.current?.finish(!1),[]),(0,x.useEffect)(()=>s.subscribe(({selection:S})=>{const T=d.getState().pressedObservation,[w,...j]=S,C=w!==void 0&&j.length===0&&T!==null&&(0,h.areEditTargetsEqual)(w,T.selectedFor);T!==null&&!C&&d.getState().setPressedObservation(null)}),[d,s]),(0,x.useEffect)(()=>{const S=k=>ra({target:k.target,clientX:k.clientX,clientY:k.clientY},a()).targetAtPoint,T=k=>{if(!(k.target instanceof Element))return!1;const M=k.target.closest(l.LEGEND_OVERFLOW_CONTROL_SELECTOR);return M!==null&&e.contains(M)&&l.readStampedEditTargetInStack([k.target],e)===null},w=(k,M)=>{if(b.current!==null||!l.canMoveAnnotationOnCanvas(g.current.annotations,M.id))return;try{e.setPointerCapture(k.pointerId)}catch{return}k.preventDefault();const _=new Yu({handle:e,pointerId:k.pointerId,annotationId:M.id,press:{x:k.clientX,y:k.clientY},readInputs:()=>g.current,editorStore:d,dispatch:i.dispatch,onSettled:()=>{b.current=null}});b.current=_,_.start()},j=(k,M)=>{const _=s.getState(),{layers:R,config:I}=c.getState().scene,E=M.kind==="select-observations"&&M.observationIndex!==null?l.readPressedObservation(M.observationIndex,R,M.target,I.parsingLocale):null;switch(d.getState().setPressedObservation(E),M.kind){case"select-annotation":_.setSelection([M.target]),w(k,M.target);return;case"select-observations":case"select-band":case"select-guide":case"select-graph":_.setSelection([M.target]);return;case"clear":_.clearSelection();return;default:throw new h.InternalError({message:`No press outcome for: ${JSON.stringify(M)}`})}},C=k=>{if(k.button!==0||st(k.target)||dr(k,f.current,d.getState().menuTrigger)||T(k))return;const M=Ju(S(k),{canSelectGraph:p.current,isWithinFrame:k.target instanceof Node&&e.contains(k.target),caretAnnotationId:d.getState().caret?.annotationId??null});M.kind!=="keep-caret"&&(d.getState().setCaret(null),j(k,M))},P=k=>{if(st(k.target)||T(k))return;const M=S(k),{layers:_,guides:R,config:I}=c.getState().scene,E=s.getState(),y=d.getState();switch(M?.kind){case"observations":{const{observations:D}=M,$=qu(D,_,I.parsingLocale);if($===null)return;const{observationIndex:ne}=D;y.setPressedObservation({observationIndex:ne,predicate:$.predicate,selectedFor:$}),E.setSelection([$]);return}case"axis":case"legend":{const D=Hu(M,{layers:_,legends:R.legends.drawn,formattedAxes:v.current,parsingLocale:I.parsingLocale});if(D===null)return;E.setSelection([D]);return}case"annotation":{const{target:D}=M;if(!g.current.annotations.textAnnotations.some($=>$.id===D.id))return;E.setSelection([D]),y.setCaret(D.id);return}case"grid":case"menu-trigger":case void 0:return}};return document.addEventListener("pointerdown",C),document.addEventListener("dblclick",P),()=>{document.removeEventListener("pointerdown",C),document.removeEventListener("dblclick",P)}},[e,d,s,c,i,g,f,v,p,a])},t0=e=>{const{selectionStore:t,commands:r,chartId:a}=l.useGraphContext(),o=l.useEditorStore(),i=l.useLatestRef(l.useSceneSelector(u=>u.spec.annotations.textAnnotations)),{annotations:s}=l.MODE_SURFACES[l.useGraphMode()],c=(0,x.useCallback)(u=>{const{selection:p}=t.getState(),g=s?lt(p):null;g!==null&&(u.preventDefault(),r.dispatch(new h.RemoveAnnotationCommand({id:g})),e.focus({preventScroll:!0}))},[e,r,t,s]),d=(0,x.useCallback)(u=>{if(ke(u.target,a))return;const p=s?lt(t.getState().selection):null;p!==null&&i.current.some(g=>g.id===p)&&(u.preventDefault(),o.getState().setCaret(p))},[o,t,i,a,s]),m=(0,x.useCallback)(u=>{const p=o.getState(),g=p.standingInteraction?.kind;if(g!==void 0){g!=="chrome-popup"&&p.releaseInteraction(g);return}if(p.caret!==null){p.setCaret(null),e.focus({preventScroll:!0});return}return ke(u.target,a)?e.focus({preventScroll:!0}):t.getState().clearSelection()},[o,t,e,a]);(0,x.useEffect)(()=>{const u=p=>{if(!ge(p.target,e,a)||cr(p.target))return;const g=n0(p.target),f=o.getState().caret!==null&&!ke(p.target,a);if(!(g&&!f))switch(p.key){case"Escape":return m(p);case"Enter":return g?void 0:d(p);case"Delete":case"Backspace":return g?void 0:c(p);default:return}};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[e,c,d,m,a,o])},n0=e=>e instanceof HTMLElement&&(e.isContentEditable||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement),r0=(e,t)=>{const r=l.useEditorStore(),{store:a}=l.useGraphContext(),{engine:o,overlayRef:i}=l.useHoverContext(),s=l.useLatestRef(t),{annotations:c,observationsPress:d,guidePress:m,tolerance:u}=l.MODE_SURFACES[l.useGraphMode()],p=l.useIsIntroWaitingForView(),g=d&&!p;return(0,x.useCallback)(()=>({frameElement:e,captureRect:i.current,panelOrigin:s.current,menuTrigger:r.getState().menuTrigger,resolvesGuides:m,paintsAnnotations:c,resolvesObservations:g,engine:o,tolerance:u??void 0,scene:a.getState().scene}),[e,i,s,r,m,c,g,o,u,a])},a0=()=>{const e=l.MODE_SURFACES[l.useGraphMode()].observationMenu,t=l.useHoverState(s=>e?s.hover.primary:null),{layers:r,coordSystem:a}=l.useSceneSelector((0,ee.useShallow)(s=>({layers:s.layers,coordSystem:s.coordSystem}))),{anchorResolver:o}=l.useGraphContext(),i=l.useGeomReaderTree();return(0,x.useMemo)(()=>{if(t===null)return null;const s=r.find(m=>m.id===t.layerId);if(s===void 0)return null;const c=o.resolve(s.geom,t.observation,{coordSystem:a,position:s.position,purpose:"pin"});if(c===null)return null;const d=(0,h.createObservationAnchorBuilder)(s)(t.observation);return d===null?null:{position:c,color:(0,h.readGeomColor)({geom:i},s,t.observation)??h.DEFAULT_GEOM_COLOR,layer:s,at:d,observation:t.observation}},[t,r,a,o,i])},o0={kind:"idle"},aa=()=>{const e=l.useEditorState(a=>a.standingInteraction),t=l.useEditorState(a=>a.editTargetUnderPointer?.kind==="menu-trigger"),r=a0();return(0,x.useMemo)(()=>e!==null?e:r===null?o0:{kind:"trigger",anchor:r,isEngaged:t},[e,r,t])},i0=(e,t)=>e.x>=0&&e.x<=t.width&&e.y>=0&&e.y<=t.height,s0=(e,t,r)=>{const a=l.useEditorStore(),{selectionStore:o}=l.useGraphContext(),{store:i,engine:s}=l.useHoverContext(),c=l.useLatestRef(e),d=l.useLatestRef(t),m=l.useLatestRef(r);(0,x.useEffect)(()=>{const u=b=>dr(b,d.current,a.getState().menuTrigger),p=b=>{if(u(b)||o.getState().selection.length>0)return;const S=m.current,T=d.current,w={x:b.clientX-T.x,y:b.clientY-T.y},j=i0(w,S)?s.query((0,h.toPanelCursor)(w,S)):h.RESTING_HOVER_STATE;i.getState().setHoverState(j)};let g=!1;const f=()=>{g=c.current.kind==="menu"},v=b=>{if(st(b.target))return;const{claimInteraction:S,releaseInteraction:T}=a.getState();if(!u(b)||g){T("menu"),g&&p(b);return}const w=c.current;w.kind==="trigger"&&S({kind:"menu",anchor:w.anchor})};return document.addEventListener("pointerdown",f,!0),document.addEventListener("click",v),()=>{document.removeEventListener("pointerdown",f,!0),document.removeEventListener("click",v)}},[a,o,c,i,s,d,m])},l0=(e,t,r)=>{const a=l.useEditorStore(),{store:o}=l.useGraphContext(),{store:i}=l.useHoverContext(),s=l.useLatestRef(t),c=l.MODE_SURFACES[l.useGraphMode()].observationsPress;(0,x.useEffect)(()=>(i.getState().setQueryOwnedByEditor(c),()=>i.getState().setQueryOwnedByEditor(!1)),[i,c]),(0,x.useEffect)(()=>{let d=null,m=null,u=!1;const p=C=>{if(!c)return;const P=i.getState();P.isPointerSuspended||C===null&&P.hover.primary===null||P.setHoverState(C??h.RESTING_HOVER_STATE)},g=()=>{if(d=null,m===null)return;const C=a.getState();if(Ae(C.standingInteraction)){const M=C.menuTrigger!==null&&(0,h.isPointWithinEditMenuTrigger)({x:m.clientX-s.current.x,y:m.clientY-s.current.y},C.menuTrigger),_=C.editTargetUnderPointer;M?C.setEditTargetUnderPointer({kind:"menu-trigger"}):_?.kind==="menu-trigger"&&C.setEditTargetUnderPointer(null);return}u&&(u=!1,m={...m,target:c0(m)});const{targetAtPoint:P,hover:k}=ra(m,r());C.setEditTargetUnderPointer(P),p(k)},f=()=>{d===null&&(d=requestAnimationFrame(g))},v=()=>{m!==null&&(u=!0,f())},b=()=>{a.getState().setEditTargetUnderPointer(null),p(null)},S=C=>{m={target:C.target,clientX:C.clientX,clientY:C.clientY},u=!1,f()},T=()=>{m=null,d!==null&&(cancelAnimationFrame(d),d=null),b()},w=a.subscribe((C,P)=>{Ae(P.standingInteraction)&&!Ae(C.standingInteraction)&&v()}),j=o.subscribe((C,P)=>{C.scene!==P.scene&&(Ae(a.getState().standingInteraction)||v())});return e.addEventListener("pointermove",S),e.addEventListener("pointerleave",T),()=>{d!==null&&cancelAnimationFrame(d),w(),j(),e.removeEventListener("pointermove",S),e.removeEventListener("pointerleave",T),b()}},[e,a,o,i,s,c,r])},c0=e=>typeof document.elementFromPoint=="function"?document.elementFromPoint(e.clientX,e.clientY):e.target,Ae=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}},fn="editor",bn=[],d0=(e,t,r,a,o)=>{const i=aa(),{store:s}=l.useHoverContext(),c=l.useGraphSelection().length>0,d=l.MODE_SURFACES[l.useGraphMode()].holdsHoverWhileSelected,m=l.useEditorState(v=>v.menuTrigger),u=i.kind==="menu",p=(0,x.useMemo)(()=>m===null?bn:[(0,h.buildEditMenuTriggerRegion)(m)],[m]),g=r0(e,t);l0(e,t,g),e0(e,t,r,g,o),s0(i,t,r),zu(e),t0(e),Fu(e,a),(0,x.useEffect)(()=>(s.getState().publishPointerRegions(fn,p),()=>s.getState().publishPointerRegions(fn,bn)),[s,p]);const f=u||c&&d;(0,x.useEffect)(()=>(s.getState().setPointerSuspended(f),()=>s.getState().setPointerSuspended(!1)),[s,f]),(0,x.useEffect)(()=>{if(!c||!d)return;const v=s.getState();v.setHoverState(h.RESTING_HOVER_STATE),v.setTooltipAnchor(null)},[s,c,d])},u0=({frameElement:e,panelRect:t,formattedAxes:r,shouldAnimateTransitions:a})=>{const{measureRef:o,screenRect:i}=l.useElementScreenRect(),{selectionStore:s}=l.useGraphContext(),c=l.useEditorStore(),d=l.useEditorState(p=>p.caret?.annotationId??null),m=l.useGraphMode(),u=(0,x.useRef)(m);return(0,x.useEffect)(()=>(o(e),()=>o(null)),[o,e]),(0,x.useEffect)(()=>()=>{const p=c.getState();p.releaseInteraction("menu"),p.setCaret(null),p.setPressedObservation(null)},[c]),(0,x.useEffect)(()=>{if(u.current===m)return;u.current=m;const p=c.getState();p.releaseInteraction("menu"),p.setCaret(null),p.setEditTargetUnderPointer(null),s.getState().clearSelection()},[m,c,s]),i===null?null:(0,n.jsxs)(Zs,{children:[d!==null&&(0,n.jsx)(h0,{annotationId:d,panelRect:t}),(0,n.jsx)(p0,{frameElement:e,frameRect:i,panelRect:t,formattedAxes:r,shouldAnimateTransitions:a})]})},h0=({annotationId:e,panelRect:t})=>{const r=l.useEditorStore(),{textAnnotations:a}=l.useResolvedAnnotations(t);return(0,x.useEffect)(()=>{a.some(({id:o})=>o===e)||r.getState().setCaret(null)},[e,a,r]),null},p0=({frameElement:e,frameRect:t,panelRect:r,formattedAxes:a,shouldAnimateTransitions:o})=>{const i=(0,x.useMemo)(()=>({x:t.left+r.x,y:t.top+r.y}),[t.left,t.top,r.x,r.y]),[s,c]=(0,x.useState)(null);return d0(e,i,r,s,a),(0,n.jsx)(m0,{frameElement:e,frameRect:t,panelOrigin:i,panelRect:r,boxRef:c,shouldAnimateTransitions:o})},m0=({frameElement:e,frameRect:t,panelOrigin:r,panelRect:a,boxRef:o,shouldAnimateTransitions:i})=>{const s=ze(),c=aa(),{annotations:d,editOutline:m,overlayMenu:u}=l.MODE_SURFACES[l.useGraphMode()],p=(0,x.useMemo)(()=>({width:t.width,height:t.height}),[t.width,t.height]);return(0,n.jsxs)(n.Fragment,{children:[m&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ns,{frameElement:e,frameSize:p,panelRect:a,shouldAnimateTransitions:i}),(0,n.jsx)(Ll,{frameRect:t})]}),(0,n.jsx)(l.OverlayPortal,{rect:t,zIndex:l.Z_INDEX.editorOverlay,container:s,"data-testid":"editor-overlay",boxRef:o,children:(0,n.jsxs)(l.PortalThemeProvider,{children:[d&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(yd,{panelRect:a,panelOrigin:r,frameRect:t,frameElement:e}),(0,n.jsx)(qd,{panelRect:a,frameRect:t,frameElement:e}),(0,n.jsx)(Kc,{panelRect:a,frameRect:t,frameElement:e}),(0,n.jsx)(ju,{panelRect:a,frameRect:t,frameElement:e}),(0,n.jsx)(Ld,{panelRect:a}),(0,n.jsx)(Nd,{panelRect:a}),(0,n.jsx)(gc,{panelRect:a}),(0,n.jsx)(Pd,{panelRect:a})]}),(0,n.jsx)(_u,{interaction:c,panelRect:a}),(0,n.jsx)(dc,{interaction:c,frameElement:e,panelRect:a}),u&&(0,n.jsx)(Pl,{frameElement:e})]})})]})},g0=({slots:e,mode:t,...r})=>(0,n.jsx)(Fn,{locale:l.useGraphLocale(),children:(0,n.jsx)(l.EditorProvider,{children:(0,n.jsx)(l.InlineEditorsProvider,{editors:Zi,children:(0,n.jsx)(l.GraphRendererBody,{slots:(0,x.useMemo)(()=>({EditorSurface:u0,...e}),[e]),mode:t,...r})})})});var x0={default:"woi4bh4 woi4bh3",tile:"woi4bh5 woi4bh3"},oa=({label:e,icon:t,onClick:r,variant:a="default",isDisabled:o,ariaLabel:i,ariaLabelledBy:s,id:c})=>{const d=oe({id:c,ariaLabel:i,ariaLabelledBy:s}),m=a==="tile";return(0,n.jsxs)("button",{type:"button",className:x0[a],disabled:o,onClick:r,...d,children:[t!==void 0&&(0,n.jsx)("span",{className:"woi4bh0",children:t}),e!==void 0&&(0,n.jsx)("span",{className:m?"woi4bh2":"woi4bh1",children:e})]})},Lt=(0,x.createContext)(null),F=()=>{const e=(0,x.useContext)(Lt);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},ia=({children:e,onKeyDown:t,...r})=>{const a=(0,x.useContext)(Lt),o=i=>{if(t?.(i),!a||i.defaultPrevented)return;const s=l.resolveHistoryStep(i.nativeEvent);s&&(i.preventDefault(),s==="undo"?a.undo():a.redo())};return(0,n.jsx)("div",{onKeyDown:o,...r,children:e})},v0="eh8dvc0",f0="eh8dvc1 uz3g760",b0="eh8dvc2 uz3g761";var sa=({value:e,onChange:t,onCommit:r,min:a,max:o,step:i,placeholder:s,prefix:c,suffix:d,isDisabled:m,hasError:u,ariaLabel:p,ariaLabelledBy:g,id:f})=>{const v=oe({id:f,ariaLabel:p,ariaLabelledBy:g}),{commitUnlessHeldKey:b,gestureHandlers:S}=He(r);return(0,n.jsx)(Dt.NumberField.Root,{className:v0,value:e,onValueChange:T=>t(T),onValueCommitted:(T,w)=>{b(w.reason===br)},min:a,max:o,step:i,disabled:m,children:(0,n.jsxs)(ia,{className:f0,"data-error":u===!0,"data-disabled":m===!0?"":void 0,children:[c!==void 0&&(0,n.jsx)("span",{className:"eh8dvc3",children:c}),(0,n.jsx)(Dt.NumberField.Input,{className:b0,placeholder:s,...S,"aria-invalid":u===!0?!0:void 0,...v}),d!==void 0&&(0,n.jsx)("span",{className:"eh8dvc3",children:d})]})})},S0="_1b7s5f0",ce={1:"_1b7s5f1",2:"_1b7s5f2",3:"_1b7s5f3",4:"_1b7s5f4",5:"_1b7s5f5",6:"_1b7s5f6"},y0="_1b7s5f7";var C0=6,la=({options:e,value:t,onChange:r,onCommit:a,columns:o,itemLayout:i="tile",isDisabled:s,ariaLabel:c,ariaLabelledBy:d,id:m})=>{const u=oe({id:m,ariaLabel:c,ariaLabelledBy:d}),p=i==="swatch",{commitAfterChange:g,gestureHandlers:f}=He(a);return(0,n.jsx)(Dn.RadioGroup,{className:(0,K.default)(S0,j0(o??e.length)),value:t,onValueChange:v=>{r(v),g()},...f,disabled:s,...u,children:e.map(v=>(0,n.jsxs)(Nn.Radio.Root,{value:v.value,disabled:v.isDisabled,className:(0,K.default)(y0,p&&"_1b7s5f8"),"aria-label":p?v.label:void 0,children:[v.icon,!p&&(0,n.jsx)("span",{className:"_1b7s5f9",children:v.label})]},v.value))})},j0=e=>{switch(Math.min(Math.max(Math.round(e),1),C0)){case 1:return ce[1];case 2:return ce[2];case 3:return ce[3];case 4:return ce[4];case 5:return ce[5];default:return ce[6]}},T0="_1g5x15w0 uz3g760",w0="_1g5x15w1",A0="_1g5x15w2",Sn="_1g5x15w3",k0="_1g5x15w4",P0="_1g5x15w5",L0="_1g5x15w6",I0="_1g5x15w7";var ca=({options:e,value:t,onChange:r,placeholder:a,isDisabled:o,hasError:i,ariaLabel:s,ariaLabelledBy:c,id:d})=>{const m=oe({id:d,ariaLabel:s,ariaLabelledBy:c});return(0,n.jsxs)(Y.Select.Root,{value:t,onValueChange:u=>u!==null&&r(u),disabled:o,items:e.map(u=>({value:u.value,label:u.label})),children:[(0,n.jsxs)(Y.Select.Trigger,{className:T0,"data-error":i===!0,...m,children:[(0,n.jsx)(Y.Select.Value,{className:w0,children:u=>E0(e,u,a)}),(0,n.jsx)(Y.Select.Icon,{className:Sn,children:(0,n.jsx)(ve,{size:"sm"})})]}),(0,n.jsx)(Y.Select.Portal,{container:l.resolvePortalContainer(),children:(0,n.jsx)(l.PortalThemeProvider,{children:(0,n.jsx)(Y.Select.Positioner,{className:k0,sideOffset:4,alignItemWithTrigger:!1,children:(0,n.jsx)(Y.Select.Popup,{className:P0,children:e.map(u=>(0,n.jsxs)(Y.Select.Item,{value:u.value,disabled:u.isDisabled,className:L0,children:[u.icon,(0,n.jsxs)("span",{className:I0,children:[(0,n.jsx)(Y.Select.ItemText,{children:u.label}),u.description!==void 0&&(0,n.jsx)("span",{className:"_1g5x15w8",children:u.description})]}),(0,n.jsx)(Y.Select.ItemIndicator,{className:Sn,children:(0,n.jsx)(Qn,{size:"sm"})})]},u.value))})})})})]})},E0=(e,t,r)=>t===null?(0,n.jsx)("span",{className:A0,children:r}):M0(e,t),M0=(e,t)=>e.find(r=>r.value===t)?.label??t,R0="vod76w0",O0="vod76w1",_0="vod76w2",N0="vod76w3",D0="vod76w4",F0="vod76w5";var da=({value:e,onChange:t,onCommit:r,min:a,max:o,step:i,suffix:s,formatValue:c,showValue:d=!0,isDisabled:m,ariaLabel:u,ariaLabelledBy:p})=>{const g=oe({ariaLabel:u,ariaLabelledBy:p},!1),f=B0(e,s,c),{commitUnlessHeldKey:v,gestureHandlers:b}=He(r);return(0,n.jsxs)("div",{className:R0,children:[(0,n.jsx)(Q.Slider.Root,{className:O0,value:e,onValueChange:S=>t(S),onValueCommitted:(S,T)=>{v(T.reason===br)},min:a,max:o,step:i,disabled:m,children:(0,n.jsx)(Q.Slider.Control,{className:_0,children:(0,n.jsxs)(Q.Slider.Track,{className:N0,children:[(0,n.jsx)(Q.Slider.Indicator,{className:D0}),(0,n.jsx)(Q.Slider.Thumb,{className:F0,...b,...g})]})})}),d&&(0,n.jsx)("span",{className:"vod76w6",children:f})]})},B0=(e,t,r)=>r!==void 0?r(e):`${e}${t??""}`,z0="_1hyrlw60",H0="_1hyrlw61",ua=({isChecked:e,onChange:t,isDisabled:r,ariaLabel:a,ariaLabelledBy:o,id:i})=>{const s=oe({id:i,ariaLabel:a,ariaLabelledBy:o});return(0,n.jsx)(Ft.Switch.Root,{checked:e,onCheckedChange:c=>t(c),disabled:r,className:z0,...s,children:(0,n.jsx)(Ft.Switch.Thumb,{className:H0})})},G0="uz3g761",V0="tpcnun0 uz3g760",ha=({value:e,onChange:t,onCommit:r,placeholder:a,isDisabled:o,hasError:i,ariaLabel:s,ariaLabelledBy:c,id:d})=>{const m=oe({id:d,ariaLabel:s,ariaLabelledBy:c});return(0,n.jsx)(ia,{className:V0,"data-error":i===!0,children:(0,n.jsx)(Ja.Input,{className:G0,value:e,onValueChange:u=>t(u),onBlur:r,placeholder:a,disabled:o,"aria-invalid":i===!0?!0:void 0,...m})})},$0={ToggleGroup:Ct,Switch:ua,Slider:da,RadioGrid:la,Button:oa,TextField:ha,NumberField:sa,Select:ca},ut=(0,x.createContext)($0),pa=({controls:e,children:t})=>{const r=(0,x.useContext)(ut),a=(0,x.useMemo)(()=>({ToggleGroup:e?.ToggleGroup??r.ToggleGroup,Switch:e?.Switch??r.Switch,Slider:e?.Slider??r.Slider,RadioGrid:e?.RadioGrid??r.RadioGrid,Button:e?.Button??r.Button,TextField:e?.TextField??r.TextField,NumberField:e?.NumberField??r.NumberField,Select:e?.Select??r.Select}),[r,e?.ToggleGroup,e?.Switch,e?.Slider,e?.RadioGrid,e?.Button,e?.TextField,e?.NumberField,e?.Select]);return(0,n.jsx)(ut.Provider,{value:a,children:t})},B=()=>(0,x.useContext)(ut),U0="_12lhx9e0",ma=({children:e})=>(0,n.jsx)("div",{className:U0,children:e}),W0="_139ohwv0",V=({children:e})=>(0,n.jsx)("div",{className:W0,children:e}),ga=(0,x.createContext)(null),q0=ga.Provider,xa=()=>{const e=(0,x.useContext)(ga);if(!e)throw new Error("A section must be rendered inside <EditorPanel.Root>.");return e},K0="_1jlczkt0",va="data-graphy-editor-panel",X0={List:V,Grid:ma};function Z0(e){if(e===void 0)return!1;const t=e.split(/\s+/);return t.includes("_1ii3bsb0")||t.includes("_1ii3bsb1")}var Y0=({handle:e,children:t,controls:r,defaultExpandedSection:a=void 0,className:o})=>{const i=l.useGraphHandle(e),{themeClass:s,inlineVarsStyle:c}=l.useThemeContext(),[d,m]=(0,x.useState)(()=>a?[a]:[]),u=(0,x.useMemo)(()=>({expandSection:p=>m([p]),collapseAllSections:()=>m([])}),[]);return(0,n.jsx)(Lt.Provider,{value:i,children:(0,n.jsx)(pa,{controls:r,children:(0,n.jsx)(q0,{value:u,children:(0,n.jsx)(pe.Accordion.Root,{[va]:"",className:(0,K.default)(K0,o,{[s]:!Z0(o)}),style:c,value:d,onValueChange:p=>m(p),children:t})})})})},It={Root:Y0,Controls:X0},yn={stack:"pr583x0",grid:"pr583x1"},Cn="pr583x2",J0={plain:"pr583x4 pr583x3",withIcon:"pr583x5 pr583x3"},A=({label:e,layout:t="grid",icon:r,children:a})=>{const o=(0,x.useId)(),i=(0,x.useId)();return e===void 0?(0,n.jsx)(it,{className:yn[t],children:(0,n.jsx)("div",{className:Cn,children:a})}):(0,n.jsxs)(it,{className:yn[t],children:[(0,n.jsxs)("label",{id:o,htmlFor:i,className:J0[r===void 0?"plain":"withIcon"],children:[r!==void 0&&(0,n.jsx)("span",{"aria-hidden":"true",children:r}),e]}),(0,n.jsx)("div",{className:Cn,children:(0,n.jsx)(fr,{labelId:o,controlId:i,children:a})})]})},Q0="_2m7wuq0",eh=()=>(0,n.jsx)(Qa.Separator,{className:Q0}),th=e=>(0,n.jsx)(l.Icon,{...e,children:(0,n.jsx)("g",{stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"m9 6 6 6-6 6"})})}),Et="_40zvwv0",Mt="_40zvwv1",nh="_40zvwv2",fa="_40zvwv3",rh="_40zvwv4 _40zvwv3";var ah="_40zvwv6";var oh="_40zvwv8",z=({title:e,layout:t="fixed",preview:r,accessory:a,onOpenChange:o,children:i})=>t==="collapsible"?(0,n.jsx)(sh,{title:e,preview:r,accessory:a,onOpenChange:o,children:i}):t==="inline"&&r===void 0?(0,n.jsx)(ih,{title:e,accessory:a,children:i}):(0,n.jsxs)("div",{className:Et,children:[(0,n.jsxs)("div",{className:Mt,children:[(0,n.jsx)("span",{className:fa,children:e}),r!==void 0&&(0,n.jsx)("span",{className:"_40zvwv5",children:r}),a!==void 0&&(0,n.jsx)("span",{className:"_40zvwv7",children:a})]}),(0,n.jsx)("div",{children:i})]}),ih=({title:e,accessory:t,children:r})=>{const a=(0,x.useId)(),o=(0,x.useId)();return(0,n.jsx)("div",{className:Et,children:(0,n.jsxs)("div",{className:Mt,children:[(0,n.jsx)("label",{id:a,htmlFor:o,className:rh,children:e}),(0,n.jsx)("span",{className:ah,children:(0,n.jsx)(fr,{labelId:a,controlId:o,children:r})}),t!==void 0&&(0,n.jsx)("span",{className:"_40zvwv7",children:t})]})})},sh=({title:e,preview:t,accessory:r,onOpenChange:a,children:o})=>{const i=l.useI18n();return(0,n.jsxs)(pe.Accordion.Item,{value:e,className:Et,onOpenChange:a,children:[(0,n.jsxs)(pe.Accordion.Header,{className:Mt,render:(0,n.jsx)("div",{}),children:[(0,n.jsx)(pe.Accordion.Trigger,{className:nh,"aria-label":i("editor.accessibility.toggleSection",{title:e})}),(0,n.jsx)("span",{className:fa,children:e}),t!==void 0&&(0,n.jsx)("span",{className:"_40zvwv5",children:t}),r!==void 0&&(0,n.jsx)("span",{className:"_40zvwv7",children:r}),(0,n.jsx)("span",{className:oh,children:(0,n.jsx)(th,{size:"sm"})})]}),(0,n.jsx)(pe.Accordion.Panel,{children:(0,n.jsx)("div",{children:o})})]})},ba=({title:e,isChecked:t,onToggle:r,isDisabled:a,preview:o,children:i})=>{const{expandSection:s,collapseAllSections:c}=xa(),{Switch:d}=B(),m=p=>{r(p),p?s(e):c()},u=p=>{p&&!t&&a!==!0&&r(!0)};return(0,n.jsx)(z,{title:e,layout:"collapsible",preview:o,onOpenChange:u,accessory:(0,n.jsx)(d,{isChecked:t,onChange:m,isDisabled:a,ariaLabel:e}),children:i})},lh={horizontal:["bottom","top"],vertical:["left","right"]},ch={left:"editor.axesPanel.position.left",right:"editor.axesPanel.position.right",top:"editor.axesPanel.position.top",bottom:"editor.axesPanel.position.bottom"},dh={x:"editor.axesPanel.mainAxisSection.xAxis",y:"editor.axesPanel.mainAxisSection.yAxis"},ht=({axis:e,title:t,layout:r="collapsible",preview:a})=>{const o=F(),i=l.useHandleScene(o),s=l.useI18n(),{NumberField:c,Switch:d,TextField:m,ToggleGroup:u}=B();if(!i)return null;const p=i.coordSystem.type==="polar"?i.coordSystem.axisMapping[e].geometry:"linear",g=i.config.axes[e],f=i.scales[e],v=f?.spec,b=v?.scaleType==="continuous"?v:void 0;if(p==="circular"||p==="radial"&&b===void 0)return null;const S=v!==void 0&&"reverse"in v?v:void 0,T=v?.scaleType==="continuous"||v?.scaleType==="datetime",w=b!==void 0&&(0,h.isZeroAnchoredAxis)(i,e),j=b?.transform==="log",C=b?.domainMax??null,P=uh(b),k=(L,Z)=>L.map(Se=>({value:Se,label:Z(Se)})),M=i.guides.axes.find(L=>L.scaleAestheticKey===e)?.position,_=lh[M==="bottom"||M==="top"||M===void 0&&e==="x"?"horizontal":"vertical"],R=e==="y"?(0,h.readComboLineLayerId)(i.spec):null,I=R===null?void 0:(0,h.findLayerById)(i.spec.layers,R),E=i.guides.legends.drawn.some(L=>_.some(Z=>Z===L.position)),y=_.map(L=>({value:L,label:s(ch[L])})),D=k(["auto","edges"],L=>s(L==="edges"?"editor.axesPanel.labelMode.edges":"editor.axesPanel.labelMode.auto")),$=k(["linear","log"],L=>s(L==="log"?"editor.axesPanel.scale.log":"editor.axesPanel.scale.auto")),ne=k(["auto","zero","custom"],L=>s(L==="zero"?"editor.axesPanel.startFrom.zero":L==="custom"?"editor.axesPanel.startFrom.custom":"editor.axesPanel.startFrom.auto")),U=k(["auto","custom"],L=>s(L==="custom"?"editor.axesPanel.endAt.custom":"editor.axesPanel.endAt.auto")),le=k(["no","yes"],L=>s(L==="yes"?"editor.axesPanel.yesNo.yes":"editor.axesPanel.yesNo.no")),La=k(["single","double"],L=>s(L==="double"?"editor.axesPanel.axisCount.double":"editor.axesPanel.axisCount.single")),Ia=L=>{o.commands.dispatch(new h.SetAxisVisibilityCommand({axis:e,isVisible:L}))},Ea=L=>{o.commands.dispatch(new h.SetAxisLabelCommand({axis:e,label:L===""?null:L}),{transient:!0})},Ma=L=>{o.commands.dispatch(new h.SetAxisTicksVisibilityCommand({axis:e,isVisible:L}))},Ra=L=>{o.commands.dispatch(new h.SetAxisTickModeCommand({axis:e,tickMode:L==="edges"?"edges":"auto"}))},Oa=L=>{o.commands.dispatch(new h.SetScaleReverseCommand({scaledAesthetic:e,reverse:L==="yes"}))},_a=L=>{o.commands.dispatch(new h.SetScaleTransformCommand({scaledAesthetic:e,transform:L==="log"?"log":"linear"}))},_t=L=>{o.commands.dispatch(new h.SetScaleDomainCommand({scaledAesthetic:e,...L}),{transient:!0})},Na=L=>{L!==null&&_t({domainMin:L})},Da=L=>{L!==null&&_t({domainMax:L})},Fa=L=>{const Z=L==="auto"?null:L==="zero"?0:jn(f?.domain,"start");o.commands.dispatch(new h.SetScaleDomainCommand({scaledAesthetic:e,domainMin:Z}))},Ba=L=>{const Z=L==="custom"?jn(f?.domain,"end"):null;o.commands.dispatch(new h.SetScaleDomainCommand({scaledAesthetic:e,domainMax:Z}))},za=L=>{I!==void 0&&o.commands.dispatch(new h.SetLayerYScaleTypeCommand({layerId:I.id,yScaleType:L==="double"?"secondary":"primary"}))},Ha=L=>{const Z=_.find(Se=>Se===L);Z&&o.commands.dispatch(new h.SetAxisPositionCommand({axis:e,position:Z}))};return(0,n.jsx)(z,{title:t??s(dh[e]),layout:r,preview:a,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.visible"),children:(0,n.jsx)(d,{isChecked:g.isVisible,onChange:Ia})}),I!==void 0&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.numberOfAxes"),children:(0,n.jsx)(u,{value:I.yScaleType==="secondary"?"double":"single",options:La,onChange:za})}),p==="linear"&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.title"),children:(0,n.jsx)(m,{value:g.label??"",onChange:Ea,onCommit:o.commands.commit})}),(0,n.jsx)(A,{label:s("editor.axesPanel.controls.ticks"),children:(0,n.jsx)(d,{isChecked:g.ticks.isVisible,onChange:Ma})})]}),T&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.labels"),children:(0,n.jsx)(u,{value:g.ticks.mode,options:D,onChange:Ra})}),b&&p==="linear"&&!E&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.position"),children:(0,n.jsx)(u,{value:M??g.position,options:y,onChange:Ha})}),S!==void 0&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.reverse"),children:(0,n.jsx)(u,{value:S.reverse===!0?"yes":"no",options:le,onChange:Oa})}),b&&!w&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.scale"),children:(0,n.jsx)(u,{value:j?"log":"linear",options:$,onChange:_a})}),b&&!j&&(0,n.jsxs)(n.Fragment,{children:[!w&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.startFrom"),children:(0,n.jsx)(u,{value:P,options:ne,onChange:Fa})}),P!=="auto"&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.value"),children:(0,n.jsx)(c,{value:b.domainMin??null,onChange:Na,onCommit:o.commands.commit})})]}),(0,n.jsx)(A,{label:s("editor.axesPanel.controls.endAt"),children:(0,n.jsx)(u,{value:C===null?"auto":"custom",options:U,onChange:Ba})}),C!==null&&(0,n.jsx)(A,{label:s("editor.axesPanel.controls.value"),children:(0,n.jsx)(c,{value:C,onChange:Da,onCommit:o.commands.commit})})]})]})})},uh=e=>{const t=e?.domainMin??null;return t===null?"auto":t===0?"zero":"custom"},jn=(e,t)=>{const r=t==="start"?e?.[0]:e?.[e.length-1];return typeof r=="number"?r:0},Rt=({value:e,onChange:t})=>{const r=F(),a=l.useI18n(),{TextField:o}=B(),i=e!==null&&typeof e!="string",s=c=>t(c===""?null:c);return(0,n.jsx)(A,{label:a("editor.elementsPanel.contentValue"),children:(0,n.jsx)(o,{value:typeof e=="string"?e:"",onChange:s,onCommit:r.commands.commit,isDisabled:i})})},Sa=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=u=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"caption",isVisible:u}))},m=u=>{a.commands.dispatch(new h.SetContentCaptionCommand({caption:u}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.footerSection.caption"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isCaptionVisible,onChange:d})}),(0,n.jsx)(Rt,{value:c.caption,onChange:m})]})})},Tn=/^[a-z][a-z\d+.-]*:/i,hh={},ya=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=m=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"source",isVisible:m}))};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.sourceSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isSourceVisible,onChange:d})}),(0,n.jsx)(ph,{source:c.source??hh})]})})},ph=({source:e})=>{const t=F(),r=l.useI18n(),{TextField:a}=B(),o=d=>{const m=(d.label??"")!==""||(d.url??"")!=="";t.commands.dispatch(new h.SetContentSourceCommand({source:m?d:null}),{transient:!0})},i=()=>{const d=e.url??"";d!==""&&!Tn.test(d)&&o({...e,url:`https://${d}`}),t.commands.commit()},s=d=>o({...e,url:d}),c=d=>o({...e,label:d});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:r("editor.elementsPanel.sourceSection.url"),children:(0,n.jsx)(a,{value:e.url??"",onChange:s,onCommit:i,hasError:Tn.test(e.url??"")&&!(0,h.isSafeUrl)(e.url)})}),(0,n.jsx)(A,{label:r("editor.elementsPanel.sourceSection.name"),children:(0,n.jsx)(a,{value:e.label??"",onChange:c,onCommit:t.commands.commit})})]})},Ca=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=u=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"subtitle",isVisible:u}))},m=u=>{a.commands.dispatch(new h.SetContentSubtitleCommand({subtitle:u}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.subtitle"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isSubtitleVisible,onChange:d})}),(0,n.jsx)(Rt,{value:c.subtitle,onChange:m})]})})},Ue=e=>{const{colorScheme:t}=l.useThemeContext(),r=(0,x.useMemo)(()=>(0,h.createStyleResolver)({colorScheme:t}),[t]);return(0,x.useMemo)(()=>e===null?null:r.readers(e),[e,r])},Ot=(e,t,r)=>{const a=Ue(e);return(0,x.useMemo)(()=>{if(a===null||e===null||t===null)return null;const o=(0,h.findLayerById)(e.layers,t);return o===void 0?null:a.geom[r](o)},[a,e,t,r])},pt=[.8,1,1.2,1.4,1.6,1.8,2,2.5,3,4],mh=pt.length/2,gh={select:{target:"graph"}},ja=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{RadioGrid:s}=B(),c=Ue(o);if(!o||!c)return null;const d=c.graph().get("textScale"),m=g=>i("editor.elementsPanel.textSizeSection.scaleFormat",{value:`${g}`}),u=pt.map(g=>({value:`${g}`,label:m(g)})),p=g=>{const f=pt.find(b=>`${b}`===g);if(f===void 0)return;const v=(0,h.findStyleRule)(o.spec.styles.overrides,gh,(0,h.readStyleCoord)(o.spec))?.declarations??{};a.commands.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:{target:"graph"},declarations:{...v,textScale:f}}}))};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.textSizeSection.title"),layout:t,preview:r??m(d),children:(0,n.jsx)(s,{value:`${d}`,options:u,columns:mh,onChange:p,ariaLabel:i("editor.elementsPanel.textSizeSection.title")})})},Ta=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s}=B();if(!o)return null;const c=o.config.content,d=u=>{a.commands.dispatch(new h.ToggleContentVisibilityCommand({part:"title",isVisible:u}))},m=u=>{a.commands.dispatch(new h.SetContentTitleCommand({title:u}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.elementsPanel.headerSection.toggleTitle"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.elementsPanel.contentVisible"),children:(0,n.jsx)(s,{isChecked:c.isTitleVisible,onChange:d})}),(0,n.jsx)(Rt,{value:c.title,onChange:m})]})})},xh=({children:e,...t})=>(0,n.jsx)(It.Root,{...t,children:e??(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ta,{}),(0,n.jsx)(Ca,{}),(0,n.jsx)(Sa,{}),(0,n.jsx)(ya,{}),(0,n.jsx)(ja,{})]})}),vh=({children:e,...t})=>(0,n.jsx)(It.Root,{...t,children:e??(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(ht,{axis:"x"}),(0,n.jsx)(ht,{axis:"y"})]})}),We=e=>`${e}px`,wa=e=>`${Math.round(e*100)}%`,fh=e=>`${e}°`,bh=24,Sh={select:{target:"graph"}},wn=["dim","desaturate"],yh=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s,ToggleGroup:c}=B(),d=Ue(o);if(!o||!d)return null;const m=d.graph().get("cornerRadius"),u=(0,h.readHighlightDimStyle)(o.spec),p=wn.map(v=>({value:v,label:i(v==="dim"?"editor.highlighting.highlightStyle.tint":"editor.highlighting.highlightStyle.gray")})),g=v=>{const b=(0,h.findStyleRule)(o.spec.styles.overrides,Sh,(0,h.readStyleCoord)(o.spec))?.declarations??{};a.commands.dispatch(new h.SetStyleRuleCommand({list:"overrides",rule:{select:{target:"graph"},declarations:{...b,cornerRadius:v}}}),{transient:!0})},f=v=>{const b=wn.find(S=>S===v);b&&a.commands.dispatch(new h.SetHighlightDimStyleCommand({dimStyle:b}))};return(0,n.jsx)(z,{title:e??i("editor.colorPanel.appearanceSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.colorPanel.borderSection.cornerRadius"),children:(0,n.jsx)(s,{value:m,min:0,max:bh,step:1,formatValue:We,onChange:g,onCommit:a.commands.commit})}),(0,n.jsx)(A,{label:i("editor.colorPanel.appearanceSection.highlightStyle"),children:(0,n.jsx)(c,{value:u,options:p,onChange:f})})]})})},Ch=.05,jh=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s,ToggleGroup:c}=B(),d=o?(0,h.findLayerByGeom)(o.spec.layers,"bar"):void 0,m=Ot(o,d?.id??null,"bar");if(!o||!d||o.coordSystem.type==="polar"&&o.coordSystem.bandAxis===null)return null;const u=b=>{a.commands.dispatch(new h.SetBarWidthCommand({layerId:d.id,width:b}),{transient:!0})},p=b=>{const S=h.BORDER_RADIUS_TOKENS.find(T=>T===b);S&&a.commands.dispatch(new h.SetBarCornerRadiusCommand({layerId:d.id,cornerRadius:S}))},g=h.BORDER_RADIUS_TOKENS.map(b=>({value:b,label:i(`editor.graphPanel.barSection.roundingOptions.${b}`)})),f=(0,h.resolveBarBandFraction)(d.params,o.coordSystem.type),v=m?.get("cornerRadius")??h.DEFAULT_BAR_CORNER_RADIUS;return(0,n.jsx)(z,{title:e??i("editor.graphPanel.barSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.barSection.thickness"),children:(0,n.jsx)(s,{value:f,min:h.MIN_BAR_WIDTH_FRACTION,max:h.MAX_BAR_WIDTH_FRACTION,step:Ch,formatValue:wa,onChange:u,onCommit:a.commands.commit})}),(0,n.jsx)(A,{label:i("editor.graphPanel.barSection.rounding"),layout:"stack",children:(0,n.jsx)(c,{value:typeof v=="string"?v:"",options:g,onChange:p})})]})})},qe=({children:e})=>{const t=(0,x.useId)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("g",{filter:`url(#${t})`,children:e}),(0,n.jsx)("defs",{children:(0,n.jsxs)("filter",{id:t,x:"-20%",y:"-20%",width:"140%",height:"140%",children:[(0,n.jsx)("feDropShadow",{dx:"0",dy:"0",stdDeviation:"0.586",floodColor:"#0F0F18",floodOpacity:"0.12"}),(0,n.jsx)("feDropShadow",{dx:"0",dy:"1.172",stdDeviation:"0.586",floodColor:"#0E0E34",floodOpacity:"0.16"})]})})]})},Ke="qdaoth0",Th=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 31 33",...e,children:[(0,n.jsx)(qe,{children:(0,n.jsx)("path",{className:Ke,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,n.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"})]}),wh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 32 32",...e,children:(0,n.jsxs)(qe,{children:[(0,n.jsx)("path",{className:Ke,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,n.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"})]})}),Ah=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 32 33",...e,children:[(0,n.jsx)(qe,{children:(0,n.jsx)("path",{className:Ke,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,n.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"})]}),kh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 32 33",...e,children:[(0,n.jsx)(qe,{children:(0,n.jsx)("path",{className:Ke,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,n.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"})]}),Ph={x:.5,y:.5},Lh=.2,Ih={x:.375,y:.25,width:.25,height:.5},Eh={zOrder:"background"},Mh={x:.4,y:.6},Rh={x:.6,y:.4},Oh="relative-difference",_h=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Button:s}=B();if(!o)return null;const c=()=>{a.commands.dispatch(new h.AddAnnotationCommand({kind:"text",annotation:{...h.TEXT_ANNOTATION_DEFAULTS,content:Nh(i("editor.annotatePanel.callOutSection.text")),at:{anchorType:"panel",...Ph},width:Lh}}))},d=()=>{a.commands.dispatch(new h.AddAnnotationCommand({kind:"arrow",annotation:{...h.ARROW_DEFAULTS,start:{anchorType:"panel",...Mh},end:{anchorType:"panel",...Rh}}}))},m=()=>{a.commands.dispatch(new h.AddAnnotationCommand({kind:"shape",annotation:{...h.SHAPE_DEFAULTS,...Eh,region:{anchorType:"panel",...Ih}}}))},u=()=>{const g=(0,h.inferDefaultDifferenceArrowEndpoints)(o);g!==null&&a.commands.dispatch(new h.AddAnnotationCommand({kind:"differenceArrow",annotation:{...h.DIFFERENCE_ARROW_DEFAULTS,...g,label:Oh}}))},p=o.coordSystem.type==="cartesian";return(0,n.jsx)(z,{title:e??i("editor.annotatePanel.callOutSection.title"),layout:t,preview:r,children:(0,n.jsxs)(ma,{children:[(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(kh,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.text"),onClick:c}),(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(Th,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.arrow"),onClick:d}),(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(wh,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.box"),onClick:m}),p&&(0,n.jsx)(s,{variant:"tile",icon:(0,n.jsx)(Ah,{size:"xl"}),label:i("editor.annotatePanel.callOutSection.difference"),onClick:u})]})})},Nh=e=>({type:"doc",content:[{type:"paragraph",content:[{type:"text",text:e}]}]}),Dh=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{ToggleGroup:s}=B();if(!o)return null;const c=(0,h.readChartType)(o.spec);if(c===null||!(0,h.isComboChartType)(c))return null;const d=h.COMBO_TYPES.map(u=>({value:u,label:i(`editor.graphPanel.comboSection.types.${u}`)})),m=u=>{const p=h.COMBO_TYPES.find(g=>g===u);p&&a.commands.dispatch(new h.SetChartTypeCommand({coordType:"cartesian",comboType:p}))};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.comboSection.title"),layout:t,preview:r??i(`editor.graphPanel.comboSection.types.${c.comboType}`),children:(0,n.jsx)(s,{value:c.comboType,options:d,onChange:m,ariaLabel:i("editor.graphPanel.comboSection.title")})})},Fh=.1,Bh=20,zh=({title:e,preview:t})=>{const r=F(),a=l.useHandleScene(r),o=l.useI18n(),{NumberField:i,TextField:s}=B();if(!a||a.coordSystem.type==="polar")return null;const c=(0,h.findGoalLineLayer)(a.spec.layers),d=e??o("editor.annotationsPanel.goalSection.title"),m=(0,h.readConstantValue)(c?.mapping.y),u=typeof m=="number"?m:null,p=v=>{const b=new h.ToggleGoalLineCommand({showGoalLine:v,value:Hh(a),...c!==void 0&&{layerId:c.id}});r.commands.dispatch(b)},g=v=>{if(c===void 0)return;const b=new h.SetRuleLabelCommand({layerId:c.id,label:v===""?null:v});r.commands.dispatch(b,{transient:!0})},f=v=>{if(c===void 0||v===null)return;const b=new h.SetRuleValueCommand({layerId:c.id,value:v});r.commands.dispatch(b,{transient:!0})};return(0,n.jsx)(ba,{title:d,preview:t,isChecked:c!==void 0,onToggle:p,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:o("editor.annotationsPanel.goalSection.labelControl"),children:(0,n.jsx)(s,{value:c?.params.label??"",placeholder:o("editor.annotationsPanel.goalSection.labelPlaceholder"),onChange:g,onCommit:r.commands.commit,ariaLabel:o("editor.annotationsPanel.goalSection.labelAriaLabel")})}),(0,n.jsx)(A,{label:o("editor.annotationsPanel.goalSection.valueControl"),children:(0,n.jsx)(i,{value:u,placeholder:o("editor.powerUpPanel.valueInput.numberPlaceholder"),onChange:f,onCommit:r.commands.commit,ariaLabel:o("editor.annotationsPanel.goalSection.valueAriaLabel")})})]})})},Hh=e=>{const t=(e.scales.y?.domain??[]).filter(s=>typeof s=="number");if(t.length===0)return 0;const r=Math.max(...t),a=r-Math.min(...t),o=a>0?a:Math.abs(r);if(o===0)return 0;const i=Math.min(Bh,Math.max(0,1-Math.floor(Math.log10(o))));return Number((r+o*Fh).toFixed(i))},Gh=({layerId:e,title:t,layout:r="collapsible",preview:a})=>{const o=F(),i=l.useHandleScene(o),s=l.useI18n(),{Switch:c}=B();if(!i)return null;const d=e===void 0?i.spec.layers[0]:(0,h.findLayerById)(i.spec.layers,e);if(!d)return null;const{showDataLabels:m,format:u,showStackTotals:p,showCategoryLabels:g}=d.dataLabels,f=i.coordSystem.type,v=f==="polar",b=d.geom==="bar",S=b&&!v&&d.position==="stack",T=b&&(!v||m),w=(0,h.findLayerById)(i.layers,d.id),j=w!==void 0&&o.canFormatDataLabelsAsPercentages(w,f);if(!o.canPlaceDataLabels(d.geom,f))return null;const C=_=>{const R=new h.ToggleDataLabelsCommand({layerId:d.id,showDataLabels:_});o.commands.dispatch(R)},P=_=>{const R=new h.SetDataLabelsFormatCommand({layerId:d.id,format:_?"percentage":"absolute"});o.commands.dispatch(R)},k=_=>{const R=new h.ToggleStackTotalsCommand({layerId:d.id,showStackTotals:_});o.commands.dispatch(R)},M=_=>{const R=new h.ToggleCategoryLabelsCommand({layerId:d.id,showCategoryLabels:_});o.commands.dispatch(R)};return(0,n.jsx)(z,{title:t??s("editor.graphPanel.graphOptionsSection.title"),layout:r,preview:a,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.dataLabels"),children:(0,n.jsx)(c,{isChecked:m,onChange:C})}),m&&j&&(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.showPercentages"),children:(0,n.jsx)(c,{isChecked:u==="percentage",onChange:P})}),S&&(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.stackTotals"),children:(0,n.jsx)(c,{isChecked:p,onChange:k})}),T&&(0,n.jsx)(A,{label:s("editor.graphPanel.graphOptions.categoryLabels"),children:(0,n.jsx)(c,{isChecked:g,onChange:M})})]})})},Vh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M10.394 12.734 5.63 7.652 0 13.822V16h16V8.741z"}),(0,n.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"})]}),$h=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]})}),Uh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,n.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,n.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"})]})}),Wh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{transform:"rotate(90 8 8)",children:[(0,n.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,n.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"})]})}),qh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"3.2",height:"7.704",y:"8.296",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"11.259",x:"4.267",y:"4.741",fill:"currentColor",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"4.741",x:"8.533",y:"11.259",fill:"currentColor",fillOpacity:"0.8",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"16",x:"12.8",fill:"currentColor",fillOpacity:"0.3",rx:".533"})]}),Kh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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"})]}),Xh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.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,n.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"})]}),Zh=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsxs)("g",{fill:"currentColor",fillOpacity:"0.3",children:[(0,n.jsx)("rect",{width:"3.2",height:"6.5",y:"9.5",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"8.5",x:"4.267",y:"7.5",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"5",x:"8.533",y:"11",rx:".533"}),(0,n.jsx)("rect",{width:"3.2",height:"7.5",x:"12.8",y:"8.5",rx:".533"})]}),(0,n.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:"0.8",strokeWidth:".993",children:[(0,n.jsx)("path",{fill:"none",d:"M1.6 6.2 5.867 3.6l4.266 3.8 4.267-3"}),(0,n.jsx)("circle",{cx:"1.6",cy:"6.2",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"5.867",cy:"3.6",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"10.133",cy:"7.4",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"14.4",cy:"4.4",r:".9",stroke:"none"})]})]}),Yh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"none",stroke:"currentColor",strokeWidth:"5",transform:"rotate(-90 8 8)",children:[(0,n.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.3"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.6",strokeDasharray:"25 100"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"5.5",pathLength:"100",strokeOpacity:"0.8",strokeDasharray:"25 100",strokeDashoffset:"-25"})]})}),Jh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("rect",{width:"4.267",height:"4.267",y:"0.533",fillOpacity:"0.3",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"0.533",fillOpacity:"0.55",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"0.533",fillOpacity:"0.2",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",y:"5.867",fillOpacity:"0.55",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"5.867",fillOpacity:"0.9",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"5.867",fillOpacity:"0.45",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",y:"11.2",fillOpacity:"0.2",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"5.867",y:"11.2",fillOpacity:"0.45",rx:".533"}),(0,n.jsx)("rect",{width:"4.267",height:"4.267",x:"11.733",y:"11.2",fillOpacity:"0.75",rx:".533"})]})}),Qh=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:".993",children:[(0,n.jsxs)("g",{fillOpacity:"0.3",strokeOpacity:"0.3",children:[(0,n.jsx)("path",{fill:"none",d:"M1.4 12.2 6 6.4l4.2 1.2 4.4-4.2"}),(0,n.jsx)("circle",{cx:"1.4",cy:"12.2",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"6",cy:"6.4",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"10.2",cy:"7.6",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"14.6",cy:"3.4",r:".9",stroke:"none"})]}),(0,n.jsxs)("g",{fillOpacity:"0.8",strokeOpacity:"0.8",children:[(0,n.jsx)("path",{fill:"none",d:"M1.4 5.6 6 11.4l4.2-1.2 4.4 1.2"}),(0,n.jsx)("circle",{cx:"1.4",cy:"5.6",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"6",cy:"11.4",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"10.2",cy:"10.2",r:".9",stroke:"none"}),(0,n.jsx)("circle",{cx:"14.6",cy:"11.4",r:".9",stroke:"none"})]})]})}),ep=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("rect",{width:"16",height:"16",fill:"currentColor",fillOpacity:"0.3",rx:"8"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.6",d:"m7.999 16 .412-.01A8 8 0 0 0 8 0z"}),(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.8",d:"M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"})]}),tp=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"none",stroke:"currentColor",strokeLinejoin:"round",children:[(0,n.jsx)("polygon",{points:"8,0.5 15.13,5.68 12.41,14.07 3.59,14.07 0.87,5.68",strokeOpacity:"0.3",strokeWidth:".8"}),(0,n.jsx)("polygon",{points:"8,2.5 14.66,5.84 10.06,10.83 4.47,12.85 3.72,6.61",strokeOpacity:"0.8",strokeWidth:"1.2"})]})}),np=e=>(0,n.jsxs)(l.Icon,{viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("polygon",{points:"8,0.5 15.13,5.68 12.41,14.07 3.59,14.07 0.87,5.68",fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeOpacity:"0.3",strokeWidth:".8"}),(0,n.jsx)("polygon",{points:"8,2.5 14.66,5.84 10.06,10.83 4.47,12.85 3.72,6.61",fill:"currentColor",fillOpacity:"0.6"})]}),rp=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"none",stroke:"currentColor",strokeWidth:"1.5",transform:"rotate(-90 8 8)",children:[(0,n.jsxs)("g",{strokeOpacity:"0.2",children:[(0,n.jsx)("circle",{cx:"8",cy:"8",r:"6.6"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"4.4"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"2.2"})]}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"6.6",pathLength:"100",strokeDasharray:"72 100",strokeOpacity:"0.8"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"4.4",pathLength:"100",strokeDasharray:"52 100",strokeOpacity:"0.6"}),(0,n.jsx)("circle",{cx:"8",cy:"8",r:"2.2",pathLength:"100",strokeDasharray:"34 100",strokeOpacity:"0.45"})]})}),ap=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsx)("path",{fill:"currentColor",fillOpacity:"0.75",d:"M8.4 7.31 8.4 1.01A7 7 0 0 1 13.85 4.16ZM8.8 8 13.64 5.2A6.3 6.3 0 0 1 13.64 10.8ZM8.4 8.69 12.64 11.14A5.6 5.6 0 0 1 8.4 13.59ZM7.6 8.69 7.6 12.78A4.8 4.8 0 0 1 4.06 10.74ZM7.2 8 4.27 9.69A4.1 4.1 0 0 1 4.27 6.31ZM7.6 7.31 5.19 5.92A3.5 3.5 0 0 1 7.6 4.52Z"})}),op=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{fillOpacity:"0.35",d:"M8.4 3.82 8.4 1.01A7 7 0 0 1 13.85 4.16L11.42 5.56A4.2 4.2 0 0 0 8.4 3.82ZM11.46 6.47 13.64 5.2A6.3 6.3 0 0 1 13.64 10.8L11.46 9.53A3.78 3.78 0 0 0 11.46 6.47ZM10.69 10.01 12.64 11.14A5.6 5.6 0 0 1 8.4 13.59L8.4 11.34A3.36 3.36 0 0 0 10.69 10.01ZM7.6 10.85 7.6 12.78A4.8 4.8 0 0 1 4.06 10.74L5.73 9.77A2.88 2.88 0 0 0 7.6 10.85ZM5.7 8.87 4.27 9.69A4.1 4.1 0 0 1 4.27 6.31L5.7 7.13A2.46 2.46 0 0 0 5.7 8.87ZM6.41 6.62 5.19 5.92A3.5 3.5 0 0 1 7.6 4.52L7.6 5.94A2.1 2.1 0 0 0 6.41 6.62Z"}),(0,n.jsx)("path",{fillOpacity:"0.9",d:"M8.4 7.31 8.4 3.82A4.2 4.2 0 0 1 11.42 5.56ZM8.8 8 11.46 6.47A3.78 3.78 0 0 1 11.46 9.53ZM8.4 8.69 10.69 10.01A3.36 3.36 0 0 1 8.4 11.34ZM7.6 8.69 7.6 10.85A2.88 2.88 0 0 1 5.73 9.77ZM7.2 8 5.7 8.87A2.46 2.46 0 0 1 5.7 7.13ZM7.6 7.31 6.41 6.62A2.1 2.1 0 0 1 7.6 5.94Z"})]})}),ip=e=>(0,n.jsx)(l.Icon,{viewBox:"0 0 16 16",...e,children:(0,n.jsxs)("g",{fill:"currentColor",fillOpacity:"0.8",children:[(0,n.jsx)("circle",{cx:"1.028",cy:"13.897",r:"1.028"}),(0,n.jsx)("circle",{cx:"2.57",cy:"8.243",r:"1.028"}),(0,n.jsx)("circle",{cx:"5.653",cy:"12.355",r:"1.028"}),(0,n.jsx)("circle",{cx:"8.223",cy:"8.243",r:"1.028"}),(0,n.jsx)("circle",{cx:"9.252",cy:"3.618",r:"1.028"}),(0,n.jsx)("circle",{cx:"12.849",cy:"7.215",r:"1.028"}),(0,n.jsx)("circle",{cx:"14.905",cy:"1.561",r:"1.028"})]})}),sp=.55,lp=.15,mt=[{name:"column",icon:qh,summary:{coordType:"cartesian",geom:"bar",position:"dodge"}},{name:"columnStacked",icon:Xh,summary:{coordType:"cartesian",geom:"bar",position:"stack"}},{name:"columnStackedFill",icon:Kh,summary:{coordType:"cartesian",geom:"bar",position:"fill"}},{name:"bar",icon:$h,summary:{coordType:"flip",geom:"bar",position:"dodge"}},{name:"barStacked",icon:Wh,summary:{coordType:"flip",geom:"bar",position:"stack"}},{name:"barStackedFill",icon:Uh,summary:{coordType:"flip",geom:"bar",position:"fill"}},{name:"line",icon:Qh,summary:{coordType:"cartesian",geom:"line",position:"identity"}},{name:"areaStacked",icon:Vh,summary:{coordType:"cartesian",geom:"area",position:"stack"}},{name:"combo",icon:Zh,summary:{coordType:"cartesian",comboType:"grouped-bars"}},{name:"scatter",icon:ip,summary:{coordType:"cartesian",geom:"point",position:"identity"}},{name:"pie",icon:ep,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:0}},{name:"donut",icon:Yh,summary:{coordType:"polar",geom:"bar",position:"fill",theta:"y",innerRadius:sp}},{name:"radialBar",icon:rp,summary:{coordType:"polar",geom:"bar",position:"stack",theta:"y",innerRadius:lp}},{name:"rose",icon:ap,summary:{coordType:"polar",geom:"bar",position:"dodge",theta:"x",innerRadius:0}},{name:"roseStacked",icon:op,summary:{coordType:"polar",geom:"bar",position:"stack",theta:"x",innerRadius:0}},{name:"radar",icon:tp,summary:{coordType:"polar",geom:"line",position:"identity",theta:"x",innerRadius:0}},{name:"radarFilled",icon:np,summary:{coordType:"polar",geom:"area",position:"identity",theta:"x",innerRadius:0}},{name:"heatmap",icon:Jh,summary:{coordType:"cartesian",geom:"tile",position:"identity"}}],cp=.05,dp=e=>e===null?null:mt.find(t=>hp(t.summary,e))??null,up=(e,t)=>{const{summary:r}=e;return t===null||(0,h.isComboChartType)(r)?r:r.position==="dodge"&&Aa(t)?{...r,position:"identity"}:r.coordType!=="polar"||!_e(r.innerRadius)||t.coordType!=="polar"||!_e(t.innerRadius)?r:{...r,innerRadius:t.innerRadius}},Aa=e=>!(0,h.isComboChartType)(e)&&e.geom==="bar"&&e.position==="identity",hp=(e,t)=>{if((0,h.isComboChartType)(e)||(0,h.isComboChartType)(t))return(0,h.isComboChartType)(e)&&(0,h.isComboChartType)(t);const r=e.position===t.position||e.position==="dodge"&&Aa(t);return e.coordType!==t.coordType||e.geom!==t.geom||!r?!1:e.coordType!=="polar"||t.coordType!=="polar"?!0:e.theta===t.theta&&_e(e.innerRadius)===_e(t.innerRadius)},_e=e=>e>=cp,pp=3,mp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{RadioGrid:s}=B(),c=(0,x.useMemo)(()=>mt.map(({name:p,icon:g})=>({value:p,label:i(`editor.graphTypes.${p}`),icon:(0,n.jsx)(g,{size:"md"}),isDisabled:p==="combo"&&!(0,h.canBecomeCombo)(o?.spec)||p==="heatmap"&&!(0,h.canBecomeHeatmap)(o?.spec)})),[i,o]);if(!o)return null;const d=(0,h.readChartType)(o.spec),m=dp(d),u=p=>{const g=mt.find(f=>f.name===p);g&&a.commands.dispatch(new h.SetChartTypeCommand(up(g,d)))};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.graphTypeSection.title"),layout:t,preview:r??(m===null?void 0:i(`editor.graphTypes.${m.name}`)),children:(0,n.jsx)(s,{value:m?.name??"",options:c,columns:pp,onChange:u,ariaLabel:i("editor.graphPanel.graphTypeSection.title")})})},An=["solid","dashed","dotted"],gp=8,xp=0,vp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s,Switch:c,ToggleGroup:d}=B(),m=Ue(o);if(!o||!m)return null;const u=o.guides.axes.filter(fp);if(u.length===0)return null;const p=o.coordSystem.type!=="polar",g=u.some(w=>w.gridVisible),f=m.gridLine.y().resolve(),v=An.map(w=>({value:w,label:i(`editor.graphPanel.gridSection.lineStyles.${w}`)})),b=w=>j=>{a.commands.dispatch(new h.SetGridVisibilityCommand({axis:w,isVisible:j}))},S=w=>{const j=An.find(C=>C===w);j&&a.commands.dispatch(new h.SetGridLineStyleCommand({axis:"both",lineStyle:j}))},T=w=>{a.commands.dispatch(new h.SetGridLineWidthCommand({axis:"both",lineWidth:w}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.gridSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[u.map(w=>(0,n.jsx)(A,{label:i(bp(w)),children:(0,n.jsx)(c,{isChecked:w.gridVisible,onChange:b(w.scaleAestheticKey)})},w.scaleAestheticKey)),p&&g&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.gridSection.gridStyle"),children:(0,n.jsx)(d,{value:(0,h.toDashPreset)(f.dashArray),options:v,onChange:S})}),(0,n.jsx)(A,{label:i("editor.graphPanel.gridSection.gridThickness"),children:(0,n.jsx)(s,{value:f.strokeWidth,min:xp,max:gp,step:.5,formatValue:We,onChange:T,onCommit:a.commands.commit})})]})]})})},fp=e=>e.scaleAestheticKey==="x"||e.scaleAestheticKey==="y",bp=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",Sp="total",ka=["total","average","current"],yp=["total"],kn=["previous","first"],Pn=["auto","small","medium","large"],Cp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Switch:s,ToggleGroup:c}=B();if(!o)return null;const d=o.config.headline,m=d.show!=="none",u=o.coordSystem,p=u.type==="polar",g=u.type==="polar"&&u.innerRadius>0,f=o.layers.some(I=>I.summary.grandTotal!==void 0);if(p&&!f)return null;const v=p?yp:ka,b=o.guides.headline,S=b?.kind==="perGroup"&&b.items.some(I=>I.comparison!==null),T=v.map(I=>({value:I,label:i(`editor.graphPanel.headlineNumberSection.metrics.${I}`)})),w=kn.map(I=>({value:I,label:i(`editor.graphPanel.headlineNumberSection.comparison.${I}`)})),j=Pn.map(I=>({value:I,label:i(I==="auto"?"editor.graphPanel.numberFormat.options.auto":`editor.graphPanel.headlineNumberSize.sizes.${I}`)})),C=[{value:"above",label:i("editor.graphPanel.headlineNumberSection.position.above")},{value:"center",label:i("editor.graphPanel.headlineNumberSection.position.center")}],P=I=>{a.commands.dispatch(new h.SetHeadlineShowCommand({show:I?Sp:"none"}))},k=I=>{const E=v.find(y=>y===I);E&&a.commands.dispatch(new h.SetHeadlineShowCommand({show:E}))},M=I=>{const E=kn.find(y=>y===I);E&&a.commands.dispatch(new h.SetHeadlineCompareWithCommand({compareWith:E}))},_=I=>{const E=Pn.find(y=>y===I);E&&a.commands.dispatch(new h.SetHeadlineSizeCommand({size:E}))},R=I=>{a.commands.dispatch(new h.SetHeadlinePositionCommand({position:I==="center"?"center":"above"}))};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.headlineNumberSection.title"),layout:t,preview:r??jp(i,d.show),children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSection.toggle"),children:(0,n.jsx)(s,{isChecked:m,onChange:P})}),m&&(0,n.jsxs)(n.Fragment,{children:[T.length>1&&(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSection.metricLabel"),layout:"stack",children:(0,n.jsx)(c,{value:d.show,options:T,onChange:k})}),S&&(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSection.compareWithLabel"),layout:"stack",children:(0,n.jsx)(c,{value:(0,h.resolveComparisonBasis)(d.compareWith),options:w,onChange:M})}),(0,n.jsx)(A,{label:i("editor.graphPanel.headlineNumberSize.sizeLabel"),children:(0,n.jsx)(c,{value:d.size,options:j,onChange:_})}),g&&(0,n.jsx)(A,{label:i("editor.axesPanel.controls.position"),children:(0,n.jsx)(c,{value:d.position,options:C,onChange:R})})]})]})})},jp=(e,t)=>{const r=ka.find(a=>a===t);return r&&e(`editor.graphPanel.headlineNumberSection.metrics.${r}`)},Qe=["top","bottom","left","right","none"],Ln=["auto","start","center","end"],In=["auto","pill","direct"],Tp=({positions:e,title:t,layout:r="collapsible",preview:a})=>{const o=F(),i=l.useHandleScene(o),s=l.useI18n(),{ToggleGroup:c}=B();if(!i)return null;const d=i.config.legend.position,m=e??Qe,u=i.guides.legends.drawn[0],p=(0,h.canAnchorDirectLabels)({legendPosition:i.guides.legends.position,coordSystem:i.coordSystem,layers:i.layers}),g=i.guides.headline?.kind==="perGroup",f=i.guides.colorGroups.length>0;if(d==="auto"&&u===void 0&&!p&&(g||!f))return null;const v=u?.position??"none",b=d==="auto"?v:d,S=Qe.filter(R=>R===b||m.includes(R)).map(R=>({value:R,label:s(`editor.graphPanel.legendSection.${R}`)})),T=R=>{const I=Qe.find(E=>E===R);I&&o.commands.dispatch(new h.SetLegendPositionCommand({position:I}))},w=R=>{const I=Ln.find(E=>E===R);I&&o.commands.dispatch(new h.SetLegendAlignCommand({align:I}))},j=R=>{const I=In.find(E=>E===R);I&&o.commands.dispatch(new h.SetLegendDisplayCommand({display:I}))},C=Ln.map(R=>({value:R,label:s(`editor.graphPanel.legendSection.align.${R}`)})),P=In.map(R=>({value:R,label:s(`editor.graphPanel.legendSection.display.${R}`)})),k=t??s("editor.graphPanel.legendSection.title"),M=S.find(R=>R.value===b)?.label,_=u!==void 0;return(0,n.jsx)(z,{title:k,layout:r,preview:a??M,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:s("editor.axesPanel.controls.position"),layout:"stack",children:(0,n.jsx)(c,{value:b,options:S,onChange:T})}),_&&(0,n.jsx)(A,{label:s("editor.graphPanel.legendSection.alignLabel"),layout:"stack",children:(0,n.jsx)(c,{value:i.config.legend.align,options:C,onChange:w})}),p&&(0,n.jsx)(A,{label:s("editor.graphPanel.legendSection.displayLabel"),layout:"stack",children:(0,n.jsx)(c,{value:i.config.legend.display,options:P,onChange:j})})]})})},wp=1,Ap=20,kp=.5,Pa=({layerId:e})=>{const t=F(),r=l.useHandleScene(t),{Slider:a}=B(),o=Ot(r,e,"point");if(!r)return null;const i=s=>{const c=new h.SetPointSizeCommand({layerId:e,size:s});t.commands.dispatch(c,{transient:!0})};return(0,n.jsx)(a,{value:o?.get("size")??h.DEFAULT_POINT_SIZE_PX,min:wp,max:Ap,step:kp,formatValue:We,onChange:i,onCommit:t.commands.commit})},Pp=1,Lp=10,Ip=.1,Ep=["gap","zero","connect"],Mp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Select:s,Slider:c,Switch:d,ToggleGroup:m}=B(),u=o?.spec.layers??[],p=(0,h.findLayerByGeom)(u,"line","area"),g=Ot(o,p?.id??null,"line");if(!o||!p)return null;const f=o.coordSystem.type==="polar",v=_p(i,p),b=Op(p,u),S=(0,h.buildLayerStyleAddress)(p.geom,p.id),T=(0,h.readStyleCoord)(o.spec),w=o.spec.styles.overrides,j=(0,h.combineKindStyleDeclarations)(w,S,T),C=(0,h.combineKindStyleDeclarations)((0,h.readStyleRulesBeneath)(w,S,T),S,T),P=j?.strokeWidth,k=typeof P=="number",M=C?.strokeWidth!==void 0,_=p.geom==="line"?p:void 0,R=[{value:"auto",label:i("editor.graphPanel.numberFormat.options.auto"),isDisabled:M},{value:"custom",label:i("editor.graphPanel.numberFormat.options.custom")}],I=U=>{a.commands.dispatch(new h.ToggleLinePointsCommand({layerId:p.id,showPoints:U}))},E=U=>{_&&a.commands.dispatch(new h.ToggleLineFillCommand({layerId:_.id,showFill:U}))},y=U=>{a.commands.dispatch(new h.SetLineCurveCommand({layerId:p.id,curve:U?"smooth":"linear"}))},D=U=>{const le=g?.get("strokeWidth")??h.DEFAULT_STROKE_WIDTH_PX;a.commands.dispatch(new h.SetLineWidthCommand({layerId:p.id,lineWidth:U==="custom"?le:null}))},$=U=>{a.commands.dispatch(new h.SetLineWidthCommand({layerId:p.id,lineWidth:U}),{transient:!0})},ne=U=>{const le=Rp(U);le&&a.commands.dispatch(new h.SetLineMissingValuesCommand({layerId:p.id,missingValues:le}))};return(0,n.jsx)(z,{title:e??i("editor.fineTunePanel.lineStyleSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.graphOptions.showPoints"),children:(0,n.jsx)(d,{isChecked:b!==void 0,onChange:I})}),b&&(0,n.jsx)(A,{label:i("editor.graphPanel.pointSize.label"),children:(0,n.jsx)(Pa,{layerId:b.id})}),_&&!f&&(0,n.jsx)(A,{label:i("editor.graphPanel.graphOptions.lineFill"),children:(0,n.jsx)(d,{isChecked:(j?.fillAlpha??0)>0,onChange:E})}),!f&&(0,n.jsx)(A,{label:i("editor.graphPanel.graphOptions.smoothLines"),children:(0,n.jsx)(d,{isChecked:p.params.curve==="smooth",onChange:y})}),(0,n.jsx)(A,{label:i("editor.graphPanel.lineThickness.label"),children:(0,n.jsx)(m,{value:k?"custom":"auto",options:R,onChange:D})}),k&&(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(c,{value:P,min:Pp,max:Lp,step:Ip,formatValue:We,onChange:$,onCommit:a.commands.commit})}),!f&&v.length>1&&(0,n.jsx)(A,{label:i("editor.fineTunePanel.detailSection.missingValues"),children:(0,n.jsx)(s,{value:p.params.missingValues,options:v,onChange:ne})})]})})},Rp=e=>Ep.find(t=>t===e),Op=(e,t)=>(0,h.filterLayersByGeoms)(t,"point").find(r=>(0,h.isCompanionLayer)(r,[e])),_p=(e,t)=>{const r=[{value:"gap",label:e("editor.graphPanel.treatEmptyValues.leaveGap.label")},{value:"zero",label:e("editor.graphPanel.treatEmptyValues.fillZero.label")}];return t.position!=="stack"&&t.position!=="fill"&&r.push({value:"connect",label:e("editor.graphPanel.treatEmptyValues.connectGaps.label")}),t.geom==="area"?r.filter(a=>a.value!=="gap"):r},gt="\0none",Np=["x","y","color","size","label"],Dp={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"},Fp=({title:e,layout:t="collapsible"})=>{const r=F(),a=l.useHandleScene(r),o=l.useI18n(),{Select:i}=B(),s=o("editor.graphPanel.mappingSection.none"),c=a?.spec,d=(0,x.useMemo)(()=>c===void 0?[]:(0,h.readMappableAesthetics)(c,Np).map(({aesthetic:m,variables:u,isRequired:p})=>{const g=(0,h.readMappedVariable)(c.mapping,m);return{aesthetic:m,label:o(Dp[m]),value:g??(p?null:gt),options:Bp(u,g,p?null:s),chooseColumn:f=>{r.commands.dispatch(new h.SetMappingCommand({aesthetic:m,variable:f===gt?null:f}))}}}),[c,o,s,r]);return a?(0,n.jsx)(z,{title:e??o("editor.graphPanel.mappingSection.title"),layout:t,children:(0,n.jsx)(V,{children:d.map(({aesthetic:m,label:u,value:p,options:g,chooseColumn:f})=>(0,n.jsx)(A,{label:u,children:(0,n.jsx)(i,{value:p,options:g,placeholder:s,onChange:f})},m))})}):null},Bp=(e,t,r)=>{const a=t!==null&&!e.includes(t)?[t,...e]:e;return[...r===null?[]:[{value:gt,label:r}],...a.map(o=>({value:o,label:o}))]},zp="k",Hp=2,Gp=0,Vp=5,xt=[{value:"k",labelKey:"thousands"},{value:"m",labelKey:"millions"},{value:"b",labelKey:"billions"}],$p=["auto","none"],Up=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{NumberField:s,ToggleGroup:c}=B();if(!o)return null;const{abbreviation:d,decimals:m}=o.config.numberFormat,u=Wp(d)!==void 0,p=m!=="auto",g=j=>j.map(C=>({value:C,label:i(`editor.graphPanel.numberFormat.options.${C}`)})),f=xt.map(({value:j,labelKey:C})=>({value:j,label:i(`common.abbreviations.${C}`)})),v=j=>{a.commands.dispatch(new h.SetNumberFormatAbbreviationCommand({abbreviation:j}))},b=j=>{const C=$p.find(P=>P===j);v(C??zp)},S=j=>{const C=xt.find(P=>P.value===j);C&&v(C.value)},T=j=>{a.commands.dispatch(new h.SetNumberFormatDecimalsCommand({decimals:j==="custom"?Hp:"auto"}))},w=j=>{j!==null&&a.commands.dispatch(new h.SetNumberFormatDecimalsCommand({decimals:j}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.numberFormatSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.abbreviationLabel"),children:(0,n.jsx)(c,{value:u?"custom":d,options:g(["auto","none","custom"]),onChange:b})}),u&&(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(c,{value:d,options:f,onChange:S})}),(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.decimalPlacesLabel"),children:(0,n.jsx)(c,{value:p?"custom":"auto",options:g(["auto","custom"]),onChange:T})}),p&&(0,n.jsx)(A,{label:i("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(s,{value:m,min:Gp,max:Vp,onChange:w,onCommit:a.commands.commit})})]})})},Wp=e=>xt.find(t=>t.value===e),qp=({title:e,layout:t="collapsible",preview:r})=>{const a=l.useHandleScene(F()),o=l.useI18n();if(!a)return null;const i=Kp(a.spec.layers);return i?(0,n.jsx)(z,{title:e??o("editor.graphPanel.pointSize.label"),layout:t,preview:r,children:(0,n.jsx)(V,{children:(0,n.jsx)(A,{label:o("editor.graphPanel.numberFormat.valueLabel"),children:(0,n.jsx)(Pa,{layerId:i.id})})})}):null},Kp=e=>{const t=(0,h.filterLayersByGeoms)(e,"line","area");return(0,h.filterLayersByGeoms)(e,"point").find(r=>!(0,h.isCompanionLayer)(r,t))},Xp=.9,Zp=360,Yp=.05,Jp=15,Qp=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Slider:s}=B();if(!o||o.spec.coords.coordType!=="polar")return null;const{innerRadius:c,startAngle:d}=o.spec.coords.params,m=p=>{a.commands.dispatch(new h.SetPolarInnerRadiusCommand({innerRadius:p}),{transient:!0})},u=p=>{a.commands.dispatch(new h.SetPolarStartAngleCommand({startAngle:p}),{transient:!0})};return(0,n.jsx)(z,{title:e??i("editor.graphPanel.polarSection.title"),layout:t,preview:r,children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.graphPanel.polarSection.innerRadius"),children:(0,n.jsx)(s,{value:c,min:0,max:Xp,step:Yp,formatValue:wa,onChange:m,onCommit:a.commands.commit})}),(0,n.jsx)(A,{label:i("editor.graphPanel.polarSection.startAngle"),children:(0,n.jsx)(s,{value:d,min:0,max:Zp-1,step:Jp,formatValue:fh,onChange:u,onCommit:a.commands.commit})})]})})},e1=e=>(0,n.jsxs)(l.Icon,{...e,children:[(0,n.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,n.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,n.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"})]}),En=e=>(0,n.jsxs)(l.Icon,{...e,children:[(0,n.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,n.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,n.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"})]}),Mn=["linear","exponential","quadratic","polynomial","logarithmic","power","loess"],t1="linear",n1=({title:e,layout:t="collapsible",preview:r})=>{const a=F(),o=l.useHandleScene(a),i=l.useI18n(),{Select:s,Switch:c}=B(),{options:d,findValue:m}=yr(o);if(!o||o.coordSystem.type==="polar")return null;const u=(0,h.findTrendLineLayer)(o.spec.layers),p=(0,h.findAverageLineLayer)(o.spec.layers),g=u?.stat.type==="smooth"?u.stat.method:t1,f=r1(p),v=Mn.map(C=>({value:C,label:i(`editor.annotationsPanel.trendType.options.${C}`)})),b=(C,P={})=>{const k=u??p,M=new h.SetStatLineCommand({line:C,...P,...k!==void 0&&{layerId:k.id},label:i("editor.annotationsPanel.trendsAndAveragesSection.average")});a.commands.dispatch(M)},S=C=>b(C?"trend":"none",{method:g}),T=C=>b(C?"average":"none",{group:f??m(d[0]?.value??"")}),w=C=>{const P=Mn.find(k=>k===C);P!==void 0&&b("trend",{method:P})},j=C=>{const P=C===null?void 0:m(C);P!==void 0&&b("average",{group:P})};return(0,n.jsx)(z,{title:e??i("editor.annotationsPanel.trendsAndAveragesSection.title"),layout:t,preview:r??(0,n.jsx)(En,{size:"lg"}),children:(0,n.jsxs)(V,{children:[(0,n.jsx)(A,{label:i("editor.annotationsPanel.trendsAndAveragesSection.trend"),icon:(0,n.jsx)(En,{size:"lg"}),children:(0,n.jsx)(c,{isChecked:u!==void 0,onChange:S})}),u!==void 0&&(0,n.jsx)(A,{label:i("editor.annotationsPanel.trendType.label"),children:(0,n.jsx)(s,{value:g,options:v,onChange:w,placeholder:i("editor.annotationsPanel.trendType.placeholder")})}),(0,n.jsx)(A,{label:i("editor.annotationsPanel.trendsAndAveragesSection.average"),icon:(0,n.jsx)(e1,{size:"lg"}),children:(0,n.jsx)(c,{isChecked:p!==void 0,onChange:T})}),p!==void 0&&d.length>0&&(0,n.jsx)(A,{label:i("editor.annotationsPanel.averageLineSeries.label"),children:(0,n.jsx)(s,{value:f===void 0?null:String(f),options:d,onChange:j,placeholder:i("editor.annotationsPanel.averageLineSeries.placeholder"),ariaLabel:i("editor.annotationsPanel.averageLineSeries.ariaLabel")})})]})})},r1=e=>{const t=e?.transforms.find(r=>r.transformType==="filter")?.options.value;return t instanceof Date?t.getTime():t};exports.AppearanceSection=yh;exports.AxesPanel=vh;exports.AxisSection=ht;exports.BarSection=jh;exports.Button=oa;exports.CalloutsSection=_h;exports.CaptionSection=Sa;exports.ComboSection=Dh;exports.ControlRegistryProvider=pa;exports.ControlTooltip=lr;exports.EditableGraphRenderer=g0;exports.EditorPanel=It;exports.ElementsPanel=xh;exports.GoalSection=zh;exports.GraphOptionsSection=Gh;exports.GraphTypeSection=mp;exports.GridSection=vp;exports.HeadlineSection=Cp;exports.IntlProvider=Fn;exports.LegendSection=Tp;exports.LineSection=Mp;exports.MappingSection=Fp;exports.NumberField=sa;exports.NumberFormatSection=Up;exports.PANEL_ROOT_ATTRIBUTE=va;exports.PointSection=qp;exports.PolarSection=Qp;exports.RadioGrid=la;exports.Row=A;exports.Section=z;exports.Select=ca;exports.Separator=eh;exports.Slider=da;exports.SourceSection=ya;exports.SubtitleSection=Ca;exports.Switch=ua;exports.TextField=ha;exports.TextSizeSection=ja;exports.TitleSection=Ta;exports.ToggleGroup=Ct;exports.ToggledSection=ba;exports.TrendsAndAveragesSection=n1;exports.useControls=B;exports.usePanelExpansion=xa;exports.usePanelGraph=F;