import*as i18n from"../i18n/i18n.js";import{PseudoStateMarkerDecorator}from"./ElementsPanel.js";const UIStrings={domBreakpoint:"DOM Breakpoint",elementIsHidden:"Element is hidden"},str_=i18n.i18n.registerUIStrings("elements/MarkerDecorator.js",UIStrings),i18nLazyString=i18n.i18n.getLazilyComputedLocalizedString.bind(void 0,str_);export class MarkerDecorator{decorate(e){throw new Error("Not implemented yet")}}export class GenericDecorator{constructor(e){if(!e.title||!e.color)throw new Error(`Generic decorator requires a color and a title: ${e.marker}`);this._title=e.title(),this._color=e.color}decorate(e){return{title:this._title,color:this._color}}}const domBreakpointData={marker:"breakpoint-marker",title:i18nLazyString(UIStrings.domBreakpoint),color:"rgb(105, 140, 254)"},elementIsHiddenData={marker:"hidden-marker",title:i18nLazyString(UIStrings.elementIsHidden),color:"#555"};export function getRegisteredDecorators(){return[{...domBreakpointData,decorator:()=>new GenericDecorator(domBreakpointData)},{...elementIsHiddenData,decorator:()=>new GenericDecorator(elementIsHiddenData)},{decorator:PseudoStateMarkerDecorator.instance,marker:"pseudo-state-marker",title:void 0,color:void 0}]}export let MarkerDecoratorRegistration;