@aswin.dev/editor 0.8.2 → 0.8.4

package/dist/{en-jbnp1n6M.js → cdn/chunks/en-ClDdvkbR.js}

@@ -2,7 +2,7 @@
 var e = {
 	footer: {
 		poweredBy: "Powered by",
-		openSource: "Open Source"
+		help: "Help"
 	},
 	tour: {
 		next: "Next",
@@ -314,6 +314,7 @@ var e = {
 		modeAuto: "Discount code",
 		modeManual: "Enter Shopify discount manually",
 		autoHint: "Auto-generate a unique and non-reusable code for each subscription.",
+		dynamicModesRequirePriorFormHint: "The dynamic code is available only after the opt-in step.",
 		selectType: "Select type",
 		types: {
 			percentageOff: "Percentage off",
@@ -771,7 +772,26 @@ var e = {
 		triggerOnHoverTitle: "On Hover",
 		triggerOnHoverDesc: "When a visitor hovers over an element.",
 		triggerOnCustomTitle: "On Custom Event",
-		triggerOnCustomDesc: "Use your own trigger."
+		triggerOnCustomDesc: "Use your own trigger.",
+		frequencyHeading: "Frequency",
+		frequencyIntro: "Choose how often your visitors will see this campaign.",
+		frequencyShowAgainTitle: "Show again",
+		frequencyShowAgainDesc: "Set how frequently your campaign will display.",
+		frequencyEveryPageLoad: "Every page load",
+		frequencyEverySession: "Every session",
+		frequencyEveryPrefix: "Every",
+		frequencyIntervalUnitMinutes: "Minutes",
+		frequencyIntervalUnitHours: "Hours",
+		frequencyIntervalUnitDays: "Days",
+		frequencyStopShowingTitle: "Stop showing",
+		frequencyStopShowingDesc: "Set when a visitor should stop seeing your campaign.",
+		frequencyStopAfterSignup: "After a visitor has signed up or clicked",
+		frequencyStopAfterSeen: "After a visitor has seen the campaign",
+		frequencyStopTimesSuffix: "times",
+		frequencyStopAfterClosedPrefix: "After a visitor has closed the campaign,",
+		frequencyClosedNeverAgain: "and never display again",
+		frequencyClosedRespectRules: "but respect show again rules above",
+		frequencyAfterClosedHelp: "Defines what happens after someone closes the popup without signing up or clicking."
 	},
 	popupDesign: {
 		tabStyle: "Style",
@@ -854,7 +874,9 @@ var e = {
 		browseModules: "Browse saved modules",
 		expandSidebar: "Expand block sidebar",
 		palette: "Block palette",
-		insertBlock: "Insert {block} block"
+		insertBlock: "Insert {block} block",
+		paletteDiscountCouponTaken: "Only one discount coupon is allowed across all steps.",
+		paletteFormTaken: "Only one form block is allowed across all steps."
 	},
 	landmarks: {
 		canvas: "Email canvas",
@@ -883,3 +905,5 @@ var e = {
 };
 //#endregion
 export { e as default };
+
+//# sourceMappingURL=en-ClDdvkbR.js.map

package/dist/cdn/chunks/en-ClDdvkbR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-ClDdvkbR.js","names":[],"sources":["../../../src/i18n/locales/en.ts"],"sourcesContent":["export default {\n  footer: {\n    poweredBy: \"Powered by\",\n    help: \"Help\",\n  },\n\n  // Guided tour (optional editor `tour` config)\n  tour: {\n    next: \"Next\",\n    skip: \"Skip tour\",\n    done: \"Got it!\",\n    stepCounter: \"{current} of {total}\",\n    defaults: {\n      canvas: {\n        title: \"Your email canvas\",\n        text: \"This is where your email takes shape. Click any block to select and edit it.\",\n      },\n      sidebar: {\n        title: \"Block library\",\n        text: \"Drag blocks from here onto the canvas to add text, images, buttons, and more.\",\n      },\n      rightSidebar: {\n        title: \"Content & settings\",\n        text: \"Select a block to edit its content here, or switch to Settings to adjust the overall template layout.\",\n      },\n    },\n  },\n\n  // History (undo/redo)\n  history: {\n    undo: \"Undo\",\n    redo: \"Redo\",\n    collabWarning: \"Undo may affect collaborators' recent changes\",\n  },\n\n  // Viewport toggle\n  viewport: {\n    label: \"Viewport\",\n    desktop: \"Desktop\",\n    tablet: \"Tablet\",\n    mobile: \"Mobile\",\n  },\n\n  // Dark mode preview\n  darkMode: {\n    enable: \"Dark Mode Preview\",\n    disable: \"Light Mode Preview\",\n  },\n\n  // Preview mode\n  previewMode: {\n    enable: \"Preview Mode\",\n    disable: \"Exit Preview\",\n  },\n\n  // Sidebar - Block types\n  blocks: {\n    section: \"Section\",\n    image: \"Image\",\n    title: \"Title\",\n    paragraph: \"Paragraph\",\n    button: \"Button\",\n    input: \"Input\",\n    divider: \"Divider\",\n    video: \"Video\",\n    social: \"Social\",\n    spacer: \"Spacer\",\n    html: \"HTML\",\n    menu: \"Menu\",\n    table: \"Table\",\n    countdown: \"Countdown\",\n    form: \"Form\",\n    discountCoupon: \"Discount coupon\",\n  },\n\n  // Right sidebar\n  sidebar: {\n    content: \"Content\",\n    settings: \"Settings\",\n    noSelection: \"No element selected\",\n    noSelectionHint: \"Select a block on the canvas to edit it\",\n  },\n\n  // Toolbar - Common\n  toolbar: {\n    duplicate: \"Duplicate\",\n    delete: \"Delete\",\n  },\n\n  // Title editor toolbar\n  titleEditor: {\n    toolbar: \"Title formatting\",\n    bold: \"Bold (Ctrl+B)\",\n    italic: \"Italic (Ctrl+I)\",\n    addLink: \"Add Link\",\n  },\n\n  // Paragraph editor toolbar\n  paragraphEditor: {\n    toolbar: \"Text formatting\",\n    bold: \"Bold (Ctrl+B)\",\n    italic: \"Italic (Ctrl+I)\",\n    underline: \"Underline (Ctrl+U)\",\n    strikethrough: \"Strikethrough\",\n    subscript: \"Subscript\",\n    superscript: \"Superscript\",\n    addLink: \"Add Link\",\n    bulletList: \"Bullet List\",\n    numberedList: \"Numbered List\",\n    alignLeft: \"Align Left\",\n    alignCenter: \"Align Center\",\n    alignRight: \"Align Right\",\n    clearFormatting: \"Clear Formatting\",\n    insertEmoji: \"Insert Emoji\",\n    fontFamily: \"Font Family\",\n    defaultFont: \"Default\",\n    fontSize: \"Font Size\",\n    defaultSize: \"Default\",\n    textColor: \"Text Color\",\n    highlightColor: \"Highlight Color\",\n    lineHeight: \"Line Height\",\n    letterSpacing: \"Letter Spacing\",\n    emojiItemLabel: \"Insert emoji {emoji}\",\n    closeEmojiPicker: \"Close emoji picker\",\n  },\n\n  // Block actions (BlockWrapper)\n  blockActions: {\n    drag: \"Drag to reorder, or press Space to move with keyboard\",\n    dragLifted:\n      \"Moving {block}. Use up and down arrow keys to reposition, Space or Enter to drop, Escape to cancel.\",\n    duplicate: \"Duplicate block\",\n    delete: \"Delete block\",\n    hiddenOnViewport: \"Hidden on {viewport}\",\n    saveAsModule: \"Save as Module\",\n    conditionToggle: \"Toggle display condition\",\n    comments: \"Comments ({count})\",\n    lifted: \"{block} lifted. Position {position} of {total}.\",\n    moved: \"{block} moved to position {position} of {total}.\",\n    dropped: \"{block} dropped at position {position} of {total}.\",\n    cancelled: \"Move cancelled. {block} returned to position {position}.\",\n  },\n\n  // Toolbar - Section\n  section: {\n    dropHere: \"Drop blocks here\",\n    columns: \"Columns\",\n    column1: \"1 Column\",\n    column2: \"2 Columns\",\n    column3: \"3 Columns\",\n    ratio12: \"1:2 Ratio\",\n    ratio21: \"2:1 Ratio\",\n  },\n\n  // Text editor link dialog\n  linkDialog: {\n    editLink: \"Edit Link\",\n    insertLink: \"Insert Link\",\n    updateLink: \"Update Link\",\n    removeLink: \"Remove Link\",\n    cancel: \"Cancel\",\n    urlPlaceholder: \"https://example.com\",\n    urlLabel: \"URL\",\n  },\n\n  // Toolbar - Title\n  title: {\n    level: \"Heading Level\",\n    heading1: \"Heading 1 (36px)\",\n    heading2: \"Heading 2 (28px)\",\n    heading3: \"Heading 3 (22px)\",\n    heading4: \"Heading 4 (18px)\",\n    fontFamily: \"Font Family\",\n    inheritFont: \"Use template font\",\n    color: \"Color\",\n    align: \"Align\",\n    alignLeft: \"Left\",\n    alignCenter: \"Center\",\n    alignRight: \"Right\",\n  },\n\n  // Emoji picker\n  emoji: {\n    smileys: \"Smileys\",\n    gestures: \"Gestures\",\n    objects: \"Objects\",\n  },\n\n  // Toolbar - Image\n  image: {\n    imageUrl: \"Image URL\",\n    imageUrlPlaceholder: \"https://...\",\n    altText: \"Alt Text\",\n    altTextPlaceholder: \"Image description\",\n    width: \"Width\",\n    fullWidth: \"Full Width\",\n    linkUrl: \"Link URL\",\n    openInNewTab: \"Open in new tab\",\n    placeholderUrl: \"Placeholder Image\",\n    placeholderUrlPlaceholder: \"https://... (design-time only)\",\n    placeholderUrlTooltip:\n      \"Since the image URL uses a merge tag, you can provide a real image here to preview the layout while designing. This is not included in the final output.\",\n    clickToAdd: \"Click to add image URL\",\n    browseMedia: \"Browse Media\",\n    decorative: \"Decorative image\",\n    decorativeHint:\n      \"Hidden from screen readers. Use only for spacers and visual flourishes.\",\n  },\n\n  // Toolbar - Video\n  video: {\n    videoUrl: \"Video URL\",\n    videoUrlPlaceholder: \"https://youtube.com/...\",\n    youtube: \"YouTube\",\n    vimeo: \"Vimeo\",\n    detected: \"Video detected — thumbnail will be generated automatically\",\n    openInNewTab: \"Open in new tab\",\n    customThumbnail: \"Custom Thumbnail\",\n    optional: \"(optional)\",\n    thumbnailPlaceholder: \"Auto-generated from video URL\",\n    altText: \"Alt Text\",\n    altTextPlaceholder: \"Video description\",\n    width: \"Width\",\n    fullWidth: \"Full Width\",\n    placeholderUrl: \"Placeholder Thumbnail\",\n    placeholderUrlPlaceholder: \"https://... (design-time only)\",\n    placeholderUrlTooltip:\n      \"Since the video URL uses a merge tag, you can provide a real thumbnail here to preview the layout while designing. This is not included in the final output.\",\n    addVideo: \"Add a video URL\",\n  },\n\n  // Toolbar - Button\n  button: {\n    fontFamily: \"Font Family\",\n    inheritFont: \"Use template font\",\n    text: \"Text\",\n    actionOnClick: \"Action on click\",\n    clickActionNone: \"Select action\",\n    clickActionNextStep: \"Show next step\",\n    clickActionPreviousStep: \"Show previous step\",\n    clickActionLoadPage: \"Load new page\",\n    clickActionScrollAnchor: \"Scroll to anchor\",\n    clickActionClosePopup: \"Close the popup\",\n    url: \"URL\",\n    pageUrl: \"Page URL\",\n    anchorId: \"Anchor ID\",\n    anchorIdPlaceholder: \"section-id\",\n    urlPlaceholder: \"https://...\",\n    openInNewTab: \"Open in new tab\",\n    background: \"Background\",\n    textColor: \"Text Color\",\n    border: \"Border\",\n    borderColor: \"Border color\",\n    borderWidth: \"Border width\",\n    borderSides: \"Sides\",\n    borderSidesLabels: {\n      all: \"All sides\",\n      top: \"Top\",\n      right: \"Right\",\n      bottom: \"Bottom\",\n      left: \"Left\",\n    },\n    borderRadius: \"Border Radius\",\n    fontSize: \"Font Size\",\n  },\n\n  // Toolbar - Input field\n  input: {\n    fieldType: \"Input type\",\n    types: {\n      text: \"Text\",\n      email: \"Email\",\n      date: \"Date\",\n    },\n    name: \"Field name\",\n    label: \"Label\",\n    placeholder: \"Placeholder\",\n    defaultValue: \"Default value\",\n    required: \"Required\",\n    labelAppearance: \"Label styling\",\n    labelMargin: \"Label margin\",\n    labelPadding: \"Label padding\",\n    fontFamily: \"Font family\",\n    inheritFont: \"Use template font\",\n    fontWeight: \"Font weight\",\n    weightNormal: \"Normal\",\n    weightBold: \"Bold\",\n    alignLeft: \"Left\",\n    alignCenter: \"Center\",\n    alignRight: \"Right\",\n    inputAppearance: \"Input styling\",\n    inputMargin: \"Input margin\",\n    inputPadding: \"Input padding\",\n    fieldWidth: \"Width\",\n    fixedWidth: \"Fixed width\",\n    placeholderColor: \"Placeholder color\",\n  },\n\n  // Toolbar - Form (multi-field opt-in)\n  form: {\n    tabs: {\n      sync: \"Sync\",\n      fields: \"Fields\",\n      button: \"Button\",\n      terms: \"Terms\",\n    },\n    sync: {\n      heading: \"Pick your marketing platform\",\n    },\n    fieldTypes: {\n      firstName: \"First name\",\n      lastName: \"Last name\",\n      email: \"Email\",\n      phone: \"Phone\",\n    },\n    fields: {\n      addField: \"Add field\",\n      noMoreFields: \"All field types added\",\n      cancel: \"Cancel\",\n      remove: \"Remove field\",\n      label: \"Label\",\n      labelPlaceholder: \"What is your email?\",\n      optional: \"optional\",\n      placeholder: \"Placeholder\",\n      name: \"Field name\",\n      required: \"Field is required\",\n      blockExisting: \"Block existing emails\",\n      blockExistingHint:\n        \"Prevent signing up with the emails you've already collected.\",\n      blockExistingAll: \"Check across all my campaigns\",\n      blockExistingThis: \"Check only this campaign\",\n      errorMessage: \"Error message\",\n    },\n    button: {\n      submitText: \"Submit button\",\n      actionOnClick: \"Action on click\",\n      url: \"Page URL\",\n      position: \"Position\",\n      oneLine: \"One line\",\n      twoLines: \"Two lines\",\n      background: \"Background\",\n      textColor: \"Text color\",\n      borderRadius: \"Border radius\",\n    },\n    buttonActions: {\n      nextStep: \"Show next step\",\n      closePopup: \"Close the popup\",\n      loadPage: \"Load new page\",\n      none: \"Do nothing\",\n    },\n    terms: {\n      enable: \"Show terms\",\n      content: \"Terms content\",\n      htmlHint: \"HTML is allowed. Use links and small print as needed.\",\n    },\n  },\n\n  // Toolbar — Discount coupon (Shopify-style subscribe discount)\n  discountCoupon: {\n    description: \"Attract customers to subscribe with a discount code.\",\n    modeNone: \"No discount\",\n    modeAuto: \"Discount code\",\n    modeManual: \"Enter Shopify discount manually\",\n    autoHint:\n      \"Auto-generate a unique and non-reusable code for each subscription.\",\n    dynamicModesRequirePriorFormHint:\n      \"The dynamic code is available only after the opt-in step.\",\n    selectType: \"Select type\",\n    types: {\n      percentageOff: \"Percentage off\",\n      fixedAmount: \"Fixed amount\",\n      freeShipping: \"Free shipping\",\n    },\n    value: \"Value\",\n    currencyCode: \"Currency\",\n    expiration: \"Set expiration on discount\",\n    expirationDaysSuffix: \"Days\",\n    tagCustomer: \"Add the sent discount code as a tag to the customer\",\n    combinations: \"Combinations\",\n    combineProduct: \"Product discounts\",\n    combineOrder: \"Order discounts\",\n    combineShipping: \"Shipping discounts\",\n    manualPlaceholder: \"Discount code\",\n    manualFooterLead: \"Create a discount\",\n    manualFooterTail: \" in your Shopify admin, and enter it above.\",\n    manualBlankError: \"This field can't be blank\",\n    confirmationTextLabel: \"Confirmation text\",\n    afterClickLabel: \"After click\",\n    afterClickNone: \"Do nothing\",\n    afterClickLoadPage: \"Go to URL\",\n    afterClickCloseCampaign: \"Close campaign\",\n    afterClickNextStep: \"Show next step\",\n    afterClickPageUrl: \"Page URL\",\n    afterClickUrlPlaceholder: \"https://...\",\n    previewNoDiscount: \"No discount\",\n    previewPercentage: \"{value}% off\",\n    previewFixed: \"{value} {currency} off\",\n    previewAutoUnique: \"Unique code per subscription\",\n    previewManualPrefix: \"Code:\",\n    previewManualUnset: \"Enter a Shopify discount code\",\n    previewExpires: \"Expires after {days} day(s)\",\n    previewTag: \"Tag customer with code\",\n    previewCombinations: \"Combines with product / order / shipping discounts\",\n    previewSampleCode: \"THANKYOU20\",\n    copyCode: \"Copy code\",\n    copyCodeFlash: \"Copied\",\n  },\n\n  // Toolbar - Divider\n  divider: {\n    style: \"Style\",\n    solid: \"Solid\",\n    dashed: \"Dashed\",\n    dotted: \"Dotted\",\n    color: \"Color\",\n    thickness: \"Thickness\",\n  },\n\n  // Toolbar - Social Icons\n  social: {\n    icons: \"Icons\",\n    addIcon: \"Add Icon\",\n    addIcons: \"Add social icons\",\n    removeIcon: \"Remove\",\n    platform: \"Platform\",\n    url: \"URL\",\n    urlPlaceholder: \"https://...\",\n    style: \"Style\",\n    styleSolid: \"Solid\",\n    styleOutlined: \"Outlined\",\n    styleRounded: \"Rounded\",\n    styleSquare: \"Square\",\n    styleCircle: \"Circle\",\n    size: \"Size\",\n    sizeSmall: \"S\",\n    sizeMedium: \"M\",\n    sizeLarge: \"L\",\n    spacing: \"Spacing\",\n    align: \"Alignment\",\n    platforms: {\n      facebook: \"Facebook\",\n      twitter: \"X (Twitter)\",\n      instagram: \"Instagram\",\n      linkedin: \"LinkedIn\",\n      youtube: \"YouTube\",\n      tiktok: \"TikTok\",\n      pinterest: \"Pinterest\",\n      email: \"Email\",\n      whatsapp: \"WhatsApp\",\n      telegram: \"Telegram\",\n      discord: \"Discord\",\n      snapchat: \"Snapchat\",\n      reddit: \"Reddit\",\n      github: \"GitHub\",\n      dribbble: \"Dribbble\",\n      behance: \"Behance\",\n    },\n  },\n\n  // Toolbar - Menu\n  menu: {\n    items: \"Menu Items\",\n    addItem: \"Add Item\",\n    removeItem: \"Remove\",\n    text: \"Text\",\n    url: \"URL\",\n    urlPlaceholder: \"https://example.com\",\n    openInNewTab: \"Open in new tab\",\n    bold: \"Bold\",\n    underline: \"Underline\",\n    color: \"Color\",\n    linkColor: \"Link Color\",\n    fontSize: \"Font Size\",\n    fontFamily: \"Font Family\",\n    separator: \"Separator\",\n    separatorColor: \"Separator Color\",\n    spacing: \"Spacing\",\n    textAlign: \"Alignment\",\n    addLinks: \"Add menu links\",\n  },\n\n  // Toolbar - Table\n  table: {\n    dimensions: \"Dimensions\",\n    rows: \"Rows\",\n    columns: \"Columns\",\n    addRow: \"Add Row\",\n    removeRow: \"Remove Row\",\n    addColumn: \"Add Column\",\n    removeColumn: \"Remove Column\",\n    hasHeaderRow: \"Header row\",\n    headerBackgroundColor: \"Header Background\",\n    noHeaderBg: \"No background\",\n    borderColor: \"Border Color\",\n    borderWidth: \"Border Width\",\n    cellPadding: \"Cell Padding\",\n    fontFamily: \"Font Family\",\n    fontSize: \"Font Size\",\n    color: \"Text Color\",\n    textAlign: \"Alignment\",\n    cellPlaceholder: \"Enter text...\",\n    empty: \"Add a table\",\n  },\n\n  // Toolbar - Spacer\n  spacer: {\n    height: \"Height\",\n  },\n\n  // Toolbar - Countdown\n  countdown: {\n    targetDate: \"Target Date\",\n    timezone: \"Timezone\",\n    display: \"Display\",\n    days: \"Days\",\n    hours: \"Hours\",\n    minutes: \"Minutes\",\n    seconds: \"Seconds\",\n    separator: \"Separator\",\n    fontFamily: \"Font Family\",\n    inheritFont: \"Default\",\n    digitFontSize: \"Digit Size\",\n    digitColor: \"Digit Color\",\n    labelColor: \"Label Color\",\n    labelFontSize: \"Label Size\",\n    background: \"Background\",\n    labels: \"Labels\",\n    expiry: \"Expired Message\",\n    expiredMessagePlaceholder: \"This offer has expired\",\n    expiredImageUrl: \"Expired Image URL\",\n    hideOnExpiry: \"Hide when expired\",\n    setDate: \"Set a target date in the settings panel\",\n    hidden: \"Hidden (expired)\",\n    style: \"Style\",\n    layout: \"Layout\",\n    animationSpeed: \"Animation Speed\",\n    accentColor: \"Accent Color\",\n    cardGap: \"Card Gap\",\n    cardRadius: \"Card Radius\",\n    enableHoverFx: \"Enable hover effects\",\n  },\n\n  // Custom Blocks\n  customBlocks: {\n    definitionNotFound: \"Unknown block type — this block is not registered\",\n    renderError:\n      \"This block could not be rendered. Check the block template for errors.\",\n    fields: {\n      required: \"Required\",\n      addItem: \"Add item\",\n      removeItem: \"Remove\",\n      maxItemsReached: \"Maximum items reached\",\n      minItemsRequired: \"Minimum {count} items required\",\n    },\n    toolbar: {\n      noDefinition:\n        \"Register this block type in your SDK configuration to edit its properties\",\n    },\n    dataSource: {\n      fetchButton: \"Load content\",\n      changeButton: \"Change\",\n      fetching: \"Loading...\",\n      readOnlyTooltip: \"This value is loaded from your data source\",\n      fetchError: \"Failed to load content\",\n    },\n  },\n\n  // Toolbar - HTML\n  html: {\n    content: \"HTML Content\",\n    preview: \"Custom HTML block\",\n    empty: \"Add HTML content in the panel\",\n    sanitizationHint: \"Scripts and unsafe elements are removed on export.\",\n  },\n\n  // Toolbar - Common block settings\n  blockSettings: {\n    spacing: \"Spacing\",\n    padding: \"Padding\",\n    margin: \"Margin\",\n    background: \"Background\",\n    color: \"Color\",\n    display: \"Display\",\n    showOnDesktop: \"Show on desktop\",\n    showOnTablet: \"Show on tablet\",\n    showOnMobile: \"Show on mobile\",\n    hiddenOnDevice: \"Hidden on {device}\",\n    customCss: \"Custom CSS\",\n    css: \"CSS\",\n    cssPlaceholder: \"/* Custom styles */\",\n    displayCondition: \"Display Condition\",\n    selectCondition: \"Select condition\",\n    removeCondition: \"Remove condition\",\n    noCondition: \"Always visible\",\n    conditionApplied: \"Condition applied\",\n    customCondition: \"Custom condition\",\n    customConditionLabel: \"Condition name\",\n    customConditionBefore: \"Before (opening logic)\",\n    customConditionAfter: \"After (closing logic)\",\n    applyCondition: \"Apply\",\n    cancelCondition: \"Cancel\",\n    customBadge: \"Custom\",\n    restoreHiddenBlocks: \"Show all hidden blocks\",\n  },\n\n  // Template settings\n  templateSettings: {\n    layout: \"Layout\",\n    widthPreset: \"Width Preset\",\n    customWidth: \"Custom Width\",\n    contentPadding: \"Padding\",\n    appearance: \"Appearance\",\n    backgroundColor: \"Background Color\",\n    backgroundOpacity: \"Background Opacity\",\n    backgroundShadow: \"Background Shadow\",\n    fontFamily: \"Font Family\",\n    preheaderText: \"Preheader Text\",\n    preheaderTextPlaceholder:\n      \"Preview text shown after subject line in inbox...\",\n    preheaderTextHint:\n      \"This text appears after the subject line in email client previews. Supports merge tags.\",\n    language: \"Language\",\n    contentLocale: \"Content language\",\n    contentLocaleHint:\n      \"BCP 47 code (e.g. en, de, pt-BR). Sets the rendered email's lang attribute so screen readers pronounce content correctly.\",\n    tips: \"Tips\",\n    tip1: \"600px is the standard width for email templates\",\n    tip2: \"Use web-safe fonts for best compatibility\",\n    tip3: \"Light backgrounds work best for readability\",\n  },\n\n  // Spacing control\n  spacingControl: {\n    lockAll: \"Lock all sides\",\n    unlock: \"Unlock sides\",\n    top: \"Top\",\n    right: \"Right\",\n    bottom: \"Bottom\",\n    left: \"Left\",\n    decreaseTop: \"Decrease top\",\n    increaseTop: \"Increase top\",\n    decreaseLeft: \"Decrease left\",\n    increaseLeft: \"Increase left\",\n    decreaseRight: \"Decrease right\",\n    increaseRight: \"Increase right\",\n    decreaseBottom: \"Decrease bottom\",\n    increaseBottom: \"Increase bottom\",\n  },\n\n  // Color Picker\n  colorPicker: {\n    pickColor: \"Pick a color\",\n    hexValue: \"Hex color value\",\n  },\n\n  // Merge Tag\n  mergeTag: {\n    clickToEdit: \"Click to edit\",\n    remove: \"Remove merge tag\",\n    insert: \"Insert merge tag\",\n    add: \"Add merge tag\",\n    editValue: \"Edit merge tag value\",\n    deleteMergeTag: \"Delete merge tag\",\n    suggestionEmpty: \"No matching merge tags\",\n  },\n\n  // Canvas\n  canvas: {\n    noBlocks: \"No blocks yet\",\n    dragHint: \"Start from scratch by dragging blocks from the sidebar\",\n    dropHere: \"Drop here\",\n    aiHintChat: \"or let\",\n    aiHintChatSuffix: \"generate a complete template for you in seconds\",\n    aiHintDesign:\n      \"Have an existing design? Upload a screenshot, image, or PDF and\",\n    aiHintDesignSuffix: \"will instantly recreate it\",\n    pages: {\n      ariaStrip: \"Canvas steps\",\n      addStep: \"Add step\",\n      stepActions: \"Step actions\",\n      rename: \"Rename\",\n      delete: \"Delete\",\n      renamePrompt: \"Step name\",\n      unreachableLabel: \"Unreachable step\",\n      unreachableTooltip:\n        \"This step is unreachable. The previous step has no Button or Form block configured with “Show next step” (or equivalent) that leads here.\",\n    },\n  },\n\n  // Media Library (cloud)\n  mediaLibrary: {\n    title: \"Media Library\",\n    searchPlaceholder: \"Search files...\",\n    allFiles: \"All Files\",\n    filterAll: \"All Types\",\n    filterImages: \"Images\",\n    filterDocuments: \"Documents\",\n    filterVideos: \"Videos\",\n    filterAudio: \"Audio\",\n    newFolder: \"New Folder\",\n    folderName: \"Folder name\",\n    noFiles: \"No files found\",\n    dropOrClick: \"Drop files here or click to upload\",\n    acceptedFormats: \"Images, PDF, Video, Audio, Documents (max 10MB)\",\n    uploading: \"Uploading...\",\n    uploadingProgress: \"Uploading {current} of {total}...\",\n    selectImage: \"Select Image\",\n    selectFile: \"Select File\",\n    deleteSelected: \"Delete\",\n    copyUrl: \"Copy URL\",\n    copied: \"Copied!\",\n    browseMedia: \"Browse Media Library\",\n    renameFolder: \"Rename folder\",\n    addSubfolder: \"Add subfolder\",\n    subfolderName: \"Subfolder name\",\n    sortNewest: \"Newest First\",\n    sortOldest: \"Oldest First\",\n    sortNameAsc: \"Name A-Z\",\n    sortNameDesc: \"Name Z-A\",\n    sortSizeAsc: \"Smallest First\",\n    sortSizeDesc: \"Largest First\",\n    moveSelected: \"Move\",\n    moveToRoot: \"All Files\",\n    currentFolder: \"(current)\",\n    confirmDelete: \"Delete this file?\",\n    renameFile: \"Rename\",\n    editFile: \"Edit File\",\n    fileName: \"Filename\",\n    altText: \"Alt Text\",\n    altTextPlaceholder: \"Describe this image for accessibility\",\n    saveChanges: \"Save\",\n    cancel: \"Cancel\",\n    frequentlyUsed: \"Frequently Used\",\n    deleteWarningTitle: \"Delete File\",\n    deleteWarningMessage:\n      \"This file will be permanently deleted and cannot be recovered.\",\n    deleteWarningUsageNote:\n      \"The following files are used in templates. Deleting them may break those templates.\",\n    deleteAnyway: \"Delete file\",\n    usedInTemplates: \"Used in {count} template(s)\",\n    viewGrid: \"Grid view\",\n    viewList: \"List view\",\n    showFolders: \"Show folders\",\n    hideFolders: \"Hide folders\",\n    importFromUrl: \"Import from URL\",\n    importUrlPlaceholder: \"https://example.com/image.jpg\",\n    import: \"Import\",\n    importing: \"Importing...\",\n    importError: \"Failed to import from URL\",\n    conversionLabel: \"Size\",\n    conversionOriginal: \"Original\",\n    conversionSmall: \"Small (150px)\",\n    conversionMedium: \"Medium (600px)\",\n    conversionLarge: \"Large (1200px)\",\n    replaceFile: \"Replace File\",\n    replaceWarningTitle: \"Replace File\",\n    replaceWarningMessage:\n      \"You are about to replace this file. The replacement must have the same file extension ({extension}).\",\n    replaceWarningUsageNote:\n      \"This file is used in {count} template(s). Replacing it will update all references.\",\n    replaceSelectFile: \"Select replacement file\",\n    replace: \"Replace\",\n    replacing: \"Replacing...\",\n    replaceError: \"Failed to replace file\",\n    saving: \"Saving...\",\n    cropAspectRatio: \"Aspect Ratio\",\n    cropFree: \"Free\",\n    cropSquare: \"1:1\",\n    cropLandscape43: \"4:3\",\n    cropLandscape169: \"16:9\",\n    cropOriginal: \"Original\",\n    cropMaxWidth: \"Max Width\",\n    cropMaxHeight: \"Max Height\",\n    cropOutputSize: \"Output Size\",\n    cropPixels: \"px\",\n    cropOptional: \"(optional)\",\n    storageTooltip: \"{used} of {total} used ({remaining} remaining)\",\n  },\n\n  // Sidebar & popup chrome (icon rail)\n  popupSidebar: {\n    workspaceLabel: \"Popup editor tools\",\n    railNavLabel: \"Editor sections\",\n    railDesign: \"Design\",\n    railBlocks: \"Blocks\",\n    railDisplayRules: \"Display rules\",\n    railSchedule: \"Schedule\",\n    placeholderDesign: \"Design controls will appear here.\",\n    placeholderDisplayRules: \"Display rules will appear here.\",\n    placeholderSchedule: \"Scheduling options will appear here.\",\n  },\n\n  popupSchedule: {\n    timeZone: \"Time zone\",\n    startDate: \"Start date\",\n    endDate: \"End date\",\n    startImmediate: \"Immediate\",\n    endNone: \"None\",\n    clearStartDate: \"Clear start date\",\n    clearEndDate: \"Clear end date\",\n    needHelp: \"I need help\",\n    detailedSchedule: \"Detailed schedule\",\n    detailedScheduleHeading: \"Detailed schedule\",\n    removeSlot: \"Remove time slot\",\n    addTimeSlot: \"+ Add a time slot\",\n    calendarPrevMonth: \"Previous month\",\n    calendarNextMonth: \"Next month\",\n    calendarToday: \"Today\",\n    calendarClear: \"Clear date\",\n    calendarDialogLabel: \"Choose date\",\n    dayLabels: {\n      everyday: \"Everyday\",\n      monday: \"Monday\",\n      tuesday: \"Tuesday\",\n      wednesday: \"Wednesday\",\n      thursday: \"Thursday\",\n      friday: \"Friday\",\n      saturday: \"Saturday\",\n      sunday: \"Sunday\",\n    },\n  },\n\n  popupDisplayRules: {\n    debug: \"Debug\",\n    tabTrigger: \"Trigger\",\n    tabPages: \"Pages\",\n    tabAudience: \"Audience\",\n    tabFrequency: \"Frequency\",\n    tabAdvanced: \"Advanced\",\n    placeholderSubtab: \"This section will be available in a future update.\",\n    triggerHeading: \"Trigger\",\n    triggerIntro: \"Choose when your visitors will see this campaign.\",\n    triggerIntroSecondary:\n      \"Enable multiple triggers to fire on whichever condition is met first.\",\n    learnMore: \"Learn more\",\n    addTriggerConditions: \"Add trigger conditions\",\n    triggerShowOnlyAfter: \"Show only after\",\n    triggerSecondsOnPage: \"seconds on page\",\n    triggerPageViewsSuffix: \"page views\",\n    triggerAddRule: \"Add rule\",\n    triggerRemoveRuleAria: \"Remove page views rule\",\n    triggerOperatorGroupAria: \"Combine delay and page views\",\n    operatorAndShort: \"AND\",\n    operatorOrShort: \"OR\",\n    triggerDelaySeconds: \"Delay (seconds)\",\n    triggerPageViews: \"Minimum page views\",\n    triggerOperator: \"Combine rules with\",\n    operatorAnd: \"All (AND)\",\n    operatorOr: \"Any (OR)\",\n    triggerOnScrollUpLabel: \"Trigger when scrolling up(Mobile & Tablet)\",\n    triggerOnBackButtonLabel: \"Trigger on browser back(Mobile)\",\n    debugJsonTitle: \"Triggers JSON (embed shape)\",\n    debugJsonHint:\n      \"Short keys (landing, exit, scroll, …) for runtimes and integrations. Editor still stores onLanding, onExit, …\",\n    copyJson: \"Copy JSON\",\n    copyJsonDone: \"Copied\",\n    debugJsonClose: \"Close\",\n    scrollShowAfter: \"Show after scrolling\",\n    scrollPercentSuffix: \"% of the screen\",\n    clickHint:\n      'Append this fragment to your link href to trigger the popup. Example: <a href=\"#popup\"></a>',\n    hoverPlaceholder: \"ID of an element\",\n    help: \"Help\",\n    customEventLabel: \"Event name\",\n    customEventPlaceholder: \"myPopupOpen\",\n    triggerOnLandingTitle: \"On Landing\",\n    triggerOnLandingDesc: \"When a visitor loads a page.\",\n    triggerOnExitTitle: \"On Exit (exit intent)\",\n    triggerOnExitDesc:\n      \"When a visitor moves to leave the page — show the popup before they go.\",\n    triggerOnScrollTitle: \"On Scroll\",\n    triggerOnScrollDesc: \"When a visitor scrolls down.\",\n    triggerOnClickTitle: \"On Click\",\n    triggerOnClickDesc: \"When a visitor clicks a link.\",\n    triggerOnHoverTitle: \"On Hover\",\n    triggerOnHoverDesc: \"When a visitor hovers over an element.\",\n    triggerOnCustomTitle: \"On Custom Event\",\n    triggerOnCustomDesc: \"Use your own trigger.\",\n    frequencyHeading: \"Frequency\",\n    frequencyIntro: \"Choose how often your visitors will see this campaign.\",\n    frequencyShowAgainTitle: \"Show again\",\n    frequencyShowAgainDesc: \"Set how frequently your campaign will display.\",\n    frequencyEveryPageLoad: \"Every page load\",\n    frequencyEverySession: \"Every session\",\n    frequencyEveryPrefix: \"Every\",\n    frequencyIntervalUnitMinutes: \"Minutes\",\n    frequencyIntervalUnitHours: \"Hours\",\n    frequencyIntervalUnitDays: \"Days\",\n    frequencyStopShowingTitle: \"Stop showing\",\n    frequencyStopShowingDesc:\n      \"Set when a visitor should stop seeing your campaign.\",\n    frequencyStopAfterSignup: \"After a visitor has signed up or clicked\",\n    frequencyStopAfterSeen: \"After a visitor has seen the campaign\",\n    frequencyStopTimesSuffix: \"times\",\n    frequencyStopAfterClosedPrefix: \"After a visitor has closed the campaign,\",\n    frequencyClosedNeverAgain: \"and never display again\",\n    frequencyClosedRespectRules: \"but respect show again rules above\",\n    frequencyAfterClosedHelp:\n      \"Defines what happens after someone closes the popup without signing up or clicking.\",\n  },\n\n  popupDesign: {\n    tabStyle: \"Style\",\n    tabPosition: \"Position\",\n    tabClosing: \"Closing\",\n    tabCss: \"CSS\",\n    placeholderSubtab:\n      \"CSS customization will be available in a future update.\",\n    standardSize: \"Standard size\",\n    shapeHeading: \"Panel shape\",\n    shapeLabels: {\n      normal: \"Normal\",\n      circle: \"Circle\",\n      semiCircle: \"Semi-circle\",\n      triangle: \"Triangle\",\n      pill: \"Pill\",\n      hexagon: \"Hexagon\",\n      diamond: \"Diamond\",\n    },\n    panelAppearance: \"Panel appearance\",\n    panelColorHint:\n      \"Solid fill uses the template background color from the Settings tab.\",\n    panelBackgroundOpacity: \"Panel fill opacity\",\n    contentScrimOpacity: \"Content scrim\",\n    backgroundImageUrl: \"Background image URL\",\n    backgroundImageFitHeading: \"Background image fit\",\n    fitAuto: \"Auto (natural ratio)\",\n    fitCover: \"Cover\",\n    fitContain: \"Contain\",\n    backgroundImageOnly: \"Image only (hide body chrome)\",\n    options: \"Options\",\n    useOverlay: \"Use overlay\",\n    overlayBlur: \"Background blur\",\n    overlayBlurHint:\n      \"Blurs whatever is behind the popup. Drag to 0 for a sharp backdrop.\",\n    overlayImageOpacity: \"Overlay image opacity\",\n    overlayImage: \"Overlay image\",\n    overlayImagePanelAriaLabel: \"Overlay image upload\",\n    overlayImageDropLineBefore: \"Drag your image here or \",\n    overlayImageBrowse: \"browse\",\n    overlayImageDropLineAfter: \".\",\n    overlayImageFormats: \"JPEG, PNG, GIF, WebP, AVIF or SVG.\",\n    overlayImageDesktopPreview: \"Desktop overlay preview\",\n    overlayImageMobilePreview: \"Mobile overlay preview\",\n    overlayImageCrop: \"Crop\",\n    overlayImageReplace: \"Replace\",\n    overlayImageRemove: \"Remove\",\n    backgroundImage: \"Background image\",\n    multiColumn: \"Multiple columns layout\",\n    rtl: \"Activate right-to-left\",\n    positionHeading: \"Select where your popup will be displayed\",\n    displayAnimationHeading: \"Select a display animation\",\n    animationSmooth: \"Smooth\",\n    animationFadeIn: \"Fade in\",\n    animationSlideIn: \"Slide in\",\n    animationNone: \"None\",\n    positionLabels: {\n      topLeft: \"Top left\",\n      topCenter: \"Top center\",\n      topRight: \"Top right\",\n      middleLeft: \"Middle left\",\n      center: \"Center\",\n      middleRight: \"Middle right\",\n      bottomLeft: \"Bottom left\",\n      bottomCenter: \"Bottom center\",\n      bottomRight: \"Bottom right\",\n    },\n    closingDisplayCloseButton: \"Display closing button\",\n    closingButtonPosition: \"Closing button position\",\n    closingButtonPositionLeft: \"Left\",\n    closingButtonPositionRight: \"Right\",\n    closingOnOverlayClick: \"Close when overlay is clicked\",\n    sizeLabels: {\n      small: \"Small\",\n      medium: \"Medium\",\n      large: \"Large\",\n      fullscreen: \"Full screen\",\n      fullHeight: \"Full height\",\n      custom: \"Custom\",\n    },\n  },\n\n  sidebarNav: {\n    browseModules: \"Browse saved modules\",\n    expandSidebar: \"Expand block sidebar\",\n    palette: \"Block palette\",\n    insertBlock: \"Insert {block} block\",\n    paletteDiscountCouponTaken:\n      \"Only one discount coupon is allowed across all steps.\",\n    paletteFormTaken: \"Only one form block is allowed across all steps.\",\n  },\n\n  // Landmark region labels for assistive technology\n  landmarks: {\n    canvas: \"Email canvas\",\n    blockToolbar: \"Block properties\",\n    rightSidebar: \"Block properties and template settings\",\n    reorderAnnouncements: \"Block reorder announcements\",\n  },\n\n  // Design Reference (cloud)\n  errors: {\n    editorLoading: \"Loading editor...\",\n    editorLoadFailed: \"Failed to load editor.\",\n    retry: \"Retry\",\n  },\n\n  accessibility: {\n    panelTitle: \"Accessibility\",\n    panelTabLabel: \"Accessibility\",\n    groupErrors: \"Errors\",\n    groupWarnings: \"Warnings\",\n    groupInfo: \"Info\",\n    jump: \"Jump to block\",\n    fix: \"Fix\",\n    emptyState: \"No accessibility issues — looking good.\",\n    badgeError: \"Has accessibility errors\",\n    badgeWarning: \"Has accessibility warnings\",\n    issueCountTooltip: \"{count} accessibility issue(s)\",\n  },\n};\n"],"mappings":"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"}

package/dist/cdn/chunks/{extensions-BbFKsjyT.js → extensions-CdYSoz4B.js}

@@ -1,6 +1,6 @@
 import { A as e, C as t, G as n, I as r, P as i, T as a, W as o, _ as s, c, ct as l, d as u, dt as d, f, ft as p, g as m, h, m as g, r as _, tt as v, u as y, ut as b, v as x } from "./draggable-C-1_gch3.js";
-import { An as S, Mn as C, On as w, Vt as T, jn as E, nt as D } from "./features-uApxwJMz.js";
-import { _ as O, g as k, h as A, n as j, r as M, t as N, v as P, y as F } from "./tiptap-qXOh0vzV.js";
+import { An as S, Mn as C, On as w, Vt as T, jn as E, nt as D } from "./features-BZeMkHMs.js";
+import { _ as O, g as k, h as A, n as j, r as M, t as N, v as P, y as F } from "./tiptap-CZ52Pj8k.js";
 //#region src/extensions/FontSize.ts
 var I = A.create({
 	name: "fontSize",
@@ -595,4 +595,4 @@ var oe = A.create({
 //#endregion
 export { I as FontSize, L as LetterSpacing, R as LineHeight, H as LogicMergeTagNode, K as MergeTagNode, oe as MergeTagSuggestion, Q as filterMergeTags, $ as handleSuggestionKeyDown };
 
-//# sourceMappingURL=extensions-BbFKsjyT.js.map
+//# sourceMappingURL=extensions-CdYSoz4B.js.map

package/dist/cdn/chunks/{extensions-BbFKsjyT.js.map → extensions-CdYSoz4B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extensions-BbFKsjyT.js","names":["$emit"],"sources":["../../../src/extensions/FontSize.ts","../../../src/extensions/LetterSpacing.ts","../../../src/extensions/LineHeight.ts","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/isNodeSelected.ts","../../../src/extensions/renderVueNodeView.ts","../../../src/extensions/LogicMergeTagNode.ts","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNode.ts","../../../src/components/MergeTagSuggestionList.vue","../../../src/components/MergeTagSuggestionList.vue","../../../src/extensions/MergeTagSuggestion.ts"],"sourcesContent":["import { Extension } from \"@tiptap/core\";\n\nexport interface FontSizeOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nexport const FontSize = Extension.create<FontSizeOptions>({\n  name: \"fontSize\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.fontSize?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) {\n                return {};\n              }\n              return {\n                style: `font-size: ${attributes.fontSize}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (size: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { fontSize: size }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { fontSize: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LetterSpacingOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    letterSpacing: {\n      setLetterSpacing: (spacing: string) => ReturnType;\n      unsetLetterSpacing: () => ReturnType;\n    };\n  }\n}\n\nexport const LetterSpacing = Extension.create<LetterSpacingOptions>({\n  name: \"letterSpacing\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          letterSpacing: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.letterSpacing?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.letterSpacing) {\n                return {};\n              }\n              return {\n                style: `letter-spacing: ${attributes.letterSpacing}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLetterSpacing:\n        (spacing: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { letterSpacing: spacing }).run();\n        },\n      unsetLetterSpacing:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { letterSpacing: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LineHeightOptions {\n  types: string[];\n  defaultLineHeight: string;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    lineHeight: {\n      setLineHeight: (lineHeight: string) => ReturnType;\n      unsetLineHeight: () => ReturnType;\n    };\n  }\n}\n\nexport const LineHeight = Extension.create<LineHeightOptions>({\n  name: \"lineHeight\",\n\n  addOptions() {\n    return {\n      types: [\"paragraph\"],\n      defaultLineHeight: \"1.5\",\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) => element.style.lineHeight || null,\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLineHeight:\n        (lineHeight: string) =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.updateAttributes(type, { lineHeight }),\n          );\n        },\n      unsetLineHeight:\n        () =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.resetAttributes(type, \"lineHeight\"),\n          );\n        },\n    };\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@aswin.dev/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@aswin.dev/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import type { Editor } from \"@tiptap/core\";\n\n/**\n * Checks whether a TipTap node of the given type is selected, or if the cursor\n * is immediately adjacent to one (for Backspace/Delete handling).\n *\n * Shared by MergeTagNode and LogicMergeTagNode keyboard shortcuts.\n */\nexport function isNodeSelected(editor: Editor, nodeTypeName: string): boolean {\n  const { selection } = editor.state;\n  const { $from, $to } = selection;\n\n  // Check if selection contains a node of this type\n  let found = false;\n  editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {\n    if (node.type.name === nodeTypeName) {\n      found = true;\n      return false;\n    }\n  });\n\n  if (found) {\n    return true;\n  }\n\n  // Check if cursor is right after the node (for Backspace)\n  if ($from.pos > 0 && $from.nodeBefore?.type.name === nodeTypeName) {\n    return true;\n  }\n\n  // Check if cursor is right before the node (for Delete)\n  if ($from.nodeAfter?.type.name === nodeTypeName) {\n    return true;\n  }\n\n  return false;\n}\n","import type { Component } from \"vue\";\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\";\n\n/**\n * Typed wrapper for VueNodeViewRenderer that handles the known type mismatch\n * between Vue SFC default exports and TipTap's expected component type.\n */\nexport function renderVueNodeView(component: Component) {\n  return VueNodeViewRenderer(\n    component as Parameters<typeof VueNodeViewRenderer>[0],\n  );\n}\n","import LogicMergeTagNodeView from \"./LogicMergeTagNodeView.vue\";\nimport type { SyntaxPreset } from \"@aswin.dev/types\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n  SYNTAX_PRESETS,\n} from \"@aswin.dev/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface LogicMergeTagNodeOptions {\n  syntax: SyntaxPreset;\n}\n\nexport const LogicMergeTagNode = Node.create<LogicMergeTagNodeOptions>({\n  name: \"logicMergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      value: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-logic-merge-tag\") || \"\",\n      },\n      keyword: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-keyword\") || element.textContent || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-logic-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    if (!isLogicMergeTagValue(node.attrs.value, this.options.syntax)) {\n      return [\"span\", {}, node.attrs.value];\n    }\n\n    const keyword = getLogicMergeTagKeyword(\n      node.attrs.value,\n      this.options.syntax,\n    );\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-logic-merge-tag\": node.attrs.value,\n        \"data-keyword\": keyword,\n      }),\n      keyword,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(LogicMergeTagNodeView);\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.logic.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.logic.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import MergeTagNodeView from \"./MergeTagNodeView.vue\";\nimport type { MergeTag, SyntaxPreset } from \"@aswin.dev/types\";\nimport { getMergeTagLabel, SYNTAX_PRESETS } from \"@aswin.dev/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface MergeTagNodeOptions {\n  mergeTags: MergeTag[];\n  syntax: SyntaxPreset;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    mergeTagNode: {\n      insertMergeTag: (attrs: MergeTag) => ReturnType;\n    };\n  }\n}\n\nexport const MergeTagNode = Node.create<MergeTagNodeOptions>({\n  name: \"mergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      label: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-label\") || element.textContent || \"\",\n      },\n      value: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"data-merge-tag\") || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const label = getMergeTagLabel(node.attrs.value, this.options.mergeTags);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-merge-tag\": node.attrs.value,\n        \"data-label\": label,\n      }),\n      label,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(MergeTagNodeView);\n  },\n\n  addCommands() {\n    return {\n      insertMergeTag:\n        (attrs: MergeTag) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n            attrs,\n          });\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.value.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.value.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@aswin.dev/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@aswin.dev/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","import type { MergeTag } from \"@aswin.dev/types\";\nimport { Extension } from \"@tiptap/core\";\nimport Suggestion, {\n  type SuggestionOptions,\n  type SuggestionProps,\n  type SuggestionKeyDownProps,\n} from \"@tiptap/suggestion\";\nimport { type App, createApp, h, ref, type Ref } from \"vue\";\nimport MergeTagSuggestionList from \"../components/MergeTagSuggestionList.vue\";\n\nconst MAX_RESULTS = 10;\n\n// Monotonic counter for unique listbox IDs across multiple popup instances.\nlet POPUP_ID_SEQ = 0;\n\nexport interface MergeTagSuggestionOptions {\n  /** Available merge tags */\n  mergeTags: MergeTag[];\n  /** Trigger string (e.g. \"{{\", \"*|\", \"%%=\") */\n  char: string;\n  /** Localized empty-state label */\n  emptyText: string;\n}\n\n/**\n * Filter merge tags by query against label and value (case-insensitive).\n * Capped at MAX_RESULTS. Exported for testing.\n */\nexport function filterMergeTags(tags: MergeTag[], query: string): MergeTag[] {\n  const trimmed = query.trim().toLowerCase();\n  if (trimmed === \"\") {\n    return tags.slice(0, MAX_RESULTS);\n  }\n  return tags\n    .filter((tag) => {\n      const label = tag.label.toLowerCase();\n      const value = tag.value.toLowerCase();\n      return label.includes(trimmed) || value.includes(trimmed);\n    })\n    .slice(0, MAX_RESULTS);\n}\n\n/**\n * Handle a keydown event against a list of items. Returns whether the\n * event was handled (so the suggestion plugin can stop propagation).\n * Exported for testing.\n */\nexport function handleSuggestionKeyDown(\n  event: KeyboardEvent,\n  items: MergeTag[],\n  selectedIndex: Ref<number>,\n  onSelect: (item: MergeTag) => void,\n): boolean {\n  if (items.length === 0) {\n    if (event.key === \"Enter\" || event.key === \"Tab\") return true;\n    return false;\n  }\n\n  if (event.key === \"ArrowDown\") {\n    selectedIndex.value = (selectedIndex.value + 1) % items.length;\n    return true;\n  }\n  if (event.key === \"ArrowUp\") {\n    selectedIndex.value =\n      (selectedIndex.value - 1 + items.length) % items.length;\n    return true;\n  }\n  if (event.key === \"Enter\" || event.key === \"Tab\") {\n    onSelect(items[selectedIndex.value]);\n    return true;\n  }\n  return false;\n}\n\nexport const MergeTagSuggestion = Extension.create<MergeTagSuggestionOptions>({\n  name: \"mergeTagSuggestion\",\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      char: \"{{\",\n      emptyText: \"No matching merge tags\",\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const tags = this.options.mergeTags;\n    const emptyText = this.options.emptyText;\n\n    const config: Omit<SuggestionOptions<MergeTag>, \"editor\"> = {\n      char: this.options.char,\n      allowSpaces: false,\n      startOfLine: false,\n      // Default is [\" \"] which requires whitespace/line-start before the\n      // trigger char — so `.{{` would not fire. Allow any preceding char.\n      allowedPrefixes: null,\n      items: ({ query }: { query: string }) => filterMergeTags(tags, query),\n      command: ({\n        editor,\n        range,\n        props,\n      }: {\n        editor: SuggestionProps<MergeTag>[\"editor\"];\n        range: { from: number; to: number };\n        props: MergeTag;\n      }) => {\n        // Use insertContentAt for atomic replace (matches the canonical\n        // @tiptap/suggestion + Mention pattern). Avoids edge cases where\n        // chained deleteRange + insertMergeTag fails to insert when the\n        // selection state shifts mid-chain.\n        editor\n          .chain()\n          .focus()\n          .insertContentAt(range, {\n            type: \"mergeTagNode\",\n            attrs: { label: props.label, value: props.value },\n          })\n          .run();\n      },\n      render: () => {\n        let app: App | null = null;\n        let container: HTMLElement | null = null;\n        let editableEl: HTMLElement | null = null;\n        const itemsRef = ref<MergeTag[]>([]);\n        const selectedIndex = ref(0);\n        let currentCommand: ((item: MergeTag) => void) | null = null;\n        const listId = `tpl-merge-tag-suggestion-${++POPUP_ID_SEQ}`;\n        let latestClientRect: (() => DOMRect | null) | null = null;\n        let scrollTargets: Array<EventTarget> = [];\n\n        function reposition(): void {\n          position(latestClientRect?.() ?? null);\n        }\n\n        /**\n         * Reposition immediately and on the next animation frame.\n         * After a keystroke triggers the suggestion, TipTap may run its\n         * own `scrollIntoView` to keep the caret visible. That scroll\n         * lands AFTER the current task's `position()` call but BEFORE\n         * the browser's next paint, so we re-measure on rAF to catch\n         * the post-scroll caret rect. Without this, the popup pins to\n         * the pre-scroll caret position and ends up offset on slower\n         * runners.\n         */\n        function repositionAfterPaint(): void {\n          reposition();\n          requestAnimationFrame(reposition);\n        }\n\n        function collectScrollAncestors(el: HTMLElement | null): HTMLElement[] {\n          // Walk up the DOM finding scrollable ancestors. ProseMirror's\n          // scrollIntoView fires on whichever ancestor scrolls — listening\n          // to all of them ensures we reposition regardless of which one\n          // moves.\n          const result: HTMLElement[] = [];\n          let node: HTMLElement | null = el?.parentElement ?? null;\n          while (\n            node &&\n            node !== document.body &&\n            node !== document.documentElement\n          ) {\n            const style = window.getComputedStyle(node);\n            const overflow = style.overflow + style.overflowX + style.overflowY;\n            if (/(auto|scroll|overlay)/.test(overflow)) {\n              result.push(node);\n            }\n            node = node.parentElement;\n          }\n          return result;\n        }\n\n        function attachScrollListeners(viewDom: HTMLElement | null): void {\n          scrollTargets = [window, ...collectScrollAncestors(viewDom)];\n          for (const target of scrollTargets) {\n            target.addEventListener(\"scroll\", reposition, {\n              passive: true,\n              capture: true,\n            });\n          }\n          window.addEventListener(\"resize\", reposition, { passive: true });\n        }\n\n        function detachScrollListeners(): void {\n          for (const target of scrollTargets) {\n            target.removeEventListener(\"scroll\", reposition, {\n              capture: true,\n            } as EventListenerOptions);\n          }\n          window.removeEventListener(\"resize\", reposition);\n          scrollTargets = [];\n        }\n\n        function position(rect: DOMRect | null): void {\n          if (!container || !rect) return;\n          // If the caret has scrolled out of the viewport, freeze the\n          // popup at its last on-screen position. Following the caret\n          // off-screen produces an invisible popup the user can't reach,\n          // and lets pathological scroll loops drag the popup further\n          // each tick.\n          if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n          container.style.position = \"fixed\";\n          container.style.left = `${rect.left}px`;\n          container.style.zIndex = \"9999\";\n          // Place below caret first; offsetHeight is sync-readable after\n          // the Vue app has mounted (or after onUpdate's reactive flush).\n          container.style.top = `${rect.bottom}px`;\n          const popupHeight = container.offsetHeight;\n          if (popupHeight === 0) return;\n          const spaceBelow = window.innerHeight - rect.bottom;\n          if (spaceBelow < popupHeight) {\n            // Not enough room below — flip above. Clamp to 0 so the\n            // popup never positions off the top of the viewport.\n            const flippedTop = Math.max(0, rect.top - popupHeight);\n            container.style.top = `${flippedTop}px`;\n          }\n        }\n\n        function applyThemeContext(\n          target: HTMLElement,\n          editorEl: HTMLElement | null | undefined,\n        ): void {\n          // The popup mounts to document.body so its `position: fixed`\n          // resolves against the viewport — any transform/filter on a\n          // consumer-page ancestor (route transitions, reveal animations,\n          // dark canvas inversion) creates a containing block and moves\n          // fixed descendants with it. Body ancestors don't transform.\n          //\n          // CSS vars (--tpl-bg-elevated, --tpl-border, etc.) are scoped to\n          // `.tpl` and `.tpl[data-tpl-theme=\"dark\"]` in the editor's\n          // stylesheet, so the popup wouldn't inherit them at body root.\n          // Adding `class=\"tpl\"` would also pull base rules (min-height,\n          // flex, full-page bg) we don't want on a popup. Instead, snapshot\n          // every --tpl-* custom property from the editor's theme root and\n          // re-emit them inline on the popup wrapper.\n          const themeRoot = editorEl?.closest<HTMLElement>(\"[data-tpl-theme]\");\n          if (!themeRoot) return;\n          const themeValue = themeRoot.getAttribute(\"data-tpl-theme\");\n          if (themeValue) target.setAttribute(\"data-tpl-theme\", themeValue);\n          const computed = window.getComputedStyle(themeRoot);\n          for (let i = 0; i < computed.length; i++) {\n            const prop = computed[i];\n            if (prop.startsWith(\"--tpl-\")) {\n              target.style.setProperty(prop, computed.getPropertyValue(prop));\n            }\n          }\n          // The popup no longer inherits font from the editor wrapper, so\n          // its content would render in the page's default font and end up\n          // at a different height — which changes the flip-above decision\n          // and shifts the popup off the caret. Copy typography too.\n          target.style.fontFamily = computed.fontFamily;\n          target.style.fontSize = computed.fontSize;\n          target.style.lineHeight = computed.lineHeight;\n        }\n\n        function setEditableAria(active: boolean): void {\n          if (!editableEl) return;\n          if (active) {\n            editableEl.setAttribute(\"role\", \"combobox\");\n            editableEl.setAttribute(\"aria-haspopup\", \"listbox\");\n            editableEl.setAttribute(\"aria-expanded\", \"true\");\n            editableEl.setAttribute(\"aria-controls\", listId);\n          } else {\n            editableEl.removeAttribute(\"aria-expanded\");\n            editableEl.removeAttribute(\"aria-controls\");\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            editableEl.removeAttribute(\"aria-haspopup\");\n            editableEl.removeAttribute(\"role\");\n          }\n        }\n\n        function setActiveDescendant(): void {\n          if (!editableEl) return;\n          if (itemsRef.value.length === 0) {\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            return;\n          }\n          editableEl.setAttribute(\n            \"aria-activedescendant\",\n            `${listId}-opt-${selectedIndex.value}`,\n          );\n        }\n\n        function select(item: MergeTag): void {\n          currentCommand?.(item);\n        }\n\n        return {\n          onStart: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            selectedIndex.value = 0;\n            currentCommand = (item) => props.command(item);\n\n            container = document.createElement(\"div\");\n            container.setAttribute(\"data-testid\", \"merge-tag-suggestion-popup\");\n            // Use view.dom (ProseMirror contenteditable, actually\n            // attached to the DOM) rather than options.element, which may\n            // be a detached div when no `element` is passed to the editor\n            // constructor (as is the case with @tiptap/vue-3 EditorContent).\n            const viewDom = props.editor.view?.dom as HTMLElement | undefined;\n            editableEl = viewDom ?? null;\n            applyThemeContext(container, viewDom ?? null);\n            document.body.appendChild(container);\n\n            app = createApp({\n              render() {\n                return h(MergeTagSuggestionList, {\n                  items: itemsRef.value,\n                  selectedIndex: selectedIndex.value,\n                  emptyText,\n                  listId,\n                  onSelect: (item: MergeTag) => select(item),\n                  onHover: (index: number) => {\n                    selectedIndex.value = index;\n                    setActiveDescendant();\n                  },\n                });\n              },\n            });\n            app.mount(container);\n            setEditableAria(true);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n            attachScrollListeners(viewDom ?? null);\n          },\n          onUpdate: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            // Reset selection when item set changes (query changed).\n            if (selectedIndex.value >= props.items.length) {\n              selectedIndex.value = 0;\n            }\n            currentCommand = (item) => props.command(item);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n          },\n          onKeyDown: (props: SuggestionKeyDownProps): boolean => {\n            if (props.event.key === \"Escape\") {\n              return true;\n            }\n            const handled = handleSuggestionKeyDown(\n              props.event,\n              itemsRef.value,\n              selectedIndex,\n              select,\n            );\n            if (handled) setActiveDescendant();\n            return handled;\n          },\n          onExit: () => {\n            detachScrollListeners();\n            setEditableAria(false);\n            app?.unmount();\n            container?.remove();\n            app = null;\n            container = null;\n            editableEl = null;\n            currentCommand = null;\n            latestClientRect = null;\n          },\n        };\n      },\n    };\n\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...config,\n      }),\n    ];\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"extensions-CdYSoz4B.js","names":["$emit"],"sources":["../../../src/extensions/FontSize.ts","../../../src/extensions/LetterSpacing.ts","../../../src/extensions/LineHeight.ts","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/isNodeSelected.ts","../../../src/extensions/renderVueNodeView.ts","../../../src/extensions/LogicMergeTagNode.ts","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNode.ts","../../../src/components/MergeTagSuggestionList.vue","../../../src/components/MergeTagSuggestionList.vue","../../../src/extensions/MergeTagSuggestion.ts"],"sourcesContent":["import { Extension } from \"@tiptap/core\";\n\nexport interface FontSizeOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nexport const FontSize = Extension.create<FontSizeOptions>({\n  name: \"fontSize\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.fontSize?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) {\n                return {};\n              }\n              return {\n                style: `font-size: ${attributes.fontSize}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (size: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { fontSize: size }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { fontSize: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LetterSpacingOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    letterSpacing: {\n      setLetterSpacing: (spacing: string) => ReturnType;\n      unsetLetterSpacing: () => ReturnType;\n    };\n  }\n}\n\nexport const LetterSpacing = Extension.create<LetterSpacingOptions>({\n  name: \"letterSpacing\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          letterSpacing: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.letterSpacing?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.letterSpacing) {\n                return {};\n              }\n              return {\n                style: `letter-spacing: ${attributes.letterSpacing}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLetterSpacing:\n        (spacing: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { letterSpacing: spacing }).run();\n        },\n      unsetLetterSpacing:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { letterSpacing: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LineHeightOptions {\n  types: string[];\n  defaultLineHeight: string;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    lineHeight: {\n      setLineHeight: (lineHeight: string) => ReturnType;\n      unsetLineHeight: () => ReturnType;\n    };\n  }\n}\n\nexport const LineHeight = Extension.create<LineHeightOptions>({\n  name: \"lineHeight\",\n\n  addOptions() {\n    return {\n      types: [\"paragraph\"],\n      defaultLineHeight: \"1.5\",\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) => element.style.lineHeight || null,\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLineHeight:\n        (lineHeight: string) =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.updateAttributes(type, { lineHeight }),\n          );\n        },\n      unsetLineHeight:\n        () =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.resetAttributes(type, \"lineHeight\"),\n          );\n        },\n    };\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@aswin.dev/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@aswin.dev/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? 'tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import type { Editor } from \"@tiptap/core\";\n\n/**\n * Checks whether a TipTap node of the given type is selected, or if the cursor\n * is immediately adjacent to one (for Backspace/Delete handling).\n *\n * Shared by MergeTagNode and LogicMergeTagNode keyboard shortcuts.\n */\nexport function isNodeSelected(editor: Editor, nodeTypeName: string): boolean {\n  const { selection } = editor.state;\n  const { $from, $to } = selection;\n\n  // Check if selection contains a node of this type\n  let found = false;\n  editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {\n    if (node.type.name === nodeTypeName) {\n      found = true;\n      return false;\n    }\n  });\n\n  if (found) {\n    return true;\n  }\n\n  // Check if cursor is right after the node (for Backspace)\n  if ($from.pos > 0 && $from.nodeBefore?.type.name === nodeTypeName) {\n    return true;\n  }\n\n  // Check if cursor is right before the node (for Delete)\n  if ($from.nodeAfter?.type.name === nodeTypeName) {\n    return true;\n  }\n\n  return false;\n}\n","import type { Component } from \"vue\";\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\";\n\n/**\n * Typed wrapper for VueNodeViewRenderer that handles the known type mismatch\n * between Vue SFC default exports and TipTap's expected component type.\n */\nexport function renderVueNodeView(component: Component) {\n  return VueNodeViewRenderer(\n    component as Parameters<typeof VueNodeViewRenderer>[0],\n  );\n}\n","import LogicMergeTagNodeView from \"./LogicMergeTagNodeView.vue\";\nimport type { SyntaxPreset } from \"@aswin.dev/types\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n  SYNTAX_PRESETS,\n} from \"@aswin.dev/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface LogicMergeTagNodeOptions {\n  syntax: SyntaxPreset;\n}\n\nexport const LogicMergeTagNode = Node.create<LogicMergeTagNodeOptions>({\n  name: \"logicMergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      value: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-logic-merge-tag\") || \"\",\n      },\n      keyword: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-keyword\") || element.textContent || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-logic-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    if (!isLogicMergeTagValue(node.attrs.value, this.options.syntax)) {\n      return [\"span\", {}, node.attrs.value];\n    }\n\n    const keyword = getLogicMergeTagKeyword(\n      node.attrs.value,\n      this.options.syntax,\n    );\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-logic-merge-tag\": node.attrs.value,\n        \"data-keyword\": keyword,\n      }),\n      keyword,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(LogicMergeTagNodeView);\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.logic.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.logic.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    class=\"tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      class=\"tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      class=\"tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import MergeTagNodeView from \"./MergeTagNodeView.vue\";\nimport type { MergeTag, SyntaxPreset } from \"@aswin.dev/types\";\nimport { getMergeTagLabel, SYNTAX_PRESETS } from \"@aswin.dev/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface MergeTagNodeOptions {\n  mergeTags: MergeTag[];\n  syntax: SyntaxPreset;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    mergeTagNode: {\n      insertMergeTag: (attrs: MergeTag) => ReturnType;\n    };\n  }\n}\n\nexport const MergeTagNode = Node.create<MergeTagNodeOptions>({\n  name: \"mergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      label: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-label\") || element.textContent || \"\",\n      },\n      value: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"data-merge-tag\") || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const label = getMergeTagLabel(node.attrs.value, this.options.mergeTags);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-merge-tag\": node.attrs.value,\n        \"data-label\": label,\n      }),\n      label,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(MergeTagNodeView);\n  },\n\n  addCommands() {\n    return {\n      insertMergeTag:\n        (attrs: MergeTag) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n            attrs,\n          });\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.value.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.value.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@aswin.dev/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@aswin.dev/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","import type { MergeTag } from \"@aswin.dev/types\";\nimport { Extension } from \"@tiptap/core\";\nimport Suggestion, {\n  type SuggestionOptions,\n  type SuggestionProps,\n  type SuggestionKeyDownProps,\n} from \"@tiptap/suggestion\";\nimport { type App, createApp, h, ref, type Ref } from \"vue\";\nimport MergeTagSuggestionList from \"../components/MergeTagSuggestionList.vue\";\n\nconst MAX_RESULTS = 10;\n\n// Monotonic counter for unique listbox IDs across multiple popup instances.\nlet POPUP_ID_SEQ = 0;\n\nexport interface MergeTagSuggestionOptions {\n  /** Available merge tags */\n  mergeTags: MergeTag[];\n  /** Trigger string (e.g. \"{{\", \"*|\", \"%%=\") */\n  char: string;\n  /** Localized empty-state label */\n  emptyText: string;\n}\n\n/**\n * Filter merge tags by query against label and value (case-insensitive).\n * Capped at MAX_RESULTS. Exported for testing.\n */\nexport function filterMergeTags(tags: MergeTag[], query: string): MergeTag[] {\n  const trimmed = query.trim().toLowerCase();\n  if (trimmed === \"\") {\n    return tags.slice(0, MAX_RESULTS);\n  }\n  return tags\n    .filter((tag) => {\n      const label = tag.label.toLowerCase();\n      const value = tag.value.toLowerCase();\n      return label.includes(trimmed) || value.includes(trimmed);\n    })\n    .slice(0, MAX_RESULTS);\n}\n\n/**\n * Handle a keydown event against a list of items. Returns whether the\n * event was handled (so the suggestion plugin can stop propagation).\n * Exported for testing.\n */\nexport function handleSuggestionKeyDown(\n  event: KeyboardEvent,\n  items: MergeTag[],\n  selectedIndex: Ref<number>,\n  onSelect: (item: MergeTag) => void,\n): boolean {\n  if (items.length === 0) {\n    if (event.key === \"Enter\" || event.key === \"Tab\") return true;\n    return false;\n  }\n\n  if (event.key === \"ArrowDown\") {\n    selectedIndex.value = (selectedIndex.value + 1) % items.length;\n    return true;\n  }\n  if (event.key === \"ArrowUp\") {\n    selectedIndex.value =\n      (selectedIndex.value - 1 + items.length) % items.length;\n    return true;\n  }\n  if (event.key === \"Enter\" || event.key === \"Tab\") {\n    onSelect(items[selectedIndex.value]);\n    return true;\n  }\n  return false;\n}\n\nexport const MergeTagSuggestion = Extension.create<MergeTagSuggestionOptions>({\n  name: \"mergeTagSuggestion\",\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      char: \"{{\",\n      emptyText: \"No matching merge tags\",\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const tags = this.options.mergeTags;\n    const emptyText = this.options.emptyText;\n\n    const config: Omit<SuggestionOptions<MergeTag>, \"editor\"> = {\n      char: this.options.char,\n      allowSpaces: false,\n      startOfLine: false,\n      // Default is [\" \"] which requires whitespace/line-start before the\n      // trigger char — so `.{{` would not fire. Allow any preceding char.\n      allowedPrefixes: null,\n      items: ({ query }: { query: string }) => filterMergeTags(tags, query),\n      command: ({\n        editor,\n        range,\n        props,\n      }: {\n        editor: SuggestionProps<MergeTag>[\"editor\"];\n        range: { from: number; to: number };\n        props: MergeTag;\n      }) => {\n        // Use insertContentAt for atomic replace (matches the canonical\n        // @tiptap/suggestion + Mention pattern). Avoids edge cases where\n        // chained deleteRange + insertMergeTag fails to insert when the\n        // selection state shifts mid-chain.\n        editor\n          .chain()\n          .focus()\n          .insertContentAt(range, {\n            type: \"mergeTagNode\",\n            attrs: { label: props.label, value: props.value },\n          })\n          .run();\n      },\n      render: () => {\n        let app: App | null = null;\n        let container: HTMLElement | null = null;\n        let editableEl: HTMLElement | null = null;\n        const itemsRef = ref<MergeTag[]>([]);\n        const selectedIndex = ref(0);\n        let currentCommand: ((item: MergeTag) => void) | null = null;\n        const listId = `tpl-merge-tag-suggestion-${++POPUP_ID_SEQ}`;\n        let latestClientRect: (() => DOMRect | null) | null = null;\n        let scrollTargets: Array<EventTarget> = [];\n\n        function reposition(): void {\n          position(latestClientRect?.() ?? null);\n        }\n\n        /**\n         * Reposition immediately and on the next animation frame.\n         * After a keystroke triggers the suggestion, TipTap may run its\n         * own `scrollIntoView` to keep the caret visible. That scroll\n         * lands AFTER the current task's `position()` call but BEFORE\n         * the browser's next paint, so we re-measure on rAF to catch\n         * the post-scroll caret rect. Without this, the popup pins to\n         * the pre-scroll caret position and ends up offset on slower\n         * runners.\n         */\n        function repositionAfterPaint(): void {\n          reposition();\n          requestAnimationFrame(reposition);\n        }\n\n        function collectScrollAncestors(el: HTMLElement | null): HTMLElement[] {\n          // Walk up the DOM finding scrollable ancestors. ProseMirror's\n          // scrollIntoView fires on whichever ancestor scrolls — listening\n          // to all of them ensures we reposition regardless of which one\n          // moves.\n          const result: HTMLElement[] = [];\n          let node: HTMLElement | null = el?.parentElement ?? null;\n          while (\n            node &&\n            node !== document.body &&\n            node !== document.documentElement\n          ) {\n            const style = window.getComputedStyle(node);\n            const overflow = style.overflow + style.overflowX + style.overflowY;\n            if (/(auto|scroll|overlay)/.test(overflow)) {\n              result.push(node);\n            }\n            node = node.parentElement;\n          }\n          return result;\n        }\n\n        function attachScrollListeners(viewDom: HTMLElement | null): void {\n          scrollTargets = [window, ...collectScrollAncestors(viewDom)];\n          for (const target of scrollTargets) {\n            target.addEventListener(\"scroll\", reposition, {\n              passive: true,\n              capture: true,\n            });\n          }\n          window.addEventListener(\"resize\", reposition, { passive: true });\n        }\n\n        function detachScrollListeners(): void {\n          for (const target of scrollTargets) {\n            target.removeEventListener(\"scroll\", reposition, {\n              capture: true,\n            } as EventListenerOptions);\n          }\n          window.removeEventListener(\"resize\", reposition);\n          scrollTargets = [];\n        }\n\n        function position(rect: DOMRect | null): void {\n          if (!container || !rect) return;\n          // If the caret has scrolled out of the viewport, freeze the\n          // popup at its last on-screen position. Following the caret\n          // off-screen produces an invisible popup the user can't reach,\n          // and lets pathological scroll loops drag the popup further\n          // each tick.\n          if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n          container.style.position = \"fixed\";\n          container.style.left = `${rect.left}px`;\n          container.style.zIndex = \"9999\";\n          // Place below caret first; offsetHeight is sync-readable after\n          // the Vue app has mounted (or after onUpdate's reactive flush).\n          container.style.top = `${rect.bottom}px`;\n          const popupHeight = container.offsetHeight;\n          if (popupHeight === 0) return;\n          const spaceBelow = window.innerHeight - rect.bottom;\n          if (spaceBelow < popupHeight) {\n            // Not enough room below — flip above. Clamp to 0 so the\n            // popup never positions off the top of the viewport.\n            const flippedTop = Math.max(0, rect.top - popupHeight);\n            container.style.top = `${flippedTop}px`;\n          }\n        }\n\n        function applyThemeContext(\n          target: HTMLElement,\n          editorEl: HTMLElement | null | undefined,\n        ): void {\n          // The popup mounts to document.body so its `position: fixed`\n          // resolves against the viewport — any transform/filter on a\n          // consumer-page ancestor (route transitions, reveal animations,\n          // dark canvas inversion) creates a containing block and moves\n          // fixed descendants with it. Body ancestors don't transform.\n          //\n          // CSS vars (--tpl-bg-elevated, --tpl-border, etc.) are scoped to\n          // `.tpl` and `.tpl[data-tpl-theme=\"dark\"]` in the editor's\n          // stylesheet, so the popup wouldn't inherit them at body root.\n          // Adding `class=\"tpl\"` would also pull base rules (min-height,\n          // flex, full-page bg) we don't want on a popup. Instead, snapshot\n          // every --tpl-* custom property from the editor's theme root and\n          // re-emit them inline on the popup wrapper.\n          const themeRoot = editorEl?.closest<HTMLElement>(\"[data-tpl-theme]\");\n          if (!themeRoot) return;\n          const themeValue = themeRoot.getAttribute(\"data-tpl-theme\");\n          if (themeValue) target.setAttribute(\"data-tpl-theme\", themeValue);\n          const computed = window.getComputedStyle(themeRoot);\n          for (let i = 0; i < computed.length; i++) {\n            const prop = computed[i];\n            if (prop.startsWith(\"--tpl-\")) {\n              target.style.setProperty(prop, computed.getPropertyValue(prop));\n            }\n          }\n          // The popup no longer inherits font from the editor wrapper, so\n          // its content would render in the page's default font and end up\n          // at a different height — which changes the flip-above decision\n          // and shifts the popup off the caret. Copy typography too.\n          target.style.fontFamily = computed.fontFamily;\n          target.style.fontSize = computed.fontSize;\n          target.style.lineHeight = computed.lineHeight;\n        }\n\n        function setEditableAria(active: boolean): void {\n          if (!editableEl) return;\n          if (active) {\n            editableEl.setAttribute(\"role\", \"combobox\");\n            editableEl.setAttribute(\"aria-haspopup\", \"listbox\");\n            editableEl.setAttribute(\"aria-expanded\", \"true\");\n            editableEl.setAttribute(\"aria-controls\", listId);\n          } else {\n            editableEl.removeAttribute(\"aria-expanded\");\n            editableEl.removeAttribute(\"aria-controls\");\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            editableEl.removeAttribute(\"aria-haspopup\");\n            editableEl.removeAttribute(\"role\");\n          }\n        }\n\n        function setActiveDescendant(): void {\n          if (!editableEl) return;\n          if (itemsRef.value.length === 0) {\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            return;\n          }\n          editableEl.setAttribute(\n            \"aria-activedescendant\",\n            `${listId}-opt-${selectedIndex.value}`,\n          );\n        }\n\n        function select(item: MergeTag): void {\n          currentCommand?.(item);\n        }\n\n        return {\n          onStart: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            selectedIndex.value = 0;\n            currentCommand = (item) => props.command(item);\n\n            container = document.createElement(\"div\");\n            container.setAttribute(\"data-testid\", \"merge-tag-suggestion-popup\");\n            // Use view.dom (ProseMirror contenteditable, actually\n            // attached to the DOM) rather than options.element, which may\n            // be a detached div when no `element` is passed to the editor\n            // constructor (as is the case with @tiptap/vue-3 EditorContent).\n            const viewDom = props.editor.view?.dom as HTMLElement | undefined;\n            editableEl = viewDom ?? null;\n            applyThemeContext(container, viewDom ?? null);\n            document.body.appendChild(container);\n\n            app = createApp({\n              render() {\n                return h(MergeTagSuggestionList, {\n                  items: itemsRef.value,\n                  selectedIndex: selectedIndex.value,\n                  emptyText,\n                  listId,\n                  onSelect: (item: MergeTag) => select(item),\n                  onHover: (index: number) => {\n                    selectedIndex.value = index;\n                    setActiveDescendant();\n                  },\n                });\n              },\n            });\n            app.mount(container);\n            setEditableAria(true);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n            attachScrollListeners(viewDom ?? null);\n          },\n          onUpdate: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            // Reset selection when item set changes (query changed).\n            if (selectedIndex.value >= props.items.length) {\n              selectedIndex.value = 0;\n            }\n            currentCommand = (item) => props.command(item);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n          },\n          onKeyDown: (props: SuggestionKeyDownProps): boolean => {\n            if (props.event.key === \"Escape\") {\n              return true;\n            }\n            const handled = handleSuggestionKeyDown(\n              props.event,\n              itemsRef.value,\n              selectedIndex,\n              select,\n            );\n            if (handled) setActiveDescendant();\n            return handled;\n          },\n          onExit: () => {\n            detachScrollListeners();\n            setEditableAria(false);\n            app?.unmount();\n            container?.remove();\n            app = null;\n            container = null;\n            editableEl = null;\n            currentCommand = null;\n            latestClientRect = null;\n          },\n        };\n      },\n    };\n\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...config,\n      }),\n    ];\n  },\n});\n"],"mappings":";;;;AAeA,IAAa,IAAW,EAAU,OAAwB;CACxD,MAAM;CAEN,aAAa;AACX,SAAO,EACL,OAAO,CAAC,YAAY,EACrB;;CAGH,sBAAsB;AACpB,SAAO,CACL;GACE,OAAO,KAAK,QAAQ;GACpB,YAAY,EACV,UAAU;IACR,SAAS;IACT,YAAY,MACV,EAAQ,MAAM,UAAU,QAAQ,UAAU,GAAG,IAAI;IACnD,aAAa,MACN,EAAW,WAGT,EACL,OAAO,cAAc,EAAW,YACjC,GAJQ,EAAE;IAMd,EACF;GACF,CACF;;CAGH,cAAc;AACZ,SAAO;GACL,cACG,OACA,EAAE,eACM,GAAO,CAAC,QAAQ,aAAa,EAAE,UAAU,GAAM,CAAC,CAAC,KAAK;GAEjE,sBAEG,EAAE,eACM,GAAO,CACX,QAAQ,aAAa,EAAE,UAAU,MAAM,CAAC,CACxC,sBAAsB,CACtB,KAAK;GAEb;;CAEJ,CAAC,ECjDW,IAAgB,EAAU,OAA6B;CAClE,MAAM;CAEN,aAAa;AACX,SAAO,EACL,OAAO,CAAC,YAAY,EACrB;;CAGH,sBAAsB;AACpB,SAAO,CACL;GACE,OAAO,KAAK,QAAQ;GACpB,YAAY,EACV,eAAe;IACb,SAAS;IACT,YAAY,MACV,EAAQ,MAAM,eAAe,QAAQ,UAAU,GAAG,IAAI;IACxD,aAAa,MACN,EAAW,gBAGT,EACL,OAAO,mBAAmB,EAAW,iBACtC,GAJQ,EAAE;IAMd,EACF;GACF,CACF;;CAGH,cAAc;AACZ,SAAO;GACL,mBACG,OACA,EAAE,eACM,GAAO,CAAC,QAAQ,aAAa,EAAE,eAAe,GAAS,CAAC,CAAC,KAAK;GAEzE,2BAEG,EAAE,eACM,GAAO,CACX,QAAQ,aAAa,EAAE,eAAe,MAAM,CAAC,CAC7C,sBAAsB,CACtB,KAAK;GAEb;;CAEJ,CAAC,EChDW,IAAa,EAAU,OAA0B;CAC5D,MAAM;CAEN,aAAa;AACX,SAAO;GACL,OAAO,CAAC,YAAY;GACpB,mBAAmB;GACpB;;CAGH,sBAAsB;AACpB,SAAO,CACL;GACE,OAAO,KAAK,QAAQ;GACpB,YAAY,EACV,YAAY;IACV,SAAS;IACT,YAAY,MAAY,EAAQ,MAAM,cAAc;IACpD,aAAa,MACN,EAAW,aAGT,EACL,OAAO,gBAAgB,EAAW,cACnC,GAJQ,EAAE;IAMd,EACF;GACF,CACF;;CAGH,cAAc;AACZ,SAAO;GACL,gBACG,OACA,EAAE,kBACM,KAAK,QAAQ,MAAM,OAAO,MAC/B,EAAS,iBAAiB,GAAM,EAAE,eAAY,CAAC,CAChD;GAEL,wBAEG,EAAE,kBACM,KAAK,QAAQ,MAAM,OAAO,MAC/B,EAAS,gBAAgB,GAAM,aAAa,CAC7C;GAEN;;CAEJ,CAAC;;;;;;;;;;;;;;ECvDF,IAAM,IAAQ,GAaR,EAAE,cAAW,GAAa,EAC1B,EAAE,SAAM,GAAS,EAEjB,IAAU,QACd,EAAqB,EAAM,KAAK,MAAM,OAAO,EAAO,CACrD,EACK,IAAiB,QACrB,EAAwB,EAAM,KAAK,MAAM,OAAO,EAAO,CACxD,EAEK,IAAY,EAAI,GAAM,EACtB,IAAY,EAAI,GAAG,EACnB,IAAW,EAA6B,KAAK,EAC/C,IAAU;EAEd,SAAS,IAAqB;AAI5B,GAHA,EAAU,QAAQ,EAAM,KAAK,MAAM,OACnC,IAAU,IACV,EAAU,QAAQ,IAClB,QAAe;AAEb,IADA,EAAS,OAAO,OAAO,EACvB,EAAS,OAAO,QAAQ;KACxB;;EAGJ,SAAS,IAAsB;AAC7B,OAAI,EACF;AAEF,OAAU;GAEV,IAAM,IAAW,EAAU,MAAM,MAAM;AACvC,OAAI,CAAC,GAAU;AACb,MAAU,QAAQ;AAClB;;AAWF,GARI,MAAa,EAAM,KAAK,MAAM,SAChC,EAAM,iBAAiB;IACrB,OAAO;IACP,SAAS,EAAqB,GAAU,EAAM,GAC1C,EAAwB,GAAU,EAAM,GACxC;IACL,CAAC,EAEJ,EAAU,QAAQ;;EAGpB,SAAS,EAAc,GAA4B;AACjD,GAAI,EAAM,QAAQ,WAChB,EAAM,gBAAgB,EACtB,GAAe,IACN,EAAM,QAAQ,aACvB,EAAU,QAAQ;;yBAMpB,EAuEkB,EAAA,EAAA,EAAA;GAtEhB,IAAG;GACF,OAAK,EAAS,EAAA,QAAA,8MAAA,GAAA;GAKd,OAAK,EAAS,EAAA,QAAA,2IAAA,GAAA;GAKf,iBAAgB;;oBAWd,CAPM,EAAA,QAAA,GAAA,GAAA,EADR,EAQE,SAAA;;aANI;IAAJ,KAAI;6CACc,QAAA;IAClB,MAAK;IACL,OAAM;IACL,QAAM;IACN,WAAS;wBAJD,EAAA,MAAS,CAAA,CAAA,GAQP,EAAA,SAAA,GAAA,EADb,EAYO,QAAA;;IAVL,MAAK;IACL,UAAS;IACR,cAAY,EAAA,EAAC,CAAC,SAAS;IACxB,OAAM;IACL,gBAAc,EAAA,KAAK,MAAM;IACzB,SAAK,EAAO,GAAY,CAAA,OAAA,CAAA;IACxB,WAAO,CAAA,EAAA,EAAa,GAAY,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EACJ,GAAY,CAAA,WAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;QAEtC,EAAA,MAAc,EAAA,IAAA,GAAA,KAAA,GAAA,EAGnB,EAUO,QAAA;;IARL,MAAK;IACL,UAAS;IACR,cAAY,EAAA,EAAC,CAAC,SAAS;IACvB,SAAK,EAAO,GAAY,CAAA,OAAA,CAAA;IACxB,WAAO,CAAA,EAAA,EAAa,GAAY,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EACJ,GAAY,CAAA,WAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;QAEtC,EAAA,KAAK,MAAM,MAAK,EAAA,IAAA,GAAA,GAGb,EAAA,SAAA,GAAA,EADR,EAoBS,UAAA;;IAlBP,MAAK;IACJ,cAAY,EAAA,EAAC,CAAC,SAAS;IACxB,OAAM;IACN,iBAAgB;IACf,SAAK,AAAA,EAAA,OAAA,GAAA,GAAA,MAAe,EAAA,cAAA,EAAA,WAAA,GAAA,EAAU,EAAA,CAAA,QAAA,UAAA,CAAA;oBAE/B,EAWM,OAAA;IAVJ,OAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;IACL,QAAO;IACP,gBAAa;IACb,eAAY;OAEZ,EAAsC,QAAA;IAAhC,IAAG;IAAK,IAAG;IAAI,IAAG;IAAI,IAAG;OAC/B,EAAsC,QAAA;IAAhC,IAAG;IAAI,IAAG;IAAI,IAAG;IAAK,IAAG;;;;;;;;AE/IvC,SAAgB,EAAe,GAAgB,GAA+B;CAC5E,IAAM,EAAE,iBAAc,EAAO,OACvB,EAAE,UAAO,WAAQ,GAGnB,IAAQ;AAsBZ,QArBA,EAAO,MAAM,IAAI,aAAa,EAAM,KAAK,EAAI,MAAM,MAAS;AAC1D,MAAI,EAAK,KAAK,SAAS,EAErB,QADA,IAAQ,IACD;GAET,EAYF,GAVI,KAKA,EAAM,MAAM,KAAK,EAAM,YAAY,KAAK,SAAS,KAKjD,EAAM,WAAW,KAAK,SAAS;;;;ACxBrC,SAAgB,EAAkB,GAAsB;AACtD,QAAO,EACL,EACD;;;;ACKH,IAAa,IAAoB,EAAK,OAAiC;CACrE,MAAM;CAEN,OAAO;CAEP,QAAQ;CAER,MAAM;CAEN,aAAa;AACX,SAAO,EACL,QAAQ,EAAe,QACxB;;CAGH,gBAAgB;AACd,SAAO;GACL,OAAO;IACL,SAAS;IACT,YAAY,MACV,EAAQ,aAAa,uBAAuB,IAAI;IACnD;GACD,SAAS;IACP,SAAS;IACT,YAAY,MACV,EAAQ,aAAa,eAAe,IAAI,EAAQ,eAAe;IAClE;GACF;;CAGH,YAAY;AACV,SAAO,CACL,EACE,KAAK,8BACN,CACF;;CAGH,WAAW,EAAE,SAAM,qBAAkB;AACnC,MAAI,CAAC,EAAqB,EAAK,MAAM,OAAO,KAAK,QAAQ,OAAO,CAC9D,QAAO;GAAC;GAAQ,EAAE;GAAE,EAAK,MAAM;GAAM;EAGvC,IAAM,IAAU,EACd,EAAK,MAAM,OACX,KAAK,QAAQ,OACd;AAED,SAAO;GACL;GACA,EAAgB,GAAgB;IAC9B,wBAAwB,EAAK,MAAM;IACnC,gBAAgB;IACjB,CAAC;GACF;GACD;;CAGH,cAAc;AACZ,SAAO,EAAkB,EAAsB;;CAGjD,uBAAuB;AACrB,SAAO;GACL,iBAAiB,EAAe,KAAK,QAAQ,KAAK,KAAK;GACvD,cAAc,EAAe,KAAK,QAAQ,KAAK,KAAK;GACrD;;CAGH,gBAAgB;AAGd,SAAO,CACL,IAAI,EAAU;GACZ,MAJmB,OAAO,KAAK,QAAQ,OAAO,MAAM,SAAS,KAAK,GAI5D;GACN,UAAU,EAAE,UAAO,UAAO,eAAY;IACpC,IAAM,IAAY,EAAM;AACxB,QAAI,CAAC,EAAqB,GAAW,KAAK,QAAQ,OAAO,CACvD;IAGF,IAAM,IAAU,EACd,GACA,KAAK,QAAQ,OACd,EAEK,IAAO,KAAK,KAAK,OAAO;KAC5B,OAAO;KACP;KACD,CAAC;AAEF,MAAM,GAAG,YAAY,EAAM,MAAM,EAAM,IAAI,EAAK;;GAEnD,CAAC,CACH;;CAGH,gBAAgB;AAGd,SAAO,CACL,IAAI,EAAU;GACZ,MAAM,IAJa,OAAO,KAAK,QAAQ,OAAO,MAAM,QAAQ,IAItD;GACN,UAAU,EAAE,UAAO,UAAO,eAAY;IACpC,IAAM,IAAY,EAAM;AACxB,QAAI,CAAC,EAAqB,GAAW,KAAK,QAAQ,OAAO,CACvD;IAGF,IAAM,IAAU,EACd,GACA,KAAK,QAAQ,OACd,EAEK,IAAO,KAAK,KAAK,OAAO;KAC5B,OAAO;KACP;KACD,CAAC;AAEF,MAAM,GAAG,YAAY,EAAM,MAAM,EAAM,IAAI,EAAK;;GAEnD,CAAC,CACH;;CAEJ,CAAC;;;;;;;;;;;;ECrIF,IAAM,IAAQ,GAWR,EAAE,wBAAqB,GAAa,EACpC,EAAE,SAAM,GAAS,EAEjB,IAAe,QAAe,EAAiB,EAAM,KAAK,MAAM,MAAM,CAAC,EAEvE,IAAY,EAAI,GAAM,EACtB,IAAY,EAAI,GAAG,EACnB,IAAW,EAA6B,KAAK;EAEnD,SAAS,IAAqB;AAG5B,GAFA,EAAU,QAAQ,EAAM,KAAK,MAAM,OACnC,EAAU,QAAQ,IAClB,QAAe;AAEb,IADA,EAAS,OAAO,OAAO,EACvB,EAAS,OAAO,QAAQ;KACxB;;EAGJ,SAAS,IAAsB;GAC7B,IAAM,IAAW,EAAU,MAAM,MAAM;AAQvC,GAPI,KAAY,MAAa,EAAM,KAAK,MAAM,SAE5C,EAAM,iBAAiB;IACrB,OAAO;IACP,OAAO,EAAiB,EAAS;IAClC,CAAC,EAEJ,EAAU,QAAQ;;EAGpB,SAAS,EAAc,GAA4B;AACjD,GAAI,EAAM,QAAQ,WAChB,EAAM,gBAAgB,EACtB,GAAe,IACN,EAAM,QAAQ,aACvB,EAAU,QAAQ;;yBAMpB,EAoDkB,EAAA,EAAA,EAAA;GAnDhB,IAAG;GACH,OAAM;GACN,OAAA,EAAA,oBAAA,2DAEC;GACD,iBAAgB;;oBAWd,CAPM,EAAA,QAAA,GAAA,GAAA,EADR,EAQE,SAAA;;aANI;IAAJ,KAAI;6CACc,QAAA;IAClB,MAAK;IACL,OAAM;IACL,QAAM;IACN,WAAS;wBAJD,EAAA,MAAS,CAAA,CAAA,IAAA,GAAA,EAOpB,EAYO,QAAA;;IAVL,MAAK;IACL,UAAS;IACR,cAAY,EAAA,EAAC,CAAC,SAAS;IACxB,OAAM;IACL,gBAAc,EAAA,KAAK,MAAM;IACzB,SAAK,EAAO,GAAY,CAAA,OAAA,CAAA;IACxB,WAAO,CAAA,EAAA,EAAa,GAAY,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EACJ,GAAY,CAAA,WAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;QAEtC,EAAA,MAAY,EAAA,IAAA,EAAA,GAEjB,EAmBS,UAAA;IAlBP,MAAK;IACJ,cAAY,EAAA,EAAC,CAAC,SAAS;IACxB,OAAM;IACN,iBAAgB;IACf,SAAK,AAAA,EAAA,OAAA,GAAA,GAAA,MAAe,EAAA,cAAA,EAAA,WAAA,GAAA,EAAU,EAAA,CAAA,QAAA,UAAA,CAAA;oBAE/B,EAWM,OAAA;IAVJ,OAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;IACL,QAAO;IACP,gBAAa;IACb,eAAY;OAEZ,EAAsC,QAAA;IAAhC,IAAG;IAAK,IAAG;IAAI,IAAG;IAAI,IAAG;OAC/B,EAAsC,QAAA;IAAhC,IAAG;IAAI,IAAG;IAAI,IAAG;IAAK,IAAG;;;;;IEvF1B,IAAe,EAAK,OAA4B;CAC3D,MAAM;CAEN,OAAO;CAEP,QAAQ;CAER,MAAM;CAEN,aAAa;AACX,SAAO;GACL,WAAW,EAAE;GACb,QAAQ,EAAe;GACxB;;CAGH,gBAAgB;AACd,SAAO;GACL,OAAO;IACL,SAAS;IACT,YAAY,MACV,EAAQ,aAAa,aAAa,IAAI,EAAQ,eAAe;IAChE;GACD,OAAO;IACL,SAAS;IACT,YAAY,MAAY,EAAQ,aAAa,iBAAiB,IAAI;IACnE;GACF;;CAGH,YAAY;AACV,SAAO,CACL,EACE,KAAK,wBACN,CACF;;CAGH,WAAW,EAAE,SAAM,qBAAkB;EACnC,IAAM,IAAQ,EAAiB,EAAK,MAAM,OAAO,KAAK,QAAQ,UAAU;AAExE,SAAO;GACL;GACA,EAAgB,GAAgB;IAC9B,kBAAkB,EAAK,MAAM;IAC7B,cAAc;IACf,CAAC;GACF;GACD;;CAGH,cAAc;AACZ,SAAO,EAAkB,EAAiB;;CAG5C,cAAc;AACZ,SAAO,EACL,iBACG,OACA,EAAE,kBACM,EAAS,cAAc;GAC5B,MAAM,KAAK;GACX;GACD,CAAC,EAEP;;CAGH,uBAAuB;AACrB,SAAO;GACL,iBAAiB,EAAe,KAAK,QAAQ,KAAK,KAAK;GACvD,cAAc,EAAe,KAAK,QAAQ,KAAK,KAAK;GACrD;;CAGH,gBAAgB;AAGd,SAAO,CACL,IAAI,EAAU;GACZ,MAJmB,OAAO,KAAK,QAAQ,OAAO,MAAM,SAAS,KAAK,GAI5D;GACN,UAAU,EAAE,UAAO,UAAO,eAAY;IACpC,IAAM,IAAY,EAAM,IAClB,IAAQ,EAAiB,GAAW,KAAK,QAAQ,UAAU,EAE3D,IAAO,KAAK,KAAK,OAAO;KAC5B;KACA,OAAO;KACR,CAAC;AAEF,MAAM,GAAG,YAAY,EAAM,MAAM,EAAM,IAAI,EAAK;;GAEnD,CAAC,CACH;;CAGH,gBAAgB;AAGd,SAAO,CACL,IAAI,EAAU;GACZ,MAAM,IAJa,OAAO,KAAK,QAAQ,OAAO,MAAM,QAAQ,IAItD;GACN,UAAU,EAAE,UAAO,UAAO,eAAY;IACpC,IAAM,IAAY,EAAM,IAClB,IAAQ,EAAiB,GAAW,KAAK,QAAQ,UAAU,EAE3D,IAAO,KAAK,KAAK,OAAO;KAC5B;KACA,OAAO;KACR,CAAC;AAEF,MAAM,GAAG,YAAY,EAAM,MAAM,EAAM,IAAI,EAAK;;GAEnD,CAAC,CACH;;CAEJ,CAAC;;;;;;;;;;;;;;;;;;;;;ECrIF,IAAM,IAAQ;EAad,SAAS,EAAS,GAAmC;AACnD,UAAO,EAAM,SAAS,GAAG,EAAM,OAAO,OAAO,MAAU,KAAA;;yBAKvD,EAoCM,OAAA;GAnCH,IAAI,EAAA;GACL,OAAM;GACN,MAAK;GACL,eAAY;MAGJ,EAAA,MAAM,WAAM,KAAA,GAAA,EADpB,EAMM,OANN,GAMM,EADD,EAAA,UAAS,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,GAAA,EAAA,GAAA,EAEd,EAsBS,GAAA,MAAA,EArBiB,EAAA,QAAhB,GAAM,YADhB,EAsBS,UAAA;GApBN,KAAK,EAAK;GACV,IAAI,EAAS,EAAK;GACnB,MAAK;GACL,MAAK;GACJ,iBAAe,MAAU,EAAA;GACzB,iBAAe,MAAU,EAAA,gBAAa,SAAA;GACtC,wBAAsB,EAAK;GAC5B,OAAK,EAAA,CAAC,oIACW,MAAU,EAAA,gBAAA,oEAAA,gEAAA,CAAA;GAK1B,aAAS,GAAA,MAAeA,EAAAA,MAAK,UAAW,EAAI,EAAA,CAAA,WAAA,OAAA,CAAA;GAC5C,cAAS,MAAE,MAAU,EAAA,iBAAiBA,EAAAA,MAAK,SAAU,EAAK;MAE3D,EAAqD,QAArD,GAAqD,EAApB,EAAK,MAAK,EAAA,EAAA,EAC3C,EAES,QAFT,IAES,EADP,EAAK,MAAK,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA;;IE7CZ,IAAc,IAGhB,KAAe;AAenB,SAAgB,EAAgB,GAAkB,GAA2B;CAC3E,IAAM,IAAU,EAAM,MAAM,CAAC,aAAa;AAI1C,QAHI,MAAY,KACP,EAAK,MAAM,GAAG,EAAY,GAE5B,EACJ,QAAQ,MAAQ;EACf,IAAM,IAAQ,EAAI,MAAM,aAAa,EAC/B,IAAQ,EAAI,MAAM,aAAa;AACrC,SAAO,EAAM,SAAS,EAAQ,IAAI,EAAM,SAAS,EAAQ;GACzD,CACD,MAAM,GAAG,EAAY;;AAQ1B,SAAgB,EACd,GACA,GACA,GACA,GACS;AAmBT,QAlBI,EAAM,WAAW,IACf,EAAM,QAAQ,WAAW,EAAM,QAAQ,QAIzC,EAAM,QAAQ,eAChB,EAAc,SAAS,EAAc,QAAQ,KAAK,EAAM,QACjD,MAEL,EAAM,QAAQ,aAChB,EAAc,SACX,EAAc,QAAQ,IAAI,EAAM,UAAU,EAAM,QAC5C,MAEL,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAS,EAAM,EAAc,OAAO,EAC7B,MAEF;;AAGT,IAAa,KAAqB,EAAU,OAAkC;CAC5E,MAAM;CAEN,aAAa;AACX,SAAO;GACL,WAAW,EAAE;GACb,MAAM;GACN,WAAW;GACZ;;CAGH,wBAAwB;EACtB,IAAM,IAAO,KAAK,QAAQ,WACpB,IAAY,KAAK,QAAQ,WAEzB,IAAsD;GAC1D,MAAM,KAAK,QAAQ;GACnB,aAAa;GACb,aAAa;GAGb,iBAAiB;GACjB,QAAQ,EAAE,eAA+B,EAAgB,GAAM,EAAM;GACrE,UAAU,EACR,WACA,UACA,eAKI;AAKJ,MACG,OAAO,CACP,OAAO,CACP,gBAAgB,GAAO;KACtB,MAAM;KACN,OAAO;MAAE,OAAO,EAAM;MAAO,OAAO,EAAM;MAAO;KAClD,CAAC,CACD,KAAK;;GAEV,cAAc;IACZ,IAAI,IAAkB,MAClB,IAAgC,MAChC,IAAiC,MAC/B,IAAW,EAAgB,EAAE,CAAC,EAC9B,IAAgB,EAAI,EAAE,EACxB,IAAoD,MAClD,IAAS,4BAA4B,EAAE,MACzC,IAAkD,MAClD,IAAoC,EAAE;IAE1C,SAAS,IAAmB;AAC1B,OAAS,KAAoB,IAAI,KAAK;;IAaxC,SAAS,IAA6B;AAEpC,KADA,GAAY,EACZ,sBAAsB,EAAW;;IAGnC,SAAS,EAAuB,GAAuC;KAKrE,IAAM,IAAwB,EAAE,EAC5B,IAA2B,GAAI,iBAAiB;AACpD,YACE,KACA,MAAS,SAAS,QAClB,MAAS,SAAS,kBAClB;MACA,IAAM,IAAQ,OAAO,iBAAiB,EAAK,EACrC,IAAW,EAAM,WAAW,EAAM,YAAY,EAAM;AAI1D,MAHI,wBAAwB,KAAK,EAAS,IACxC,EAAO,KAAK,EAAK,EAEnB,IAAO,EAAK;;AAEd,YAAO;;IAGT,SAAS,EAAsB,GAAmC;AAChE,SAAgB,CAAC,QAAQ,GAAG,EAAuB,EAAQ,CAAC;AAC5D,UAAK,IAAM,KAAU,EACnB,GAAO,iBAAiB,UAAU,GAAY;MAC5C,SAAS;MACT,SAAS;MACV,CAAC;AAEJ,YAAO,iBAAiB,UAAU,GAAY,EAAE,SAAS,IAAM,CAAC;;IAGlE,SAAS,IAA8B;AACrC,UAAK,IAAM,KAAU,EACnB,GAAO,oBAAoB,UAAU,GAAY,EAC/C,SAAS,IACV,CAAyB;AAG5B,KADA,OAAO,oBAAoB,UAAU,EAAW,EAChD,IAAgB,EAAE;;IAGpB,SAAS,EAAS,GAA4B;AAO5C,SANI,CAAC,KAAa,CAAC,KAMf,EAAK,SAAS,KAAK,EAAK,MAAM,OAAO,YAAa;AAMtD,KALA,EAAU,MAAM,WAAW,SAC3B,EAAU,MAAM,OAAO,GAAG,EAAK,KAAK,KACpC,EAAU,MAAM,SAAS,QAGzB,EAAU,MAAM,MAAM,GAAG,EAAK,OAAO;KACrC,IAAM,IAAc,EAAU;AAC1B,eAAgB,KACD,OAAO,cAAc,EAAK,SAC5B,GAAa;MAG5B,IAAM,IAAa,KAAK,IAAI,GAAG,EAAK,MAAM,EAAY;AACtD,QAAU,MAAM,MAAM,GAAG,EAAW;;;IAIxC,SAAS,EACP,GACA,GACM;KAcN,IAAM,IAAY,GAAU,QAAqB,mBAAmB;AACpE,SAAI,CAAC,EAAW;KAChB,IAAM,IAAa,EAAU,aAAa,iBAAiB;AAC3D,KAAI,KAAY,EAAO,aAAa,kBAAkB,EAAW;KACjE,IAAM,IAAW,OAAO,iBAAiB,EAAU;AACnD,UAAK,IAAI,IAAI,GAAG,IAAI,EAAS,QAAQ,KAAK;MACxC,IAAM,IAAO,EAAS;AACtB,MAAI,EAAK,WAAW,SAAS,IAC3B,EAAO,MAAM,YAAY,GAAM,EAAS,iBAAiB,EAAK,CAAC;;AASnE,KAFA,EAAO,MAAM,aAAa,EAAS,YACnC,EAAO,MAAM,WAAW,EAAS,UACjC,EAAO,MAAM,aAAa,EAAS;;IAGrC,SAAS,EAAgB,GAAuB;AACzC,WACD,KACF,EAAW,aAAa,QAAQ,WAAW,EAC3C,EAAW,aAAa,iBAAiB,UAAU,EACnD,EAAW,aAAa,iBAAiB,OAAO,EAChD,EAAW,aAAa,iBAAiB,EAAO,KAEhD,EAAW,gBAAgB,gBAAgB,EAC3C,EAAW,gBAAgB,gBAAgB,EAC3C,EAAW,gBAAgB,wBAAwB,EACnD,EAAW,gBAAgB,gBAAgB,EAC3C,EAAW,gBAAgB,OAAO;;IAItC,SAAS,IAA4B;AAC9B,YACL;UAAI,EAAS,MAAM,WAAW,GAAG;AAC/B,SAAW,gBAAgB,wBAAwB;AACnD;;AAEF,QAAW,aACT,yBACA,GAAG,EAAO,OAAO,EAAc,QAChC;;;IAGH,SAAS,EAAO,GAAsB;AACpC,SAAiB,EAAK;;AAGxB,WAAO;KACL,UAAU,MAAqC;AAM7C,MALA,EAAS,QAAQ,EAAM,OACvB,EAAc,QAAQ,GACtB,KAAkB,MAAS,EAAM,QAAQ,EAAK,EAE9C,IAAY,SAAS,cAAc,MAAM,EACzC,EAAU,aAAa,eAAe,6BAA6B;MAKnE,IAAM,IAAU,EAAM,OAAO,MAAM;AAyBnC,MAxBA,IAAa,KAAW,MACxB,EAAkB,GAAW,KAAW,KAAK,EAC7C,SAAS,KAAK,YAAY,EAAU,EAEpC,IAAM,EAAU,EACd,SAAS;AACP,cAAO,EAAE,IAAwB;QAC/B,OAAO,EAAS;QAChB,eAAe,EAAc;QAC7B;QACA;QACA,WAAW,MAAmB,EAAO,EAAK;QAC1C,UAAU,MAAkB;AAE1B,SADA,EAAc,QAAQ,GACtB,GAAqB;;QAExB,CAAC;SAEL,CAAC,EACF,EAAI,MAAM,EAAU,EACpB,EAAgB,GAAK,EACrB,GAAqB,EACrB,IAAmB,EAAM,cAAc,MACvC,GAAsB,EACtB,EAAsB,KAAW,KAAK;;KAExC,WAAW,MAAqC;AAS9C,MARA,EAAS,QAAQ,EAAM,OAEnB,EAAc,SAAS,EAAM,MAAM,WACrC,EAAc,QAAQ,IAExB,KAAkB,MAAS,EAAM,QAAQ,EAAK,EAC9C,GAAqB,EACrB,IAAmB,EAAM,cAAc,MACvC,GAAsB;;KAExB,YAAY,MAA2C;AACrD,UAAI,EAAM,MAAM,QAAQ,SACtB,QAAO;MAET,IAAM,IAAU,EACd,EAAM,OACN,EAAS,OACT,GACA,EACD;AAED,aADI,KAAS,GAAqB,EAC3B;;KAET,cAAc;AASZ,MARA,GAAuB,EACvB,EAAgB,GAAM,EACtB,GAAK,SAAS,EACd,GAAW,QAAQ,EACnB,IAAM,MACN,IAAY,MACZ,IAAa,MACb,IAAiB,MACjB,IAAmB;;KAEtB;;GAEJ;AAED,SAAO,CACL,EAAW;GACT,QAAQ,KAAK;GACb,GAAG;GACJ,CAAC,CACH;;CAEJ,CAAC"}