npm - @aswin.dev/editor - Versions diffs - 0.7.2 → 0.7.3 - Mend

@aswin.dev/editor 0.7.2 → 0.7.3

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

Files changed (152) hide show

package/dist/cdn/chunks/features-BrvE2Fzv.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"features-BrvE2Fzv.js","names":["watch","computed","watch","computed","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","Image","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode","__iconNode"],"sources":["../../../../../node_modules/.pnpm/vue@3.5.33_typescript@6.0.3/node_modules/vue/dist/vue.runtime.esm-bundler.js","../../../src/constants/timeouts.ts","../../../../types/src/blocks.ts","../../../../types/src/guards.ts","../../../../types/src/template.ts","../../../../types/src/popup-embed.ts","../../../../types/src/defaults.ts","../../../../types/src/factory.ts","../../../../types/src/merge-tags.ts","../../../../types/src/config.ts","../../../../core/src/editor.ts","../../../../core/src/history.ts","../../../../core/src/block-actions.ts","../../../../core/src/auto-save.ts","../../../../core/src/condition-preview.ts","../../../../core/src/data-source-fetch.ts","../../../../core/src/history-interceptor.ts","../../../../../node_modules/.pnpm/@vueuse+shared@14.2.1_vue@3.5.33_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js","../../../../../node_modules/.pnpm/@vueuse+core@14.2.1_vue@3.5.33_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js","../../../src/types/editor-type.ts","../../../src/keys.ts","../../../src/composables/useAccessibilityLint.ts","../../../src/composables/useI18n.ts","../../../src/utils/blockTypeLabels.ts","../../../src/composables/useKeyboardReorder.ts","../../../src/composables/useUiTheme.ts","../../../src/composables/useThemeStyles.ts","../../../src/utils/logger.ts","../../../src/composables/useBlockRegistry.ts","../../../src/utils/registerBuiltInBlocks.ts","../../../src/utils/keyboardShortcuts.ts","../../../src/components/blocks/ButtonBlock.vue","../../../src/components/blocks/ButtonBlock.vue","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/mergeClasses.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/toKebabCase.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/toCamelCase.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/toPascalCase.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/defaultAttributes.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/context.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/createLucideIcon.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/bookmark.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/box.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/check.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-down.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-left.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-right.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-up.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/circle-alert.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/circle-check.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/clock.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/code.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/copy.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/eye-off.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/eye.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/file-image.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/file-text.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/funnel.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/grip-vertical.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/image-up.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/image.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/info.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/loader-circle.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/message-circle.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/navigation.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/pencil.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/puzzle.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/redo-2.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/refresh-cw.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/reply.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/send.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/share-2.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/shield-check.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/shield-x.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/sparkles.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/table.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/trash-2.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/triangle-alert.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/undo-2.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/upload.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/video.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/x.mjs","../../../../../node_modules/.pnpm/@lucide+vue@1.14.0_vue@3.5.33_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/icons/zap.mjs","../../../src/components/CustomBlockIcon.vue","../../../src/components/CustomBlockIcon.vue","../../../src/components/LoadingTrack.vue","../../../src/composables/useFocusTrap.ts","../../../src/composables/useCloudI18n.ts","../../../src/composables/useMergeTag.ts","../../../src/composables/useEmoji.ts","../../../src/composables/useDragDrop.ts","../../../src/composables/useFonts.ts","../../../src/composables/useRichTextLinkDialog.ts","../../../src/composables/useRichTextEditor.ts","../../../src/components/blocks/CustomBlock.vue","../../../src/components/blocks/CustomBlock.vue","../../../src/components/blocks/DividerBlock.vue","../../../src/components/blocks/DividerBlock.vue","../../../src/components/blocks/HtmlBlock.vue","../../../src/components/blocks/HtmlBlock.vue","../../../src/components/blocks/ImageBlock.vue","../../../src/components/blocks/ImageBlock.vue","../../../src/components/blocks/InputBlock.vue","../../../src/components/blocks/InputBlock.vue","../../../src/components/blocks/MenuBlock.vue","../../../src/components/blocks/MenuBlock.vue","../../../src/composables/useEditableTextBlock.ts","../../../src/components/blocks/ParagraphBlock.vue","../../../src/components/blocks/ParagraphBlock.vue","../../../src/utils/blockComponentResolver.ts","../../../src/components/blocks/BlockWrapper.vue","../../../src/components/blocks/BlockWrapper.vue","../../../src/composables/useCountdownTimer.ts","../../../src/components/blocks/countdown/MinimalStyle.vue","../../../src/components/blocks/countdown/MinimalStyle.vue","../../../src/components/blocks/countdown/shared.ts","../../../src/components/blocks/countdown/MatrixStyle.vue","../../../src/components/blocks/countdown/MatrixStyle.vue","../../../src/components/blocks/countdown/FlipClockStyle.vue","../../../src/components/blocks/countdown/FlipClockStyle.vue","../../../src/components/blocks/countdown/GlassmorphismStyle.vue","../../../src/components/blocks/countdown/GlassmorphismStyle.vue","../../../src/components/blocks/countdown/NeonGamingStyle.vue","../../../src/components/blocks/countdown/NeonGamingStyle.vue","../../../src/components/blocks/countdown/RetroLedStyle.vue","../../../src/components/blocks/countdown/RetroLedStyle.vue","../../../src/components/blocks/countdown/SciFiHologramStyle.vue","../../../src/components/blocks/countdown/SciFiHologramStyle.vue","../../../src/components/blocks/countdown/LuxuryGoldStyle.vue","../../../src/components/blocks/countdown/LuxuryGoldStyle.vue","../../../src/components/blocks/countdown/Floating3dStyle.vue","../../../src/components/blocks/countdown/Floating3dStyle.vue","../../../src/components/blocks/countdown/LiquidMorphStyle.vue","../../../src/components/blocks/countdown/LiquidMorphStyle.vue","../../../src/components/blocks/countdown/MinimalDarkSaasStyle.vue","../../../src/components/blocks/countdown/MinimalDarkSaasStyle.vue","../../../src/components/blocks/countdown/MechanicalCounterStyle.vue","../../../src/components/blocks/countdown/MechanicalCounterStyle.vue","../../../src/components/blocks/countdown/GradientBlobStyle.vue","../../../src/components/blocks/countdown/GradientBlobStyle.vue","../../../src/components/blocks/countdown/TerminalCliStyle.vue","../../../src/components/blocks/countdown/TerminalCliStyle.vue","../../../src/components/blocks/countdown/SpaceGalaxyStyle.vue","../../../src/components/blocks/countdown/SpaceGalaxyStyle.vue","../../../src/components/blocks/countdown/AnimeCyberpunkStyle.vue","../../../src/components/blocks/countdown/AnimeCyberpunkStyle.vue","../../../src/components/blocks/countdown/LuxuryWeddingStyle.vue","../../../src/components/blocks/countdown/LuxuryWeddingStyle.vue","../../../src/components/blocks/countdown/KidsCartoonStyle.vue","../../../src/components/blocks/countdown/KidsCartoonStyle.vue","../../../src/components/blocks/countdown/IndustrialTechStyle.vue","../../../src/components/blocks/countdown/IndustrialTechStyle.vue","../../../src/components/blocks/countdown/AiFuturisticStyle.vue","../../../src/components/blocks/countdown/AiFuturisticStyle.vue","../../../src/components/blocks/countdown/index.ts","../../../src/components/blocks/CountdownBlock.vue","../../../src/components/blocks/CountdownBlock.vue","../../../src/components/blocks/FormBlock.vue","../../../src/components/blocks/FormBlock.vue","../../../src/constants/socialIcons.ts","../../../src/components/blocks/SocialIconSvg.vue","../../../src/components/blocks/SocialIconSvg.vue","../../../src/components/blocks/SocialIconsBlock.vue","../../../src/components/blocks/SocialIconsBlock.vue","../../../src/components/blocks/SpacerBlock.vue","../../../src/components/blocks/SpacerBlock.vue","../../../src/components/blocks/TableBlock.vue","../../../src/components/blocks/TableBlock.vue","../../../src/components/blocks/TitleBlock.vue","../../../src/components/blocks/TitleBlock.vue","../../../src/components/blocks/VideoPlayButton.vue","../../../src/components/blocks/VideoPlayButton.vue","../../../src/utils/videoThumbnail.ts","../../../src/components/blocks/VideoBlock.vue","../../../src/components/blocks/VideoBlock.vue","../../../src/components/blocks/SectionBlock.vue","../../../src/components/blocks/SectionBlock.vue","../../../src/composables/useEditorCore.ts","../../../../core/src/cloud/auth.ts","../../../../core/src/cloud/url-builder.ts","../../../../core/src/cloud/api.ts","../../../../core/src/cloud/websocket-client.ts","../../../../core/src/cloud/mcp-operation-handler.ts","../../../../core/src/cloud/editor.ts","../../../../core/src/cloud/ai-chat.ts","../../../../core/src/cloud/ai-config.ts","../../../../core/src/cloud/template-scoring.ts","../../../../core/src/cloud/design-reference.ts","../../../../core/src/cloud/comments.ts","../../../../core/src/cloud/comment-listener.ts","../../../../core/src/cloud/collaboration.ts","../../../../core/src/cloud/collaboration-broadcast.ts","../../../../core/src/cloud/web-socket.ts","../../../../core/src/cloud/saved-modules.ts","../../../../core/src/cloud/snapshots.ts","../../../../core/src/cloud/test-email.ts","../../../../core/src/cloud/export.ts","../../../../core/src/cloud/plan-config.ts","../../../../core/src/cloud/health-check.ts","../../../../core/src/cloud/mcp-listener.ts","../../../src/composables/useAliveFlag.ts","../../../src/cloud/components/AiChatSidebar.vue","../../../src/cloud/components/AiChatSidebar.vue","../../../src/utils/formatRelativeTime.ts","../../../src/cloud/components/CommentsSidebar.vue","../../../src/cloud/components/CommentsSidebar.vue","../../../src/cloud/components/DesignReferenceSidebar.vue","../../../src/cloud/components/DesignReferenceSidebar.vue","../../../src/cloud/components/TplModal.vue","../../../src/cloud/components/TplModal.vue","../../../src/cloud/components/SnapshotHistory.vue","../../../src/cloud/components/SnapshotHistory.vue","../../../src/cloud/utils/scoringStyles.ts","../../../src/cloud/components/TemplateScoringPanel.vue","../../../src/cloud/components/TemplateScoringPanel.vue","../../../src/cloud/components/TestEmailModal.vue","../../../src/cloud/components/TestEmailModal.vue"],"sourcesContent":["/**\n* vue v3.5.33\n* (c) 2018-present Yuxi (Evan) You and Vue contributors\n* @license MIT\n**/\nimport { initCustomFormatter, warn } from '@vue/runtime-dom';\nexport * from '@vue/runtime-dom';\n\nfunction initDev() {\n {\n initCustomFormatter();\n }\n}\n\nif (!!(process.env.NODE_ENV !== \"production\")) {\n initDev();\n}\nconst compile = () => {\n if (!!(process.env.NODE_ENV !== \"production\")) {\n warn(\n `Runtime compilation is not supported in this build of Vue.` + (` Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\".` )\n );\n }\n};\n\nexport { compile };\n","/** Timeout in ms for editor initialization before giving up. */\nexport const INIT_TIMEOUT_MS = 30000;\n\n/** Duration in ms to show the collaboration undo warning toast. */\nexport const COLLAB_UNDO_WARNING_MS = 4000;\n\n/** Default debounce in ms for auto-save when not configured. */\nexport const DEFAULT_AUTO_SAVE_DEBOUNCE_MS = 5000;\n\n/** Maximum upload file size in bytes (10 MB). */\nexport const MAX_UPLOAD_SIZE_BYTES = 10 * 1024 * 1024;\n","export interface SpacingValue {\n top: number;\n right: number;\n bottom: number;\n left: number;\n}\n\nexport interface ResponsiveStyles {\n tablet?: Partial<BlockStyles>;\n mobile?: Partial<BlockStyles>;\n}\n\nexport interface BlockStyles {\n padding: SpacingValue;\n margin: SpacingValue;\n backgroundColor?: string;\n responsive?: ResponsiveStyles;\n}\n\nexport interface BlockVisibility {\n desktop: boolean;\n tablet: boolean;\n mobile: boolean;\n}\n\nexport interface BaseBlock {\n id: string;\n type: string;\n styles: BlockStyles;\n customCss?: string;\n visibility?: BlockVisibility;\n displayCondition?: {\n label: string;\n before: string;\n after: string;\n group?: string;\n description?: string;\n };\n}\n\nexport type ColumnLayout = \"1\" | \"2\" | \"3\" | \"2-1\" | \"1-2\";\n\nexport interface SectionBlock extends BaseBlock {\n type: \"section\";\n columns: ColumnLayout;\n children: Block[][];\n}\n\nexport type HeadingLevel = 1 | 2 | 3 | 4;\n\nexport const HEADING_LEVEL_FONT_SIZE: Record<HeadingLevel, number> = {\n 1: 36,\n 2: 28,\n 3: 22,\n 4: 18,\n};\n\nexport interface TitleBlock extends BaseBlock {\n type: \"title\";\n content: string;\n level: HeadingLevel;\n color: string;\n textAlign: \"left\" | \"center\" | \"right\";\n fontFamily?: string;\n}\n\nexport interface ParagraphBlock extends BaseBlock {\n type: \"paragraph\";\n content: string;\n}\n\nexport interface ImageBlock extends BaseBlock {\n type: \"image\";\n src: string;\n alt: string;\n width: number | \"full\";\n align: \"left\" | \"center\" | \"right\";\n linkUrl?: string;\n linkOpenInNewTab?: boolean;\n placeholderUrl?: string;\n decorative?: boolean;\n}\n\n/**\n * Hosted popup / wizard behavior when the button is clicked.\n * Email/HTML runtimes may interpret these alongside {@link ButtonBlock.url}.\n */\nexport type ButtonClickAction =\n | \"none\"\n | \"next_step\"\n | \"previous_step\"\n | \"load_page\"\n | \"scroll_anchor\"\n | \"close_popup\";\n\n/** Which edges receive the button outline when {@link ButtonBlock.borderWidth} > 0. */\nexport type ButtonBorderSides = \"all\" | \"top\" | \"right\" | \"bottom\" | \"left\";\n\n/** Native-like field rendered as HTML `<input>` (popups / landing pages; limited email client support). */\nexport type InputFieldType = \"text\" | \"email\" | \"date\";\n\nexport interface InputBlock extends BaseBlock {\n type: \"input\";\n inputType: InputFieldType;\n /** HTML `name` attribute */\n name: string;\n label: string;\n placeholder: string;\n /** Prefilled value in exported HTML */\n defaultValue?: string;\n required?: boolean;\n labelMargin: SpacingValue;\n labelPadding: SpacingValue;\n labelFontSize: number;\n labelFontFamily?: string;\n labelColor: string;\n labelFontWeight: \"normal\" | \"bold\";\n labelTextAlign: \"left\" | \"center\" | \"right\";\n inputMargin: SpacingValue;\n inputPadding: SpacingValue;\n inputBackgroundColor: string;\n inputTextColor: string;\n inputPlaceholderColor: string;\n inputFontSize: number;\n inputFontFamily?: string;\n inputBorderRadius: number;\n inputBorderWidth?: number;\n inputBorderColor?: string;\n inputBorderSides?: ButtonBorderSides;\n inputWidth: number | \"full\";\n}\n\nexport interface ButtonBlock extends BaseBlock {\n type: \"button\";\n text: string;\n url: string;\n openInNewTab?: boolean;\n /** Omit or `\"none\"` for a normal link using {@link ButtonBlock.url}. */\n clickAction?: ButtonClickAction;\n /** Fragment id (without `#`) when `clickAction` is `scroll_anchor`. */\n clickActionAnchorId?: string;\n backgroundColor: string;\n textColor: string;\n borderRadius: number;\n fontSize: number;\n buttonPadding: SpacingValue;\n fontFamily?: string;\n /** Outline width in px; omit or `0` for no border. */\n borderWidth?: number;\n /** Outline color (hex); used when `borderWidth` > 0. */\n borderColor?: string;\n /** Which edges show the border; defaults to `all`. */\n borderSides?: ButtonBorderSides;\n}\n\nexport interface DividerBlock extends BaseBlock {\n type: \"divider\";\n lineStyle: \"solid\" | \"dashed\" | \"dotted\";\n color: string;\n thickness: number;\n width: number | \"full\";\n}\n\nexport interface VideoBlock extends BaseBlock {\n type: \"video\";\n url: string;\n openInNewTab?: boolean;\n thumbnailUrl: string;\n alt: string;\n width: number | \"full\";\n align: \"left\" | \"center\" | \"right\";\n placeholderUrl?: string;\n}\n\nexport type SocialPlatform =\n | \"facebook\"\n | \"twitter\"\n | \"instagram\"\n | \"linkedin\"\n | \"youtube\"\n | \"tiktok\"\n | \"pinterest\"\n | \"email\"\n | \"whatsapp\"\n | \"telegram\"\n | \"discord\"\n | \"snapchat\"\n | \"reddit\"\n | \"github\"\n | \"dribbble\"\n | \"behance\";\n\nexport type SocialIconStyle =\n | \"solid\"\n | \"outlined\"\n | \"rounded\"\n | \"square\"\n | \"circle\";\n\nexport type SocialIconSize = \"small\" | \"medium\" | \"large\";\n\nexport interface SocialIcon {\n id: string;\n platform: SocialPlatform;\n url: string;\n}\n\nexport interface SocialIconsBlock extends BaseBlock {\n type: \"social\";\n icons: SocialIcon[];\n iconStyle: SocialIconStyle;\n iconSize: SocialIconSize;\n spacing: number;\n align: \"left\" | \"center\" | \"right\";\n}\n\nexport interface SpacerBlock extends BaseBlock {\n type: \"spacer\";\n height: number;\n}\n\nexport interface HtmlBlock extends BaseBlock {\n type: \"html\";\n content: string;\n}\n\nexport interface MenuItemData {\n id: string;\n text: string;\n url: string;\n openInNewTab: boolean;\n bold: boolean;\n underline: boolean;\n color?: string;\n}\n\nexport interface MenuBlock extends BaseBlock {\n type: \"menu\";\n items: MenuItemData[];\n fontSize: number;\n fontFamily?: string;\n color: string;\n linkColor?: string;\n textAlign: \"left\" | \"center\" | \"right\";\n separator: string;\n separatorColor: string;\n spacing: number;\n}\n\nexport interface TableCellData {\n id: string;\n content: string;\n}\n\nexport interface TableRowData {\n id: string;\n cells: TableCellData[];\n}\n\nexport interface TableBlock extends BaseBlock {\n type: \"table\";\n rows: TableRowData[];\n hasHeaderRow: boolean;\n headerBackgroundColor?: string;\n borderColor: string;\n borderWidth: number;\n cellPadding: number;\n fontSize: number;\n fontFamily?: string;\n color: string;\n textAlign: \"left\" | \"center\" | \"right\";\n}\n\nexport type CountdownStyle =\n | \"minimal\"\n | \"matrix\"\n | \"flip\"\n | \"glassmorphism\"\n | \"neonGaming\"\n | \"retroLed\"\n | \"scifiHologram\"\n | \"luxuryGold\"\n | \"floating3d\"\n | \"liquidMorph\"\n | \"minimalDarkSaas\"\n | \"mechanicalCounter\"\n | \"gradientBlob\"\n | \"terminalCli\"\n | \"spaceGalaxy\"\n | \"animeCyberpunk\"\n | \"luxuryWedding\"\n | \"kidsCartoon\"\n | \"industrialTech\"\n | \"aiFuturistic\";\n\nexport type CountdownLayout =\n | \"horizontal\"\n | \"vertical\"\n | \"compact\"\n | \"fullscreen\";\n\nexport type CountdownAnimationSpeed = \"slow\" | \"normal\" | \"fast\";\n\nexport interface CountdownBlock extends BaseBlock {\n type: \"countdown\";\n targetDate: string;\n timezone: string;\n showDays: boolean;\n showHours: boolean;\n showMinutes: boolean;\n showSeconds: boolean;\n separator: \":\" | \"-\" | \" \";\n digitFontSize: number;\n digitColor: string;\n labelColor: string;\n labelFontSize: number;\n backgroundColor: string;\n fontFamily?: string;\n labelDays: string;\n labelHours: string;\n labelMinutes: string;\n labelSeconds: string;\n expiredMessage: string;\n expiredImageUrl: string;\n hideOnExpiry: boolean;\n // Themed countdown variants — optional with `minimal` as the default to preserve\n // backward compatibility with the original CountdownBlock rendering.\n style?: CountdownStyle;\n layout?: CountdownLayout;\n animationSpeed?: CountdownAnimationSpeed;\n accentColor?: string;\n cardGap?: number;\n cardRadius?: number;\n enableParticles?: boolean;\n enableHoverFx?: boolean;\n}\n\nexport interface CustomBlock extends BaseBlock {\n type: \"custom\";\n customType: string;\n fieldValues: Record<string, unknown>;\n renderedHtml?: string;\n dataSourceFetched?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Form block — multi-field opt-in form with integrations, button, terms.\n// ---------------------------------------------------------------------------\n\n/** Built-in field types currently supported by {@link FormBlock}. */\nexport type FormFieldType = \"firstName\" | \"lastName\" | \"email\" | \"phone\";\n\nexport interface FormFieldData {\n id: string;\n type: FormFieldType;\n /** HTML `name` attribute used at submit time. */\n name: string;\n label: string;\n placeholder: string;\n required: boolean;\n /**\n * Email-only: refuse signups whose email already exists.\n */\n blockExisting?: boolean;\n /**\n * Email-only: scope the duplicate check across all campaigns or this one only.\n */\n blockExistingScope?: \"all_campaigns\" | \"this_campaign\";\n /**\n * Email-only: error shown when a duplicate email is rejected.\n */\n blockExistingMessage?: string;\n}\n\n/**\n * A marketing/CRM destination the form syncs to. Identifiers are intentionally\n * loose strings so the SDK consumer can register additional integrations\n * without needing a type bump. The editor renders a curated grid of built-ins.\n */\nexport type FormSyncIntegrationId = string;\n\n/** Submit button's interaction after a successful submit. */\nexport type FormButtonAction =\n | \"next_step\"\n | \"close_popup\"\n | \"load_page\"\n | \"none\";\n\n/** Submit button + label layout: side-by-side or stacked. */\nexport type FormButtonLayout = \"one_line\" | \"two_lines\";\n\nexport interface FormBlock extends BaseBlock {\n type: \"form\";\n fields: FormFieldData[];\n /** Currently selected integration (single pick); `null` means none yet. */\n syncIntegrationId: FormSyncIntegrationId | null;\n /** Submit button configuration. */\n submitButtonText: string;\n buttonAction: FormButtonAction;\n buttonLayout: FormButtonLayout;\n /** Optional URL when {@link buttonAction} is `load_page`. */\n buttonUrl?: string;\n /** Free-form terms / disclaimer HTML shown beneath the form. */\n termsContent: string;\n /** Show the terms section below the form fields. */\n termsEnabled: boolean;\n // Visual styling — mirrors InputBlock's input chrome so all fields render\n // consistently without per-field repetition.\n inputBackgroundColor: string;\n inputTextColor: string;\n inputPlaceholderColor: string;\n inputBorderColor: string;\n inputBorderWidth: number;\n inputBorderRadius: number;\n inputFontSize: number;\n inputPadding: SpacingValue;\n inputSpacing: number;\n labelColor: string;\n labelFontSize: number;\n // Submit button visuals.\n buttonBackgroundColor: string;\n buttonTextColor: string;\n buttonBorderRadius: number;\n buttonFontSize: number;\n}\n\nexport type Block =\n | SectionBlock\n | TitleBlock\n | ParagraphBlock\n | ImageBlock\n | InputBlock\n | ButtonBlock\n | DividerBlock\n | VideoBlock\n | SocialIconsBlock\n | SpacerBlock\n | HtmlBlock\n | MenuBlock\n | TableBlock\n | CountdownBlock\n | FormBlock\n | CustomBlock;\n\nexport type BlockType = Block[\"type\"];\n","import type {\n Block,\n ButtonBlock,\n InputBlock,\n CountdownBlock,\n CustomBlock,\n DividerBlock,\n FormBlock,\n HtmlBlock,\n ImageBlock,\n MenuBlock,\n ParagraphBlock,\n SectionBlock,\n SocialIconsBlock,\n SpacerBlock,\n TableBlock,\n TitleBlock,\n VideoBlock,\n} from \"./blocks\";\n\nexport function isSection(block: Block): block is SectionBlock {\n return block.type === \"section\";\n}\n\nexport function isTitle(block: Block): block is TitleBlock {\n return block.type === \"title\";\n}\n\nexport function isParagraph(block: Block): block is ParagraphBlock {\n return block.type === \"paragraph\";\n}\n\nexport function isImage(block: Block): block is ImageBlock {\n return block.type === \"image\";\n}\n\nexport function isButton(block: Block): block is ButtonBlock {\n return block.type === \"button\";\n}\n\nexport function isInput(block: Block): block is InputBlock {\n return block.type === \"input\";\n}\n\nexport function isDivider(block: Block): block is DividerBlock {\n return block.type === \"divider\";\n}\n\nexport function isVideo(block: Block): block is VideoBlock {\n return block.type === \"video\";\n}\n\nexport function isSocialIcons(block: Block): block is SocialIconsBlock {\n return block.type === \"social\";\n}\n\nexport function isSpacer(block: Block): block is SpacerBlock {\n return block.type === \"spacer\";\n}\n\nexport function isHtml(block: Block): block is HtmlBlock {\n return block.type === \"html\";\n}\n\nexport function isMenu(block: Block): block is MenuBlock {\n return block.type === \"menu\";\n}\n\nexport function isTable(block: Block): block is TableBlock {\n return block.type === \"table\";\n}\n\nexport function isCountdown(block: Block): block is CountdownBlock {\n return block.type === \"countdown\";\n}\n\nexport function isForm(block: Block): block is FormBlock {\n return block.type === \"form\";\n}\n\nexport function isCustomBlock(block: Block): block is CustomBlock {\n return block.type === \"custom\";\n}\n","import type { Block } from \"./blocks\";\nimport type { TemplateDefaults } from \"./defaults\";\nimport type { PopupEmbedSettings } from \"./popup-embed\";\n\n/**\n * One logical screen/step (e.g. popup wizard step) in the editor. When\n * {@link TemplateContent.canvasPages} is present, {@link TemplateContent.blocks}\n * is kept as an alias of the active page's {@link CanvasPage.blocks} array so all\n * existing block APIs operate on the current step.\n */\nexport interface CanvasPage {\n id: string;\n title: string;\n blocks: Block[];\n}\n\nexport interface TemplateSettings {\n width: number;\n backgroundColor: string;\n /**\n * Optional alpha applied on top of {@link TemplateSettings.backgroundColor}\n * for the popup card / canvas background in the editor preview. `0` is\n * fully transparent and `1` is fully opaque. When omitted (or `undefined`),\n * consumers should treat it as `1` for backwards compatibility.\n */\n backgroundOpacity?: number;\n /**\n * Optional drop-shadow intensity for the popup card / canvas card in the\n * editor preview, on a 0..1 scale. `0` removes the shadow entirely; `1`\n * paints the strongest soft shadow. When omitted (or `undefined`),\n * consumers should fall back to the existing default shadow so legacy\n * templates render unchanged.\n */\n backgroundShadow?: number;\n fontFamily: string;\n preheaderText?: string;\n /**\n * BCP-47 language code for the rendered email's `<html lang>`. Drives\n * screen-reader pronunciation. Default `'en'` via `DEFAULT_TEMPLATE_DEFAULTS`.\n */\n locale: string;\n /**\n * Website popup chrome (triggers, overlay layout). Present when using the popup editor.\n */\n popup?: PopupEmbedSettings;\n}\n\nexport interface TemplateContent {\n blocks: Block[];\n settings: TemplateSettings;\n /** Present when editing multi-step / multi-popup canvases. See {@link CanvasPage}. */\n canvasPages?: CanvasPage[];\n /** Must refer to an entry in `canvasPages` when `canvasPages` is non-empty. */\n activeCanvasPageId?: string;\n}\n\n/**\n * When {@link TemplateContent.canvasPages} is set, ensures `blocks` references the\n * active page's `blocks` array (same reference). Call after loading persisted JSON\n * so edits mutate the correct page.\n */\nexport function normalizeTemplateContentPages(\n c: TemplateContent,\n): TemplateContent {\n if (!c.canvasPages?.length) {\n return c;\n }\n const activeId = c.activeCanvasPageId ?? c.canvasPages[0].id;\n const page = c.canvasPages.find((p) => p.id === activeId) ?? c.canvasPages[0];\n return {\n ...c,\n activeCanvasPageId: page.id,\n blocks: page.blocks,\n };\n}\n\nexport function createDefaultTemplateContent(\n _defaultFontFamily = \"Arial\",\n _templateDefaults?: TemplateDefaults,\n): TemplateContent {\n return {\n blocks: [\n {\n id: \"dcf862dc-2ff6-45e1-8f43-07ebc2d5a88f\",\n type: \"section\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n columns: \"2\",\n children: [\n [\n {\n id: \"b1353687-5d54-4c8c-8806-bf0a77de7aad\",\n url: \"wwww.google.com\",\n text: \"GET 20% OFF\",\n type: \"button\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 5,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n fontSize: 13,\n textColor: \"#000000\",\n borderColor: \"#FFCB54\",\n borderSides: \"all\",\n borderWidth: 4,\n borderRadius: 39,\n buttonPadding: {\n top: 12,\n left: 24,\n right: 24,\n bottom: 12,\n },\n backgroundColor: \"#ffffff\",\n },\n {\n id: \"035f1574-3aff-4741-84cc-2d4b6e0d2fde\",\n type: \"paragraph\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 10,\n left: 10,\n right: 10,\n bottom: 10,\n },\n },\n content:\n '<p style=\"text-align: center;\"><span style=\"color: rgb(27, 27, 32); font-family: Poppins; font-size: 20px; letter-spacing: normal;\"><strong>You forgot something in your cart!</strong></span></p>',\n },\n {\n id: \"866f0ac7-b3df-4c62-b595-7d6adb975550\",\n type: \"paragraph\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 10,\n left: 10,\n right: 10,\n bottom: 10,\n },\n },\n content:\n '<p style=\"text-align: center; line-height: 1;\"><span style=\"color: inherit; font-family: inherit; font-size: inherit; letter-spacing: normal;\">Before you go, fill out your email for a </span></p><p style=\"text-align: center; line-height: 1;\"><span style=\"color: inherit; font-family: inherit; font-size: inherit; letter-spacing: normal;\"><strong>20% off code</strong> to use at checkout.</span></p>',\n },\n {\n id: \"27bab77f-14ac-4007-b4f8-14c8398b581c\",\n name: \"Email\",\n type: \"input\",\n label: \"\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 0,\n left: 10,\n right: 10,\n bottom: 0,\n },\n },\n required: true,\n inputType: \"text\",\n inputWidth: \"full\",\n labelColor: \"#374151\",\n inputMargin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n labelMargin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 8,\n },\n placeholder: \"email@website.com\",\n defaultValue: \"\",\n inputPadding: {\n top: 10,\n left: 12,\n right: 12,\n bottom: 10,\n },\n labelPadding: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n inputFontSize: 15,\n labelFontSize: 14,\n inputTextColor: \"#111827\",\n labelTextAlign: \"left\",\n labelFontWeight: \"normal\",\n inputBorderColor: \"#d1d5db\",\n inputBorderSides: \"all\",\n inputBorderWidth: 1,\n inputBorderRadius: 6,\n inputBackgroundColor: \"#ffffff\",\n inputPlaceholderColor: \"#9ca3af\",\n },\n {\n id: \"046d68dd-e631-45a3-b729-a1c3276c08fc\",\n url: \"\",\n text: \"Get coupon\",\n type: \"button\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 6,\n left: 0,\n right: 0,\n bottom: 3,\n },\n },\n fontSize: 15,\n textColor: \"#ffffff\",\n borderColor: \"#000000\",\n borderSides: \"all\",\n borderWidth: 0,\n borderRadius: 30,\n buttonPadding: {\n top: 12,\n left: 24,\n right: 24,\n bottom: 12,\n },\n backgroundColor: \"#f5ba25\",\n },\n ],\n [\n {\n id: \"36fef265-889e-4417-b29d-a275bf9b7483\",\n alt: \"\",\n src: \"https://cdn.wisepops.net/cdn-cgi/image/fit=scale-down,format=auto,width=1724/images-secure/popups/w.ZniQi6KSVq/01684a642ed5f99d268f97c9fc6a4338.png\",\n type: \"image\",\n align: \"center\",\n width: \"full\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n visibility: {\n mobile: false,\n tablet: true,\n desktop: true,\n },\n },\n ],\n ],\n },\n ],\n settings: {\n popup: {\n design: {\n rtl: false,\n sizePreset: \"large\",\n useOverlay: true,\n overlayImage: false,\n popupPosition: \"center\",\n contentPadding: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n backgroundImage: false,\n displayAnimation: \"smooth\",\n multiColumnPreset: \"two\",\n displayCloseButton: true,\n multiColumnEnabled: true,\n closeButtonPosition: \"right\",\n closeOnOverlayClick: true,\n },\n schedule: {\n slots: [\n {\n id: \"schedule-slot-1\",\n endTime: \"23:59\",\n dayPreset: \"everyday\",\n startTime: \"00:00\",\n },\n {\n id: \"schedule-slot-2\",\n endTime: \"23:59\",\n dayPreset: \"everyday\",\n startTime: \"00:00\",\n },\n ],\n endDate: \"\",\n timeZone: \"Asia/Kolkata\",\n startDate: \"\",\n detailedScheduleEnabled: true,\n },\n triggers: {\n onExit: {\n enabled: false,\n triggerConditions: {\n enabled: false,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n },\n triggerOnScrollUp: false,\n triggerOnBackButton: false,\n },\n onClick: {\n enabled: false,\n clickAnchor: \"#popup\",\n triggerConditions: {\n enabled: false,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n },\n },\n onHover: {\n enabled: false,\n hoverElementId: \"\",\n triggerConditions: {\n enabled: false,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n },\n },\n onScroll: {\n enabled: false,\n scrollPercent: 50,\n triggerConditions: {\n enabled: false,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n },\n },\n onLanding: {\n enabled: true,\n triggerConditions: {\n enabled: false,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n },\n },\n onCustomEvent: {\n enabled: false,\n customEventName: \"\",\n triggerConditions: {\n enabled: false,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n },\n },\n },\n },\n width: 700,\n locale: \"en\",\n fontFamily: \"Arial\",\n backgroundColor: \"#ffffff\",\n },\n canvasPages: [\n {\n id: \"f5902bc8-e71e-4b56-a590-349782c7b309\",\n title: \"Step 1\",\n blocks: [\n {\n id: \"dcf862dc-2ff6-45e1-8f43-07ebc2d5a88f\",\n type: \"section\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n columns: \"2\",\n children: [\n [\n {\n id: \"b1353687-5d54-4c8c-8806-bf0a77de7aad\",\n url: \"\",\n text: \"GET 20% OFF\",\n type: \"button\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 5,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n fontSize: 13,\n textColor: \"#000000\",\n borderColor: \"#FFCB54\",\n borderSides: \"all\",\n borderWidth: 4,\n borderRadius: 39,\n buttonPadding: {\n top: 12,\n left: 24,\n right: 24,\n bottom: 12,\n },\n backgroundColor: \"#ffffff\",\n },\n {\n id: \"035f1574-3aff-4741-84cc-2d4b6e0d2fde\",\n type: \"paragraph\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 10,\n left: 10,\n right: 10,\n bottom: 10,\n },\n },\n content:\n '<p style=\"text-align: center;\"><span style=\"color: rgb(27, 27, 32); font-family: Poppins; font-size: 20px; letter-spacing: normal;\"><strong>You forgot something in your cart!</strong></span></p>',\n },\n {\n id: \"866f0ac7-b3df-4c62-b595-7d6adb975550\",\n type: \"paragraph\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 10,\n left: 10,\n right: 10,\n bottom: 10,\n },\n },\n content:\n '<p style=\"text-align: center; line-height: 1;\"><span style=\"color: inherit; font-family: inherit; font-size: inherit; letter-spacing: normal;\">Before you go, fill out your email for a </span></p><p style=\"text-align: center; line-height: 1;\"><span style=\"color: inherit; font-family: inherit; font-size: inherit; letter-spacing: normal;\"><strong>20% off code</strong> to use at checkout.</span></p>',\n },\n {\n id: \"27bab77f-14ac-4007-b4f8-14c8398b581c\",\n name: \"Email\",\n type: \"input\",\n label: \"\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 0,\n left: 10,\n right: 10,\n bottom: 0,\n },\n },\n required: true,\n inputType: \"text\",\n inputWidth: \"full\",\n labelColor: \"#374151\",\n inputMargin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n labelMargin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 8,\n },\n placeholder: \"email@website.com\",\n defaultValue: \"\",\n inputPadding: {\n top: 10,\n left: 12,\n right: 12,\n bottom: 10,\n },\n labelPadding: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n inputFontSize: 15,\n labelFontSize: 14,\n inputTextColor: \"#111827\",\n labelTextAlign: \"left\",\n labelFontWeight: \"normal\",\n inputBorderColor: \"#d1d5db\",\n inputBorderSides: \"all\",\n inputBorderWidth: 1,\n inputBorderRadius: 6,\n inputBackgroundColor: \"#ffffff\",\n inputPlaceholderColor: \"#9ca3af\",\n },\n {\n id: \"046d68dd-e631-45a3-b729-a1c3276c08fc\",\n url: \"\",\n text: \"Get coupon\",\n type: \"button\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 6,\n left: 0,\n right: 0,\n bottom: 3,\n },\n },\n fontSize: 15,\n textColor: \"#ffffff\",\n borderColor: \"#000000\",\n borderSides: \"all\",\n borderWidth: 0,\n borderRadius: 30,\n buttonPadding: {\n top: 12,\n left: 24,\n right: 24,\n bottom: 12,\n },\n backgroundColor: \"#f5ba25\",\n },\n ],\n [\n {\n id: \"36fef265-889e-4417-b29d-a275bf9b7483\",\n alt: \"\",\n src: \"https://cdn.wisepops.net/cdn-cgi/image/fit=scale-down,format=auto,width=1724/images-secure/popups/w.ZniQi6KSVq/01684a642ed5f99d268f97c9fc6a4338.png\",\n type: \"image\",\n align: \"center\",\n width: \"full\",\n styles: {\n margin: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n padding: {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n visibility: {\n mobile: false,\n tablet: true,\n desktop: true,\n },\n },\n ],\n ],\n },\n ],\n },\n ],\n activeCanvasPageId: \"f5902bc8-e71e-4b56-a590-349782c7b309\",\n };\n}\n","/**\n * Optional embed configuration when editing website popups (editorType `popup`).\n * Stored under {@link TemplateSettings.popup}.\n */\n\nimport type { SpacingValue } from \"./blocks\";\n\n/** Logical combiner when both delay and page-view rules apply. */\nexport type PopupTriggerConditionsOperator = \"and\" | \"or\";\n\n/**\n * Extra funnel rules before a trigger may fire (delay since load, page view count).\n * Stored on each trigger slot; serialized for embed runtimes via {@link toPopupTriggersEmbedJson}.\n */\nexport interface PopupTriggerConditions {\n enabled: boolean;\n delaySeconds: number;\n pageViews: number;\n operator: PopupTriggerConditionsOperator;\n}\n\nexport type PopupSizePreset =\n | \"small\"\n | \"medium\"\n | \"large\"\n | \"fullscreen\"\n | \"fullHeight\"\n | \"custom\";\n\nexport interface PopupTriggerSlot {\n enabled: boolean;\n /** Optional funnel conditions (delay, page views). */\n triggerConditions?: PopupTriggerConditions;\n /** On scroll — percent of viewport height */\n scrollPercent?: number;\n /** On click — hash fragment or selector snippet shown to merchant */\n clickAnchor?: string;\n /** On hover — element id */\n hoverElementId?: string;\n /** Custom event name */\n customEventName?: string;\n /** Exit intent — also react when user scrolls up near the top. */\n triggerOnScrollUp?: boolean;\n /** Exit intent — react to back navigation where the runtime supports it. */\n triggerOnBackButton?: boolean;\n}\n\nexport interface PopupTriggersSettings {\n onLanding: PopupTriggerSlot;\n /** Exit intent — visitor moves to leave the page */\n onExit: PopupTriggerSlot;\n onScroll: PopupTriggerSlot;\n onClick: PopupTriggerSlot;\n onHover: PopupTriggerSlot;\n onCustomEvent: PopupTriggerSlot;\n}\n\n/** Anchor point for the popup panel within the viewport. */\nexport type PopupScreenPosition =\n | \"topLeft\"\n | \"topCenter\"\n | \"topRight\"\n | \"middleLeft\"\n | \"center\"\n | \"middleRight\"\n | \"bottomLeft\"\n | \"bottomCenter\"\n | \"bottomRight\";\n\n/** Opening animation hint for the embed runtime. */\nexport type PopupDisplayAnimation = \"smooth\" | \"fadeIn\" | \"slideIn\" | \"none\";\n\nexport type PopupCloseButtonPosition = \"left\" | \"right\";\n\nexport interface PopupDesignSettings {\n sizePreset: PopupSizePreset;\n /** Inner padding (px) around popup canvas content in the editor preview. */\n contentPadding: SpacingValue;\n useOverlay: boolean;\n overlayImage: boolean;\n /** Data URL or HTTPS URL when overlay image mode uses custom artwork. */\n overlayImageUrl?: string;\n /**\n * Blur intensity (px) for the backdrop scrim when overlay is on and\n * {@link overlayImage} is off. 0 = sharp, 30 = heavy blur.\n */\n overlayBlur?: number;\n /**\n * @deprecated Use {@link overlayBlur} instead. Kept for backward compat with\n * older saved templates; the editor no longer exposes a tint control.\n */\n overlayOpacity?: number;\n /**\n * Opacity of the overlay background image when {@link overlayImage} is on and URL is set.\n * 0–1.\n */\n overlayImageOpacity?: number;\n /** Toggle: paint a background image on the popup card itself (behind blocks). */\n backgroundImage: boolean;\n /**\n * Data URL or HTTPS URL applied as the popup card's background when\n * {@link backgroundImage} is on. Mirrors `popupConfig.backgroundImage` from\n * the embed runtime in `packages/editor/index.html`.\n */\n backgroundImageUrl?: string;\n /**\n * How the popup card adopts its background image (mirrors `imageFit` in the\n * embed runtime):\n * - `auto` — preserve natural aspect ratio (`background-size: auto`)\n * - `cover` — fill the card, may crop (default)\n * - `contain` — fit whole image with letterboxing\n */\n backgroundImageFit?: \"auto\" | \"cover\" | \"contain\";\n /**\n * When true, the popup card is dressed entirely by the image — block content\n * still renders but `image-only` consumers will typically suppress chrome\n * (header / footer). Mirrors `imageOnly` in the embed runtime.\n */\n backgroundImageOnly?: boolean;\n multiColumnEnabled: boolean;\n multiColumnPreset: \"two\" | \"three\";\n rtl: boolean;\n /** Where the popup sits relative to the viewport. */\n popupPosition: PopupScreenPosition;\n displayAnimation: PopupDisplayAnimation;\n displayCloseButton: boolean;\n closeButtonPosition: PopupCloseButtonPosition;\n closeOnOverlayClick: boolean;\n}\n\n/** Day pattern for a detailed schedule row. */\nexport type PopupScheduleDayPreset =\n | \"everyday\"\n | \"monday\"\n | \"tuesday\"\n | \"wednesday\"\n | \"thursday\"\n | \"friday\"\n | \"saturday\"\n | \"sunday\";\n\nexport interface PopupScheduleSlot {\n id: string;\n dayPreset: PopupScheduleDayPreset;\n /** Local time HH:mm (24h). */\n startTime: string;\n /** Local time HH:mm (24h). */\n endTime: string;\n}\n\nexport interface PopupScheduleSettings {\n /** IANA time zone identifier (see {@link POPUP_SCHEDULE_TIMEZONES}). */\n timeZone: string;\n /** ISO date `yyyy-mm-dd`, or empty = start immediately. */\n startDate: string;\n /** ISO date `yyyy-mm-dd`, or empty = no end date. */\n endDate: string;\n detailedScheduleEnabled: boolean;\n slots: PopupScheduleSlot[];\n}\n\n/** Curated zones with labels matching common marketing schedulers (GMT prefix). */\nexport const POPUP_SCHEDULE_TIMEZONES: readonly {\n id: string;\n label: string;\n}[] = [\n { id: \"UTC\", label: \"GMT+0000 (Coordinated Universal Time)\" },\n { id: \"America/Los_Angeles\", label: \"GMT−0800 (Pacific Time)\" },\n { id: \"America/Denver\", label: \"GMT−0700 (Mountain Time)\" },\n { id: \"America/Chicago\", label: \"GMT−0600 (Central Time)\" },\n { id: \"America/New_York\", label: \"GMT−0500 (Eastern Time)\" },\n { id: \"America/Sao_Paulo\", label: \"GMT−0300 (Brasília Time)\" },\n { id: \"Europe/London\", label: \"GMT+0000 (United Kingdom)\" },\n { id: \"Europe/Paris\", label: \"GMT+0100 (Central European Time)\" },\n { id: \"Asia/Dubai\", label: \"GMT+0400 (Gulf Standard Time)\" },\n { id: \"Asia/Kolkata\", label: \"GMT+0530 (India Standard Time)\" },\n { id: \"Asia/Singapore\", label: \"GMT+0800 (Singapore)\" },\n { id: \"Asia/Tokyo\", label: \"GMT+0900 (Japan Standard Time)\" },\n { id: \"Australia/Sydney\", label: \"GMT+1000 / GMT+1100 (Australian Eastern)\" },\n { id: \"Pacific/Auckland\", label: \"GMT+1200 / GMT+1300 (New Zealand)\" },\n];\n\nexport interface PopupEmbedSettings {\n triggers: PopupTriggersSettings;\n design: PopupDesignSettings;\n schedule: PopupScheduleSettings;\n}\n\n/** Short-key payload for embed / third-party integrations (not the editor storage shape). */\nexport interface PopupTriggersEmbedApi {\n landing: {\n enabled: boolean;\n triggerConditions: PopupTriggerConditions;\n };\n exit: {\n enabled: boolean;\n triggerConditions: PopupTriggerConditions;\n triggerOnScrollUp: boolean;\n triggerOnBackButton: boolean;\n };\n scroll: {\n enabled: boolean;\n scrollPercentage: number;\n triggerConditions: PopupTriggerConditions;\n };\n click: {\n enabled: boolean;\n elementId: string;\n triggerConditions: PopupTriggerConditions;\n };\n hover: {\n enabled: boolean;\n elementId: string;\n triggerConditions: PopupTriggerConditions;\n };\n custom: {\n enabled: boolean;\n customEventName: string;\n triggerConditions: PopupTriggerConditions;\n };\n}\n\nexport function createDefaultTriggerConditions(): PopupTriggerConditions {\n return {\n enabled: false,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n };\n}\n\n/**\n * Coerces legacy `triggerConditions: true | false` and partial objects into a full object.\n */\nexport function normalizeTriggerConditions(\n value: PopupTriggerConditions | boolean | undefined | null,\n): PopupTriggerConditions {\n if (value === true) {\n return {\n enabled: true,\n delaySeconds: 0,\n pageViews: 0,\n operator: \"and\",\n };\n }\n if (value === false || value === undefined || value === null) {\n return createDefaultTriggerConditions();\n }\n return {\n enabled: !!value.enabled,\n delaySeconds:\n typeof value.delaySeconds === \"number\" &&\n Number.isFinite(value.delaySeconds)\n ? Math.max(0, value.delaySeconds)\n : 0,\n pageViews:\n typeof value.pageViews === \"number\" && Number.isFinite(value.pageViews)\n ? Math.max(0, value.pageViews)\n : 0,\n operator: value.operator === \"or\" ? \"or\" : \"and\",\n };\n}\n\nexport function normalizePopupTriggerSlot(\n base: PopupTriggerSlot,\n incoming?: Partial<PopupTriggerSlot>,\n): PopupTriggerSlot {\n if (incoming === undefined) {\n return {\n ...base,\n triggerConditions: normalizeTriggerConditions(base.triggerConditions),\n };\n }\n const merged: PopupTriggerSlot = { ...base, ...incoming };\n const tcSource = Object.prototype.hasOwnProperty.call(\n incoming,\n \"triggerConditions\",\n )\n ? incoming.triggerConditions\n : base.triggerConditions;\n merged.triggerConditions = normalizeTriggerConditions(\n tcSource as PopupTriggerConditions | boolean | undefined,\n );\n return merged;\n}\n\nexport function normalizePopupTriggersSettings(\n base: PopupTriggersSettings,\n incoming?: Partial<PopupTriggersSettings>,\n): PopupTriggersSettings {\n const keys = Object.keys(base) as (keyof PopupTriggersSettings)[];\n const out = { ...base };\n for (const k of keys) {\n out[k] = normalizePopupTriggerSlot(base[k], incoming?.[k]);\n }\n return out;\n}\n\n/**\n * Maps editor/storage keys (`onLanding`, …) to a compact embed JSON shape (`landing`, …).\n * `click` / `hover` use `elementId` (from `clickAnchor` / `hoverElementId`).\n */\nexport function toPopupTriggersEmbedJson(\n triggers: PopupTriggersSettings,\n): PopupTriggersEmbedApi {\n const tc = (slot: PopupTriggerSlot): PopupTriggerConditions =>\n normalizeTriggerConditions(slot.triggerConditions);\n\n const clickAnchor = triggers.onClick.clickAnchor ?? \"\";\n const elementIdFromAnchor = clickAnchor.startsWith(\"#\")\n ? clickAnchor.slice(1)\n : clickAnchor;\n\n return {\n landing: {\n enabled: triggers.onLanding.enabled,\n triggerConditions: tc(triggers.onLanding),\n },\n exit: {\n enabled: triggers.onExit.enabled,\n triggerConditions: tc(triggers.onExit),\n triggerOnScrollUp: triggers.onExit.triggerOnScrollUp ?? false,\n triggerOnBackButton: triggers.onExit.triggerOnBackButton ?? false,\n },\n scroll: {\n enabled: triggers.onScroll.enabled,\n scrollPercentage: triggers.onScroll.scrollPercent ?? 50,\n triggerConditions: tc(triggers.onScroll),\n },\n click: {\n enabled: triggers.onClick.enabled,\n elementId: elementIdFromAnchor,\n triggerConditions: tc(triggers.onClick),\n },\n hover: {\n enabled: triggers.onHover.enabled,\n elementId: triggers.onHover.hoverElementId ?? \"\",\n triggerConditions: tc(triggers.onHover),\n },\n custom: {\n enabled: triggers.onCustomEvent.enabled,\n customEventName: triggers.onCustomEvent.customEventName ?? \"\",\n triggerConditions: tc(triggers.onCustomEvent),\n },\n };\n}\n\n/** Pixel widths aligned with common popup presets (content column). */\nexport const POPUP_SIZE_PRESET_WIDTH: Record<PopupSizePreset, number> = {\n small: 380,\n medium: 480,\n large: 600,\n fullscreen: 960,\n fullHeight: 420,\n custom: 600,\n};\n\nfunction defaultScheduleSlots(): PopupScheduleSlot[] {\n return [\n {\n id: \"schedule-slot-1\",\n dayPreset: \"everyday\",\n startTime: \"00:00\",\n endTime: \"23:59\",\n },\n {\n id: \"schedule-slot-2\",\n dayPreset: \"everyday\",\n startTime: \"00:00\",\n endTime: \"23:59\",\n },\n ];\n}\n\nexport function createDefaultPopupEmbedSettings(): PopupEmbedSettings {\n const off = createDefaultTriggerConditions();\n return {\n triggers: {\n onLanding: { enabled: true, triggerConditions: { ...off } },\n onExit: {\n enabled: false,\n triggerConditions: { ...off },\n triggerOnScrollUp: false,\n triggerOnBackButton: false,\n },\n onScroll: {\n enabled: false,\n scrollPercent: 50,\n triggerConditions: { ...off },\n },\n onClick: {\n enabled: false,\n clickAnchor: \"#popup\",\n triggerConditions: { ...off },\n },\n onHover: {\n enabled: false,\n hoverElementId: \"\",\n triggerConditions: { ...off },\n },\n onCustomEvent: {\n enabled: false,\n customEventName: \"\",\n triggerConditions: { ...off },\n },\n },\n design: {\n sizePreset: \"large\",\n contentPadding: { top: 24, right: 24, bottom: 24, left: 24 },\n useOverlay: true,\n overlayImage: false,\n overlayBlur: 8,\n overlayImageOpacity: 1,\n backgroundImage: false,\n backgroundImageUrl: \"\",\n backgroundImageFit: \"cover\",\n backgroundImageOnly: false,\n multiColumnEnabled: true,\n multiColumnPreset: \"two\",\n rtl: false,\n popupPosition: \"center\",\n displayAnimation: \"smooth\",\n displayCloseButton: true,\n closeButtonPosition: \"right\",\n closeOnOverlayClick: true,\n },\n schedule: {\n timeZone: \"Asia/Kolkata\",\n startDate: \"\",\n endDate: \"\",\n detailedScheduleEnabled: true,\n slots: defaultScheduleSlots(),\n },\n };\n}\n","import type {\n ButtonBlock,\n InputBlock,\n CountdownBlock,\n DividerBlock,\n FormBlock,\n HtmlBlock,\n ImageBlock,\n MenuBlock,\n ParagraphBlock,\n SectionBlock,\n SocialIconsBlock,\n SpacerBlock,\n TableBlock,\n TitleBlock,\n VideoBlock,\n} from \"./blocks\";\nimport type { TemplateSettings } from \"./template\";\n\ntype BlockDefaultsFor<T> = Partial<Omit<T, \"id\" | \"type\">>;\n\nexport interface BlockDefaults {\n title?: BlockDefaultsFor<TitleBlock>;\n paragraph?: BlockDefaultsFor<ParagraphBlock>;\n image?: BlockDefaultsFor<ImageBlock>;\n button?: BlockDefaultsFor<ButtonBlock>;\n input?: BlockDefaultsFor<InputBlock>;\n divider?: BlockDefaultsFor<DividerBlock>;\n section?: BlockDefaultsFor<SectionBlock>;\n video?: BlockDefaultsFor<VideoBlock>;\n social?: BlockDefaultsFor<SocialIconsBlock>;\n spacer?: BlockDefaultsFor<SpacerBlock>;\n html?: BlockDefaultsFor<HtmlBlock>;\n menu?: BlockDefaultsFor<MenuBlock>;\n table?: BlockDefaultsFor<TableBlock>;\n countdown?: BlockDefaultsFor<CountdownBlock>;\n form?: BlockDefaultsFor<FormBlock>;\n}\n\nexport type TemplateDefaults = Partial<TemplateSettings>;\n\n// ---------------------------------------------------------------------------\n// Built-in default values — single source of truth for factories & consumers\n// ---------------------------------------------------------------------------\n\nexport const TITLE_BLOCK_DEFAULTS: BlockDefaultsFor<TitleBlock> = {\n content: \"<p>Enter your title</p>\",\n level: 2,\n color: \"#1a1a1a\",\n textAlign: \"left\",\n};\n\nexport const PARAGRAPH_BLOCK_DEFAULTS: BlockDefaultsFor<ParagraphBlock> = {\n content: \"<p>Enter your text here</p>\",\n};\n\nexport const IMAGE_BLOCK_DEFAULTS: BlockDefaultsFor<ImageBlock> = {\n src: \"\",\n alt: \"\",\n width: \"full\",\n align: \"center\",\n};\n\nexport const BUTTON_BLOCK_DEFAULTS: BlockDefaultsFor<ButtonBlock> = {\n text: \"Click Here\",\n url: \"\",\n backgroundColor: \"#333333\",\n textColor: \"#ffffff\",\n borderRadius: 6,\n fontSize: 15,\n buttonPadding: { top: 12, right: 24, bottom: 12, left: 24 },\n borderWidth: 0,\n borderColor: \"#000000\",\n borderSides: \"all\",\n};\n\nexport const INPUT_BLOCK_DEFAULTS: BlockDefaultsFor<InputBlock> = {\n inputType: \"text\",\n name: \"field\",\n label: \"Label\",\n placeholder: \"\",\n defaultValue: \"\",\n required: false,\n labelMargin: { top: 0, right: 0, bottom: 8, left: 0 },\n labelPadding: { top: 0, right: 0, bottom: 0, left: 0 },\n labelFontSize: 14,\n labelColor: \"#374151\",\n labelFontWeight: \"normal\",\n labelTextAlign: \"left\",\n inputMargin: { top: 0, right: 0, bottom: 0, left: 0 },\n inputPadding: { top: 10, right: 12, bottom: 10, left: 12 },\n inputBackgroundColor: \"#ffffff\",\n inputTextColor: \"#111827\",\n inputPlaceholderColor: \"#9ca3af\",\n inputFontSize: 15,\n inputBorderRadius: 6,\n inputBorderWidth: 1,\n inputBorderColor: \"#d1d5db\",\n inputBorderSides: \"all\",\n inputWidth: \"full\",\n};\n\nexport const DIVIDER_BLOCK_DEFAULTS: BlockDefaultsFor<DividerBlock> = {\n lineStyle: \"solid\",\n color: \"#e0e0e0\",\n thickness: 1,\n width: \"full\",\n};\n\nexport const SECTION_BLOCK_DEFAULTS: BlockDefaultsFor<SectionBlock> = {\n columns: \"1\",\n};\n\nexport const VIDEO_BLOCK_DEFAULTS: BlockDefaultsFor<VideoBlock> = {\n url: \"\",\n thumbnailUrl: \"\",\n alt: \"Video\",\n width: \"full\",\n align: \"center\",\n};\n\nexport const SOCIAL_ICONS_BLOCK_DEFAULTS: BlockDefaultsFor<SocialIconsBlock> = {\n iconStyle: \"solid\",\n iconSize: \"medium\",\n spacing: 10,\n align: \"center\",\n};\n\nexport const SPACER_BLOCK_DEFAULTS: BlockDefaultsFor<SpacerBlock> = {\n height: 24,\n};\n\nexport const HTML_BLOCK_DEFAULTS: BlockDefaultsFor<HtmlBlock> = {\n content: \"\",\n};\n\nexport const MENU_BLOCK_DEFAULTS: BlockDefaultsFor<MenuBlock> = {\n fontSize: 15,\n color: \"#1a1a1a\",\n textAlign: \"center\",\n separator: \"|\",\n separatorColor: \"#e0e0e0\",\n spacing: 10,\n};\n\nexport const TABLE_BLOCK_DEFAULTS: BlockDefaultsFor<TableBlock> = {\n hasHeaderRow: true,\n borderColor: \"#e0e0e0\",\n borderWidth: 1,\n cellPadding: 8,\n fontSize: 15,\n color: \"#1a1a1a\",\n textAlign: \"left\",\n};\n\nexport const FORM_BLOCK_DEFAULTS: BlockDefaultsFor<FormBlock> = {\n syncIntegrationId: null,\n submitButtonText: \"Sign up\",\n buttonAction: \"next_step\",\n buttonLayout: \"one_line\",\n buttonUrl: \"\",\n termsContent:\n \"By signing up, you agree to receive marketing emails. You can unsubscribe at any time.\",\n termsEnabled: false,\n inputBackgroundColor: \"#ffffff\",\n inputTextColor: \"#111827\",\n inputPlaceholderColor: \"#9ca3af\",\n inputBorderColor: \"#d1d5db\",\n inputBorderWidth: 1,\n inputBorderRadius: 8,\n inputFontSize: 14,\n inputPadding: { top: 12, right: 14, bottom: 12, left: 14 },\n inputSpacing: 12,\n labelColor: \"#374151\",\n labelFontSize: 13,\n buttonBackgroundColor: \"#111827\",\n buttonTextColor: \"#ffffff\",\n buttonBorderRadius: 8,\n buttonFontSize: 14,\n};\n\nexport const COUNTDOWN_BLOCK_DEFAULTS: BlockDefaultsFor<CountdownBlock> = {\n targetDate: \"\",\n timezone: \"UTC\",\n showDays: true,\n showHours: true,\n showMinutes: true,\n showSeconds: true,\n separator: \":\",\n digitFontSize: 32,\n digitColor: \"#1a1a1a\",\n labelColor: \"#6b7280\",\n labelFontSize: 12,\n backgroundColor: \"#ffffff\",\n labelDays: \"Days\",\n labelHours: \"Hours\",\n labelMinutes: \"Minutes\",\n labelSeconds: \"Seconds\",\n expiredMessage: \"This offer has expired\",\n expiredImageUrl: \"\",\n hideOnExpiry: false,\n style: \"minimal\",\n layout: \"horizontal\",\n animationSpeed: \"normal\",\n accentColor: \"#6366f1\",\n cardGap: 12,\n cardRadius: 16,\n enableParticles: true,\n enableHoverFx: true,\n};\n\nexport const DEFAULT_BLOCK_DEFAULTS: Required<BlockDefaults> = {\n title: TITLE_BLOCK_DEFAULTS,\n paragraph: PARAGRAPH_BLOCK_DEFAULTS,\n image: IMAGE_BLOCK_DEFAULTS,\n button: BUTTON_BLOCK_DEFAULTS,\n input: INPUT_BLOCK_DEFAULTS,\n divider: DIVIDER_BLOCK_DEFAULTS,\n section: SECTION_BLOCK_DEFAULTS,\n video: VIDEO_BLOCK_DEFAULTS,\n social: SOCIAL_ICONS_BLOCK_DEFAULTS,\n spacer: SPACER_BLOCK_DEFAULTS,\n html: HTML_BLOCK_DEFAULTS,\n menu: MENU_BLOCK_DEFAULTS,\n table: TABLE_BLOCK_DEFAULTS,\n countdown: COUNTDOWN_BLOCK_DEFAULTS,\n form: FORM_BLOCK_DEFAULTS,\n};\n\nexport const DEFAULT_TEMPLATE_DEFAULTS: TemplateDefaults = {\n width: 600,\n backgroundColor: \"#ffffff\",\n fontFamily: \"Arial\",\n locale: \"en\",\n};\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n return (\n typeof value === \"object\" &&\n value !== null &&\n !Array.isArray(value) &&\n Object.getPrototypeOf(value) === Object.prototype\n );\n}\n\nexport function deepMergeDefaults<T extends object>(\n base: T,\n overrides: Partial<T>,\n): T {\n const result = { ...base };\n\n for (const key of Object.keys(overrides) as Array<keyof T>) {\n const baseVal = base[key];\n const overrideVal = overrides[key];\n\n if (overrideVal === undefined) {\n continue;\n }\n\n if (isPlainObject(baseVal) && isPlainObject(overrideVal)) {\n result[key] = deepMergeDefaults(\n baseVal,\n overrideVal as Partial<typeof baseVal>,\n ) as T[keyof T];\n } else {\n result[key] = overrideVal as T[keyof T];\n }\n }\n\n return result;\n}\n","import type {\n Block,\n BlockStyles,\n BlockType,\n ButtonBlock,\n FormBlock,\n FormFieldData,\n FormFieldType,\n InputBlock,\n CountdownBlock,\n CustomBlock,\n DividerBlock,\n HtmlBlock,\n ImageBlock,\n MenuBlock,\n ParagraphBlock,\n SectionBlock,\n SocialIconsBlock,\n SpacerBlock,\n SpacingValue,\n TableBlock,\n TableCellData,\n TableRowData,\n TitleBlock,\n VideoBlock,\n} from \"./blocks\";\nimport type { CustomBlockDefinition, CustomBlockField } from \"./custom-blocks\";\nimport type { BlockDefaults } from \"./defaults\";\nimport {\n BUTTON_BLOCK_DEFAULTS,\n INPUT_BLOCK_DEFAULTS,\n COUNTDOWN_BLOCK_DEFAULTS,\n deepMergeDefaults,\n DIVIDER_BLOCK_DEFAULTS,\n FORM_BLOCK_DEFAULTS,\n HTML_BLOCK_DEFAULTS,\n IMAGE_BLOCK_DEFAULTS,\n MENU_BLOCK_DEFAULTS,\n PARAGRAPH_BLOCK_DEFAULTS,\n SECTION_BLOCK_DEFAULTS,\n SOCIAL_ICONS_BLOCK_DEFAULTS,\n SPACER_BLOCK_DEFAULTS,\n TABLE_BLOCK_DEFAULTS,\n TITLE_BLOCK_DEFAULTS,\n VIDEO_BLOCK_DEFAULTS,\n} from \"./defaults\";\n\nfunction applyDefaults<T extends object>(\n base: T,\n partial: Partial<T> | undefined,\n): T {\n if (!partial || Object.keys(partial).length === 0) return base;\n return deepMergeDefaults(base, partial);\n}\n\nexport function generateId(): string {\n return crypto.randomUUID();\n}\n\nfunction createDefaultSpacing(value = 0): SpacingValue {\n return { top: value, right: value, bottom: value, left: value };\n}\n\nfunction createDefaultStyles(padding = 10): BlockStyles {\n return {\n padding: createDefaultSpacing(padding),\n margin: createDefaultSpacing(0),\n };\n}\n\nexport function createTitleBlock(\n partial: Partial<TitleBlock> = {},\n): TitleBlock {\n const base: TitleBlock = {\n id: generateId(),\n type: \"title\",\n ...TITLE_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as TitleBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createParagraphBlock(\n partial: Partial<ParagraphBlock> = {},\n): ParagraphBlock {\n const base: ParagraphBlock = {\n id: generateId(),\n type: \"paragraph\",\n ...PARAGRAPH_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as ParagraphBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createImageBlock(\n partial: Partial<ImageBlock> = {},\n): ImageBlock {\n const base: ImageBlock = {\n id: generateId(),\n type: \"image\",\n ...IMAGE_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as ImageBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createButtonBlock(\n partial: Partial<ButtonBlock> = {},\n): ButtonBlock {\n const base: ButtonBlock = {\n id: generateId(),\n type: \"button\",\n ...BUTTON_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as ButtonBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createInputBlock(\n partial: Partial<InputBlock> = {},\n): InputBlock {\n const base: InputBlock = {\n id: generateId(),\n type: \"input\",\n ...INPUT_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as InputBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createDividerBlock(\n partial: Partial<DividerBlock> = {},\n): DividerBlock {\n const base: DividerBlock = {\n id: generateId(),\n type: \"divider\",\n ...DIVIDER_BLOCK_DEFAULTS,\n styles: createDefaultStyles(20),\n } as DividerBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createSectionBlock(\n partial: Partial<SectionBlock> = {},\n): SectionBlock {\n const base: SectionBlock = {\n id: generateId(),\n type: \"section\",\n ...SECTION_BLOCK_DEFAULTS,\n children: [[]],\n styles: createDefaultStyles(20),\n } as SectionBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createVideoBlock(\n partial: Partial<VideoBlock> = {},\n): VideoBlock {\n const base: VideoBlock = {\n id: generateId(),\n type: \"video\",\n ...VIDEO_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as VideoBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createSocialIconsBlock(\n partial: Partial<SocialIconsBlock> = {},\n): SocialIconsBlock {\n const base: SocialIconsBlock = {\n id: generateId(),\n type: \"social\",\n icons: [],\n ...SOCIAL_ICONS_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as SocialIconsBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createSpacerBlock(\n partial: Partial<SpacerBlock> = {},\n): SpacerBlock {\n const base: SpacerBlock = {\n id: generateId(),\n type: \"spacer\",\n ...SPACER_BLOCK_DEFAULTS,\n styles: createDefaultStyles(0),\n } as SpacerBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createHtmlBlock(partial: Partial<HtmlBlock> = {}): HtmlBlock {\n const base: HtmlBlock = {\n id: generateId(),\n type: \"html\",\n ...HTML_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as HtmlBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createMenuBlock(partial: Partial<MenuBlock> = {}): MenuBlock {\n const base: MenuBlock = {\n id: generateId(),\n type: \"menu\",\n items: [],\n ...MENU_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as MenuBlock;\n return applyDefaults(base, partial);\n}\n\nfunction createDefaultTableRows(columns: number, rows: number): TableRowData[] {\n return Array.from({ length: rows }, () => ({\n id: generateId(),\n cells: Array.from(\n { length: columns },\n (): TableCellData => ({\n id: generateId(),\n content: \"\",\n }),\n ),\n }));\n}\n\nexport function createTableBlock(\n partial: Partial<TableBlock> = {},\n): TableBlock {\n const base: TableBlock = {\n id: generateId(),\n type: \"table\",\n rows: createDefaultTableRows(3, 3),\n ...TABLE_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as TableBlock;\n return applyDefaults(base, partial);\n}\n\nexport function createCountdownBlock(\n partial: Partial<CountdownBlock> = {},\n): CountdownBlock {\n const base: CountdownBlock = {\n id: generateId(),\n type: \"countdown\",\n ...COUNTDOWN_BLOCK_DEFAULTS,\n styles: createDefaultStyles(),\n } as CountdownBlock;\n return applyDefaults(base, partial);\n}\n\nconst FORM_FIELD_PRESETS: Record<\n FormFieldType,\n { name: string; label: string; placeholder: string }\n> = {\n firstName: {\n name: \"first_name\",\n label: \"First name\",\n placeholder: \"Your first name\",\n },\n lastName: {\n name: \"last_name\",\n label: \"Last name\",\n placeholder: \"Your last name\",\n },\n email: {\n name: \"email\",\n label: \"Email\",\n placeholder: \"email@example.com\",\n },\n phone: {\n name: \"phone\",\n label: \"Phone\",\n placeholder: \"+1 555 123 4567\",\n },\n};\n\nexport function createFormField(\n type: FormFieldType,\n partial: Partial<FormFieldData> = {},\n): FormFieldData {\n const preset = FORM_FIELD_PRESETS[type];\n const base: FormFieldData = {\n id: generateId(),\n type,\n name: preset.name,\n label: preset.label,\n placeholder: preset.placeholder,\n required: type === \"email\",\n ...(type === \"email\"\n ? {\n blockExisting: false,\n blockExistingScope: \"all_campaigns\",\n blockExistingMessage: \"Sorry, this email was already submitted.\",\n }\n : {}),\n };\n return { ...base, ...partial };\n}\n\nexport function createFormBlock(partial: Partial<FormBlock> = {}): FormBlock {\n const base: FormBlock = {\n id: generateId(),\n type: \"form\",\n ...FORM_BLOCK_DEFAULTS,\n fields: [createFormField(\"email\")],\n styles: createDefaultStyles(),\n } as FormBlock;\n const merged = applyDefaults(base, partial);\n // `deepMergeDefaults` replaces whole arrays; injected `blockDefaults.form` often\n // includes `fields: []` and would wipe the seeded email field — restore if empty.\n if (!merged.fields?.length) {\n return { ...merged, fields: [createFormField(\"email\")] };\n }\n return merged;\n}\n\nfunction getFieldDefault(field: CustomBlockField): unknown {\n if (field.type === \"repeatable\") {\n return field.default ?? [];\n }\n if (field.type === \"boolean\") {\n return field.default ?? false;\n }\n if (field.type === \"number\") {\n return field.default ?? 0;\n }\n\n return field.default ?? \"\";\n}\n\nexport function createCustomBlock(\n definition: CustomBlockDefinition,\n): CustomBlock {\n const fieldValues: Record<string, unknown> = {};\n\n for (const field of definition.fields) {\n fieldValues[field.key] = getFieldDefault(field);\n }\n\n return {\n id: generateId(),\n type: \"custom\",\n customType: definition.type,\n fieldValues,\n styles: createDefaultStyles(),\n ...(definition.dataSource ? { dataSourceFetched: false } : {}),\n };\n}\n\nexport function createBlock(\n type: BlockType,\n blockDefaults?: BlockDefaults,\n): Block {\n switch (type) {\n case \"section\":\n return createSectionBlock(blockDefaults?.section);\n case \"title\":\n return createTitleBlock(blockDefaults?.title);\n case \"paragraph\":\n return createParagraphBlock(blockDefaults?.paragraph);\n case \"image\":\n return createImageBlock(blockDefaults?.image);\n case \"button\":\n return createButtonBlock(blockDefaults?.button);\n case \"input\":\n return createInputBlock(blockDefaults?.input);\n case \"divider\":\n return createDividerBlock(blockDefaults?.divider);\n case \"video\":\n return createVideoBlock(blockDefaults?.video);\n case \"social\":\n return createSocialIconsBlock(blockDefaults?.social);\n case \"spacer\":\n return createSpacerBlock(blockDefaults?.spacer);\n case \"html\":\n return createHtmlBlock(blockDefaults?.html);\n case \"menu\":\n return createMenuBlock(blockDefaults?.menu);\n case \"table\":\n return createTableBlock(blockDefaults?.table);\n case \"countdown\":\n return createCountdownBlock(blockDefaults?.countdown);\n case \"form\":\n return createFormBlock(blockDefaults?.form);\n default:\n throw new Error(`Unknown block type: ${type}`);\n }\n}\n\nexport function cloneBlock(block: Block): Block {\n const cloned = JSON.parse(JSON.stringify(block)) as Block;\n cloned.id = generateId();\n\n if (cloned.type === \"section\") {\n cloned.children = cloned.children.map((column) =>\n column.map((child) => cloneBlock(child)),\n );\n }\n\n return cloned;\n}\n","import type { MergeTag } from \"./config\";\n\n// --- Syntax Presets ---\n\nexport interface SyntaxPreset {\n value: RegExp;\n logic: RegExp;\n}\n\nexport type SyntaxPresetName =\n | \"liquid\"\n | \"handlebars\"\n | \"mailchimp\"\n | \"ampscript\";\n\nexport const SYNTAX_PRESETS: Record<SyntaxPresetName, SyntaxPreset> = {\n liquid: { value: /\\{\\{.+?\\}\\}/g, logic: /\\{%-?\\s*(\\w+).*?-?%\\}/g },\n handlebars: {\n value: /\\{\\{\\{?.+?\\}?\\}\\}/g,\n logic: /\\{\\{[#/](\\w+).*?\\}\\}/g,\n },\n mailchimp: { value: /\\*\\|\\w+\\|\\*/g, logic: /\\*\\|(\\w+)[:|].*?\\|\\*/g },\n ampscript: { value: /%%=.+?=%%/g, logic: /%%\\[\\s*(\\w+).*?\\]%%/g },\n};\n\nconst SYNTAX_TRIGGER_CHARS: Record<SyntaxPresetName, string> = {\n liquid: \"{{\",\n handlebars: \"{{\",\n mailchimp: \"*|\",\n ampscript: \"%%=\",\n};\n\n/**\n * Resolves the autocomplete trigger string for a syntax preset.\n * Returns null when the syntax doesn't match any built-in preset\n * (custom regex syntax — autocomplete cannot be enabled safely).\n */\nexport function getSyntaxTriggerChar(syntax: SyntaxPreset): string | null {\n for (const name of Object.keys(SYNTAX_PRESETS) as SyntaxPresetName[]) {\n if (SYNTAX_PRESETS[name].value.source === syntax.value.source) {\n return SYNTAX_TRIGGER_CHARS[name];\n }\n }\n return null;\n}\n\nexport function resolveSyntax(\n syntax?: SyntaxPresetName | SyntaxPreset,\n): SyntaxPreset {\n if (!syntax) {\n return SYNTAX_PRESETS.liquid;\n }\n\n if (typeof syntax === \"string\") {\n return SYNTAX_PRESETS[syntax] ?? SYNTAX_PRESETS.liquid;\n }\n\n return syntax;\n}\n\n// --- Merge Tag Utilities ---\n\nfunction escapeRegExp(str: string): string {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction anchoredRegex(pattern: RegExp): RegExp {\n const source = pattern.source;\n const flags = pattern.flags.replace(\"g\", \"\");\n return new RegExp(`^${source}$`, flags);\n}\n\nexport function isMergeTagValue(value: string, syntax: SyntaxPreset): boolean {\n const trimmed = value?.trim() || \"\";\n // Handlebars (and similar) value regex is liberal enough to also match\n // logic tags like `{{#each items}}`. Exclude logic-shaped tags so callers\n // that rely on this discriminator (UI segmentation, label rendering)\n // don't misclassify them.\n if (anchoredRegex(syntax.logic).test(trimmed)) {\n return false;\n }\n return anchoredRegex(syntax.value).test(trimmed);\n}\n\nexport function getMergeTagLabel(value: string, mergeTags: MergeTag[]): string {\n const found = mergeTags.find((p) => p.value === value);\n if (found) {\n return found.label;\n }\n return value;\n}\n\nexport function resolveHtmlMergeTagLabels(\n html: string,\n mergeTags: MergeTag[],\n): string {\n return html.replace(\n /(<span[^>]*\\sdata-merge-tag=\"([^\"]*)\"[^>]*>)(.*?)(<\\/span>)/g,\n (_match, openTag, value, _oldLabel, closeTag) => {\n const label = getMergeTagLabel(value, mergeTags);\n return `${openTag}${label}${closeTag}`;\n },\n );\n}\n\nexport function containsMergeTag(value: string, syntax: SyntaxPreset): boolean {\n if (!value) return false;\n\n const valueRegex = new RegExp(syntax.value.source, syntax.value.flags);\n const logicRegex = new RegExp(syntax.logic.source, syntax.logic.flags);\n\n return valueRegex.test(value) || logicRegex.test(value);\n}\n\nexport function restoreMergeTagMarkup(\n html: string,\n mergeTags: MergeTag[],\n syntax: SyntaxPreset,\n): string {\n let result = html;\n\n for (const tag of mergeTags) {\n const escaped = escapeRegExp(tag.value);\n const pattern = new RegExp(`(?<!data-merge-tag=\")${escaped}`, \"g\");\n result = result.replace(pattern, (match) => {\n const label = getMergeTagLabel(match, mergeTags);\n return `<span data-merge-tag=\"${match}\">${label}</span>`;\n });\n }\n\n const logicRegex = new RegExp(\n `(?<!data-logic-merge-tag=\")${syntax.logic.source}`,\n syntax.logic.flags,\n );\n result = result.replace(logicRegex, (match) => {\n const keyword = getLogicMergeTagKeyword(match, syntax);\n return `<span data-logic-merge-tag=\"${match}\">${keyword}</span>`;\n });\n\n return result;\n}\n\nexport function isLogicMergeTagValue(\n value: string,\n syntax: SyntaxPreset,\n): boolean {\n return anchoredRegex(syntax.logic).test(value?.trim() || \"\");\n}\n\nexport function getLogicMergeTagKeyword(\n value: string,\n syntax: SyntaxPreset,\n): string {\n const regex = new RegExp(\n syntax.logic.source,\n syntax.logic.flags.replace(\"g\", \"\"),\n );\n const match = value.match(regex);\n return match && match[1] ? match[1].toUpperCase() : value;\n}\n\nexport function resolveHtmlLogicMergeTagLabels(\n html: string,\n syntax: SyntaxPreset,\n): string {\n return html.replace(\n /(<span[^>]*\\sdata-logic-merge-tag=\"([^\"]*)\"[^>]*>)(.*?)(<\\/span>)/g,\n (_match, openTag, value, _oldLabel, closeTag) => {\n const keyword = getLogicMergeTagKeyword(value, syntax);\n return `${openTag}${keyword}${closeTag}`;\n },\n );\n}\n","import type { SyntaxPreset, SyntaxPresetName } from \"./merge-tags\";\n\nexport type ViewportSize = \"desktop\" | \"tablet\" | \"mobile\";\n\nexport type UiTheme = \"light\" | \"dark\" | \"auto\";\n\nexport interface CustomFont {\n name: string;\n url: string;\n fallback?: string;\n}\n\nexport interface FontsConfig {\n defaultFallback?: string;\n defaultFont?: string;\n customFonts?: CustomFont[];\n}\n\nexport interface ExportResult {\n html: string;\n mjml: string;\n}\n\nexport interface MergeTag {\n label: string;\n value: string;\n}\n\nexport interface MediaResult {\n url: string;\n alt?: string;\n /**\n * When the asset was chosen at a specific conversion in the media library,\n * hints the editor to resize the template canvas (e.g. popup width).\n */\n templateWidth?: number;\n}\n\nexport interface MergeTagsConfig {\n syntax?: SyntaxPresetName | SyntaxPreset;\n tags?: MergeTag[];\n onRequest?: () => Promise<MergeTag | null>;\n /**\n * Enables typing-based autocomplete in rich text fields. When the user\n * types the syntax opener (e.g. `{{`), a popup lists matching `tags`.\n *\n * Defaults to `true`. Effective only when `tags` is non-empty AND\n * `syntax` matches a built-in preset (custom regex syntaxes cannot be\n * mapped to a trigger string and silently disable autocomplete).\n */\n autocomplete?: boolean;\n}\n\nexport interface DisplayCondition {\n label: string;\n before: string;\n after: string;\n group?: string;\n description?: string;\n}\n\nexport interface DisplayConditionsConfig {\n conditions: DisplayCondition[];\n allowCustom?: boolean;\n}\n\nexport interface ThemeOverrides {\n bg?: string;\n bgElevated?: string;\n bgHover?: string;\n bgActive?: string;\n border?: string;\n borderLight?: string;\n text?: string;\n textMuted?: string;\n textDim?: string;\n primary?: string;\n primaryHover?: string;\n primaryLight?: string;\n secondary?: string;\n secondaryHover?: string;\n secondaryLight?: string;\n success?: string;\n successLight?: string;\n warning?: string;\n warningLight?: string;\n danger?: string;\n dangerLight?: string;\n canvasBg?: string;\n dark?: Omit<ThemeOverrides, \"dark\">;\n}\n\nexport class SdkError extends Error {\n constructor(\n message: string,\n public readonly statusCode?: number,\n ) {\n super(message);\n this.name = \"SdkError\";\n }\n\n get isNotFound(): boolean {\n return this.statusCode === 404;\n }\n\n get isUnauthorized(): boolean {\n return this.statusCode === 401;\n }\n\n get isServerError(): boolean {\n return this.statusCode !== undefined && this.statusCode >= 500;\n }\n}\n","import type {\n Block,\n TemplateContent,\n TemplateDefaults,\n TemplateSettings,\n UiTheme,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport {\n createDefaultTemplateContent,\n normalizeTemplateContentPages,\n} from \"@aswin.dev/types\";\nimport {\n computed,\n reactive,\n readonly,\n type DeepReadonly,\n type Ref,\n} from \"@vue/reactivity\";\n\nexport interface EditorState {\n content: TemplateContent;\n selectedBlockId: string | null;\n viewport: ViewportSize;\n darkMode: boolean;\n previewMode: boolean;\n isDirty: boolean;\n uiTheme: UiTheme;\n}\n\nexport interface UseEditorOptions {\n content: TemplateContent;\n defaultFontFamily?: string;\n templateDefaults?: TemplateDefaults;\n lockedBlocks?: Ref<Map<string, unknown>>;\n}\n\nexport interface UseEditorReturn {\n state: DeepReadonly<EditorState>;\n content: Ref<TemplateContent>;\n selectedBlock: Ref<Block | null>;\n setContent: (content: TemplateContent, markDirty?: boolean) => void;\n selectBlock: (blockId: string | null) => void;\n setViewport: (viewport: ViewportSize) => void;\n setDarkMode: (darkMode: boolean) => void;\n setPreviewMode: (previewMode: boolean) => void;\n setUiTheme: (theme: UiTheme) => void;\n updateBlock: (blockId: string, updates: Partial<Block>) => void;\n updateSettings: (updates: Partial<TemplateSettings>) => void;\n addBlock: (\n block: Block,\n targetSectionId?: string,\n columnIndex?: number,\n index?: number,\n ) => void;\n removeBlock: (blockId: string) => void;\n moveBlock: (\n blockId: string,\n newIndex: number,\n targetSectionId?: string,\n columnIndex?: number,\n ) => void;\n isBlockLocked: (blockId: string) => boolean;\n markDirty: () => void;\n /** Wrap existing blocks as step 1 (popup / wizard canvases). No-op if already set. */\n ensureCanvasPages: () => void;\n /** Switch active canvas step; clears selection. */\n switchCanvasPage: (pageId: string) => void;\n /** Append an empty step and activate it. */\n addCanvasPage: () => void;\n /** Remove a step (must keep at least one). If active is removed, selects another. */\n removeCanvasPage: (pageId: string) => void;\n /** Update a step title shown in the canvas strip. */\n renameCanvasPage: (pageId: string, title: string) => void;\n /** Activate the next canvas step when using multi-page mode; returns false if none. */\n switchToNextCanvasPage: () => boolean;\n switchToPreviousCanvasPage: () => boolean;\n}\n\nexport function useEditor(options: UseEditorOptions): UseEditorReturn {\n const initialRaw =\n options.content ??\n createDefaultTemplateContent(\n options.defaultFontFamily,\n options.templateDefaults,\n );\n const state = reactive<EditorState>({\n content: normalizeTemplateContentPages(initialRaw),\n selectedBlockId: null,\n viewport: \"desktop\",\n darkMode: false,\n previewMode: false,\n isDirty: false,\n uiTheme: \"auto\",\n });\n\n const content = computed({\n get: () => state.content,\n set: (value: TemplateContent) => {\n state.content = normalizeTemplateContentPages(value);\n state.isDirty = true;\n },\n });\n\n const selectedBlock = computed(() => {\n if (!state.selectedBlockId) return null;\n return findBlockById(state.content.blocks, state.selectedBlockId);\n });\n\n function findBlockById(blocks: Block[], id: string): Block | null {\n for (const block of blocks) {\n if (block.id === id) return block;\n if (block.type === \"section\") {\n for (const column of block.children) {\n const found = findBlockById(column, id);\n if (found) return found;\n }\n }\n }\n return null;\n }\n\n function findBlockParent(\n blocks: Block[],\n id: string,\n parent: {\n blocks: Block[];\n sectionId?: string;\n columnIndex?: number;\n } = { blocks },\n ): { blocks: Block[]; sectionId?: string; columnIndex?: number } | null {\n for (let i = 0; i < blocks.length; i++) {\n const block = blocks[i];\n if (block.id === id) return parent;\n if (block.type === \"section\") {\n for (let colIdx = 0; colIdx < block.children.length; colIdx++) {\n const result = findBlockParent(block.children[colIdx], id, {\n blocks: block.children[colIdx],\n sectionId: block.id,\n columnIndex: colIdx,\n });\n if (result) return result;\n }\n }\n }\n return null;\n }\n\n function isBlockLocked(blockId: string): boolean {\n return options.lockedBlocks?.value.has(blockId) ?? false;\n }\n\n // TODO(collab): the lock checks in addBlock/moveBlock/removeBlock/updateBlock\n // are shallow — they only consider the directly-targeted block id. A section\n // can still be removed, moved, or have its `children` array rewritten while a\n // peer is editing one of its descendants, which silently disrupts that peer's\n // edit. Add a `hasLockedDescendant(blockId)` helper and gate section-level\n // operations on it (and on the parent of each affected child) so cascades\n // through the tree are also blocked.\n\n function setContent(newContent: TemplateContent, markDirty = true): void {\n state.content = normalizeTemplateContentPages(newContent);\n if (markDirty) {\n state.isDirty = true;\n }\n }\n\n function selectBlock(blockId: string | null): void {\n if (blockId && isBlockLocked(blockId)) {\n return;\n }\n state.selectedBlockId = blockId;\n }\n\n function setViewport(viewport: ViewportSize): void {\n state.viewport = viewport;\n }\n\n function setDarkMode(darkMode: boolean): void {\n state.darkMode = darkMode;\n }\n\n function setUiTheme(theme: UiTheme): void {\n state.uiTheme = theme;\n }\n\n function setPreviewMode(previewMode: boolean): void {\n state.previewMode = previewMode;\n if (previewMode) {\n state.selectedBlockId = null;\n }\n }\n\n function updateBlock(blockId: string, updates: Partial<Block>): void {\n if (isBlockLocked(blockId)) {\n return;\n }\n const block = findBlockById(state.content.blocks, blockId);\n if (block) {\n Object.assign(block, updates);\n state.isDirty = true;\n }\n }\n\n function updateSettings(updates: Partial<TemplateSettings>): void {\n state.content.settings = { ...state.content.settings, ...updates };\n state.isDirty = true;\n }\n\n function addBlock(\n block: Block,\n targetSectionId?: string,\n columnIndex = 0,\n index?: number,\n ): void {\n if (targetSectionId) {\n if (isBlockLocked(targetSectionId)) {\n return;\n }\n const section = findBlockById(state.content.blocks, targetSectionId);\n if (section && section.type === \"section\") {\n section.children[columnIndex] = section.children[columnIndex] || [];\n const targetArray = section.children[columnIndex];\n if (index !== undefined && index < targetArray.length) {\n targetArray.splice(index, 0, block);\n } else {\n targetArray.push(block);\n }\n }\n } else {\n if (index !== undefined && index < state.content.blocks.length) {\n state.content.blocks.splice(index, 0, block);\n } else {\n state.content.blocks.push(block);\n }\n }\n state.isDirty = true;\n }\n\n function removeBlock(blockId: string): void {\n if (isBlockLocked(blockId)) {\n return;\n }\n const parent = findBlockParent(state.content.blocks, blockId);\n if (parent) {\n const index = parent.blocks.findIndex((b) => b.id === blockId);\n if (index !== -1) {\n parent.blocks.splice(index, 1);\n if (state.selectedBlockId === blockId) {\n state.selectedBlockId = null;\n }\n state.isDirty = true;\n }\n }\n }\n\n function moveBlock(\n blockId: string,\n newIndex: number,\n targetSectionId?: string,\n columnIndex = 0,\n ): void {\n if (isBlockLocked(blockId)) {\n return;\n }\n if (targetSectionId && isBlockLocked(targetSectionId)) {\n return;\n }\n\n const parent = findBlockParent(state.content.blocks, blockId);\n if (!parent) return;\n\n const oldIndex = parent.blocks.findIndex((b) => b.id === blockId);\n if (oldIndex === -1) return;\n\n // Resolve target before mutating the source — otherwise an invalid\n // targetSectionId leaves the block spliced-out and unrecoverable.\n let targetArray: Block[];\n if (targetSectionId) {\n const section = findBlockById(state.content.blocks, targetSectionId);\n if (!section || section.type !== \"section\") return;\n section.children[columnIndex] = section.children[columnIndex] || [];\n targetArray = section.children[columnIndex];\n } else {\n targetArray = state.content.blocks;\n }\n\n const [block] = parent.blocks.splice(oldIndex, 1);\n targetArray.splice(newIndex, 0, block);\n\n state.isDirty = true;\n }\n\n function markDirty(): void {\n state.isDirty = true;\n }\n\n function ensureCanvasPages(): void {\n if (state.content.canvasPages?.length) {\n return;\n }\n const id = crypto.randomUUID();\n const blocks = state.content.blocks;\n state.content.canvasPages = [{ id, title: \"Step 1\", blocks }];\n state.content.activeCanvasPageId = id;\n state.content.blocks = blocks;\n state.isDirty = true;\n }\n\n function switchCanvasPage(pageId: string): void {\n const pages = state.content.canvasPages;\n if (!pages?.length) {\n return;\n }\n const page = pages.find((p) => p.id === pageId);\n if (!page) {\n return;\n }\n state.selectedBlockId = null;\n state.content.blocks = page.blocks;\n state.content.activeCanvasPageId = pageId;\n state.isDirty = true;\n }\n\n function addCanvasPage(): void {\n ensureCanvasPages();\n const pages = state.content.canvasPages!;\n const id = crypto.randomUUID();\n const title = `Step ${pages.length + 1}`;\n const newBlocks: Block[] = [];\n pages.push({ id, title, blocks: newBlocks });\n switchCanvasPage(id);\n }\n\n function removeCanvasPage(pageId: string): void {\n const pages = state.content.canvasPages;\n if (!pages || pages.length <= 1) {\n return;\n }\n const idx = pages.findIndex((p) => p.id === pageId);\n if (idx === -1) {\n return;\n }\n pages.splice(idx, 1);\n if (state.content.activeCanvasPageId === pageId) {\n const next = pages[Math.min(idx, pages.length - 1)];\n switchCanvasPage(next.id);\n } else {\n state.content.canvasPages = [...pages];\n state.isDirty = true;\n }\n }\n\n function renameCanvasPage(pageId: string, title: string): void {\n const pages = state.content.canvasPages;\n if (!pages) {\n return;\n }\n const page = pages.find((p) => p.id === pageId);\n if (!page) {\n return;\n }\n page.title = title.trim() || page.title;\n state.isDirty = true;\n }\n\n function switchToNextCanvasPage(): boolean {\n const pages = state.content.canvasPages;\n if (!pages?.length) {\n return false;\n }\n const activeId = state.content.activeCanvasPageId;\n const idx = pages.findIndex((p) => p.id === activeId);\n if (idx === -1 || idx >= pages.length - 1) {\n return false;\n }\n switchCanvasPage(pages[idx + 1].id);\n return true;\n }\n\n function switchToPreviousCanvasPage(): boolean {\n const pages = state.content.canvasPages;\n if (!pages?.length) {\n return false;\n }\n const activeId = state.content.activeCanvasPageId;\n const idx = pages.findIndex((p) => p.id === activeId);\n if (idx <= 0) {\n return false;\n }\n switchCanvasPage(pages[idx - 1].id);\n return true;\n }\n\n return {\n state: readonly(state),\n content,\n selectedBlock,\n isBlockLocked,\n setContent,\n selectBlock,\n setViewport,\n setDarkMode,\n setUiTheme,\n setPreviewMode,\n updateBlock,\n updateSettings,\n addBlock,\n removeBlock,\n moveBlock,\n markDirty,\n ensureCanvasPages,\n switchCanvasPage,\n addCanvasPage,\n removeCanvasPage,\n renameCanvasPage,\n switchToNextCanvasPage,\n switchToPreviousCanvasPage,\n };\n}\n","import type { TemplateContent } from \"@aswin.dev/types\";\nimport { computed, ref, type ComputedRef, type Ref } from \"@vue/reactivity\";\n\nexport interface UseHistoryOptions {\n content: Ref<TemplateContent>;\n setContent: (content: TemplateContent, markDirty?: boolean) => void;\n isRemoteOperation?: () => boolean;\n maxSize?: number;\n}\n\nexport interface UseHistoryReturn {\n canUndo: ComputedRef<boolean>;\n canRedo: ComputedRef<boolean>;\n isNavigating: Ref<boolean>;\n undo: () => void;\n redo: () => void;\n record: () => void;\n recordDebounced: (blockId: string) => void;\n clear: () => void;\n destroy: () => void;\n}\n\ninterface DebouncedSnapshot {\n blockId: string;\n timeoutId: ReturnType<typeof setTimeout>;\n}\n\nconst MAX_STACK_SIZE = 50;\nconst DEBOUNCE_MS = 300;\nconst NAVIGATE_IDLE_MS = 1500;\n\nexport function useHistory(options: UseHistoryOptions): UseHistoryReturn {\n const {\n content,\n setContent,\n isRemoteOperation,\n maxSize = MAX_STACK_SIZE,\n } = options;\n\n const undoStack = ref<TemplateContent[]>([]);\n const redoStack = ref<TemplateContent[]>([]);\n const isNavigating = ref(false);\n let navigatingTimeoutId: ReturnType<typeof setTimeout> | null = null;\n let pendingDebounce: DebouncedSnapshot | null = null;\n\n const canUndo = computed(() => undoStack.value.length > 0);\n const canRedo = computed(() => redoStack.value.length > 0);\n\n function cloneContent(): TemplateContent {\n return JSON.parse(JSON.stringify(content.value)) as TemplateContent;\n }\n\n function pushToUndoStack(snapshot: TemplateContent): void {\n undoStack.value.push(snapshot);\n if (undoStack.value.length > maxSize) {\n undoStack.value.splice(0, undoStack.value.length - maxSize);\n }\n }\n\n function flushPendingDebounce(): void {\n if (pendingDebounce) {\n clearTimeout(pendingDebounce.timeoutId);\n pendingDebounce = null;\n }\n }\n\n function record(): void {\n if (isRemoteOperation?.()) {\n return;\n }\n\n flushPendingDebounce();\n pushToUndoStack(cloneContent());\n redoStack.value = [];\n }\n\n function recordDebounced(blockId: string): void {\n if (isRemoteOperation?.()) {\n return;\n }\n\n if (pendingDebounce && pendingDebounce.blockId === blockId) {\n clearTimeout(pendingDebounce.timeoutId);\n pendingDebounce.timeoutId = setTimeout(() => {\n pendingDebounce = null;\n }, DEBOUNCE_MS);\n return;\n }\n\n flushPendingDebounce();\n\n pushToUndoStack(cloneContent());\n redoStack.value = [];\n\n pendingDebounce = {\n blockId,\n timeoutId: setTimeout(() => {\n pendingDebounce = null;\n }, DEBOUNCE_MS),\n };\n }\n\n function setNavigating(): void {\n isNavigating.value = true;\n if (navigatingTimeoutId) {\n clearTimeout(navigatingTimeoutId);\n }\n navigatingTimeoutId = setTimeout(() => {\n isNavigating.value = false;\n navigatingTimeoutId = null;\n }, NAVIGATE_IDLE_MS);\n }\n\n function undo(): void {\n if (undoStack.value.length === 0) {\n return;\n }\n\n flushPendingDebounce();\n\n const snapshot = undoStack.value.pop()!;\n redoStack.value.push(cloneContent());\n setContent(snapshot, true);\n setNavigating();\n }\n\n function redo(): void {\n if (redoStack.value.length === 0) {\n return;\n }\n\n flushPendingDebounce();\n\n const snapshot = redoStack.value.pop()!;\n undoStack.value.push(cloneContent());\n setContent(snapshot, true);\n setNavigating();\n }\n\n function clear(): void {\n undoStack.value = [];\n redoStack.value = [];\n flushPendingDebounce();\n }\n\n function destroy(): void {\n clear();\n if (navigatingTimeoutId) {\n clearTimeout(navigatingTimeoutId);\n navigatingTimeoutId = null;\n }\n }\n\n return {\n canUndo,\n canRedo,\n isNavigating,\n undo,\n redo,\n record,\n recordDebounced,\n clear,\n destroy,\n };\n}\n","import type { Block, BlockDefaults, BlockType } from \"@aswin.dev/types\";\nimport { createBlock, generateId } from \"@aswin.dev/types\";\n\nexport interface UseBlockActionsOptions {\n addBlock: (\n block: Block,\n targetSectionId?: string,\n columnIndex?: number,\n ) => void;\n removeBlock: (blockId: string) => void;\n updateBlock: (blockId: string, updates: Partial<Block>) => void;\n selectBlock: (blockId: string | null) => void;\n blockDefaults?: BlockDefaults;\n}\n\nexport interface UseBlockActionsReturn {\n createAndAddBlock: (\n type: BlockType,\n targetSectionId?: string,\n columnIndex?: number,\n ) => Block;\n duplicateBlock: (\n block: Block,\n targetSectionId?: string,\n columnIndex?: number,\n ) => Block;\n deleteBlock: (blockId: string) => void;\n updateBlockProperty: <K extends keyof Block>(\n blockId: string,\n key: K,\n value: Block[K],\n ) => void;\n}\n\nexport function useBlockActions(\n options: UseBlockActionsOptions,\n): UseBlockActionsReturn {\n const { addBlock, removeBlock, updateBlock, selectBlock } = options;\n\n function createAndAddBlock(\n type: BlockType,\n targetSectionId?: string,\n columnIndex?: number,\n ): Block {\n const block = createBlock(type, options.blockDefaults);\n addBlock(block, targetSectionId, columnIndex);\n selectBlock(block.id);\n return block;\n }\n\n function duplicateBlock(\n block: Block,\n targetSectionId?: string,\n columnIndex?: number,\n ): Block {\n const cloned = JSON.parse(JSON.stringify(block)) as Block;\n cloned.id = generateId();\n\n if (cloned.type === \"section\") {\n cloned.children = cloned.children.map((column) =>\n column.map((child) => {\n const clonedChild = JSON.parse(JSON.stringify(child)) as Block;\n clonedChild.id = generateId();\n return clonedChild;\n }),\n );\n }\n\n addBlock(cloned, targetSectionId, columnIndex);\n selectBlock(cloned.id);\n return cloned;\n }\n\n function deleteBlock(blockId: string): void {\n removeBlock(blockId);\n }\n\n function updateBlockProperty<K extends keyof Block>(\n blockId: string,\n key: K,\n value: Block[K],\n ): void {\n updateBlock(blockId, { [key]: value } as Partial<Block>);\n }\n\n return {\n createAndAddBlock,\n duplicateBlock,\n deleteBlock,\n updateBlockProperty,\n };\n}\n","import type { TemplateContent } from \"@aswin.dev/types\";\nimport { watch, type Ref } from \"@vue/reactivity\";\n\nexport interface UseAutoSaveOptions {\n content: Ref<TemplateContent>;\n isDirty: () => boolean;\n onChange: (content: TemplateContent) => void;\n debounce?: number;\n enabled?: boolean | (() => boolean);\n}\n\nexport interface UseAutoSaveReturn {\n flush: () => void;\n cancel: () => void;\n pause: () => void;\n resume: () => void;\n destroy: () => void;\n}\n\nexport function useAutoSave(options: UseAutoSaveOptions): UseAutoSaveReturn {\n const {\n content,\n isDirty,\n onChange,\n debounce = 1000,\n enabled = true,\n } = options;\n\n let timeoutId: ReturnType<typeof setTimeout> | null = null;\n let paused = false;\n\n function isEnabled(): boolean {\n return typeof enabled === \"function\" ? enabled() : enabled;\n }\n\n function pause(): void {\n paused = true;\n cancel();\n }\n\n function resume(): void {\n paused = false;\n }\n\n function cancel(): void {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = null;\n }\n }\n\n function flush(): void {\n cancel();\n if (isDirty()) {\n onChange(JSON.parse(JSON.stringify(content.value)));\n }\n }\n\n function scheduleOnChange(): void {\n if (!isEnabled() || paused) return;\n\n cancel();\n timeoutId = setTimeout(() => {\n timeoutId = null;\n if (isEnabled() && !paused && isDirty()) {\n onChange(JSON.parse(JSON.stringify(content.value)));\n }\n }, debounce);\n }\n\n const stopWatch = watch(\n content,\n () => {\n if (isEnabled() && !paused && isDirty()) {\n scheduleOnChange();\n }\n },\n { deep: true },\n );\n\n function destroy(): void {\n stopWatch();\n cancel();\n }\n\n return {\n flush,\n cancel,\n pause,\n resume,\n destroy,\n };\n}\n","import type { UseEditorReturn } from \"./editor\";\nimport { computed, reactive, type ComputedRef } from \"@vue/reactivity\";\n\nexport interface UseConditionPreviewReturn {\n isHidden: (blockId: string) => boolean;\n toggleBlock: (blockId: string) => void;\n reset: () => void;\n hasHiddenBlocks: ComputedRef<boolean>;\n}\n\nexport function useConditionPreview(\n editor: UseEditorReturn,\n): UseConditionPreviewReturn {\n const hiddenBlockIds = reactive(new Set<string>());\n\n const hasHiddenBlocks = computed(() => hiddenBlockIds.size > 0);\n\n function isHidden(blockId: string): boolean {\n return hiddenBlockIds.has(blockId);\n }\n\n function toggleBlock(blockId: string): void {\n if (hiddenBlockIds.has(blockId)) {\n hiddenBlockIds.delete(blockId);\n } else {\n hiddenBlockIds.add(blockId);\n\n if (editor.state.selectedBlockId === blockId) {\n editor.selectBlock(null);\n }\n }\n }\n\n function reset(): void {\n hiddenBlockIds.clear();\n }\n\n return {\n isHidden,\n toggleBlock,\n reset,\n hasHiddenBlocks,\n };\n}\n","import type { CustomBlock, CustomBlockDefinition } from \"@aswin.dev/types\";\nimport type { ComputedRef, Ref } from \"@vue/reactivity\";\nimport { computed, ref } from \"@vue/reactivity\";\n\nexport function useDataSourceFetch(options: {\n definition: ComputedRef<CustomBlockDefinition | undefined>;\n block: ComputedRef<CustomBlock>;\n onUpdate: (fieldValues: Record<string, unknown>, fetched: boolean) => void;\n}): {\n isFetching: Ref<boolean>;\n fetchError: Ref<boolean>;\n fetch: () => Promise<void>;\n hasDataSource: ComputedRef<boolean>;\n needsFetch: ComputedRef<boolean>;\n} {\n const isFetching = ref(false);\n const fetchError = ref(false);\n\n const hasDataSource = computed(() => !!options.definition.value?.dataSource);\n\n const needsFetch = computed(\n () => hasDataSource.value && !options.block.value.dataSourceFetched,\n );\n\n async function fetch(): Promise<void> {\n const def = options.definition.value;\n if (!def?.dataSource) {\n return;\n }\n\n isFetching.value = true;\n fetchError.value = false;\n\n try {\n const result = await def.dataSource.onFetch({\n fieldValues: { ...options.block.value.fieldValues },\n blockId: options.block.value.id,\n });\n\n if (result == null) {\n return;\n }\n\n const merged = { ...options.block.value.fieldValues };\n for (const key of Object.keys(merged)) {\n if (key in result) {\n merged[key] = result[key];\n }\n }\n\n options.onUpdate(merged, true);\n } catch (error) {\n console.warn(\"[Templatical] Data source fetch error:\", error);\n fetchError.value = true;\n } finally {\n isFetching.value = false;\n }\n }\n\n return {\n isFetching,\n fetchError,\n fetch,\n hasDataSource,\n needsFetch,\n };\n}\n","import type { UseEditorReturn } from \"./editor\";\nimport type { UseHistoryReturn } from \"./history\";\n\n/**\n * Wraps editor mutation methods to record history snapshots before each\n * operation. Mutates the editor object in place.\n *\n * Must be applied **after** any collaboration broadcast wrapping so the\n * call chain is: history.record() → broadcast → original mutation.\n */\nexport function useHistoryInterceptor(\n editor: UseEditorReturn,\n history: UseHistoryReturn,\n): void {\n const originalAddBlock = editor.addBlock;\n const originalRemoveBlock = editor.removeBlock;\n const originalMoveBlock = editor.moveBlock;\n const originalUpdateBlock = editor.updateBlock;\n const originalUpdateSettings = editor.updateSettings;\n\n // Skip recording when the underlying op is a no-op (e.g., a peer-locked\n // block or section), otherwise the undo stack fills with snapshots that\n // are identical to current state and undo silently does nothing.\n editor.addBlock = (block, targetSectionId?, columnIndex?, index?) => {\n if (targetSectionId && editor.isBlockLocked(targetSectionId)) {\n return;\n }\n history.record();\n originalAddBlock(block, targetSectionId, columnIndex, index);\n };\n\n editor.removeBlock = (blockId) => {\n if (editor.isBlockLocked(blockId)) {\n return;\n }\n history.record();\n originalRemoveBlock(blockId);\n };\n\n editor.moveBlock = (blockId, newIndex, targetSectionId?, columnIndex?) => {\n if (editor.isBlockLocked(blockId)) {\n return;\n }\n if (targetSectionId && editor.isBlockLocked(targetSectionId)) {\n return;\n }\n history.record();\n originalMoveBlock(blockId, newIndex, targetSectionId, columnIndex);\n };\n\n editor.updateBlock = (blockId, updates) => {\n if (editor.isBlockLocked(blockId)) {\n return;\n }\n history.recordDebounced(blockId);\n originalUpdateBlock(blockId, updates);\n };\n\n editor.updateSettings = (updates) => {\n history.record();\n originalUpdateSettings(updates);\n };\n}\n","import { computed, customRef, effectScope, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, isReactive, isRef, nextTick, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, provide, reactive, readonly, ref, shallowReadonly, shallowRef, toRef as toRef$1, toRefs as toRefs$1, toValue, unref, watch, watchEffect } from \"vue\";\n\n//#region computedEager/index.ts\n/**\n*\n* @deprecated This function will be removed in future version.\n*\n* Note: If you are using Vue 3.4+, you can straight use computed instead.\n* Because in Vue 3.4+, if computed new value does not change,\n* computed, effect, watch, watchEffect, render dependencies will not be triggered.\n* refer: https://github.com/vuejs/core/pull/5912\n*\n* @param fn effect function\n* @param options WatchOptionsBase\n* @returns readonly shallowRef\n*/\nfunction computedEager(fn, options) {\n\tvar _options$flush;\n\tconst result = shallowRef();\n\twatchEffect(() => {\n\t\tresult.value = fn();\n\t}, {\n\t\t...options,\n\t\tflush: (_options$flush = options === null || options === void 0 ? void 0 : options.flush) !== null && _options$flush !== void 0 ? _options$flush : \"sync\"\n\t});\n\treturn readonly(result);\n}\n/** @deprecated use `computedEager` instead */\nconst eagerComputed = computedEager;\n\n//#endregion\n//#region computedWithControl/index.ts\n/**\n* Explicitly define the deps of computed.\n*\n* @param source\n* @param fn\n*/\nfunction computedWithControl(source, fn, options = {}) {\n\tlet v = void 0;\n\tlet track;\n\tlet trigger;\n\tlet dirty = true;\n\tconst update = () => {\n\t\tdirty = true;\n\t\ttrigger();\n\t};\n\twatch(source, update, {\n\t\tflush: \"sync\",\n\t\t...options\n\t});\n\tconst get$1 = typeof fn === \"function\" ? fn : fn.get;\n\tconst set$1 = typeof fn === \"function\" ? void 0 : fn.set;\n\tconst result = customRef((_track, _trigger) => {\n\t\ttrack = _track;\n\t\ttrigger = _trigger;\n\t\treturn {\n\t\t\tget() {\n\t\t\t\tif (dirty) {\n\t\t\t\t\tv = get$1(v);\n\t\t\t\t\tdirty = false;\n\t\t\t\t}\n\t\t\t\ttrack();\n\t\t\t\treturn v;\n\t\t\t},\n\t\t\tset(v$1) {\n\t\t\t\tset$1 === null || set$1 === void 0 || set$1(v$1);\n\t\t\t}\n\t\t};\n\t});\n\tresult.trigger = update;\n\treturn result;\n}\n/** @deprecated use `computedWithControl` instead */\nconst controlledComputed = computedWithControl;\n\n//#endregion\n//#region tryOnScopeDispose/index.ts\n/**\n* Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing\n*\n* @param fn\n*/\nfunction tryOnScopeDispose(fn, failSilently) {\n\tif (getCurrentScope()) {\n\t\tonScopeDispose(fn, failSilently);\n\t\treturn true;\n\t}\n\treturn false;\n}\n\n//#endregion\n//#region createEventHook/index.ts\n/**\n* Utility for creating event hooks\n*\n* @see https://vueuse.org/createEventHook\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createEventHook() {\n\tconst fns = /* @__PURE__ */ new Set();\n\tconst off = (fn) => {\n\t\tfns.delete(fn);\n\t};\n\tconst clear = () => {\n\t\tfns.clear();\n\t};\n\tconst on = (fn) => {\n\t\tfns.add(fn);\n\t\tconst offFn = () => off(fn);\n\t\ttryOnScopeDispose(offFn);\n\t\treturn { off: offFn };\n\t};\n\tconst trigger = (...args) => {\n\t\treturn Promise.all(Array.from(fns).map((fn) => fn(...args)));\n\t};\n\treturn {\n\t\ton,\n\t\toff,\n\t\ttrigger,\n\t\tclear\n\t};\n}\n\n//#endregion\n//#region createGlobalState/index.ts\n/**\n* Keep states in the global scope to be reusable across Vue instances.\n*\n* @see https://vueuse.org/createGlobalState\n* @param stateFactory A factory function to create the state\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createGlobalState(stateFactory) {\n\tlet initialized = false;\n\tlet state;\n\tconst scope = effectScope(true);\n\treturn ((...args) => {\n\t\tif (!initialized) {\n\t\t\tstate = scope.run(() => stateFactory(...args));\n\t\t\tinitialized = true;\n\t\t}\n\t\treturn state;\n\t});\n}\n\n//#endregion\n//#region provideLocal/map.ts\nconst localProvidedStateMap = /* @__PURE__ */ new WeakMap();\n\n//#endregion\n//#region injectLocal/index.ts\n/**\n* On the basis of `inject`, it is allowed to directly call inject to obtain the value after call provide in the same component.\n*\n* @example\n* ```ts\n* injectLocal('MyInjectionKey', 1)\n* const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1\n* ```\n*\n* @__NO_SIDE_EFFECTS__\n*/\nconst injectLocal = (...args) => {\n\tvar _getCurrentInstance;\n\tconst key = args[0];\n\tconst instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;\n\tconst owner = instance !== null && instance !== void 0 ? instance : getCurrentScope();\n\tif (owner == null && !hasInjectionContext()) throw new Error(\"injectLocal must be called in setup\");\n\tif (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];\n\treturn inject(...args);\n};\n\n//#endregion\n//#region provideLocal/index.ts\n/**\n* On the basis of `provide`, it is allowed to directly call inject to obtain the value after call provide in the same component.\n*\n* @example\n* ```ts\n* provideLocal('MyInjectionKey', 1)\n* const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1\n* ```\n*/\nfunction provideLocal(key, value) {\n\tvar _getCurrentInstance;\n\tconst instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;\n\tconst owner = instance !== null && instance !== void 0 ? instance : getCurrentScope();\n\tif (owner == null) throw new Error(\"provideLocal must be called in setup\");\n\tif (!localProvidedStateMap.has(owner)) localProvidedStateMap.set(owner, Object.create(null));\n\tconst localProvidedState = localProvidedStateMap.get(owner);\n\tlocalProvidedState[key] = value;\n\treturn provide(key, value);\n}\n\n//#endregion\n//#region createInjectionState/index.ts\n/**\n* Create global state that can be injected into components.\n*\n* @see https://vueuse.org/createInjectionState\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createInjectionState(composable, options) {\n\tconst key = (options === null || options === void 0 ? void 0 : options.injectionKey) || Symbol(composable.name || \"InjectionState\");\n\tconst defaultValue = options === null || options === void 0 ? void 0 : options.defaultValue;\n\tconst useProvidingState = (...args) => {\n\t\tconst state = composable(...args);\n\t\tprovideLocal(key, state);\n\t\treturn state;\n\t};\n\tconst useInjectedState = () => injectLocal(key, defaultValue);\n\treturn [useProvidingState, useInjectedState];\n}\n\n//#endregion\n//#region createRef/index.ts\n/**\n* Returns a `deepRef` or `shallowRef` depending on the `deep` param.\n*\n* @example createRef(1) // ShallowRef<number>\n* @example createRef(1, false) // ShallowRef<number>\n* @example createRef(1, true) // Ref<number>\n* @example createRef(\"string\") // ShallowRef<string>\n* @example createRef<\"A\"|\"B\">(\"A\", true) // Ref<\"A\"|\"B\">\n*\n* @param value\n* @param deep\n* @returns the `deepRef` or `shallowRef`\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createRef(value, deep) {\n\tif (deep === true) return ref(value);\n\telse return shallowRef(value);\n}\n\n//#endregion\n//#region utils/is.ts\nconst isClient = typeof window !== \"undefined\" && typeof document !== \"undefined\";\nconst isWorker = typeof WorkerGlobalScope !== \"undefined\" && globalThis instanceof WorkerGlobalScope;\nconst isDef = (val) => typeof val !== \"undefined\";\nconst notNullish = (val) => val != null;\nconst assert = (condition, ...infos) => {\n\tif (!condition) console.warn(...infos);\n};\nconst toString = Object.prototype.toString;\nconst isObject = (val) => toString.call(val) === \"[object Object]\";\nconst now = () => Date.now();\nconst timestamp = () => +Date.now();\nconst clamp = (n, min, max) => Math.min(max, Math.max(min, n));\nconst noop = () => {};\nconst rand = (min, max) => {\n\tmin = Math.ceil(min);\n\tmax = Math.floor(max);\n\treturn Math.floor(Math.random() * (max - min + 1)) + min;\n};\nconst hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);\nconst isIOS = /* @__PURE__ */ getIsIOS();\nfunction getIsIOS() {\n\tvar _window, _window2, _window3;\n\treturn isClient && !!((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));\n}\n\n//#endregion\n//#region toRef/index.ts\nfunction toRef(...args) {\n\tif (args.length !== 1) return toRef$1(...args);\n\tconst r = args[0];\n\treturn typeof r === \"function\" ? readonly(customRef(() => ({\n\t\tget: r,\n\t\tset: noop\n\t}))) : ref(r);\n}\n\n//#endregion\n//#region utils/filters.ts\n/**\n* @internal\n*/\nfunction createFilterWrapper(filter, fn) {\n\tfunction wrapper(...args) {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tPromise.resolve(filter(() => fn.apply(this, args), {\n\t\t\t\tfn,\n\t\t\t\tthisArg: this,\n\t\t\t\targs\n\t\t\t})).then(resolve).catch(reject);\n\t\t});\n\t}\n\treturn wrapper;\n}\nconst bypassFilter = (invoke$1) => {\n\treturn invoke$1();\n};\n/**\n* Create an EventFilter that debounce the events\n*/\nfunction debounceFilter(ms, options = {}) {\n\tlet timer;\n\tlet maxTimer;\n\tlet lastRejector = noop;\n\tconst _clearTimeout = (timer$1) => {\n\t\tclearTimeout(timer$1);\n\t\tlastRejector();\n\t\tlastRejector = noop;\n\t};\n\tlet lastInvoker;\n\tconst filter = (invoke$1) => {\n\t\tconst duration = toValue(ms);\n\t\tconst maxDuration = toValue(options.maxWait);\n\t\tif (timer) _clearTimeout(timer);\n\t\tif (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {\n\t\t\tif (maxTimer) {\n\t\t\t\t_clearTimeout(maxTimer);\n\t\t\t\tmaxTimer = void 0;\n\t\t\t}\n\t\t\treturn Promise.resolve(invoke$1());\n\t\t}\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tlastRejector = options.rejectOnCancel ? reject : resolve;\n\t\t\tlastInvoker = invoke$1;\n\t\t\tif (maxDuration && !maxTimer) maxTimer = setTimeout(() => {\n\t\t\t\tif (timer) _clearTimeout(timer);\n\t\t\t\tmaxTimer = void 0;\n\t\t\t\tresolve(lastInvoker());\n\t\t\t}, maxDuration);\n\t\t\ttimer = setTimeout(() => {\n\t\t\t\tif (maxTimer) _clearTimeout(maxTimer);\n\t\t\t\tmaxTimer = void 0;\n\t\t\t\tresolve(invoke$1());\n\t\t\t}, duration);\n\t\t});\n\t};\n\treturn filter;\n}\nfunction throttleFilter(...args) {\n\tlet lastExec = 0;\n\tlet timer;\n\tlet isLeading = true;\n\tlet lastRejector = noop;\n\tlet lastValue;\n\tlet ms;\n\tlet trailing;\n\tlet leading;\n\tlet rejectOnCancel;\n\tif (!isRef(args[0]) && typeof args[0] === \"object\") ({delay: ms, trailing = true, leading = true, rejectOnCancel = false} = args[0]);\n\telse [ms, trailing = true, leading = true, rejectOnCancel = false] = args;\n\tconst clear = () => {\n\t\tif (timer) {\n\t\t\tclearTimeout(timer);\n\t\t\ttimer = void 0;\n\t\t\tlastRejector();\n\t\t\tlastRejector = noop;\n\t\t}\n\t};\n\tconst filter = (_invoke) => {\n\t\tconst duration = toValue(ms);\n\t\tconst elapsed = Date.now() - lastExec;\n\t\tconst invoke$1 = () => {\n\t\t\treturn lastValue = _invoke();\n\t\t};\n\t\tclear();\n\t\tif (duration <= 0) {\n\t\t\tlastExec = Date.now();\n\t\t\treturn invoke$1();\n\t\t}\n\t\tif (elapsed > duration) {\n\t\t\tlastExec = Date.now();\n\t\t\tif (leading || !isLeading) invoke$1();\n\t\t} else if (trailing) lastValue = new Promise((resolve, reject) => {\n\t\t\tlastRejector = rejectOnCancel ? reject : resolve;\n\t\t\ttimer = setTimeout(() => {\n\t\t\t\tlastExec = Date.now();\n\t\t\t\tisLeading = true;\n\t\t\t\tresolve(invoke$1());\n\t\t\t\tclear();\n\t\t\t}, Math.max(0, duration - elapsed));\n\t\t});\n\t\tif (!leading && !timer) timer = setTimeout(() => isLeading = true, duration);\n\t\tisLeading = false;\n\t\treturn lastValue;\n\t};\n\treturn filter;\n}\n/**\n* EventFilter that gives extra controls to pause and resume the filter\n*\n* @param extendFilter Extra filter to apply when the PausableFilter is active, default to none\n* @param options Options to configure the filter\n*/\nfunction pausableFilter(extendFilter = bypassFilter, options = {}) {\n\tconst { initialState = \"active\" } = options;\n\tconst isActive = toRef(initialState === \"active\");\n\tfunction pause() {\n\t\tisActive.value = false;\n\t}\n\tfunction resume() {\n\t\tisActive.value = true;\n\t}\n\tconst eventFilter = (...args) => {\n\t\tif (isActive.value) extendFilter(...args);\n\t};\n\treturn {\n\t\tisActive: readonly(isActive),\n\t\tpause,\n\t\tresume,\n\t\teventFilter\n\t};\n}\n\n//#endregion\n//#region utils/general.ts\nfunction promiseTimeout(ms, throwOnTimeout = false, reason = \"Timeout\") {\n\treturn new Promise((resolve, reject) => {\n\t\tif (throwOnTimeout) setTimeout(() => reject(reason), ms);\n\t\telse setTimeout(resolve, ms);\n\t});\n}\nfunction identity(arg) {\n\treturn arg;\n}\n/**\n* Create singleton promise function\n*\n* @example\n* ```\n* const promise = createSingletonPromise(async () => { ... })\n*\n* await promise()\n* await promise() // all of them will be bind to a single promise instance\n* await promise() // and be resolved together\n* ```\n*/\nfunction createSingletonPromise(fn) {\n\tlet _promise;\n\tfunction wrapper() {\n\t\tif (!_promise) _promise = fn();\n\t\treturn _promise;\n\t}\n\twrapper.reset = async () => {\n\t\tconst _prev = _promise;\n\t\t_promise = void 0;\n\t\tif (_prev) await _prev;\n\t};\n\treturn wrapper;\n}\nfunction invoke(fn) {\n\treturn fn();\n}\nfunction containsProp(obj, ...props) {\n\treturn props.some((k) => k in obj);\n}\nfunction increaseWithUnit(target, delta) {\n\tvar _target$match;\n\tif (typeof target === \"number\") return target + delta;\n\tconst value = ((_target$match = target.match(/^-?\\d+\\.?\\d*/)) === null || _target$match === void 0 ? void 0 : _target$match[0]) || \"\";\n\tconst unit = target.slice(value.length);\n\tconst result = Number.parseFloat(value) + delta;\n\tif (Number.isNaN(result)) return target;\n\treturn result + unit;\n}\n/**\n* Get a px value for SSR use, do not rely on this method outside of SSR as REM unit is assumed at 16px, which might not be the case on the client\n*/\nfunction pxValue(px) {\n\treturn px.endsWith(\"rem\") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);\n}\n/**\n* Create a new subset object by giving keys\n*/\nfunction objectPick(obj, keys, omitUndefined = false) {\n\treturn keys.reduce((n, k) => {\n\t\tif (k in obj) {\n\t\t\tif (!omitUndefined || obj[k] !== void 0) n[k] = obj[k];\n\t\t}\n\t\treturn n;\n\t}, {});\n}\n/**\n* Create a new subset object by omit giving keys\n*/\nfunction objectOmit(obj, keys, omitUndefined = false) {\n\treturn Object.fromEntries(Object.entries(obj).filter(([key, value]) => {\n\t\treturn (!omitUndefined || value !== void 0) && !keys.includes(key);\n\t}));\n}\nfunction objectEntries(obj) {\n\treturn Object.entries(obj);\n}\nfunction toArray(value) {\n\treturn Array.isArray(value) ? value : [value];\n}\n\n//#endregion\n//#region utils/port.ts\nfunction cacheStringFunction(fn) {\n\tconst cache = Object.create(null);\n\treturn ((str) => {\n\t\treturn cache[str] || (cache[str] = fn(str));\n\t});\n}\nconst hyphenateRE = /\\B([A-Z])/g;\nconst hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, \"-$1\").toLowerCase());\nconst camelizeRE = /-(\\w)/g;\nconst camelize = cacheStringFunction((str) => {\n\treturn str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : \"\");\n});\n\n//#endregion\n//#region utils/vue.ts\nfunction getLifeCycleTarget(target) {\n\treturn target || getCurrentInstance();\n}\n\n//#endregion\n//#region createSharedComposable/index.ts\n/**\n* Make a composable function usable with multiple Vue instances.\n*\n* @see https://vueuse.org/createSharedComposable\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createSharedComposable(composable) {\n\tif (!isClient) return composable;\n\tlet subscribers = 0;\n\tlet state;\n\tlet scope;\n\tconst dispose = () => {\n\t\tsubscribers -= 1;\n\t\tif (scope && subscribers <= 0) {\n\t\t\tscope.stop();\n\t\t\tstate = void 0;\n\t\t\tscope = void 0;\n\t\t}\n\t};\n\treturn ((...args) => {\n\t\tsubscribers += 1;\n\t\tif (!scope) {\n\t\t\tscope = effectScope(true);\n\t\t\tstate = scope.run(() => composable(...args));\n\t\t}\n\t\ttryOnScopeDispose(dispose);\n\t\treturn state;\n\t});\n}\n\n//#endregion\n//#region extendRef/index.ts\nfunction extendRef(ref$1, extend, { enumerable = false, unwrap = true } = {}) {\n\tfor (const [key, value] of Object.entries(extend)) {\n\t\tif (key === \"value\") continue;\n\t\tif (isRef(value) && unwrap) Object.defineProperty(ref$1, key, {\n\t\t\tget() {\n\t\t\t\treturn value.value;\n\t\t\t},\n\t\t\tset(v) {\n\t\t\t\tvalue.value = v;\n\t\t\t},\n\t\t\tenumerable\n\t\t});\n\t\telse Object.defineProperty(ref$1, key, {\n\t\t\tvalue,\n\t\t\tenumerable\n\t\t});\n\t}\n\treturn ref$1;\n}\n\n//#endregion\n//#region get/index.ts\nfunction get(obj, key) {\n\tif (key == null) return unref(obj);\n\treturn unref(obj)[key];\n}\n\n//#endregion\n//#region isDefined/index.ts\nfunction isDefined(v) {\n\treturn unref(v) != null;\n}\n\n//#endregion\n//#region makeDestructurable/index.ts\n/* @__NO_SIDE_EFFECTS__ */\nfunction makeDestructurable(obj, arr) {\n\tif (typeof Symbol !== \"undefined\") {\n\t\tconst clone = { ...obj };\n\t\tObject.defineProperty(clone, Symbol.iterator, {\n\t\t\tenumerable: false,\n\t\t\tvalue() {\n\t\t\t\tlet index = 0;\n\t\t\t\treturn { next: () => ({\n\t\t\t\t\tvalue: arr[index++],\n\t\t\t\t\tdone: index > arr.length\n\t\t\t\t}) };\n\t\t\t}\n\t\t});\n\t\treturn clone;\n\t} else return Object.assign([...arr], obj);\n}\n\n//#endregion\n//#region reactify/index.ts\n/**\n* Converts plain function into a reactive function.\n* The converted function accepts refs as it's arguments\n* and returns a ComputedRef, with proper typing.\n*\n* @param fn - Source function\n* @param options - Options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction reactify(fn, options) {\n\tconst unrefFn = (options === null || options === void 0 ? void 0 : options.computedGetter) === false ? unref : toValue;\n\treturn function(...args) {\n\t\treturn computed(() => fn.apply(this, args.map((i) => unrefFn(i))));\n\t};\n}\n/** @deprecated use `reactify` instead */\nconst createReactiveFn = reactify;\n\n//#endregion\n//#region reactifyObject/index.ts\n/**\n* Apply `reactify` to an object\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction reactifyObject(obj, optionsOrKeys = {}) {\n\tlet keys = [];\n\tlet options;\n\tif (Array.isArray(optionsOrKeys)) keys = optionsOrKeys;\n\telse {\n\t\toptions = optionsOrKeys;\n\t\tconst { includeOwnProperties = true } = optionsOrKeys;\n\t\tkeys.push(...Object.keys(obj));\n\t\tif (includeOwnProperties) keys.push(...Object.getOwnPropertyNames(obj));\n\t}\n\treturn Object.fromEntries(keys.map((key) => {\n\t\tconst value = obj[key];\n\t\treturn [key, typeof value === \"function\" ? reactify(value.bind(obj), options) : value];\n\t}));\n}\n\n//#endregion\n//#region toReactive/index.ts\n/**\n* Converts ref to reactive.\n*\n* @see https://vueuse.org/toReactive\n* @param objectRef A ref of object\n*/\nfunction toReactive(objectRef) {\n\tif (!isRef(objectRef)) return reactive(objectRef);\n\treturn reactive(new Proxy({}, {\n\t\tget(_, p, receiver) {\n\t\t\treturn unref(Reflect.get(objectRef.value, p, receiver));\n\t\t},\n\t\tset(_, p, value) {\n\t\t\tif (isRef(objectRef.value[p]) && !isRef(value)) objectRef.value[p].value = value;\n\t\t\telse objectRef.value[p] = value;\n\t\t\treturn true;\n\t\t},\n\t\tdeleteProperty(_, p) {\n\t\t\treturn Reflect.deleteProperty(objectRef.value, p);\n\t\t},\n\t\thas(_, p) {\n\t\t\treturn Reflect.has(objectRef.value, p);\n\t\t},\n\t\townKeys() {\n\t\t\treturn Object.keys(objectRef.value);\n\t\t},\n\t\tgetOwnPropertyDescriptor() {\n\t\t\treturn {\n\t\t\t\tenumerable: true,\n\t\t\t\tconfigurable: true\n\t\t\t};\n\t\t}\n\t}));\n}\n\n//#endregion\n//#region reactiveComputed/index.ts\n/**\n* Computed reactive object.\n*/\nfunction reactiveComputed(fn) {\n\treturn toReactive(computed(fn));\n}\n\n//#endregion\n//#region reactiveOmit/index.ts\n/**\n* Reactively omit fields from a reactive object\n*\n* @see https://vueuse.org/reactiveOmit\n*/\nfunction reactiveOmit(obj, ...keys) {\n\tconst flatKeys = keys.flat();\n\tconst predicate = flatKeys[0];\n\treturn reactiveComputed(() => typeof predicate === \"function\" ? Object.fromEntries(Object.entries(toRefs$1(obj)).filter(([k, v]) => !predicate(toValue(v), k))) : Object.fromEntries(Object.entries(toRefs$1(obj)).filter((e) => !flatKeys.includes(e[0]))));\n}\n\n//#endregion\n//#region reactivePick/index.ts\n/**\n* Reactively pick fields from a reactive object\n*\n* @see https://vueuse.org/reactivePick\n*/\nfunction reactivePick(obj, ...keys) {\n\tconst flatKeys = keys.flat();\n\tconst predicate = flatKeys[0];\n\treturn reactiveComputed(() => typeof predicate === \"function\" ? Object.fromEntries(Object.entries(toRefs$1(obj)).filter(([k, v]) => predicate(toValue(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, toRef(obj, k)])));\n}\n\n//#endregion\n//#region refAutoReset/index.ts\n/**\n* Create a ref which will be reset to the default value after some time.\n*\n* @see https://vueuse.org/refAutoReset\n* @param defaultValue The value which will be set.\n* @param afterMs A zero-or-greater delay in milliseconds.\n*/\nfunction refAutoReset(defaultValue, afterMs = 1e4) {\n\treturn customRef((track, trigger) => {\n\t\tlet value = toValue(defaultValue);\n\t\tlet timer;\n\t\tconst resetAfter = () => setTimeout(() => {\n\t\t\tvalue = toValue(defaultValue);\n\t\t\ttrigger();\n\t\t}, toValue(afterMs));\n\t\ttryOnScopeDispose(() => {\n\t\t\tclearTimeout(timer);\n\t\t});\n\t\treturn {\n\t\t\tget() {\n\t\t\t\ttrack();\n\t\t\t\treturn value;\n\t\t\t},\n\t\t\tset(newValue) {\n\t\t\t\tvalue = newValue;\n\t\t\t\ttrigger();\n\t\t\t\tclearTimeout(timer);\n\t\t\t\ttimer = resetAfter();\n\t\t\t}\n\t\t};\n\t});\n}\n/** @deprecated use `refAutoReset` instead */\nconst autoResetRef = refAutoReset;\n\n//#endregion\n//#region useDebounceFn/index.ts\n/**\n* Debounce execution of a function.\n*\n* @see https://vueuse.org/useDebounceFn\n* @param fn A function to be executed after delay milliseconds debounced.\n* @param ms A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n* @param options Options\n*\n* @return A new, debounce, function.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useDebounceFn(fn, ms = 200, options = {}) {\n\treturn createFilterWrapper(debounceFilter(ms, options), fn);\n}\n\n//#endregion\n//#region refDebounced/index.ts\n/**\n* Debounce updates of a ref.\n*\n* @return A new debounced ref.\n*/\nfunction refDebounced(value, ms = 200, options = {}) {\n\tconst debounced = ref(toValue(value));\n\tconst updater = useDebounceFn(() => {\n\t\tdebounced.value = value.value;\n\t}, ms, options);\n\twatch(value, () => updater());\n\treturn shallowReadonly(debounced);\n}\n/** @deprecated use `refDebounced` instead */\nconst debouncedRef = refDebounced;\n/** @deprecated use `refDebounced` instead */\nconst useDebounce = refDebounced;\n\n//#endregion\n//#region refDefault/index.ts\n/**\n* Apply default value to a ref.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction refDefault(source, defaultValue) {\n\treturn computed({\n\t\tget() {\n\t\t\tvar _source$value;\n\t\t\treturn (_source$value = source.value) !== null && _source$value !== void 0 ? _source$value : defaultValue;\n\t\t},\n\t\tset(value) {\n\t\t\tsource.value = value;\n\t\t}\n\t});\n}\n\n//#endregion\n//#region refManualReset/index.ts\n/**\n* Create a ref with manual reset functionality.\n*\n* @see https://vueuse.org/refManualReset\n* @param defaultValue The value which will be set.\n*/\nfunction refManualReset(defaultValue) {\n\tlet value = toValue(defaultValue);\n\tlet trigger;\n\tconst reset = () => {\n\t\tvalue = toValue(defaultValue);\n\t\ttrigger();\n\t};\n\tconst refValue = customRef((track, _trigger) => {\n\t\ttrigger = _trigger;\n\t\treturn {\n\t\t\tget() {\n\t\t\t\ttrack();\n\t\t\t\treturn value;\n\t\t\t},\n\t\t\tset(newValue) {\n\t\t\t\tvalue = newValue;\n\t\t\t\ttrigger();\n\t\t\t}\n\t\t};\n\t});\n\trefValue.reset = reset;\n\treturn refValue;\n}\n\n//#endregion\n//#region useThrottleFn/index.ts\n/**\n* Throttle execution of a function. Especially useful for rate limiting\n* execution of handlers on events like resize and scroll.\n*\n* @param fn A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\n* to `callback` when the throttled-function is executed.\n* @param ms A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n* (default value: 200)\n*\n* @param [trailing] if true, call fn again after the time is up (default value: false)\n*\n* @param [leading] if true, call fn on the leading edge of the ms timeout (default value: true)\n*\n* @param [rejectOnCancel] if true, reject the last call if it's been cancel (default value: false)\n*\n* @return A new, throttled, function.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {\n\treturn createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);\n}\n\n//#endregion\n//#region refThrottled/index.ts\n/**\n* Throttle execution of a function. Especially useful for rate limiting\n* execution of handlers on events like resize and scroll.\n*\n* @param value Ref value to be watched with throttle effect\n* @param delay A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n* @param trailing if true, update the value again after the delay time is up\n* @param leading if true, update the value on the leading edge of the ms timeout\n*/\nfunction refThrottled(value, delay = 200, trailing = true, leading = true) {\n\tif (delay <= 0) return value;\n\tconst throttled = ref(toValue(value));\n\tconst updater = useThrottleFn(() => {\n\t\tthrottled.value = value.value;\n\t}, delay, trailing, leading);\n\twatch(value, () => updater());\n\treturn throttled;\n}\n/** @deprecated use `refThrottled` instead */\nconst throttledRef = refThrottled;\n/** @deprecated use `refThrottled` instead */\nconst useThrottle = refThrottled;\n\n//#endregion\n//#region refWithControl/index.ts\n/**\n* Fine-grained controls over ref and its reactivity.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction refWithControl(initial, options = {}) {\n\tlet source = initial;\n\tlet track;\n\tlet trigger;\n\tconst ref$1 = customRef((_track, _trigger) => {\n\t\ttrack = _track;\n\t\ttrigger = _trigger;\n\t\treturn {\n\t\t\tget() {\n\t\t\t\treturn get$1();\n\t\t\t},\n\t\t\tset(v) {\n\t\t\t\tset$1(v);\n\t\t\t}\n\t\t};\n\t});\n\tfunction get$1(tracking = true) {\n\t\tif (tracking) track();\n\t\treturn source;\n\t}\n\tfunction set$1(value, triggering = true) {\n\t\tvar _options$onBeforeChan, _options$onChanged;\n\t\tif (value === source) return;\n\t\tconst old = source;\n\t\tif (((_options$onBeforeChan = options.onBeforeChange) === null || _options$onBeforeChan === void 0 ? void 0 : _options$onBeforeChan.call(options, value, old)) === false) return;\n\t\tsource = value;\n\t\t(_options$onChanged = options.onChanged) === null || _options$onChanged === void 0 || _options$onChanged.call(options, value, old);\n\t\tif (triggering) trigger();\n\t}\n\t/**\n\t* Get the value without tracked in the reactivity system\n\t*/\n\tconst untrackedGet = () => get$1(false);\n\t/**\n\t* Set the value without triggering the reactivity system\n\t*/\n\tconst silentSet = (v) => set$1(v, false);\n\t/**\n\t* Get the value without tracked in the reactivity system.\n\t*\n\t* Alias for `untrackedGet()`\n\t*/\n\tconst peek = () => get$1(false);\n\t/**\n\t* Set the value without triggering the reactivity system\n\t*\n\t* Alias for `silentSet(v)`\n\t*/\n\tconst lay = (v) => set$1(v, false);\n\treturn extendRef(ref$1, {\n\t\tget: get$1,\n\t\tset: set$1,\n\t\tuntrackedGet,\n\t\tsilentSet,\n\t\tpeek,\n\t\tlay\n\t}, { enumerable: true });\n}\n/** @deprecated use `refWithControl` instead */\nconst controlledRef = refWithControl;\n\n//#endregion\n//#region set/index.ts\n/**\n* Shorthand for `ref.value = x`\n*/\nfunction set(...args) {\n\tif (args.length === 2) {\n\t\tconst [ref$1, value] = args;\n\t\tref$1.value = value;\n\t}\n\tif (args.length === 3) {\n\t\tconst [target, key, value] = args;\n\t\ttarget[key] = value;\n\t}\n}\n\n//#endregion\n//#region watchWithFilter/index.ts\nfunction watchWithFilter(source, cb, options = {}) {\n\tconst { eventFilter = bypassFilter,...watchOptions } = options;\n\treturn watch(source, createFilterWrapper(eventFilter, cb), watchOptions);\n}\n\n//#endregion\n//#region watchPausable/index.ts\n/** @deprecated Use Vue's built-in `watch` instead. This function will be removed in future version. */\nfunction watchPausable(source, cb, options = {}) {\n\tconst { eventFilter: filter, initialState = \"active\",...watchOptions } = options;\n\tconst { eventFilter, pause, resume, isActive } = pausableFilter(filter, { initialState });\n\treturn {\n\t\tstop: watchWithFilter(source, cb, {\n\t\t\t...watchOptions,\n\t\t\teventFilter\n\t\t}),\n\t\tpause,\n\t\tresume,\n\t\tisActive\n\t};\n}\n/** @deprecated Use Vue's built-in `watch` instead. This function will be removed in future version. */\nconst pausableWatch = watchPausable;\n\n//#endregion\n//#region syncRef/index.ts\n/**\n* Two-way refs synchronization.\n* From the set theory perspective to restrict the option's type\n* Check in the following order:\n* 1. L = R\n* 2. L ∩ R ≠ ∅\n* 3. L ⊆ R\n* 4. L ∩ R = ∅\n*/\nfunction syncRef(left, right, ...[options]) {\n\tconst { flush = \"sync\", deep = false, immediate = true, direction = \"both\", transform = {} } = options || {};\n\tconst watchers = [];\n\tconst transformLTR = \"ltr\" in transform && transform.ltr || ((v) => v);\n\tconst transformRTL = \"rtl\" in transform && transform.rtl || ((v) => v);\n\tif (direction === \"both\" || direction === \"ltr\") watchers.push(watchPausable(left, (newValue) => {\n\t\twatchers.forEach((w) => w.pause());\n\t\tright.value = transformLTR(newValue);\n\t\twatchers.forEach((w) => w.resume());\n\t}, {\n\t\tflush,\n\t\tdeep,\n\t\timmediate\n\t}));\n\tif (direction === \"both\" || direction === \"rtl\") watchers.push(watchPausable(right, (newValue) => {\n\t\twatchers.forEach((w) => w.pause());\n\t\tleft.value = transformRTL(newValue);\n\t\twatchers.forEach((w) => w.resume());\n\t}, {\n\t\tflush,\n\t\tdeep,\n\t\timmediate\n\t}));\n\tconst stop = () => {\n\t\twatchers.forEach((w) => w.stop());\n\t};\n\treturn stop;\n}\n\n//#endregion\n//#region syncRefs/index.ts\n/**\n* Keep target ref(s) in sync with the source ref\n*\n* @param source source ref\n* @param targets\n*/\nfunction syncRefs(source, targets, options = {}) {\n\tconst { flush = \"sync\", deep = false, immediate = true } = options;\n\tconst targetsArray = toArray(targets);\n\treturn watch(source, (newValue) => targetsArray.forEach((target) => target.value = newValue), {\n\t\tflush,\n\t\tdeep,\n\t\timmediate\n\t});\n}\n\n//#endregion\n//#region toRefs/index.ts\n/**\n* Extended `toRefs` that also accepts refs of an object.\n*\n* @see https://vueuse.org/toRefs\n* @param objectRef A ref or normal object or array.\n* @param options Options\n*/\nfunction toRefs(objectRef, options = {}) {\n\tif (!isRef(objectRef)) return toRefs$1(objectRef);\n\tconst result = Array.isArray(objectRef.value) ? Array.from({ length: objectRef.value.length }) : {};\n\tfor (const key in objectRef.value) result[key] = customRef(() => ({\n\t\tget() {\n\t\t\treturn objectRef.value[key];\n\t\t},\n\t\tset(v) {\n\t\t\tvar _toValue;\n\t\t\tif ((_toValue = toValue(options.replaceRef)) !== null && _toValue !== void 0 ? _toValue : true) if (Array.isArray(objectRef.value)) {\n\t\t\t\tconst copy = [...objectRef.value];\n\t\t\t\tcopy[key] = v;\n\t\t\t\tobjectRef.value = copy;\n\t\t\t} else {\n\t\t\t\tconst newObject = {\n\t\t\t\t\t...objectRef.value,\n\t\t\t\t\t[key]: v\n\t\t\t\t};\n\t\t\t\tObject.setPrototypeOf(newObject, Object.getPrototypeOf(objectRef.value));\n\t\t\t\tobjectRef.value = newObject;\n\t\t\t}\n\t\t\telse objectRef.value[key] = v;\n\t\t}\n\t}));\n\treturn result;\n}\n\n//#endregion\n//#region tryOnBeforeMount/index.ts\n/**\n* Call onBeforeMount() if it's inside a component lifecycle, if not, just call the function\n*\n* @param fn\n* @param sync if set to false, it will run in the nextTick() of Vue\n* @param target\n*/\nfunction tryOnBeforeMount(fn, sync = true, target) {\n\tif (getLifeCycleTarget(target)) onBeforeMount(fn, target);\n\telse if (sync) fn();\n\telse nextTick(fn);\n}\n\n//#endregion\n//#region tryOnBeforeUnmount/index.ts\n/**\n* Call onBeforeUnmount() if it's inside a component lifecycle, if not, do nothing\n*\n* @param fn\n* @param target\n*/\nfunction tryOnBeforeUnmount(fn, target) {\n\tif (getLifeCycleTarget(target)) onBeforeUnmount(fn, target);\n}\n\n//#endregion\n//#region tryOnMounted/index.ts\n/**\n* Call onMounted() if it's inside a component lifecycle, if not, just call the function\n*\n* @param fn\n* @param sync if set to false, it will run in the nextTick() of Vue\n* @param target\n*/\nfunction tryOnMounted(fn, sync = true, target) {\n\tif (getLifeCycleTarget(target)) onMounted(fn, target);\n\telse if (sync) fn();\n\telse nextTick(fn);\n}\n\n//#endregion\n//#region tryOnUnmounted/index.ts\n/**\n* Call onUnmounted() if it's inside a component lifecycle, if not, do nothing\n*\n* @param fn\n* @param target\n*/\nfunction tryOnUnmounted(fn, target) {\n\tif (getLifeCycleTarget(target)) onUnmounted(fn, target);\n}\n\n//#endregion\n//#region until/index.ts\nfunction createUntil(r, isNot = false) {\n\tfunction toMatch(condition, { flush = \"sync\", deep = false, timeout, throwOnTimeout } = {}) {\n\t\tlet stop = null;\n\t\tconst promises = [new Promise((resolve) => {\n\t\t\tstop = watch(r, (v) => {\n\t\t\t\tif (condition(v) !== isNot) {\n\t\t\t\t\tif (stop) stop();\n\t\t\t\t\telse nextTick(() => stop === null || stop === void 0 ? void 0 : stop());\n\t\t\t\t\tresolve(v);\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\tflush,\n\t\t\t\tdeep,\n\t\t\t\timmediate: true\n\t\t\t});\n\t\t})];\n\t\tif (timeout != null) promises.push(promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop === null || stop === void 0 ? void 0 : stop()));\n\t\treturn Promise.race(promises);\n\t}\n\tfunction toBe(value, options) {\n\t\tif (!isRef(value)) return toMatch((v) => v === value, options);\n\t\tconst { flush = \"sync\", deep = false, timeout, throwOnTimeout } = options !== null && options !== void 0 ? options : {};\n\t\tlet stop = null;\n\t\tconst promises = [new Promise((resolve) => {\n\t\t\tstop = watch([r, value], ([v1, v2]) => {\n\t\t\t\tif (isNot !== (v1 === v2)) {\n\t\t\t\t\tif (stop) stop();\n\t\t\t\t\telse nextTick(() => stop === null || stop === void 0 ? void 0 : stop());\n\t\t\t\t\tresolve(v1);\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\tflush,\n\t\t\t\tdeep,\n\t\t\t\timmediate: true\n\t\t\t});\n\t\t})];\n\t\tif (timeout != null) promises.push(promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => {\n\t\t\tstop === null || stop === void 0 || stop();\n\t\t\treturn toValue(r);\n\t\t}));\n\t\treturn Promise.race(promises);\n\t}\n\tfunction toBeTruthy(options) {\n\t\treturn toMatch((v) => Boolean(v), options);\n\t}\n\tfunction toBeNull(options) {\n\t\treturn toBe(null, options);\n\t}\n\tfunction toBeUndefined(options) {\n\t\treturn toBe(void 0, options);\n\t}\n\tfunction toBeNaN(options) {\n\t\treturn toMatch(Number.isNaN, options);\n\t}\n\tfunction toContains(value, options) {\n\t\treturn toMatch((v) => {\n\t\t\tconst array = Array.from(v);\n\t\t\treturn array.includes(value) || array.includes(toValue(value));\n\t\t}, options);\n\t}\n\tfunction changed(options) {\n\t\treturn changedTimes(1, options);\n\t}\n\tfunction changedTimes(n = 1, options) {\n\t\tlet count = -1;\n\t\treturn toMatch(() => {\n\t\t\tcount += 1;\n\t\t\treturn count >= n;\n\t\t}, options);\n\t}\n\tif (Array.isArray(toValue(r))) return {\n\t\ttoMatch,\n\t\ttoContains,\n\t\tchanged,\n\t\tchangedTimes,\n\t\tget not() {\n\t\t\treturn createUntil(r, !isNot);\n\t\t}\n\t};\n\telse return {\n\t\ttoMatch,\n\t\ttoBe,\n\t\ttoBeTruthy,\n\t\ttoBeNull,\n\t\ttoBeNaN,\n\t\ttoBeUndefined,\n\t\tchanged,\n\t\tchangedTimes,\n\t\tget not() {\n\t\t\treturn createUntil(r, !isNot);\n\t\t}\n\t};\n}\nfunction until(r) {\n\treturn createUntil(r);\n}\n\n//#endregion\n//#region useArrayDifference/index.ts\nfunction defaultComparator(value, othVal) {\n\treturn value === othVal;\n}\n/**\n* Reactive get array difference of two array\n* @see https://vueuse.org/useArrayDifference\n* @returns - the difference of two array\n* @param args\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayDifference(...args) {\n\tvar _args$, _args$2;\n\tconst list = args[0];\n\tconst values = args[1];\n\tlet compareFn = (_args$ = args[2]) !== null && _args$ !== void 0 ? _args$ : defaultComparator;\n\tconst { symmetric = false } = (_args$2 = args[3]) !== null && _args$2 !== void 0 ? _args$2 : {};\n\tif (typeof compareFn === \"string\") {\n\t\tconst key = compareFn;\n\t\tcompareFn = (value, othVal) => value[key] === othVal[key];\n\t}\n\tconst diff1 = computed(() => toValue(list).filter((x) => toValue(values).findIndex((y) => compareFn(x, y)) === -1));\n\tif (symmetric) {\n\t\tconst diff2 = computed(() => toValue(values).filter((x) => toValue(list).findIndex((y) => compareFn(x, y)) === -1));\n\t\treturn computed(() => symmetric ? [...toValue(diff1), ...toValue(diff2)] : toValue(diff1));\n\t} else return diff1;\n}\n\n//#endregion\n//#region useArrayEvery/index.ts\n/**\n* Reactive `Array.every`\n*\n* @see https://vueuse.org/useArrayEvery\n* @param list - the array was called upon.\n* @param fn - a function to test each element.\n*\n* @returns **true** if the `fn` function returns a **truthy** value for every element from the array. Otherwise, **false**.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayEvery(list, fn) {\n\treturn computed(() => toValue(list).every((element, index, array) => fn(toValue(element), index, array)));\n}\n\n//#endregion\n//#region useArrayFilter/index.ts\n/**\n* Reactive `Array.filter`\n*\n* @see https://vueuse.org/useArrayFilter\n* @param list - the array was called upon.\n* @param fn - a function that is called for every element of the given `list`. Each time `fn` executes, the returned value is added to the new array.\n*\n* @returns a shallow copy of a portion of the given array, filtered down to just the elements from the given array that pass the test implemented by the provided function. If no elements pass the test, an empty array will be returned.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayFilter(list, fn) {\n\treturn computed(() => toValue(list).map((i) => toValue(i)).filter(fn));\n}\n\n//#endregion\n//#region useArrayFind/index.ts\n/**\n* Reactive `Array.find`\n*\n* @see https://vueuse.org/useArrayFind\n* @param list - the array was called upon.\n* @param fn - a function to test each element.\n*\n* @returns the first element in the array that satisfies the provided testing function. Otherwise, undefined is returned.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayFind(list, fn) {\n\treturn computed(() => toValue(toValue(list).find((element, index, array) => fn(toValue(element), index, array))));\n}\n\n//#endregion\n//#region useArrayFindIndex/index.ts\n/**\n* Reactive `Array.findIndex`\n*\n* @see https://vueuse.org/useArrayFindIndex\n* @param list - the array was called upon.\n* @param fn - a function to test each element.\n*\n* @returns the index of the first element in the array that passes the test. Otherwise, \"-1\".\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayFindIndex(list, fn) {\n\treturn computed(() => toValue(list).findIndex((element, index, array) => fn(toValue(element), index, array)));\n}\n\n//#endregion\n//#region useArrayFindLast/index.ts\nfunction findLast(arr, cb) {\n\tlet index = arr.length;\n\twhile (index-- > 0) if (cb(arr[index], index, arr)) return arr[index];\n}\n/**\n* Reactive `Array.findLast`\n*\n* @see https://vueuse.org/useArrayFindLast\n* @param list - the array was called upon.\n* @param fn - a function to test each element.\n*\n* @returns the last element in the array that satisfies the provided testing function. Otherwise, undefined is returned.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayFindLast(list, fn) {\n\treturn computed(() => toValue(!Array.prototype.findLast ? findLast(toValue(list), (element, index, array) => fn(toValue(element), index, array)) : toValue(list).findLast((element, index, array) => fn(toValue(element), index, array))));\n}\n\n//#endregion\n//#region useArrayIncludes/index.ts\nfunction isArrayIncludesOptions(obj) {\n\treturn isObject(obj) && containsProp(obj, \"formIndex\", \"comparator\");\n}\n/**\n* Reactive `Array.includes`\n*\n* @see https://vueuse.org/useArrayIncludes\n*\n* @returns true if the `value` is found in the array. Otherwise, false.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayIncludes(...args) {\n\tvar _comparator;\n\tconst list = args[0];\n\tconst value = args[1];\n\tlet comparator = args[2];\n\tlet formIndex = 0;\n\tif (isArrayIncludesOptions(comparator)) {\n\t\tvar _comparator$fromIndex;\n\t\tformIndex = (_comparator$fromIndex = comparator.fromIndex) !== null && _comparator$fromIndex !== void 0 ? _comparator$fromIndex : 0;\n\t\tcomparator = comparator.comparator;\n\t}\n\tif (typeof comparator === \"string\") {\n\t\tconst key = comparator;\n\t\tcomparator = (element, value$1) => element[key] === toValue(value$1);\n\t}\n\tcomparator = (_comparator = comparator) !== null && _comparator !== void 0 ? _comparator : ((element, value$1) => element === toValue(value$1));\n\treturn computed(() => toValue(list).slice(formIndex).some((element, index, array) => comparator(toValue(element), toValue(value), index, toValue(array))));\n}\n\n//#endregion\n//#region useArrayJoin/index.ts\n/**\n* Reactive `Array.join`\n*\n* @see https://vueuse.org/useArrayJoin\n* @param list - the array was called upon.\n* @param separator - a string to separate each pair of adjacent elements of the array. If omitted, the array elements are separated with a comma (\",\").\n*\n* @returns a string with all array elements joined. If arr.length is 0, the empty string is returned.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayJoin(list, separator) {\n\treturn computed(() => toValue(list).map((i) => toValue(i)).join(toValue(separator)));\n}\n\n//#endregion\n//#region useArrayMap/index.ts\n/**\n* Reactive `Array.map`\n*\n* @see https://vueuse.org/useArrayMap\n* @param list - the array was called upon.\n* @param fn - a function that is called for every element of the given `list`. Each time `fn` executes, the returned value is added to the new array.\n*\n* @returns a new array with each element being the result of the callback function.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayMap(list, fn) {\n\treturn computed(() => toValue(list).map((i) => toValue(i)).map(fn));\n}\n\n//#endregion\n//#region useArrayReduce/index.ts\n/**\n* Reactive `Array.reduce`\n*\n* @see https://vueuse.org/useArrayReduce\n* @param list - the array was called upon.\n* @param reducer - a \"reducer\" function.\n* @param args\n*\n* @returns the value that results from running the \"reducer\" callback function to completion over the entire array.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayReduce(list, reducer, ...args) {\n\tconst reduceCallback = (sum, value, index) => reducer(toValue(sum), toValue(value), index);\n\treturn computed(() => {\n\t\tconst resolved = toValue(list);\n\t\treturn args.length ? resolved.reduce(reduceCallback, typeof args[0] === \"function\" ? toValue(args[0]()) : toValue(args[0])) : resolved.reduce(reduceCallback);\n\t});\n}\n\n//#endregion\n//#region useArraySome/index.ts\n/**\n* Reactive `Array.some`\n*\n* @see https://vueuse.org/useArraySome\n* @param list - the array was called upon.\n* @param fn - a function to test each element.\n*\n* @returns **true** if the `fn` function returns a **truthy** value for any element from the array. Otherwise, **false**.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArraySome(list, fn) {\n\treturn computed(() => toValue(list).some((element, index, array) => fn(toValue(element), index, array)));\n}\n\n//#endregion\n//#region useArrayUnique/index.ts\nfunction uniq(array) {\n\treturn Array.from(new Set(array));\n}\nfunction uniqueElementsBy(array, fn) {\n\treturn array.reduce((acc, v) => {\n\t\tif (!acc.some((x) => fn(v, x, array))) acc.push(v);\n\t\treturn acc;\n\t}, []);\n}\n/**\n* reactive unique array\n* @see https://vueuse.org/useArrayUnique\n* @param list - the array was called upon.\n* @param compareFn\n* @returns A computed ref that returns a unique array of items.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useArrayUnique(list, compareFn) {\n\treturn computed(() => {\n\t\tconst resolvedList = toValue(list).map((element) => toValue(element));\n\t\treturn compareFn ? uniqueElementsBy(resolvedList, compareFn) : uniq(resolvedList);\n\t});\n}\n\n//#endregion\n//#region useCounter/index.ts\n/**\n* Basic counter with utility functions.\n*\n* @see https://vueuse.org/useCounter\n* @param [initialValue]\n* @param options\n*/\nfunction useCounter(initialValue = 0, options = {}) {\n\tlet _initialValue = unref(initialValue);\n\tconst count = shallowRef(initialValue);\n\tconst { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } = options;\n\tconst inc = (delta = 1) => count.value = Math.max(Math.min(max, count.value + delta), min);\n\tconst dec = (delta = 1) => count.value = Math.min(Math.max(min, count.value - delta), max);\n\tconst get$1 = () => count.value;\n\tconst set$1 = (val) => count.value = Math.max(min, Math.min(max, val));\n\tconst reset = (val = _initialValue) => {\n\t\t_initialValue = val;\n\t\treturn set$1(val);\n\t};\n\treturn {\n\t\tcount: shallowReadonly(count),\n\t\tinc,\n\t\tdec,\n\t\tget: get$1,\n\t\tset: set$1,\n\t\treset\n\t};\n}\n\n//#endregion\n//#region useDateFormat/index.ts\nconst REGEX_PARSE = /^(\\d{4})[-/]?(\\d{1,2})?[-/]?(\\d{0,2})[T\\s]*(\\d{1,2})?:?(\\d{1,2})?:?(\\d{1,2})?[.:]?(\\d+)?$/i;\nconst REGEX_FORMAT = /[YMDHhms]o|\\[([^\\]]+)\\]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|z{1,4}|SSS/g;\nfunction defaultMeridiem(hours, minutes, isLowercase, hasPeriod) {\n\tlet m = hours < 12 ? \"AM\" : \"PM\";\n\tif (hasPeriod) m = m.split(\"\").reduce((acc, curr) => acc += `${curr}.`, \"\");\n\treturn isLowercase ? m.toLowerCase() : m;\n}\nfunction formatOrdinal(num) {\n\tconst suffixes = [\n\t\t\"th\",\n\t\t\"st\",\n\t\t\"nd\",\n\t\t\"rd\"\n\t];\n\tconst v = num % 100;\n\treturn num + (suffixes[(v - 20) % 10] || suffixes[v] || suffixes[0]);\n}\nfunction formatDate(date, formatStr, options = {}) {\n\tvar _options$customMeridi;\n\tconst years = date.getFullYear();\n\tconst month = date.getMonth();\n\tconst days = date.getDate();\n\tconst hours = date.getHours();\n\tconst minutes = date.getMinutes();\n\tconst seconds = date.getSeconds();\n\tconst milliseconds = date.getMilliseconds();\n\tconst day = date.getDay();\n\tconst meridiem = (_options$customMeridi = options.customMeridiem) !== null && _options$customMeridi !== void 0 ? _options$customMeridi : defaultMeridiem;\n\tconst stripTimeZone = (dateString) => {\n\t\tvar _dateString$split$;\n\t\treturn (_dateString$split$ = dateString.split(\" \")[1]) !== null && _dateString$split$ !== void 0 ? _dateString$split$ : \"\";\n\t};\n\tconst matches = {\n\t\tYo: () => formatOrdinal(years),\n\t\tYY: () => String(years).slice(-2),\n\t\tYYYY: () => years,\n\t\tM: () => month + 1,\n\t\tMo: () => formatOrdinal(month + 1),\n\t\tMM: () => `${month + 1}`.padStart(2, \"0\"),\n\t\tMMM: () => date.toLocaleDateString(toValue(options.locales), { month: \"short\" }),\n\t\tMMMM: () => date.toLocaleDateString(toValue(options.locales), { month: \"long\" }),\n\t\tD: () => String(days),\n\t\tDo: () => formatOrdinal(days),\n\t\tDD: () => `${days}`.padStart(2, \"0\"),\n\t\tH: () => String(hours),\n\t\tHo: () => formatOrdinal(hours),\n\t\tHH: () => `${hours}`.padStart(2, \"0\"),\n\t\th: () => `${hours % 12 || 12}`.padStart(1, \"0\"),\n\t\tho: () => formatOrdinal(hours % 12 || 12),\n\t\thh: () => `${hours % 12 || 12}`.padStart(2, \"0\"),\n\t\tm: () => String(minutes),\n\t\tmo: () => formatOrdinal(minutes),\n\t\tmm: () => `${minutes}`.padStart(2, \"0\"),\n\t\ts: () => String(seconds),\n\t\tso: () => formatOrdinal(seconds),\n\t\tss: () => `${seconds}`.padStart(2, \"0\"),\n\t\tSSS: () => `${milliseconds}`.padStart(3, \"0\"),\n\t\td: () => day,\n\t\tdd: () => date.toLocaleDateString(toValue(options.locales), { weekday: \"narrow\" }),\n\t\tddd: () => date.toLocaleDateString(toValue(options.locales), { weekday: \"short\" }),\n\t\tdddd: () => date.toLocaleDateString(toValue(options.locales), { weekday: \"long\" }),\n\t\tA: () => meridiem(hours, minutes),\n\t\tAA: () => meridiem(hours, minutes, false, true),\n\t\ta: () => meridiem(hours, minutes, true),\n\t\taa: () => meridiem(hours, minutes, true, true),\n\t\tz: () => stripTimeZone(date.toLocaleDateString(toValue(options.locales), { timeZoneName: \"shortOffset\" })),\n\t\tzz: () => stripTimeZone(date.toLocaleDateString(toValue(options.locales), { timeZoneName: \"shortOffset\" })),\n\t\tzzz: () => stripTimeZone(date.toLocaleDateString(toValue(options.locales), { timeZoneName: \"shortOffset\" })),\n\t\tzzzz: () => stripTimeZone(date.toLocaleDateString(toValue(options.locales), { timeZoneName: \"longOffset\" }))\n\t};\n\treturn formatStr.replace(REGEX_FORMAT, (match, $1) => {\n\t\tvar _ref, _matches$match;\n\t\treturn (_ref = $1 !== null && $1 !== void 0 ? $1 : (_matches$match = matches[match]) === null || _matches$match === void 0 ? void 0 : _matches$match.call(matches)) !== null && _ref !== void 0 ? _ref : match;\n\t});\n}\nfunction normalizeDate(date) {\n\tif (date === null) return /* @__PURE__ */ new Date(NaN);\n\tif (date === void 0) return /* @__PURE__ */ new Date();\n\tif (date instanceof Date) return new Date(date);\n\tif (typeof date === \"string\" && !/Z$/i.test(date)) {\n\t\tconst d = date.match(REGEX_PARSE);\n\t\tif (d) {\n\t\t\tconst m = d[2] - 1 || 0;\n\t\t\tconst ms = (d[7] || \"0\").substring(0, 3);\n\t\t\treturn new Date(d[1], m, d[3] || 1, d[4] || 0, d[5] || 0, d[6] || 0, ms);\n\t\t}\n\t}\n\treturn new Date(date);\n}\n/**\n* Get the formatted date according to the string of tokens passed in.\n*\n* @see https://vueuse.org/useDateFormat\n* @param date - The date to format, can either be a `Date` object, a timestamp, or a string\n* @param formatStr - The combination of tokens to format the date\n* @param options - UseDateFormatOptions\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useDateFormat(date, formatStr = \"HH:mm:ss\", options = {}) {\n\treturn computed(() => formatDate(normalizeDate(toValue(date)), toValue(formatStr), options));\n}\n\n//#endregion\n//#region useIntervalFn/index.ts\n/**\n* Wrapper for `setInterval` with controls\n*\n* @see https://vueuse.org/useIntervalFn\n* @param cb\n* @param interval\n* @param options\n*/\nfunction useIntervalFn(cb, interval = 1e3, options = {}) {\n\tconst { immediate = true, immediateCallback = false } = options;\n\tlet timer = null;\n\tconst isActive = shallowRef(false);\n\tfunction clean() {\n\t\tif (timer) {\n\t\t\tclearInterval(timer);\n\t\t\ttimer = null;\n\t\t}\n\t}\n\tfunction pause() {\n\t\tisActive.value = false;\n\t\tclean();\n\t}\n\tfunction resume() {\n\t\tconst intervalValue = toValue(interval);\n\t\tif (intervalValue <= 0) return;\n\t\tisActive.value = true;\n\t\tif (immediateCallback) cb();\n\t\tclean();\n\t\tif (isActive.value) timer = setInterval(cb, intervalValue);\n\t}\n\tif (immediate && isClient) resume();\n\tif (isRef(interval) || typeof interval === \"function\") tryOnScopeDispose(watch(interval, () => {\n\t\tif (isActive.value && isClient) resume();\n\t}));\n\ttryOnScopeDispose(pause);\n\treturn {\n\t\tisActive: shallowReadonly(isActive),\n\t\tpause,\n\t\tresume\n\t};\n}\n\n//#endregion\n//#region useInterval/index.ts\nfunction useInterval(interval = 1e3, options = {}) {\n\tconst { controls: exposeControls = false, immediate = true, callback } = options;\n\tconst counter = shallowRef(0);\n\tconst update = () => counter.value += 1;\n\tconst reset = () => {\n\t\tcounter.value = 0;\n\t};\n\tconst controls = useIntervalFn(callback ? () => {\n\t\tupdate();\n\t\tcallback(counter.value);\n\t} : update, interval, { immediate });\n\tif (exposeControls) return {\n\t\tcounter: shallowReadonly(counter),\n\t\treset,\n\t\t...controls\n\t};\n\telse return shallowReadonly(counter);\n}\n\n//#endregion\n//#region useLastChanged/index.ts\nfunction useLastChanged(source, options = {}) {\n\tvar _options$initialValue;\n\tconst ms = shallowRef((_options$initialValue = options.initialValue) !== null && _options$initialValue !== void 0 ? _options$initialValue : null);\n\twatch(source, () => ms.value = timestamp(), options);\n\treturn shallowReadonly(ms);\n}\n\n//#endregion\n//#region useTimeoutFn/index.ts\n/**\n* Wrapper for `setTimeout` with controls.\n*\n* @param cb\n* @param interval\n* @param options\n*/\nfunction useTimeoutFn(cb, interval, options = {}) {\n\tconst { immediate = true, immediateCallback = false } = options;\n\tconst isPending = shallowRef(false);\n\tlet timer;\n\tfunction clear() {\n\t\tif (timer) {\n\t\t\tclearTimeout(timer);\n\t\t\ttimer = void 0;\n\t\t}\n\t}\n\tfunction stop() {\n\t\tisPending.value = false;\n\t\tclear();\n\t}\n\tfunction start(...args) {\n\t\tif (immediateCallback) cb();\n\t\tclear();\n\t\tisPending.value = true;\n\t\ttimer = setTimeout(() => {\n\t\t\tisPending.value = false;\n\t\t\ttimer = void 0;\n\t\t\tcb(...args);\n\t\t}, toValue(interval));\n\t}\n\tif (immediate) {\n\t\tisPending.value = true;\n\t\tif (isClient) start();\n\t}\n\ttryOnScopeDispose(stop);\n\treturn {\n\t\tisPending: shallowReadonly(isPending),\n\t\tstart,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useTimeout/index.ts\nfunction useTimeout(interval = 1e3, options = {}) {\n\tconst { controls: exposeControls = false, callback } = options;\n\tconst controls = useTimeoutFn(callback !== null && callback !== void 0 ? callback : noop, interval, options);\n\tconst ready = computed(() => !controls.isPending.value);\n\tif (exposeControls) return {\n\t\tready,\n\t\t...controls\n\t};\n\telse return ready;\n}\n\n//#endregion\n//#region useToNumber/index.ts\n/**\n* Reactively convert a string ref to number.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useToNumber(value, options = {}) {\n\tconst { method = \"parseFloat\", radix, nanToZero } = options;\n\treturn computed(() => {\n\t\tlet resolved = toValue(value);\n\t\tif (typeof method === \"function\") resolved = method(resolved);\n\t\telse if (typeof resolved === \"string\") resolved = Number[method](resolved, radix);\n\t\tif (nanToZero && Number.isNaN(resolved)) resolved = 0;\n\t\treturn resolved;\n\t});\n}\n\n//#endregion\n//#region useToString/index.ts\n/**\n* Reactively convert a ref to string.\n*\n* @see https://vueuse.org/useToString\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useToString(value) {\n\treturn computed(() => `${toValue(value)}`);\n}\n\n//#endregion\n//#region useToggle/index.ts\n/**\n* A boolean ref with a toggler\n*\n* @see https://vueuse.org/useToggle\n* @param [initialValue]\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useToggle(initialValue = false, options = {}) {\n\tconst { truthyValue = true, falsyValue = false } = options;\n\tconst valueIsRef = isRef(initialValue);\n\tconst _value = shallowRef(initialValue);\n\tfunction toggle(value) {\n\t\tif (arguments.length) {\n\t\t\t_value.value = value;\n\t\t\treturn _value.value;\n\t\t} else {\n\t\t\tconst truthy = toValue(truthyValue);\n\t\t\t_value.value = _value.value === truthy ? toValue(falsyValue) : truthy;\n\t\t\treturn _value.value;\n\t\t}\n\t}\n\tif (valueIsRef) return toggle;\n\telse return [_value, toggle];\n}\n\n//#endregion\n//#region watchArray/index.ts\n/**\n* Watch for an array with additions and removals.\n*\n* @see https://vueuse.org/watchArray\n*/\nfunction watchArray(source, cb, options) {\n\tlet oldList = (options === null || options === void 0 ? void 0 : options.immediate) ? [] : [...typeof source === \"function\" ? source() : Array.isArray(source) ? source : toValue(source)];\n\treturn watch(source, (newList, _, onCleanup) => {\n\t\tconst oldListRemains = Array.from({ length: oldList.length });\n\t\tconst added = [];\n\t\tfor (const obj of newList) {\n\t\t\tlet found = false;\n\t\t\tfor (let i = 0; i < oldList.length; i++) if (!oldListRemains[i] && obj === oldList[i]) {\n\t\t\t\toldListRemains[i] = true;\n\t\t\t\tfound = true;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tif (!found) added.push(obj);\n\t\t}\n\t\tconst removed = oldList.filter((_$1, i) => !oldListRemains[i]);\n\t\tcb(newList, oldList, added, removed, onCleanup);\n\t\toldList = [...newList];\n\t}, options);\n}\n\n//#endregion\n//#region watchAtMost/index.ts\nfunction watchAtMost(source, cb, options) {\n\tconst { count,...watchOptions } = options;\n\tconst current = shallowRef(0);\n\tconst { stop, resume, pause } = watchWithFilter(source, (...args) => {\n\t\tcurrent.value += 1;\n\t\tif (current.value >= toValue(count)) nextTick(() => stop());\n\t\tcb(...args);\n\t}, watchOptions);\n\treturn {\n\t\tcount: current,\n\t\tstop,\n\t\tresume,\n\t\tpause\n\t};\n}\n\n//#endregion\n//#region watchDebounced/index.ts\nfunction watchDebounced(source, cb, options = {}) {\n\tconst { debounce = 0, maxWait = void 0,...watchOptions } = options;\n\treturn watchWithFilter(source, cb, {\n\t\t...watchOptions,\n\t\teventFilter: debounceFilter(debounce, { maxWait })\n\t});\n}\n/** @deprecated use `watchDebounced` instead */\nconst debouncedWatch = watchDebounced;\n\n//#endregion\n//#region watchDeep/index.ts\n/**\n* Shorthand for watching value with {deep: true}\n*\n* @see https://vueuse.org/watchDeep\n*/\nfunction watchDeep(source, cb, options) {\n\treturn watch(source, cb, {\n\t\t...options,\n\t\tdeep: true\n\t});\n}\n\n//#endregion\n//#region watchIgnorable/index.ts\nfunction watchIgnorable(source, cb, options = {}) {\n\tconst { eventFilter = bypassFilter,...watchOptions } = options;\n\tconst filteredCb = createFilterWrapper(eventFilter, cb);\n\tlet ignoreUpdates;\n\tlet ignorePrevAsyncUpdates;\n\tlet stop;\n\tif (watchOptions.flush === \"sync\") {\n\t\tlet ignore = false;\n\t\tignorePrevAsyncUpdates = () => {};\n\t\tignoreUpdates = (updater) => {\n\t\t\tignore = true;\n\t\t\tupdater();\n\t\t\tignore = false;\n\t\t};\n\t\tstop = watch(source, (...args) => {\n\t\t\tif (!ignore) filteredCb(...args);\n\t\t}, watchOptions);\n\t} else {\n\t\tconst disposables = [];\n\t\tlet ignoreCounter = 0;\n\t\tlet syncCounter = 0;\n\t\tignorePrevAsyncUpdates = () => {\n\t\t\tignoreCounter = syncCounter;\n\t\t};\n\t\tdisposables.push(watch(source, () => {\n\t\t\tsyncCounter++;\n\t\t}, {\n\t\t\t...watchOptions,\n\t\t\tflush: \"sync\"\n\t\t}));\n\t\tignoreUpdates = (updater) => {\n\t\t\tconst syncCounterPrev = syncCounter;\n\t\t\tupdater();\n\t\t\tignoreCounter += syncCounter - syncCounterPrev;\n\t\t};\n\t\tdisposables.push(watch(source, (...args) => {\n\t\t\tconst ignore = ignoreCounter > 0 && ignoreCounter === syncCounter;\n\t\t\tignoreCounter = 0;\n\t\t\tsyncCounter = 0;\n\t\t\tif (ignore) return;\n\t\t\tfilteredCb(...args);\n\t\t}, watchOptions));\n\t\tstop = () => {\n\t\t\tdisposables.forEach((fn) => fn());\n\t\t};\n\t}\n\treturn {\n\t\tstop,\n\t\tignoreUpdates,\n\t\tignorePrevAsyncUpdates\n\t};\n}\n/** @deprecated use `watchIgnorable` instead */\nconst ignorableWatch = watchIgnorable;\n\n//#endregion\n//#region watchImmediate/index.ts\n/**\n* Shorthand for watching value with {immediate: true}\n*\n* @see https://vueuse.org/watchImmediate\n*/\nfunction watchImmediate(source, cb, options) {\n\treturn watch(source, cb, {\n\t\t...options,\n\t\timmediate: true\n\t});\n}\n\n//#endregion\n//#region watchOnce/index.ts\n/**\n* Shorthand for watching value with { once: true }\n*\n* @see https://vueuse.org/watchOnce\n*/\nfunction watchOnce(source, cb, options) {\n\treturn watch(source, cb, {\n\t\t...options,\n\t\tonce: true\n\t});\n}\n\n//#endregion\n//#region watchThrottled/index.ts\nfunction watchThrottled(source, cb, options = {}) {\n\tconst { throttle = 0, trailing = true, leading = true,...watchOptions } = options;\n\treturn watchWithFilter(source, cb, {\n\t\t...watchOptions,\n\t\teventFilter: throttleFilter(throttle, trailing, leading)\n\t});\n}\n/** @deprecated use `watchThrottled` instead */\nconst throttledWatch = watchThrottled;\n\n//#endregion\n//#region watchTriggerable/index.ts\nfunction watchTriggerable(source, cb, options = {}) {\n\tlet cleanupFn;\n\tfunction onEffect() {\n\t\tif (!cleanupFn) return;\n\t\tconst fn = cleanupFn;\n\t\tcleanupFn = void 0;\n\t\tfn();\n\t}\n\t/** Register the function `cleanupFn` */\n\tfunction onCleanup(callback) {\n\t\tcleanupFn = callback;\n\t}\n\tconst _cb = (value, oldValue) => {\n\t\tonEffect();\n\t\treturn cb(value, oldValue, onCleanup);\n\t};\n\tconst res = watchIgnorable(source, _cb, options);\n\tconst { ignoreUpdates } = res;\n\tconst trigger = () => {\n\t\tlet res$1;\n\t\tignoreUpdates(() => {\n\t\t\tres$1 = _cb(getWatchSources(source), getOldValue(source));\n\t\t});\n\t\treturn res$1;\n\t};\n\treturn {\n\t\t...res,\n\t\ttrigger\n\t};\n}\nfunction getWatchSources(sources) {\n\tif (isReactive(sources)) return sources;\n\tif (Array.isArray(sources)) return sources.map((item) => toValue(item));\n\treturn toValue(sources);\n}\nfunction getOldValue(source) {\n\treturn Array.isArray(source) ? source.map(() => void 0) : void 0;\n}\n\n//#endregion\n//#region whenever/index.ts\n/**\n* Shorthand for watching value to be truthy\n*\n* @see https://vueuse.org/whenever\n*/\nfunction whenever(source, cb, options) {\n\tconst stop = watch(source, (v, ov, onInvalidate) => {\n\t\tif (v) {\n\t\t\tif (options === null || options === void 0 ? void 0 : options.once) nextTick(() => stop());\n\t\t\tcb(v, ov, onInvalidate);\n\t\t}\n\t}, {\n\t\t...options,\n\t\tonce: false\n\t});\n\treturn stop;\n}\n\n//#endregion\nexport { assert, autoResetRef, bypassFilter, camelize, clamp, computedEager, computedWithControl, containsProp, controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createInjectionState, createReactiveFn, createRef, createSharedComposable, createSingletonPromise, debounceFilter, debouncedRef, debouncedWatch, eagerComputed, extendRef, formatDate, get, getLifeCycleTarget, hasOwn, hyphenate, identity, ignorableWatch, increaseWithUnit, injectLocal, invoke, isClient, isDef, isDefined, isIOS, isObject, isWorker, makeDestructurable, noop, normalizeDate, notNullish, now, objectEntries, objectOmit, objectPick, pausableFilter, pausableWatch, promiseTimeout, provideLocal, pxValue, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refManualReset, refThrottled, refWithControl, set, syncRef, syncRefs, throttleFilter, throttledRef, throttledWatch, timestamp, toArray, toReactive, toRef, toRefs, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useArrayDifference, useArrayEvery, useArrayFilter, useArrayFind, useArrayFindIndex, useArrayFindLast, useArrayIncludes, useArrayJoin, useArrayMap, useArrayReduce, useArraySome, useArrayUnique, useCounter, useDateFormat, useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToNumber, useToString, useToggle, watchArray, watchAtMost, watchDebounced, watchDeep, watchIgnorable, watchImmediate, watchOnce, watchPausable, watchThrottled, watchTriggerable, watchWithFilter, whenever };","import { bypassFilter, camelize, clamp, computedWithControl, containsProp, createEventHook, createFilterWrapper, createRef, createSingletonPromise, debounceFilter, hasOwn, identity, increaseWithUnit, injectLocal, isClient, isDef, isIOS, isObject, isWorker, makeDestructurable, noop, notNullish, objectEntries, objectOmit, objectPick, pausableFilter, promiseTimeout, provideLocal, pxValue, syncRef, throttleFilter, timestamp, toArray, toRef, toRefs, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useDebounceFn, useIntervalFn, useThrottleFn, useTimeoutFn, watchIgnorable, watchImmediate, watchOnce, watchPausable, watchWithFilter, whenever } from \"@vueuse/shared\";\nimport { Fragment, TransitionGroup, computed, customRef, defineComponent, getCurrentInstance, getCurrentScope, h, hasInjectionContext, inject, isReadonly, isRef, markRaw, nextTick, onBeforeUpdate, onMounted, onUpdated, reactive, readonly, ref, shallowReactive, shallowReadonly, shallowRef, toRaw, toValue, unref, watch, watchEffect } from \"vue\";\n\nexport * from \"@vueuse/shared\"\n\n//#region computedAsync/index.ts\nfunction computedAsync(evaluationCallback, initialState, optionsOrRef) {\n\tvar _globalThis$reportErr;\n\tlet options;\n\tif (isRef(optionsOrRef)) options = { evaluating: optionsOrRef };\n\telse options = optionsOrRef || {};\n\tconst { lazy = false, flush = \"sync\", evaluating = void 0, shallow = true, onError = (_globalThis$reportErr = globalThis.reportError) !== null && _globalThis$reportErr !== void 0 ? _globalThis$reportErr : noop } = options;\n\tconst started = shallowRef(!lazy);\n\tconst current = shallow ? shallowRef(initialState) : ref(initialState);\n\tlet counter = 0;\n\twatchEffect(async (onInvalidate) => {\n\t\tif (!started.value) return;\n\t\tcounter++;\n\t\tconst counterAtBeginning = counter;\n\t\tlet hasFinished = false;\n\t\tif (evaluating) Promise.resolve().then(() => {\n\t\t\tevaluating.value = true;\n\t\t});\n\t\ttry {\n\t\t\tconst result = await evaluationCallback((cancelCallback) => {\n\t\t\t\tonInvalidate(() => {\n\t\t\t\t\tif (evaluating) evaluating.value = false;\n\t\t\t\t\tif (!hasFinished) cancelCallback();\n\t\t\t\t});\n\t\t\t});\n\t\t\tif (counterAtBeginning === counter) current.value = result;\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t} finally {\n\t\t\tif (evaluating && counterAtBeginning === counter) evaluating.value = false;\n\t\t\thasFinished = true;\n\t\t}\n\t}, { flush });\n\tif (lazy) return computed(() => {\n\t\tstarted.value = true;\n\t\treturn current.value;\n\t});\n\telse return current;\n}\n/** @deprecated use `computedAsync` instead */\nconst asyncComputed = computedAsync;\n\n//#endregion\n//#region computedInject/index.ts\nfunction computedInject(key, options, defaultSource, treatDefaultAsFactory) {\n\tlet source = inject(key);\n\tif (defaultSource) source = inject(key, defaultSource);\n\tif (treatDefaultAsFactory) source = inject(key, defaultSource, treatDefaultAsFactory);\n\tif (typeof options === \"function\") return computed((oldValue) => options(source, oldValue));\n\telse return computed({\n\t\tget: (oldValue) => options.get(source, oldValue),\n\t\tset: options.set\n\t});\n}\n\n//#endregion\n//#region createReusableTemplate/index.ts\n/**\n* This function creates `define` and `reuse` components in pair,\n* It also allow to pass a generic to bind with type.\n*\n* @see https://vueuse.org/createReusableTemplate\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createReusableTemplate(options = {}) {\n\tconst { inheritAttrs = true } = options;\n\tconst render = shallowRef();\n\tconst define = defineComponent({ setup(_, { slots }) {\n\t\treturn () => {\n\t\t\trender.value = slots.default;\n\t\t};\n\t} });\n\tconst reuse = defineComponent({\n\t\tinheritAttrs,\n\t\tprops: options.props,\n\t\tsetup(props, { attrs, slots }) {\n\t\t\treturn () => {\n\t\t\t\tvar _render$value;\n\t\t\t\tif (!render.value && true) throw new Error(\"[VueUse] Failed to find the definition of reusable template\");\n\t\t\t\tconst vnode = (_render$value = render.value) === null || _render$value === void 0 ? void 0 : _render$value.call(render, {\n\t\t\t\t\t...options.props == null ? keysToCamelKebabCase(attrs) : props,\n\t\t\t\t\t$slots: slots\n\t\t\t\t});\n\t\t\t\treturn inheritAttrs && (vnode === null || vnode === void 0 ? void 0 : vnode.length) === 1 ? vnode[0] : vnode;\n\t\t\t};\n\t\t}\n\t});\n\treturn makeDestructurable({\n\t\tdefine,\n\t\treuse\n\t}, [define, reuse]);\n}\nfunction keysToCamelKebabCase(obj) {\n\tconst newObj = {};\n\tfor (const key in obj) newObj[camelize(key)] = obj[key];\n\treturn newObj;\n}\n\n//#endregion\n//#region createTemplatePromise/index.ts\n/**\n* Creates a template promise component.\n*\n* @see https://vueuse.org/createTemplatePromise\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createTemplatePromise(options = {}) {\n\tlet index = 0;\n\tconst instances = ref([]);\n\tfunction create(...args) {\n\t\tconst props = shallowReactive({\n\t\t\tkey: index++,\n\t\t\targs,\n\t\t\tpromise: void 0,\n\t\t\tresolve: () => {},\n\t\t\treject: () => {},\n\t\t\tisResolving: false,\n\t\t\toptions\n\t\t});\n\t\tinstances.value.push(props);\n\t\tprops.promise = new Promise((_resolve, _reject) => {\n\t\t\tprops.resolve = (v) => {\n\t\t\t\tprops.isResolving = true;\n\t\t\t\treturn _resolve(v);\n\t\t\t};\n\t\t\tprops.reject = _reject;\n\t\t}).finally(() => {\n\t\t\tprops.promise = void 0;\n\t\t\tconst index$1 = instances.value.indexOf(props);\n\t\t\tif (index$1 !== -1) instances.value.splice(index$1, 1);\n\t\t});\n\t\treturn props.promise;\n\t}\n\tfunction start(...args) {\n\t\tif (options.singleton && instances.value.length > 0) return instances.value[0].promise;\n\t\treturn create(...args);\n\t}\n\tconst component = defineComponent((_, { slots }) => {\n\t\tconst renderList = () => instances.value.map((props) => {\n\t\t\tvar _slots$default;\n\t\t\treturn h(Fragment, { key: props.key }, (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots, props));\n\t\t});\n\t\tif (options.transition) return () => h(TransitionGroup, options.transition, renderList);\n\t\treturn renderList;\n\t});\n\tcomponent.start = start;\n\treturn component;\n}\n\n//#endregion\n//#region createUnrefFn/index.ts\n/**\n* Make a plain function accepting ref and raw values as arguments.\n* Returns the same value the unconverted function returns, with proper typing.\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction createUnrefFn(fn) {\n\treturn function(...args) {\n\t\treturn fn.apply(this, args.map((i) => toValue(i)));\n\t};\n}\n\n//#endregion\n//#region _configurable.ts\nconst defaultWindow = isClient ? window : void 0;\nconst defaultDocument = isClient ? window.document : void 0;\nconst defaultNavigator = isClient ? window.navigator : void 0;\nconst defaultLocation = isClient ? window.location : void 0;\n\n//#endregion\n//#region unrefElement/index.ts\n/**\n* Get the dom element of a ref of element or Vue component instance\n*\n* @param elRef\n*/\nfunction unrefElement(elRef) {\n\tvar _$el;\n\tconst plain = toValue(elRef);\n\treturn (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;\n}\n\n//#endregion\n//#region useEventListener/index.ts\nfunction useEventListener(...args) {\n\tconst register = (el, event, listener, options) => {\n\t\tel.addEventListener(event, listener, options);\n\t\treturn () => el.removeEventListener(event, listener, options);\n\t};\n\tconst firstParamTargets = computed(() => {\n\t\tconst test = toArray(toValue(args[0])).filter((e) => e != null);\n\t\treturn test.every((e) => typeof e !== \"string\") ? test : void 0;\n\t});\n\treturn watchImmediate(() => {\n\t\tvar _firstParamTargets$va, _firstParamTargets$va2;\n\t\treturn [\n\t\t\t(_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),\n\t\t\ttoArray(toValue(firstParamTargets.value ? args[1] : args[0])),\n\t\t\ttoArray(unref(firstParamTargets.value ? args[2] : args[1])),\n\t\t\ttoValue(firstParamTargets.value ? args[3] : args[2])\n\t\t];\n\t}, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {\n\t\tif (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;\n\t\tconst optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;\n\t\tconst cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));\n\t\tonCleanup(() => {\n\t\t\tcleanups.forEach((fn) => fn());\n\t\t});\n\t}, { flush: \"post\" });\n}\n\n//#endregion\n//#region onClickOutside/index.ts\nlet _iOSWorkaround = false;\nfunction onClickOutside(target, handler, options = {}) {\n\tconst { window: window$1 = defaultWindow, ignore = [], capture = true, detectIframe = false, controls = false } = options;\n\tif (!window$1) return controls ? {\n\t\tstop: noop,\n\t\tcancel: noop,\n\t\ttrigger: noop\n\t} : noop;\n\tif (isIOS && !_iOSWorkaround) {\n\t\t_iOSWorkaround = true;\n\t\tconst listenerOptions = { passive: true };\n\t\tArray.from(window$1.document.body.children).forEach((el) => el.addEventListener(\"click\", noop, listenerOptions));\n\t\twindow$1.document.documentElement.addEventListener(\"click\", noop, listenerOptions);\n\t}\n\tlet shouldListen = true;\n\tconst shouldIgnore = (event) => {\n\t\treturn toValue(ignore).some((target$1) => {\n\t\t\tif (typeof target$1 === \"string\") return Array.from(window$1.document.querySelectorAll(target$1)).some((el) => el === event.target || event.composedPath().includes(el));\n\t\t\telse {\n\t\t\t\tconst el = unrefElement(target$1);\n\t\t\t\treturn el && (event.target === el || event.composedPath().includes(el));\n\t\t\t}\n\t\t});\n\t};\n\t/**\n\t* Determines if the given target has multiple root elements.\n\t* Referenced from: https://github.com/vuejs/test-utils/blob/ccb460be55f9f6be05ab708500a41ec8adf6f4bc/src/vue-wrapper.ts#L21\n\t*/\n\tfunction hasMultipleRoots(target$1) {\n\t\tconst vm = toValue(target$1);\n\t\treturn vm && vm.$.subTree.shapeFlag === 16;\n\t}\n\tfunction checkMultipleRoots(target$1, event) {\n\t\tconst vm = toValue(target$1);\n\t\tconst children = vm.$.subTree && vm.$.subTree.children;\n\t\tif (children == null || !Array.isArray(children)) return false;\n\t\treturn children.some((child) => child.el === event.target || event.composedPath().includes(child.el));\n\t}\n\tconst listener = (event) => {\n\t\tconst el = unrefElement(target);\n\t\tif (event.target == null) return;\n\t\tif (!(el instanceof Element) && hasMultipleRoots(target) && checkMultipleRoots(target, event)) return;\n\t\tif (!el || el === event.target || event.composedPath().includes(el)) return;\n\t\tif (\"detail\" in event && event.detail === 0) shouldListen = !shouldIgnore(event);\n\t\tif (!shouldListen) {\n\t\t\tshouldListen = true;\n\t\t\treturn;\n\t\t}\n\t\thandler(event);\n\t};\n\tlet isProcessingClick = false;\n\tconst cleanup = [\n\t\tuseEventListener(window$1, \"click\", (event) => {\n\t\t\tif (!isProcessingClick) {\n\t\t\t\tisProcessingClick = true;\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tisProcessingClick = false;\n\t\t\t\t}, 0);\n\t\t\t\tlistener(event);\n\t\t\t}\n\t\t}, {\n\t\t\tpassive: true,\n\t\t\tcapture\n\t\t}),\n\t\tuseEventListener(window$1, \"pointerdown\", (e) => {\n\t\t\tconst el = unrefElement(target);\n\t\t\tshouldListen = !shouldIgnore(e) && !!(el && !e.composedPath().includes(el));\n\t\t}, { passive: true }),\n\t\tdetectIframe && useEventListener(window$1, \"blur\", (event) => {\n\t\t\tsetTimeout(() => {\n\t\t\t\tvar _window$document$acti;\n\t\t\t\tconst el = unrefElement(target);\n\t\t\t\tif (((_window$document$acti = window$1.document.activeElement) === null || _window$document$acti === void 0 ? void 0 : _window$document$acti.tagName) === \"IFRAME\" && !(el === null || el === void 0 ? void 0 : el.contains(window$1.document.activeElement))) handler(event);\n\t\t\t}, 0);\n\t\t}, { passive: true })\n\t].filter(Boolean);\n\tconst stop = () => cleanup.forEach((fn) => fn());\n\tif (controls) return {\n\t\tstop,\n\t\tcancel: () => {\n\t\t\tshouldListen = false;\n\t\t},\n\t\ttrigger: (event) => {\n\t\t\tshouldListen = true;\n\t\t\tlistener(event);\n\t\t\tshouldListen = false;\n\t\t}\n\t};\n\treturn stop;\n}\n\n//#endregion\n//#region useMounted/index.ts\n/**\n* Mounted state in ref.\n*\n* @see https://vueuse.org/useMounted\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useMounted() {\n\tconst isMounted = shallowRef(false);\n\tconst instance = getCurrentInstance();\n\tif (instance) onMounted(() => {\n\t\tisMounted.value = true;\n\t}, instance);\n\treturn isMounted;\n}\n\n//#endregion\n//#region useSupported/index.ts\n/* @__NO_SIDE_EFFECTS__ */\nfunction useSupported(callback) {\n\tconst isMounted = useMounted();\n\treturn computed(() => {\n\t\tisMounted.value;\n\t\treturn Boolean(callback());\n\t});\n}\n\n//#endregion\n//#region useMutationObserver/index.ts\n/**\n* Watch for changes being made to the DOM tree.\n*\n* @see https://vueuse.org/useMutationObserver\n* @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver MutationObserver MDN\n* @param target\n* @param callback\n* @param options\n*/\nfunction useMutationObserver(target, callback, options = {}) {\n\tconst { window: window$1 = defaultWindow,...mutationOptions } = options;\n\tlet observer;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"MutationObserver\" in window$1);\n\tconst cleanup = () => {\n\t\tif (observer) {\n\t\t\tobserver.disconnect();\n\t\t\tobserver = void 0;\n\t\t}\n\t};\n\tconst stopWatch = watch(computed(() => {\n\t\tconst items = toArray(toValue(target)).map(unrefElement).filter(notNullish);\n\t\treturn new Set(items);\n\t}), (newTargets) => {\n\t\tcleanup();\n\t\tif (isSupported.value && newTargets.size) {\n\t\t\tobserver = new MutationObserver(callback);\n\t\t\tnewTargets.forEach((el) => observer.observe(el, mutationOptions));\n\t\t}\n\t}, {\n\t\timmediate: true,\n\t\tflush: \"post\"\n\t});\n\tconst takeRecords = () => {\n\t\treturn observer === null || observer === void 0 ? void 0 : observer.takeRecords();\n\t};\n\tconst stop = () => {\n\t\tstopWatch();\n\t\tcleanup();\n\t};\n\ttryOnScopeDispose(stop);\n\treturn {\n\t\tisSupported,\n\t\tstop,\n\t\ttakeRecords\n\t};\n}\n\n//#endregion\n//#region onElementRemoval/index.ts\n/**\n* Fires when the element or any element containing it is removed.\n*\n* @param target\n* @param callback\n* @param options\n*/\nfunction onElementRemoval(target, callback, options = {}) {\n\tconst { window: window$1 = defaultWindow, document: document$1 = window$1 === null || window$1 === void 0 ? void 0 : window$1.document, flush = \"sync\" } = options;\n\tif (!window$1 || !document$1) return noop;\n\tlet stopFn;\n\tconst cleanupAndUpdate = (fn) => {\n\t\tstopFn === null || stopFn === void 0 || stopFn();\n\t\tstopFn = fn;\n\t};\n\tconst stopWatch = watchEffect(() => {\n\t\tconst el = unrefElement(target);\n\t\tif (el) {\n\t\t\tconst { stop } = useMutationObserver(document$1, (mutationsList) => {\n\t\t\t\tif (mutationsList.map((mutation) => [...mutation.removedNodes]).flat().some((node) => node === el || node.contains(el))) callback(mutationsList);\n\t\t\t}, {\n\t\t\t\twindow: window$1,\n\t\t\t\tchildList: true,\n\t\t\t\tsubtree: true\n\t\t\t});\n\t\t\tcleanupAndUpdate(stop);\n\t\t}\n\t}, { flush });\n\tconst stopHandle = () => {\n\t\tstopWatch();\n\t\tcleanupAndUpdate();\n\t};\n\ttryOnScopeDispose(stopHandle);\n\treturn stopHandle;\n}\n\n//#endregion\n//#region onKeyStroke/index.ts\nfunction createKeyPredicate(keyFilter) {\n\tif (typeof keyFilter === \"function\") return keyFilter;\n\telse if (typeof keyFilter === \"string\") return (event) => event.key === keyFilter;\n\telse if (Array.isArray(keyFilter)) return (event) => keyFilter.includes(event.key);\n\treturn () => true;\n}\nfunction onKeyStroke(...args) {\n\tlet key;\n\tlet handler;\n\tlet options = {};\n\tif (args.length === 3) {\n\t\tkey = args[0];\n\t\thandler = args[1];\n\t\toptions = args[2];\n\t} else if (args.length === 2) if (typeof args[1] === \"object\") {\n\t\tkey = true;\n\t\thandler = args[0];\n\t\toptions = args[1];\n\t} else {\n\t\tkey = args[0];\n\t\thandler = args[1];\n\t}\n\telse {\n\t\tkey = true;\n\t\thandler = args[0];\n\t}\n\tconst { target = defaultWindow, eventName = \"keydown\", passive = false, dedupe = false } = options;\n\tconst predicate = createKeyPredicate(key);\n\tconst listener = (e) => {\n\t\tif (e.repeat && toValue(dedupe)) return;\n\t\tif (predicate(e)) handler(e);\n\t};\n\treturn useEventListener(target, eventName, listener, passive);\n}\n/**\n* Listen to the keydown event of the given key.\n*\n* @see https://vueuse.org/onKeyStroke\n* @param key\n* @param handler\n* @param options\n*/\nfunction onKeyDown(key, handler, options = {}) {\n\treturn onKeyStroke(key, handler, {\n\t\t...options,\n\t\teventName: \"keydown\"\n\t});\n}\n/**\n* Listen to the keypress event of the given key.\n*\n* @see https://vueuse.org/onKeyStroke\n* @param key\n* @param handler\n* @param options\n*/\nfunction onKeyPressed(key, handler, options = {}) {\n\treturn onKeyStroke(key, handler, {\n\t\t...options,\n\t\teventName: \"keypress\"\n\t});\n}\n/**\n* Listen to the keyup event of the given key.\n*\n* @see https://vueuse.org/onKeyStroke\n* @param key\n* @param handler\n* @param options\n*/\nfunction onKeyUp(key, handler, options = {}) {\n\treturn onKeyStroke(key, handler, {\n\t\t...options,\n\t\teventName: \"keyup\"\n\t});\n}\n\n//#endregion\n//#region onLongPress/index.ts\nconst DEFAULT_DELAY = 500;\nconst DEFAULT_THRESHOLD = 10;\nfunction onLongPress(target, handler, options) {\n\tvar _options$modifiers10, _options$modifiers11;\n\tconst elementRef = computed(() => unrefElement(target));\n\tlet timeout;\n\tlet posStart;\n\tlet startTimestamp;\n\tlet hasLongPressed = false;\n\tfunction clear() {\n\t\tif (timeout) {\n\t\t\tclearTimeout(timeout);\n\t\t\ttimeout = void 0;\n\t\t}\n\t\tposStart = void 0;\n\t\tstartTimestamp = void 0;\n\t\thasLongPressed = false;\n\t}\n\tfunction getDelay(ev) {\n\t\tconst delay = options === null || options === void 0 ? void 0 : options.delay;\n\t\tif (typeof delay === \"function\") return delay(ev);\n\t\treturn delay !== null && delay !== void 0 ? delay : DEFAULT_DELAY;\n\t}\n\tfunction onRelease(ev) {\n\t\tvar _options$modifiers, _options$modifiers2, _options$modifiers3;\n\t\tconst [_startTimestamp, _posStart, _hasLongPressed] = [\n\t\t\tstartTimestamp,\n\t\t\tposStart,\n\t\t\thasLongPressed\n\t\t];\n\t\tclear();\n\t\tif (!(options === null || options === void 0 ? void 0 : options.onMouseUp) || !_posStart || !_startTimestamp) return;\n\t\tif ((options === null || options === void 0 || (_options$modifiers = options.modifiers) === null || _options$modifiers === void 0 ? void 0 : _options$modifiers.self) && ev.target !== elementRef.value) return;\n\t\tif (options === null || options === void 0 || (_options$modifiers2 = options.modifiers) === null || _options$modifiers2 === void 0 ? void 0 : _options$modifiers2.prevent) ev.preventDefault();\n\t\tif (options === null || options === void 0 || (_options$modifiers3 = options.modifiers) === null || _options$modifiers3 === void 0 ? void 0 : _options$modifiers3.stop) ev.stopPropagation();\n\t\tconst dx = ev.x - _posStart.x;\n\t\tconst dy = ev.y - _posStart.y;\n\t\tconst distance = Math.sqrt(dx * dx + dy * dy);\n\t\toptions.onMouseUp(ev.timeStamp - _startTimestamp, distance, _hasLongPressed);\n\t}\n\tfunction onDown(ev) {\n\t\tvar _options$modifiers4, _options$modifiers5, _options$modifiers6;\n\t\tif ((options === null || options === void 0 || (_options$modifiers4 = options.modifiers) === null || _options$modifiers4 === void 0 ? void 0 : _options$modifiers4.self) && ev.target !== elementRef.value) return;\n\t\tclear();\n\t\tif (options === null || options === void 0 || (_options$modifiers5 = options.modifiers) === null || _options$modifiers5 === void 0 ? void 0 : _options$modifiers5.prevent) ev.preventDefault();\n\t\tif (options === null || options === void 0 || (_options$modifiers6 = options.modifiers) === null || _options$modifiers6 === void 0 ? void 0 : _options$modifiers6.stop) ev.stopPropagation();\n\t\tposStart = {\n\t\t\tx: ev.x,\n\t\t\ty: ev.y\n\t\t};\n\t\tstartTimestamp = ev.timeStamp;\n\t\ttimeout = setTimeout(() => {\n\t\t\thasLongPressed = true;\n\t\t\thandler(ev);\n\t\t}, getDelay(ev));\n\t}\n\tfunction onMove(ev) {\n\t\tvar _options$modifiers7, _options$modifiers8, _options$modifiers9, _options$distanceThre;\n\t\tif ((options === null || options === void 0 || (_options$modifiers7 = options.modifiers) === null || _options$modifiers7 === void 0 ? void 0 : _options$modifiers7.self) && ev.target !== elementRef.value) return;\n\t\tif (!posStart || (options === null || options === void 0 ? void 0 : options.distanceThreshold) === false) return;\n\t\tif (options === null || options === void 0 || (_options$modifiers8 = options.modifiers) === null || _options$modifiers8 === void 0 ? void 0 : _options$modifiers8.prevent) ev.preventDefault();\n\t\tif (options === null || options === void 0 || (_options$modifiers9 = options.modifiers) === null || _options$modifiers9 === void 0 ? void 0 : _options$modifiers9.stop) ev.stopPropagation();\n\t\tconst dx = ev.x - posStart.x;\n\t\tconst dy = ev.y - posStart.y;\n\t\tif (Math.sqrt(dx * dx + dy * dy) >= ((_options$distanceThre = options === null || options === void 0 ? void 0 : options.distanceThreshold) !== null && _options$distanceThre !== void 0 ? _options$distanceThre : DEFAULT_THRESHOLD)) clear();\n\t}\n\tconst listenerOptions = {\n\t\tcapture: options === null || options === void 0 || (_options$modifiers10 = options.modifiers) === null || _options$modifiers10 === void 0 ? void 0 : _options$modifiers10.capture,\n\t\tonce: options === null || options === void 0 || (_options$modifiers11 = options.modifiers) === null || _options$modifiers11 === void 0 ? void 0 : _options$modifiers11.once\n\t};\n\tconst cleanup = [\n\t\tuseEventListener(elementRef, \"pointerdown\", onDown, listenerOptions),\n\t\tuseEventListener(elementRef, \"pointermove\", onMove, listenerOptions),\n\t\tuseEventListener(elementRef, [\"pointerup\", \"pointerleave\"], onRelease, listenerOptions)\n\t];\n\tconst stop = () => cleanup.forEach((fn) => fn());\n\treturn stop;\n}\n\n//#endregion\n//#region onStartTyping/index.ts\nfunction isFocusedElementEditable() {\n\tconst { activeElement, body } = document;\n\tif (!activeElement) return false;\n\tif (activeElement === body) return false;\n\tswitch (activeElement.tagName) {\n\t\tcase \"INPUT\":\n\t\tcase \"TEXTAREA\": return true;\n\t}\n\treturn activeElement.hasAttribute(\"contenteditable\");\n}\nfunction isTypedCharValid({ keyCode, metaKey, ctrlKey, altKey }) {\n\tif (metaKey || ctrlKey || altKey) return false;\n\tif (keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105) return true;\n\tif (keyCode >= 65 && keyCode <= 90) return true;\n\treturn false;\n}\n/**\n* Fires when users start typing on non-editable elements.\n*\n* @see https://vueuse.org/onStartTyping\n* @param callback\n* @param options\n*/\nfunction onStartTyping(callback, options = {}) {\n\tconst { document: document$1 = defaultDocument } = options;\n\tconst keydown = (event) => {\n\t\tif (!isFocusedElementEditable() && isTypedCharValid(event)) callback(event);\n\t};\n\tif (document$1) useEventListener(document$1, \"keydown\", keydown, { passive: true });\n}\n\n//#endregion\n//#region templateRef/index.ts\n/**\n* @deprecated Use Vue's built-in `useTemplateRef` instead.\n*\n* Shorthand for binding ref to template element.\n*\n* @see https://vueuse.org/templateRef\n* @param key\n* @param initialValue\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction templateRef(key, initialValue = null) {\n\tconst instance = getCurrentInstance();\n\tlet _trigger = () => {};\n\tconst element = customRef((track, trigger) => {\n\t\t_trigger = trigger;\n\t\treturn {\n\t\t\tget() {\n\t\t\t\tvar _instance$proxy$$refs, _instance$proxy;\n\t\t\t\ttrack();\n\t\t\t\treturn (_instance$proxy$$refs = instance === null || instance === void 0 || (_instance$proxy = instance.proxy) === null || _instance$proxy === void 0 ? void 0 : _instance$proxy.$refs[key]) !== null && _instance$proxy$$refs !== void 0 ? _instance$proxy$$refs : initialValue;\n\t\t\t},\n\t\t\tset() {}\n\t\t};\n\t});\n\ttryOnMounted(_trigger);\n\tonUpdated(_trigger);\n\treturn element;\n}\n\n//#endregion\n//#region useActiveElement/index.ts\n/**\n* Reactive `document.activeElement`\n*\n* @see https://vueuse.org/useActiveElement\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useActiveElement(options = {}) {\n\tvar _options$document;\n\tconst { window: window$1 = defaultWindow, deep = true, triggerOnRemoval = false } = options;\n\tconst document$1 = (_options$document = options.document) !== null && _options$document !== void 0 ? _options$document : window$1 === null || window$1 === void 0 ? void 0 : window$1.document;\n\tconst getDeepActiveElement = () => {\n\t\tlet element = document$1 === null || document$1 === void 0 ? void 0 : document$1.activeElement;\n\t\tif (deep) {\n\t\t\tvar _element$shadowRoot;\n\t\t\twhile (element === null || element === void 0 ? void 0 : element.shadowRoot) element = element === null || element === void 0 || (_element$shadowRoot = element.shadowRoot) === null || _element$shadowRoot === void 0 ? void 0 : _element$shadowRoot.activeElement;\n\t\t}\n\t\treturn element;\n\t};\n\tconst activeElement = shallowRef();\n\tconst trigger = () => {\n\t\tactiveElement.value = getDeepActiveElement();\n\t};\n\tif (window$1) {\n\t\tconst listenerOptions = {\n\t\t\tcapture: true,\n\t\t\tpassive: true\n\t\t};\n\t\tuseEventListener(window$1, \"blur\", (event) => {\n\t\t\tif (event.relatedTarget !== null) return;\n\t\t\ttrigger();\n\t\t}, listenerOptions);\n\t\tuseEventListener(window$1, \"focus\", trigger, listenerOptions);\n\t}\n\tif (triggerOnRemoval) onElementRemoval(activeElement, trigger, { document: document$1 });\n\ttrigger();\n\treturn activeElement;\n}\n\n//#endregion\n//#region useRafFn/index.ts\n/**\n* Call function on every `requestAnimationFrame`. With controls of pausing and resuming.\n*\n* @see https://vueuse.org/useRafFn\n* @param fn\n* @param options\n*/\nfunction useRafFn(fn, options = {}) {\n\tconst { immediate = true, fpsLimit = null, window: window$1 = defaultWindow, once = false } = options;\n\tconst isActive = shallowRef(false);\n\tconst intervalLimit = computed(() => {\n\t\tconst limit = toValue(fpsLimit);\n\t\treturn limit ? 1e3 / limit : null;\n\t});\n\tlet previousFrameTimestamp = 0;\n\tlet rafId = null;\n\tfunction loop(timestamp$1) {\n\t\tif (!isActive.value || !window$1) return;\n\t\tif (!previousFrameTimestamp) previousFrameTimestamp = timestamp$1;\n\t\tconst delta = timestamp$1 - previousFrameTimestamp;\n\t\tif (intervalLimit.value && delta < intervalLimit.value) {\n\t\t\trafId = window$1.requestAnimationFrame(loop);\n\t\t\treturn;\n\t\t}\n\t\tpreviousFrameTimestamp = timestamp$1;\n\t\tfn({\n\t\t\tdelta,\n\t\t\ttimestamp: timestamp$1\n\t\t});\n\t\tif (once) {\n\t\t\tisActive.value = false;\n\t\t\trafId = null;\n\t\t\treturn;\n\t\t}\n\t\trafId = window$1.requestAnimationFrame(loop);\n\t}\n\tfunction resume() {\n\t\tif (!isActive.value && window$1) {\n\t\t\tisActive.value = true;\n\t\t\tpreviousFrameTimestamp = 0;\n\t\t\trafId = window$1.requestAnimationFrame(loop);\n\t\t}\n\t}\n\tfunction pause() {\n\t\tisActive.value = false;\n\t\tif (rafId != null && window$1) {\n\t\t\twindow$1.cancelAnimationFrame(rafId);\n\t\t\trafId = null;\n\t\t}\n\t}\n\tif (immediate) resume();\n\ttryOnScopeDispose(pause);\n\treturn {\n\t\tisActive: readonly(isActive),\n\t\tpause,\n\t\tresume\n\t};\n}\n\n//#endregion\n//#region useAnimate/index.ts\n/**\n* Reactive Web Animations API\n*\n* @see https://vueuse.org/useAnimate\n* @param target\n* @param keyframes\n* @param options\n*/\nfunction useAnimate(target, keyframes, options) {\n\tlet config;\n\tlet animateOptions;\n\tif (isObject(options)) {\n\t\tconfig = options;\n\t\tanimateOptions = objectOmit(options, [\n\t\t\t\"window\",\n\t\t\t\"immediate\",\n\t\t\t\"commitStyles\",\n\t\t\t\"persist\",\n\t\t\t\"onReady\",\n\t\t\t\"onError\"\n\t\t]);\n\t} else {\n\t\tconfig = { duration: options };\n\t\tanimateOptions = options;\n\t}\n\tconst { window: window$1 = defaultWindow, immediate = true, commitStyles, persist, playbackRate: _playbackRate = 1, onReady, onError = (e) => {\n\t\tconsole.error(e);\n\t} } = config;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && HTMLElement && \"animate\" in HTMLElement.prototype);\n\tconst animate = shallowRef(void 0);\n\tconst store = shallowReactive({\n\t\tstartTime: null,\n\t\tcurrentTime: null,\n\t\ttimeline: null,\n\t\tplaybackRate: _playbackRate,\n\t\tpending: false,\n\t\tplayState: immediate ? \"idle\" : \"paused\",\n\t\treplaceState: \"active\"\n\t});\n\tconst pending = computed(() => store.pending);\n\tconst playState = computed(() => store.playState);\n\tconst replaceState = computed(() => store.replaceState);\n\tconst startTime = computed({\n\t\tget() {\n\t\t\treturn store.startTime;\n\t\t},\n\t\tset(value) {\n\t\t\tstore.startTime = value;\n\t\t\tif (animate.value) animate.value.startTime = value;\n\t\t}\n\t});\n\tconst currentTime = computed({\n\t\tget() {\n\t\t\treturn store.currentTime;\n\t\t},\n\t\tset(value) {\n\t\t\tstore.currentTime = value;\n\t\t\tif (animate.value) {\n\t\t\t\tanimate.value.currentTime = value;\n\t\t\t\tsyncResume();\n\t\t\t}\n\t\t}\n\t});\n\tconst timeline = computed({\n\t\tget() {\n\t\t\treturn store.timeline;\n\t\t},\n\t\tset(value) {\n\t\t\tstore.timeline = value;\n\t\t\tif (animate.value) animate.value.timeline = value;\n\t\t}\n\t});\n\tconst playbackRate = computed({\n\t\tget() {\n\t\t\treturn store.playbackRate;\n\t\t},\n\t\tset(value) {\n\t\t\tstore.playbackRate = value;\n\t\t\tif (animate.value) animate.value.playbackRate = value;\n\t\t}\n\t});\n\tconst play = () => {\n\t\tif (animate.value) try {\n\t\t\tanimate.value.play();\n\t\t\tsyncResume();\n\t\t} catch (e) {\n\t\t\tsyncPause();\n\t\t\tonError(e);\n\t\t}\n\t\telse update();\n\t};\n\tconst pause = () => {\n\t\ttry {\n\t\t\tvar _animate$value;\n\t\t\t(_animate$value = animate.value) === null || _animate$value === void 0 || _animate$value.pause();\n\t\t\tsyncPause();\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t}\n\t};\n\tconst reverse = () => {\n\t\tif (!animate.value) update();\n\t\ttry {\n\t\t\tvar _animate$value2;\n\t\t\t(_animate$value2 = animate.value) === null || _animate$value2 === void 0 || _animate$value2.reverse();\n\t\t\tsyncResume();\n\t\t} catch (e) {\n\t\t\tsyncPause();\n\t\t\tonError(e);\n\t\t}\n\t};\n\tconst finish = () => {\n\t\ttry {\n\t\t\tvar _animate$value3;\n\t\t\t(_animate$value3 = animate.value) === null || _animate$value3 === void 0 || _animate$value3.finish();\n\t\t\tsyncPause();\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t}\n\t};\n\tconst cancel = () => {\n\t\ttry {\n\t\t\tvar _animate$value4;\n\t\t\t(_animate$value4 = animate.value) === null || _animate$value4 === void 0 || _animate$value4.cancel();\n\t\t\tsyncPause();\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t}\n\t};\n\twatch(() => unrefElement(target), (el) => {\n\t\tif (el) update(true);\n\t\telse animate.value = void 0;\n\t});\n\twatch(() => keyframes, (value) => {\n\t\tif (animate.value) {\n\t\t\tupdate();\n\t\t\tconst targetEl = unrefElement(target);\n\t\t\tif (targetEl) animate.value.effect = new KeyframeEffect(targetEl, toValue(value), animateOptions);\n\t\t}\n\t}, { deep: true });\n\ttryOnMounted(() => update(true), false);\n\ttryOnScopeDispose(cancel);\n\tfunction update(init) {\n\t\tconst el = unrefElement(target);\n\t\tif (!isSupported.value || !el) return;\n\t\tif (!animate.value) animate.value = el.animate(toValue(keyframes), animateOptions);\n\t\tif (persist) animate.value.persist();\n\t\tif (_playbackRate !== 1) animate.value.playbackRate = _playbackRate;\n\t\tif (init && !immediate) animate.value.pause();\n\t\telse syncResume();\n\t\tonReady === null || onReady === void 0 || onReady(animate.value);\n\t}\n\tconst listenerOptions = { passive: true };\n\tuseEventListener(animate, [\n\t\t\"cancel\",\n\t\t\"finish\",\n\t\t\"remove\"\n\t], syncPause, listenerOptions);\n\tuseEventListener(animate, \"finish\", () => {\n\t\tvar _animate$value5;\n\t\tif (commitStyles) (_animate$value5 = animate.value) === null || _animate$value5 === void 0 || _animate$value5.commitStyles();\n\t}, listenerOptions);\n\tconst { resume: resumeRef, pause: pauseRef } = useRafFn(() => {\n\t\tif (!animate.value) return;\n\t\tstore.pending = animate.value.pending;\n\t\tstore.playState = animate.value.playState;\n\t\tstore.replaceState = animate.value.replaceState;\n\t\tstore.startTime = animate.value.startTime;\n\t\tstore.currentTime = animate.value.currentTime;\n\t\tstore.timeline = animate.value.timeline;\n\t\tstore.playbackRate = animate.value.playbackRate;\n\t}, { immediate: false });\n\tfunction syncResume() {\n\t\tif (isSupported.value) resumeRef();\n\t}\n\tfunction syncPause() {\n\t\tif (isSupported.value && window$1) window$1.requestAnimationFrame(pauseRef);\n\t}\n\treturn {\n\t\tisSupported,\n\t\tanimate,\n\t\tplay,\n\t\tpause,\n\t\treverse,\n\t\tfinish,\n\t\tcancel,\n\t\tpending,\n\t\tplayState,\n\t\treplaceState,\n\t\tstartTime,\n\t\tcurrentTime,\n\t\ttimeline,\n\t\tplaybackRate\n\t};\n}\n\n//#endregion\n//#region useAsyncQueue/index.ts\n/**\n* Asynchronous queue task controller.\n*\n* @see https://vueuse.org/useAsyncQueue\n* @param tasks\n* @param options\n*/\nfunction useAsyncQueue(tasks, options) {\n\tconst { interrupt = true, onError = noop, onFinished = noop, signal } = options || {};\n\tconst promiseState = {\n\t\taborted: \"aborted\",\n\t\tfulfilled: \"fulfilled\",\n\t\tpending: \"pending\",\n\t\trejected: \"rejected\"\n\t};\n\tconst result = reactive(Array.from(Array.from({ length: tasks.length }), () => ({\n\t\tstate: promiseState.pending,\n\t\tdata: null\n\t})));\n\tconst activeIndex = shallowRef(-1);\n\tif (!tasks || tasks.length === 0) {\n\t\tonFinished();\n\t\treturn {\n\t\t\tactiveIndex,\n\t\t\tresult\n\t\t};\n\t}\n\tfunction updateResult(state, res) {\n\t\tactiveIndex.value++;\n\t\tresult[activeIndex.value].data = res;\n\t\tresult[activeIndex.value].state = state;\n\t}\n\ttasks.reduce((prev, curr) => {\n\t\treturn prev.then((prevRes) => {\n\t\t\tvar _result$activeIndex$v;\n\t\t\tif (signal === null || signal === void 0 ? void 0 : signal.aborted) {\n\t\t\t\tupdateResult(promiseState.aborted, /* @__PURE__ */ new Error(\"aborted\"));\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (((_result$activeIndex$v = result[activeIndex.value]) === null || _result$activeIndex$v === void 0 ? void 0 : _result$activeIndex$v.state) === promiseState.rejected && interrupt) {\n\t\t\t\tonFinished();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst done = curr(prevRes).then((currentRes) => {\n\t\t\t\tupdateResult(promiseState.fulfilled, currentRes);\n\t\t\t\tif (activeIndex.value === tasks.length - 1) onFinished();\n\t\t\t\treturn currentRes;\n\t\t\t});\n\t\t\tif (!signal) return done;\n\t\t\treturn Promise.race([done, whenAborted(signal)]);\n\t\t}).catch((e) => {\n\t\t\tif (signal === null || signal === void 0 ? void 0 : signal.aborted) {\n\t\t\t\tupdateResult(promiseState.aborted, e);\n\t\t\t\treturn e;\n\t\t\t}\n\t\t\tupdateResult(promiseState.rejected, e);\n\t\t\tonError();\n\t\t\tif (activeIndex.value === tasks.length - 1) onFinished();\n\t\t\treturn e;\n\t\t});\n\t}, Promise.resolve());\n\treturn {\n\t\tactiveIndex,\n\t\tresult\n\t};\n}\nfunction whenAborted(signal) {\n\treturn new Promise((resolve, reject) => {\n\t\tconst error = /* @__PURE__ */ new Error(\"aborted\");\n\t\tif (signal.aborted) reject(error);\n\t\telse signal.addEventListener(\"abort\", () => reject(error), { once: true });\n\t});\n}\n\n//#endregion\n//#region useAsyncState/index.ts\n/**\n* Reactive async state. Will not block your setup function and will trigger changes once\n* the promise is ready.\n*\n* @see https://vueuse.org/useAsyncState\n* @param promise The promise / async function to be resolved\n* @param initialState The initial state, used until the first evaluation finishes\n* @param options\n*/\nfunction useAsyncState(promise, initialState, options) {\n\tvar _globalThis$reportErr;\n\tconst { immediate = true, delay = 0, onError = (_globalThis$reportErr = globalThis.reportError) !== null && _globalThis$reportErr !== void 0 ? _globalThis$reportErr : noop, onSuccess = noop, resetOnExecute = true, shallow = true, throwError } = options !== null && options !== void 0 ? options : {};\n\tconst state = shallow ? shallowRef(initialState) : ref(initialState);\n\tconst isReady = shallowRef(false);\n\tconst isLoading = shallowRef(false);\n\tconst error = shallowRef(void 0);\n\tlet executionsCount = 0;\n\tasync function execute(delay$1 = 0, ...args) {\n\t\tconst executionId = executionsCount += 1;\n\t\tif (resetOnExecute) state.value = toValue(initialState);\n\t\terror.value = void 0;\n\t\tisReady.value = false;\n\t\tisLoading.value = true;\n\t\tif (delay$1 > 0) await promiseTimeout(delay$1);\n\t\tconst _promise = typeof promise === \"function\" ? promise(...args) : promise;\n\t\ttry {\n\t\t\tconst data = await _promise;\n\t\t\tif (executionId === executionsCount) {\n\t\t\t\tstate.value = data;\n\t\t\t\tisReady.value = true;\n\t\t\t}\n\t\t\tonSuccess(data);\n\t\t\treturn data;\n\t\t} catch (e) {\n\t\t\tif (executionId === executionsCount) error.value = e;\n\t\t\tonError(e);\n\t\t\tif (throwError) throw e;\n\t\t} finally {\n\t\t\tif (executionId === executionsCount) isLoading.value = false;\n\t\t}\n\t}\n\tif (immediate) execute(delay);\n\tconst shell = {\n\t\tstate,\n\t\tisReady,\n\t\tisLoading,\n\t\terror,\n\t\texecute,\n\t\texecuteImmediate: (...args) => execute(0, ...args)\n\t};\n\tfunction waitUntilIsLoaded() {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tuntil(isLoading).toBe(false).then(() => resolve(shell)).catch(reject);\n\t\t});\n\t}\n\treturn {\n\t\t...shell,\n\t\tthen(onFulfilled, onRejected) {\n\t\t\treturn waitUntilIsLoaded().then(onFulfilled, onRejected);\n\t\t}\n\t};\n}\n\n//#endregion\n//#region useBase64/serialization.ts\nconst defaults = {\n\tarray: (v) => JSON.stringify(v),\n\tobject: (v) => JSON.stringify(v),\n\tset: (v) => JSON.stringify(Array.from(v)),\n\tmap: (v) => JSON.stringify(Object.fromEntries(v)),\n\tnull: () => \"\"\n};\nfunction getDefaultSerialization(target) {\n\tif (!target) return defaults.null;\n\tif (target instanceof Map) return defaults.map;\n\telse if (target instanceof Set) return defaults.set;\n\telse if (Array.isArray(target)) return defaults.array;\n\telse return defaults.object;\n}\n\n//#endregion\n//#region useBase64/index.ts\nfunction useBase64(target, options) {\n\tconst base64 = shallowRef(\"\");\n\tconst promise = shallowRef();\n\tfunction execute() {\n\t\tif (!isClient) return;\n\t\tpromise.value = new Promise((resolve, reject) => {\n\t\t\ttry {\n\t\t\t\tconst _target = toValue(target);\n\t\t\t\tif (_target == null) resolve(\"\");\n\t\t\t\telse if (typeof _target === \"string\") resolve(blobToBase64(new Blob([_target], { type: \"text/plain\" })));\n\t\t\t\telse if (_target instanceof Blob) resolve(blobToBase64(_target));\n\t\t\t\telse if (_target instanceof ArrayBuffer) resolve(window.btoa(String.fromCharCode(...new Uint8Array(_target))));\n\t\t\t\telse if (_target instanceof HTMLCanvasElement) resolve(_target.toDataURL(options === null || options === void 0 ? void 0 : options.type, options === null || options === void 0 ? void 0 : options.quality));\n\t\t\t\telse if (_target instanceof HTMLImageElement) {\n\t\t\t\t\tconst img = _target.cloneNode(false);\n\t\t\t\t\timg.crossOrigin = \"Anonymous\";\n\t\t\t\t\timgLoaded(img).then(() => {\n\t\t\t\t\t\tconst canvas = document.createElement(\"canvas\");\n\t\t\t\t\t\tconst ctx = canvas.getContext(\"2d\");\n\t\t\t\t\t\tcanvas.width = img.width;\n\t\t\t\t\t\tcanvas.height = img.height;\n\t\t\t\t\t\tctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n\t\t\t\t\t\tresolve(canvas.toDataURL(options === null || options === void 0 ? void 0 : options.type, options === null || options === void 0 ? void 0 : options.quality));\n\t\t\t\t\t}).catch(reject);\n\t\t\t\t} else if (typeof _target === \"object\") {\n\t\t\t\t\tconst serialized = ((options === null || options === void 0 ? void 0 : options.serializer) || getDefaultSerialization(_target))(_target);\n\t\t\t\t\treturn resolve(blobToBase64(new Blob([serialized], { type: \"application/json\" })));\n\t\t\t\t} else reject(/* @__PURE__ */ new Error(\"target is unsupported types\"));\n\t\t\t} catch (error) {\n\t\t\t\treject(error);\n\t\t\t}\n\t\t});\n\t\tpromise.value.then((res) => {\n\t\t\tbase64.value = (options === null || options === void 0 ? void 0 : options.dataUrl) === false ? res.replace(/^data:.*?;base64,/, \"\") : res;\n\t\t});\n\t\treturn promise.value;\n\t}\n\tif (isRef(target) || typeof target === \"function\") watch(target, execute, { immediate: true });\n\telse execute();\n\treturn {\n\t\tbase64,\n\t\tpromise,\n\t\texecute\n\t};\n}\nfunction imgLoaded(img) {\n\treturn new Promise((resolve, reject) => {\n\t\tif (!img.complete) {\n\t\t\timg.onload = () => {\n\t\t\t\tresolve();\n\t\t\t};\n\t\t\timg.onerror = reject;\n\t\t} else resolve();\n\t});\n}\nfunction blobToBase64(blob) {\n\treturn new Promise((resolve, reject) => {\n\t\tconst fr = new FileReader();\n\t\tfr.onload = (e) => {\n\t\t\tresolve(e.target.result);\n\t\t};\n\t\tfr.onerror = reject;\n\t\tfr.readAsDataURL(blob);\n\t});\n}\n\n//#endregion\n//#region useBattery/index.ts\n/**\n* Reactive Battery Status API.\n*\n* @see https://vueuse.org/useBattery\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useBattery(options = {}) {\n\tconst { navigator: navigator$1 = defaultNavigator } = options;\n\tconst events$1 = [\n\t\t\"chargingchange\",\n\t\t\"chargingtimechange\",\n\t\t\"dischargingtimechange\",\n\t\t\"levelchange\"\n\t];\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"getBattery\" in navigator$1 && typeof navigator$1.getBattery === \"function\");\n\tconst charging = shallowRef(false);\n\tconst chargingTime = shallowRef(0);\n\tconst dischargingTime = shallowRef(0);\n\tconst level = shallowRef(1);\n\tlet battery;\n\tfunction updateBatteryInfo() {\n\t\tcharging.value = this.charging;\n\t\tchargingTime.value = this.chargingTime || 0;\n\t\tdischargingTime.value = this.dischargingTime || 0;\n\t\tlevel.value = this.level;\n\t}\n\tif (isSupported.value) navigator$1.getBattery().then((_battery) => {\n\t\tbattery = _battery;\n\t\tupdateBatteryInfo.call(battery);\n\t\tuseEventListener(battery, events$1, updateBatteryInfo, { passive: true });\n\t});\n\treturn {\n\t\tisSupported,\n\t\tcharging,\n\t\tchargingTime,\n\t\tdischargingTime,\n\t\tlevel\n\t};\n}\n\n//#endregion\n//#region useBluetooth/index.ts\n/* @__NO_SIDE_EFFECTS__ */\nfunction useBluetooth(options) {\n\tlet { acceptAllDevices = false } = options || {};\n\tconst { filters = void 0, optionalServices = void 0, navigator: navigator$1 = defaultNavigator } = options || {};\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"bluetooth\" in navigator$1);\n\tconst device = shallowRef();\n\tconst error = shallowRef(null);\n\twatch(device, () => {\n\t\tconnectToBluetoothGATTServer();\n\t});\n\tasync function requestDevice() {\n\t\tif (!isSupported.value) return;\n\t\terror.value = null;\n\t\tif (filters && filters.length > 0) acceptAllDevices = false;\n\t\ttry {\n\t\t\tdevice.value = await (navigator$1 === null || navigator$1 === void 0 ? void 0 : navigator$1.bluetooth.requestDevice({\n\t\t\t\tacceptAllDevices,\n\t\t\t\tfilters,\n\t\t\t\toptionalServices\n\t\t\t}));\n\t\t} catch (err) {\n\t\t\terror.value = err;\n\t\t}\n\t}\n\tconst server = shallowRef();\n\tconst isConnected = shallowRef(false);\n\tfunction reset() {\n\t\tisConnected.value = false;\n\t\tdevice.value = void 0;\n\t\tserver.value = void 0;\n\t}\n\tasync function connectToBluetoothGATTServer() {\n\t\terror.value = null;\n\t\tif (device.value && device.value.gatt) {\n\t\t\tuseEventListener(device, \"gattserverdisconnected\", reset, { passive: true });\n\t\t\ttry {\n\t\t\t\tserver.value = await device.value.gatt.connect();\n\t\t\t\tisConnected.value = server.value.connected;\n\t\t\t} catch (err) {\n\t\t\t\terror.value = err;\n\t\t\t}\n\t\t}\n\t}\n\ttryOnMounted(() => {\n\t\tvar _device$value$gatt;\n\t\tif (device.value) (_device$value$gatt = device.value.gatt) === null || _device$value$gatt === void 0 || _device$value$gatt.connect();\n\t});\n\ttryOnScopeDispose(() => {\n\t\tvar _device$value$gatt2;\n\t\tif (device.value) (_device$value$gatt2 = device.value.gatt) === null || _device$value$gatt2 === void 0 || _device$value$gatt2.disconnect();\n\t});\n\treturn {\n\t\tisSupported,\n\t\tisConnected: readonly(isConnected),\n\t\tdevice,\n\t\trequestDevice,\n\t\tserver,\n\t\terror\n\t};\n}\n\n//#endregion\n//#region useSSRWidth/index.ts\nconst ssrWidthSymbol = Symbol(\"vueuse-ssr-width\");\n/* @__NO_SIDE_EFFECTS__ */\nfunction useSSRWidth() {\n\tconst ssrWidth = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;\n\treturn typeof ssrWidth === \"number\" ? ssrWidth : void 0;\n}\nfunction provideSSRWidth(width, app) {\n\tif (app !== void 0) app.provide(ssrWidthSymbol, width);\n\telse provideLocal(ssrWidthSymbol, width);\n}\n\n//#endregion\n//#region useMediaQuery/index.ts\n/**\n* Reactive Media Query.\n*\n* @see https://vueuse.org/useMediaQuery\n* @param query\n* @param options\n*/\nfunction useMediaQuery(query, options = {}) {\n\tconst { window: window$1 = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"matchMedia\" in window$1 && typeof window$1.matchMedia === \"function\");\n\tconst ssrSupport = shallowRef(typeof ssrWidth === \"number\");\n\tconst mediaQuery = shallowRef();\n\tconst matches = shallowRef(false);\n\tconst handler = (event) => {\n\t\tmatches.value = event.matches;\n\t};\n\twatchEffect(() => {\n\t\tif (ssrSupport.value) {\n\t\t\tssrSupport.value = !isSupported.value;\n\t\t\tmatches.value = toValue(query).split(\",\").some((queryString) => {\n\t\t\t\tconst not = queryString.includes(\"not all\");\n\t\t\t\tconst minWidth = queryString.match(/\$\\s*min-width:\\s*(-?\\d+(?:\\.\\d*)?[a-z]+\\s*)\$/);\n\t\t\t\tconst maxWidth = queryString.match(/\$\\s*max-width:\\s*(-?\\d+(?:\\.\\d*)?[a-z]+\\s*)\$/);\n\t\t\t\tlet res = Boolean(minWidth || maxWidth);\n\t\t\t\tif (minWidth && res) res = ssrWidth >= pxValue(minWidth[1]);\n\t\t\t\tif (maxWidth && res) res = ssrWidth <= pxValue(maxWidth[1]);\n\t\t\t\treturn not ? !res : res;\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tif (!isSupported.value) return;\n\t\tmediaQuery.value = window$1.matchMedia(toValue(query));\n\t\tmatches.value = mediaQuery.value.matches;\n\t});\n\tuseEventListener(mediaQuery, \"change\", handler, { passive: true });\n\treturn computed(() => matches.value);\n}\n\n//#endregion\n//#region useBreakpoints/breakpoints.ts\n/**\n* Breakpoints from Tailwind V2\n*\n* @see https://tailwindcss.com/docs/breakpoints\n*/\nconst breakpointsTailwind = {\n\t\"sm\": 640,\n\t\"md\": 768,\n\t\"lg\": 1024,\n\t\"xl\": 1280,\n\t\"2xl\": 1536\n};\n/**\n* Breakpoints from Bootstrap V5\n*\n* @see https://getbootstrap.com/docs/5.0/layout/breakpoints\n*/\nconst breakpointsBootstrapV5 = {\n\txs: 0,\n\tsm: 576,\n\tmd: 768,\n\tlg: 992,\n\txl: 1200,\n\txxl: 1400\n};\n/**\n* Breakpoints from Vuetify V2\n*\n* @see https://v2.vuetifyjs.com/en/features/breakpoints/\n*/\nconst breakpointsVuetifyV2 = {\n\txs: 0,\n\tsm: 600,\n\tmd: 960,\n\tlg: 1264,\n\txl: 1904\n};\n/**\n* Breakpoints from Vuetify V3\n*\n* @see https://vuetifyjs.com/en/styles/float/#overview\n*/\nconst breakpointsVuetifyV3 = {\n\txs: 0,\n\tsm: 600,\n\tmd: 960,\n\tlg: 1280,\n\txl: 1920,\n\txxl: 2560\n};\n/**\n* Alias to `breakpointsVuetifyV2`\n*\n* @deprecated explictly use `breakpointsVuetifyV2` or `breakpointsVuetifyV3` instead\n*/\nconst breakpointsVuetify = breakpointsVuetifyV2;\n/**\n* Breakpoints from Ant Design\n*\n* @see https://ant.design/components/layout/#breakpoint-width\n*/\nconst breakpointsAntDesign = {\n\txs: 480,\n\tsm: 576,\n\tmd: 768,\n\tlg: 992,\n\txl: 1200,\n\txxl: 1600\n};\n/**\n* Breakpoints from Quasar V2\n*\n* @see https://quasar.dev/style/breakpoints\n*/\nconst breakpointsQuasar = {\n\txs: 0,\n\tsm: 600,\n\tmd: 1024,\n\tlg: 1440,\n\txl: 1920\n};\n/**\n* Sematic Breakpoints\n*/\nconst breakpointsSematic = {\n\tmobileS: 320,\n\tmobileM: 375,\n\tmobileL: 425,\n\ttablet: 768,\n\tlaptop: 1024,\n\tlaptopL: 1440,\n\tdesktop4K: 2560\n};\n/**\n* Breakpoints from Master CSS\n*\n* @see https://docs.master.co/css/breakpoints\n*/\nconst breakpointsMasterCss = {\n\t\"3xs\": 360,\n\t\"2xs\": 480,\n\t\"xs\": 600,\n\t\"sm\": 768,\n\t\"md\": 1024,\n\t\"lg\": 1280,\n\t\"xl\": 1440,\n\t\"2xl\": 1600,\n\t\"3xl\": 1920,\n\t\"4xl\": 2560\n};\n/**\n* Breakpoints from PrimeFlex\n*\n* @see https://primeflex.org/installation\n*/\nconst breakpointsPrimeFlex = {\n\tsm: 576,\n\tmd: 768,\n\tlg: 992,\n\txl: 1200\n};\n/**\n* Breakpoints from ElementUI/ElementPlus\n*\n* @see https://element.eleme.io/#/en-US/component/layout\n* @see https://element-plus.org/en-US/component/layout.html\n*/\nconst breakpointsElement = {\n\txs: 0,\n\tsm: 768,\n\tmd: 992,\n\tlg: 1200,\n\txl: 1920\n};\n\n//#endregion\n//#region useBreakpoints/index.ts\n/**\n* Reactively viewport breakpoints\n*\n* @see https://vueuse.org/useBreakpoints\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useBreakpoints(breakpoints, options = {}) {\n\tfunction getValue$1(k, delta) {\n\t\tlet v = toValue(breakpoints[toValue(k)]);\n\t\tif (delta != null) v = increaseWithUnit(v, delta);\n\t\tif (typeof v === \"number\") v = `${v}px`;\n\t\treturn v;\n\t}\n\tconst { window: window$1 = defaultWindow, strategy = \"min-width\", ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;\n\tconst ssrSupport = typeof ssrWidth === \"number\";\n\tconst mounted = ssrSupport ? shallowRef(false) : { value: true };\n\tif (ssrSupport) tryOnMounted(() => mounted.value = !!window$1);\n\tfunction match(query, size) {\n\t\tif (!mounted.value && ssrSupport) return query === \"min\" ? ssrWidth >= pxValue(size) : ssrWidth <= pxValue(size);\n\t\tif (!window$1) return false;\n\t\treturn window$1.matchMedia(`(${query}-width: ${size})`).matches;\n\t}\n\tconst greaterOrEqual = (k) => {\n\t\treturn useMediaQuery(() => `(min-width: ${getValue$1(k)})`, options);\n\t};\n\tconst smallerOrEqual = (k) => {\n\t\treturn useMediaQuery(() => `(max-width: ${getValue$1(k)})`, options);\n\t};\n\tconst shortcutMethods = Object.keys(breakpoints).reduce((shortcuts, k) => {\n\t\tObject.defineProperty(shortcuts, k, {\n\t\t\tget: () => strategy === \"min-width\" ? greaterOrEqual(k) : smallerOrEqual(k),\n\t\t\tenumerable: true,\n\t\t\tconfigurable: true\n\t\t});\n\t\treturn shortcuts;\n\t}, {});\n\tfunction current() {\n\t\tconst points = Object.keys(breakpoints).map((k) => [\n\t\t\tk,\n\t\t\tshortcutMethods[k],\n\t\t\tpxValue(getValue$1(k))\n\t\t]).sort((a, b) => a[2] - b[2]);\n\t\treturn computed(() => points.filter(([, v]) => v.value).map(([k]) => k));\n\t}\n\treturn Object.assign(shortcutMethods, {\n\t\tgreaterOrEqual,\n\t\tsmallerOrEqual,\n\t\tgreater(k) {\n\t\t\treturn useMediaQuery(() => `(min-width: ${getValue$1(k, .1)})`, options);\n\t\t},\n\t\tsmaller(k) {\n\t\t\treturn useMediaQuery(() => `(max-width: ${getValue$1(k, -.1)})`, options);\n\t\t},\n\t\tbetween(a, b) {\n\t\t\treturn useMediaQuery(() => `(min-width: ${getValue$1(a)}) and (max-width: ${getValue$1(b, -.1)})`, options);\n\t\t},\n\t\tisGreater(k) {\n\t\t\treturn match(\"min\", getValue$1(k, .1));\n\t\t},\n\t\tisGreaterOrEqual(k) {\n\t\t\treturn match(\"min\", getValue$1(k));\n\t\t},\n\t\tisSmaller(k) {\n\t\t\treturn match(\"max\", getValue$1(k, -.1));\n\t\t},\n\t\tisSmallerOrEqual(k) {\n\t\t\treturn match(\"max\", getValue$1(k));\n\t\t},\n\t\tisInBetween(a, b) {\n\t\t\treturn match(\"min\", getValue$1(a)) && match(\"max\", getValue$1(b, -.1));\n\t\t},\n\t\tcurrent,\n\t\tactive() {\n\t\t\tconst bps = current();\n\t\t\treturn computed(() => bps.value.length === 0 ? \"\" : bps.value.at(strategy === \"min-width\" ? -1 : 0));\n\t\t}\n\t});\n}\n\n//#endregion\n//#region useBroadcastChannel/index.ts\n/**\n* Reactive BroadcastChannel\n*\n* @see https://vueuse.org/useBroadcastChannel\n* @see https://developer.mozilla.org/en-US/docs/Web/API/BroadcastChannel\n* @param options\n*\n*/\nfunction useBroadcastChannel(options) {\n\tconst { name, window: window$1 = defaultWindow } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"BroadcastChannel\" in window$1);\n\tconst isClosed = shallowRef(false);\n\tconst channel = ref();\n\tconst data = ref();\n\tconst error = shallowRef(null);\n\tconst post = (data$1) => {\n\t\tif (channel.value) channel.value.postMessage(data$1);\n\t};\n\tconst close = () => {\n\t\tif (channel.value) channel.value.close();\n\t\tisClosed.value = true;\n\t};\n\tif (isSupported.value) tryOnMounted(() => {\n\t\terror.value = null;\n\t\tchannel.value = new BroadcastChannel(name);\n\t\tconst listenerOptions = { passive: true };\n\t\tuseEventListener(channel, \"message\", (e) => {\n\t\t\tdata.value = e.data;\n\t\t}, listenerOptions);\n\t\tuseEventListener(channel, \"messageerror\", (e) => {\n\t\t\terror.value = e;\n\t\t}, listenerOptions);\n\t\tuseEventListener(channel, \"close\", () => {\n\t\t\tisClosed.value = true;\n\t\t}, listenerOptions);\n\t});\n\ttryOnScopeDispose(() => {\n\t\tclose();\n\t});\n\treturn {\n\t\tisSupported,\n\t\tchannel,\n\t\tdata,\n\t\tpost,\n\t\tclose,\n\t\terror,\n\t\tisClosed\n\t};\n}\n\n//#endregion\n//#region useBrowserLocation/index.ts\nconst WRITABLE_PROPERTIES = [\n\t\"hash\",\n\t\"host\",\n\t\"hostname\",\n\t\"href\",\n\t\"pathname\",\n\t\"port\",\n\t\"protocol\",\n\t\"search\"\n];\n/**\n* Reactive browser location.\n*\n* @see https://vueuse.org/useBrowserLocation\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useBrowserLocation(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst refs = Object.fromEntries(WRITABLE_PROPERTIES.map((key) => [key, ref()]));\n\tfor (const [key, ref$1] of objectEntries(refs)) watch(ref$1, (value) => {\n\t\tif (!(window$1 === null || window$1 === void 0 ? void 0 : window$1.location) || window$1.location[key] === value) return;\n\t\twindow$1.location[key] = value;\n\t});\n\tconst buildState = (trigger) => {\n\t\tvar _window$location;\n\t\tconst { state: state$1, length } = (window$1 === null || window$1 === void 0 ? void 0 : window$1.history) || {};\n\t\tconst { origin } = (window$1 === null || window$1 === void 0 ? void 0 : window$1.location) || {};\n\t\tfor (const key of WRITABLE_PROPERTIES) refs[key].value = window$1 === null || window$1 === void 0 || (_window$location = window$1.location) === null || _window$location === void 0 ? void 0 : _window$location[key];\n\t\treturn reactive({\n\t\t\ttrigger,\n\t\t\tstate: state$1,\n\t\t\tlength,\n\t\t\torigin,\n\t\t\t...refs\n\t\t});\n\t};\n\tconst state = ref(buildState(\"load\"));\n\tif (window$1) {\n\t\tconst listenerOptions = { passive: true };\n\t\tuseEventListener(window$1, \"popstate\", () => state.value = buildState(\"popstate\"), listenerOptions);\n\t\tuseEventListener(window$1, \"hashchange\", () => state.value = buildState(\"hashchange\"), listenerOptions);\n\t}\n\treturn state;\n}\n\n//#endregion\n//#region useCached/index.ts\nfunction useCached(refValue, comparator = (a, b) => a === b, options) {\n\tconst { deepRefs = true,...watchOptions } = options || {};\n\tconst cachedValue = createRef(refValue.value, deepRefs);\n\twatch(() => refValue.value, (value) => {\n\t\tif (!comparator(value, cachedValue.value)) cachedValue.value = value;\n\t}, watchOptions);\n\treturn cachedValue;\n}\n\n//#endregion\n//#region usePermission/index.ts\n/**\n* Reactive Permissions API.\n*\n* @see https://vueuse.org/usePermission\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePermission(permissionDesc, options = {}) {\n\tconst { controls = false, navigator: navigator$1 = defaultNavigator } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"permissions\" in navigator$1);\n\tconst permissionStatus = shallowRef();\n\tconst desc = typeof permissionDesc === \"string\" ? { name: permissionDesc } : permissionDesc;\n\tconst state = shallowRef();\n\tconst update = () => {\n\t\tvar _permissionStatus$val, _permissionStatus$val2;\n\t\tstate.value = (_permissionStatus$val = (_permissionStatus$val2 = permissionStatus.value) === null || _permissionStatus$val2 === void 0 ? void 0 : _permissionStatus$val2.state) !== null && _permissionStatus$val !== void 0 ? _permissionStatus$val : \"prompt\";\n\t};\n\tuseEventListener(permissionStatus, \"change\", update, { passive: true });\n\tconst query = createSingletonPromise(async () => {\n\t\tif (!isSupported.value) return;\n\t\tif (!permissionStatus.value) try {\n\t\t\tpermissionStatus.value = await navigator$1.permissions.query(desc);\n\t\t} catch (_unused) {\n\t\t\tpermissionStatus.value = void 0;\n\t\t} finally {\n\t\t\tupdate();\n\t\t}\n\t\tif (controls) return toRaw(permissionStatus.value);\n\t});\n\tquery();\n\tif (controls) return {\n\t\tstate,\n\t\tisSupported,\n\t\tquery\n\t};\n\telse return state;\n}\n\n//#endregion\n//#region useClipboard/index.ts\nfunction useClipboard(options = {}) {\n\tconst { navigator: navigator$1 = defaultNavigator, read = false, source, copiedDuring = 1500, legacy = false } = options;\n\tconst isClipboardApiSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"clipboard\" in navigator$1);\n\tconst permissionRead = usePermission(\"clipboard-read\");\n\tconst permissionWrite = usePermission(\"clipboard-write\");\n\tconst isSupported = computed(() => isClipboardApiSupported.value || legacy);\n\tconst text = shallowRef(\"\");\n\tconst copied = shallowRef(false);\n\tconst timeout = useTimeoutFn(() => copied.value = false, copiedDuring, { immediate: false });\n\tasync function updateText() {\n\t\tlet useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionRead.value));\n\t\tif (!useLegacy) try {\n\t\t\ttext.value = await navigator$1.clipboard.readText();\n\t\t} catch (_unused) {\n\t\t\tuseLegacy = true;\n\t\t}\n\t\tif (useLegacy) text.value = legacyRead();\n\t}\n\tif (isSupported.value && read) useEventListener([\"copy\", \"cut\"], updateText, { passive: true });\n\tasync function copy(value = toValue(source)) {\n\t\tif (isSupported.value && value != null) {\n\t\t\tlet useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionWrite.value));\n\t\t\tif (!useLegacy) try {\n\t\t\t\tawait navigator$1.clipboard.writeText(value);\n\t\t\t} catch (_unused2) {\n\t\t\t\tuseLegacy = true;\n\t\t\t}\n\t\t\tif (useLegacy) legacyCopy(value);\n\t\t\ttext.value = value;\n\t\t\tcopied.value = true;\n\t\t\ttimeout.start();\n\t\t}\n\t}\n\tfunction legacyCopy(value) {\n\t\tconst ta = document.createElement(\"textarea\");\n\t\tta.value = value;\n\t\tta.style.position = \"absolute\";\n\t\tta.style.opacity = \"0\";\n\t\tta.setAttribute(\"readonly\", \"\");\n\t\tdocument.body.appendChild(ta);\n\t\tta.select();\n\t\tdocument.execCommand(\"copy\");\n\t\tta.remove();\n\t}\n\tfunction legacyRead() {\n\t\tvar _document$getSelectio, _document, _document$getSelectio2;\n\t\treturn (_document$getSelectio = (_document = document) === null || _document === void 0 || (_document$getSelectio2 = _document.getSelection) === null || _document$getSelectio2 === void 0 || (_document$getSelectio2 = _document$getSelectio2.call(_document)) === null || _document$getSelectio2 === void 0 ? void 0 : _document$getSelectio2.toString()) !== null && _document$getSelectio !== void 0 ? _document$getSelectio : \"\";\n\t}\n\tfunction isAllowed(status) {\n\t\treturn status === \"granted\" || status === \"prompt\";\n\t}\n\treturn {\n\t\tisSupported,\n\t\ttext: readonly(text),\n\t\tcopied: readonly(copied),\n\t\tcopy\n\t};\n}\n\n//#endregion\n//#region useClipboardItems/index.ts\nfunction useClipboardItems(options = {}) {\n\tconst { navigator: navigator$1 = defaultNavigator, read = false, source, copiedDuring = 1500 } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"clipboard\" in navigator$1);\n\tconst content = ref([]);\n\tconst copied = shallowRef(false);\n\tconst timeout = useTimeoutFn(() => copied.value = false, copiedDuring, { immediate: false });\n\tfunction updateContent() {\n\t\tif (isSupported.value) navigator$1.clipboard.read().then((items) => {\n\t\t\tcontent.value = items;\n\t\t});\n\t}\n\tif (isSupported.value && read) useEventListener([\"copy\", \"cut\"], updateContent, { passive: true });\n\tasync function copy(value = toValue(source)) {\n\t\tif (isSupported.value && value != null) {\n\t\t\tawait navigator$1.clipboard.write(value);\n\t\t\tcontent.value = value;\n\t\t\tcopied.value = true;\n\t\t\ttimeout.start();\n\t\t}\n\t}\n\treturn {\n\t\tisSupported,\n\t\tcontent: shallowReadonly(content),\n\t\tcopied: readonly(copied),\n\t\tcopy,\n\t\tread: updateContent\n\t};\n}\n\n//#endregion\n//#region useCloned/index.ts\nfunction cloneFnJSON(source) {\n\treturn JSON.parse(JSON.stringify(source));\n}\nfunction useCloned(source, options = {}) {\n\tconst cloned = ref({});\n\tconst isModified = shallowRef(false);\n\tlet _lastSync = false;\n\tconst { manual, clone = cloneFnJSON, deep = true, immediate = true } = options;\n\twatch(cloned, () => {\n\t\tif (_lastSync) {\n\t\t\t_lastSync = false;\n\t\t\treturn;\n\t\t}\n\t\tisModified.value = true;\n\t}, {\n\t\tdeep: true,\n\t\tflush: \"sync\"\n\t});\n\tfunction sync() {\n\t\t_lastSync = true;\n\t\tisModified.value = false;\n\t\tcloned.value = clone(toValue(source));\n\t}\n\tif (!manual && (isRef(source) || typeof source === \"function\")) watch(source, sync, {\n\t\t...options,\n\t\tdeep,\n\t\timmediate\n\t});\n\telse sync();\n\treturn {\n\t\tcloned,\n\t\tisModified,\n\t\tsync\n\t};\n}\n\n//#endregion\n//#region ssr-handlers.ts\nconst _global = typeof globalThis !== \"undefined\" ? globalThis : typeof window !== \"undefined\" ? window : typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : {};\nconst globalKey = \"__vueuse_ssr_handlers__\";\nconst handlers = /* @__PURE__ */ getHandlers();\nfunction getHandlers() {\n\tif (!(globalKey in _global)) _global[globalKey] = _global[globalKey] || {};\n\treturn _global[globalKey];\n}\nfunction getSSRHandler(key, fallback) {\n\treturn handlers[key] || fallback;\n}\nfunction setSSRHandler(key, fn) {\n\thandlers[key] = fn;\n}\n\n//#endregion\n//#region usePreferredDark/index.ts\n/**\n* Reactive dark theme preference.\n*\n* @see https://vueuse.org/usePreferredDark\n* @param [options]\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePreferredDark(options) {\n\treturn useMediaQuery(\"(prefers-color-scheme: dark)\", options);\n}\n\n//#endregion\n//#region useStorage/guess.ts\nfunction guessSerializerType(rawInit) {\n\treturn rawInit == null ? \"any\" : rawInit instanceof Set ? \"set\" : rawInit instanceof Map ? \"map\" : rawInit instanceof Date ? \"date\" : typeof rawInit === \"boolean\" ? \"boolean\" : typeof rawInit === \"string\" ? \"string\" : typeof rawInit === \"object\" ? \"object\" : !Number.isNaN(rawInit) ? \"number\" : \"any\";\n}\n\n//#endregion\n//#region useStorage/index.ts\nconst StorageSerializers = {\n\tboolean: {\n\t\tread: (v) => v === \"true\",\n\t\twrite: (v) => String(v)\n\t},\n\tobject: {\n\t\tread: (v) => JSON.parse(v),\n\t\twrite: (v) => JSON.stringify(v)\n\t},\n\tnumber: {\n\t\tread: (v) => Number.parseFloat(v),\n\t\twrite: (v) => String(v)\n\t},\n\tany: {\n\t\tread: (v) => v,\n\t\twrite: (v) => String(v)\n\t},\n\tstring: {\n\t\tread: (v) => v,\n\t\twrite: (v) => String(v)\n\t},\n\tmap: {\n\t\tread: (v) => new Map(JSON.parse(v)),\n\t\twrite: (v) => JSON.stringify(Array.from(v.entries()))\n\t},\n\tset: {\n\t\tread: (v) => new Set(JSON.parse(v)),\n\t\twrite: (v) => JSON.stringify(Array.from(v))\n\t},\n\tdate: {\n\t\tread: (v) => new Date(v),\n\t\twrite: (v) => v.toISOString()\n\t}\n};\nconst customStorageEventName = \"vueuse-storage\";\n/**\n* Reactive LocalStorage/SessionStorage.\n*\n* @see https://vueuse.org/useStorage\n*/\nfunction useStorage(key, defaults$1, storage, options = {}) {\n\tvar _options$serializer;\n\tconst { flush = \"pre\", deep = true, listenToStorageChanges = true, writeDefaults = true, mergeDefaults = false, shallow, window: window$1 = defaultWindow, eventFilter, onError = (e) => {\n\t\tconsole.error(e);\n\t}, initOnMounted } = options;\n\tconst data = (shallow ? shallowRef : ref)(typeof defaults$1 === \"function\" ? defaults$1() : defaults$1);\n\tconst keyComputed = computed(() => toValue(key));\n\tif (!storage) try {\n\t\tstorage = getSSRHandler(\"getDefaultStorage\", () => defaultWindow === null || defaultWindow === void 0 ? void 0 : defaultWindow.localStorage)();\n\t} catch (e) {\n\t\tonError(e);\n\t}\n\tif (!storage) return data;\n\tconst rawInit = toValue(defaults$1);\n\tconst type = guessSerializerType(rawInit);\n\tconst serializer = (_options$serializer = options.serializer) !== null && _options$serializer !== void 0 ? _options$serializer : StorageSerializers[type];\n\tconst { pause: pauseWatch, resume: resumeWatch } = watchPausable(data, (newValue) => write(newValue), {\n\t\tflush,\n\t\tdeep,\n\t\teventFilter\n\t});\n\twatch(keyComputed, () => update(), { flush });\n\tlet firstMounted = false;\n\tconst onStorageEvent = (ev) => {\n\t\tif (initOnMounted && !firstMounted) return;\n\t\tupdate(ev);\n\t};\n\tconst onStorageCustomEvent = (ev) => {\n\t\tif (initOnMounted && !firstMounted) return;\n\t\tupdateFromCustomEvent(ev);\n\t};\n\t/**\n\t* The custom event is needed for same-document syncing when using custom\n\t* storage backends, but it doesn't work across different documents.\n\t*\n\t* TODO: Consider implementing a BroadcastChannel-based solution that fixes this.\n\t*/\n\tif (window$1 && listenToStorageChanges) if (storage instanceof Storage) useEventListener(window$1, \"storage\", onStorageEvent, { passive: true });\n\telse useEventListener(window$1, customStorageEventName, onStorageCustomEvent);\n\tif (initOnMounted) tryOnMounted(() => {\n\t\tfirstMounted = true;\n\t\tupdate();\n\t});\n\telse update();\n\tfunction dispatchWriteEvent(oldValue, newValue) {\n\t\tif (window$1) {\n\t\t\tconst payload = {\n\t\t\t\tkey: keyComputed.value,\n\t\t\t\toldValue,\n\t\t\t\tnewValue,\n\t\t\t\tstorageArea: storage\n\t\t\t};\n\t\t\twindow$1.dispatchEvent(storage instanceof Storage ? new StorageEvent(\"storage\", payload) : new CustomEvent(customStorageEventName, { detail: payload }));\n\t\t}\n\t}\n\tfunction write(v) {\n\t\ttry {\n\t\t\tconst oldValue = storage.getItem(keyComputed.value);\n\t\t\tif (v == null) {\n\t\t\t\tdispatchWriteEvent(oldValue, null);\n\t\t\t\tstorage.removeItem(keyComputed.value);\n\t\t\t} else {\n\t\t\t\tconst serialized = serializer.write(v);\n\t\t\t\tif (oldValue !== serialized) {\n\t\t\t\t\tstorage.setItem(keyComputed.value, serialized);\n\t\t\t\t\tdispatchWriteEvent(oldValue, serialized);\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t}\n\t}\n\tfunction read(event) {\n\t\tconst rawValue = event ? event.newValue : storage.getItem(keyComputed.value);\n\t\tif (rawValue == null) {\n\t\t\tif (writeDefaults && rawInit != null) storage.setItem(keyComputed.value, serializer.write(rawInit));\n\t\t\treturn rawInit;\n\t\t} else if (!event && mergeDefaults) {\n\t\t\tconst value = serializer.read(rawValue);\n\t\t\tif (typeof mergeDefaults === \"function\") return mergeDefaults(value, rawInit);\n\t\t\telse if (type === \"object\" && !Array.isArray(value)) return {\n\t\t\t\t...rawInit,\n\t\t\t\t...value\n\t\t\t};\n\t\t\treturn value;\n\t\t} else if (typeof rawValue !== \"string\") return rawValue;\n\t\telse return serializer.read(rawValue);\n\t}\n\tfunction update(event) {\n\t\tif (event && event.storageArea !== storage) return;\n\t\tif (event && event.key == null) {\n\t\t\tdata.value = rawInit;\n\t\t\treturn;\n\t\t}\n\t\tif (event && event.key !== keyComputed.value) return;\n\t\tpauseWatch();\n\t\ttry {\n\t\t\tconst serializedData = serializer.write(data.value);\n\t\t\tif (event === void 0 || (event === null || event === void 0 ? void 0 : event.newValue) !== serializedData) data.value = read(event);\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t} finally {\n\t\t\tif (event) nextTick(resumeWatch);\n\t\t\telse resumeWatch();\n\t\t}\n\t}\n\tfunction updateFromCustomEvent(event) {\n\t\tupdate(event.detail);\n\t}\n\treturn data;\n}\n\n//#endregion\n//#region useColorMode/index.ts\nconst CSS_DISABLE_TRANS = \"*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}\";\n/**\n* Reactive color mode with auto data persistence.\n*\n* @see https://vueuse.org/useColorMode\n* @param options\n*/\nfunction useColorMode(options = {}) {\n\tconst { selector = \"html\", attribute = \"class\", initialValue = \"auto\", window: window$1 = defaultWindow, storage, storageKey = \"vueuse-color-scheme\", listenToStorageChanges = true, storageRef, emitAuto, disableTransition = true } = options;\n\tconst modes = {\n\t\tauto: \"\",\n\t\tlight: \"light\",\n\t\tdark: \"dark\",\n\t\t...options.modes || {}\n\t};\n\tconst preferredDark = usePreferredDark({ window: window$1 });\n\tconst system = computed(() => preferredDark.value ? \"dark\" : \"light\");\n\tconst store = storageRef || (storageKey == null ? toRef(initialValue) : useStorage(storageKey, initialValue, storage, {\n\t\twindow: window$1,\n\t\tlistenToStorageChanges\n\t}));\n\tconst state = computed(() => store.value === \"auto\" ? system.value : store.value);\n\tconst updateHTMLAttrs = getSSRHandler(\"updateHTMLAttrs\", (selector$1, attribute$1, value) => {\n\t\tconst el = typeof selector$1 === \"string\" ? window$1 === null || window$1 === void 0 ? void 0 : window$1.document.querySelector(selector$1) : unrefElement(selector$1);\n\t\tif (!el) return;\n\t\tconst classesToAdd = /* @__PURE__ */ new Set();\n\t\tconst classesToRemove = /* @__PURE__ */ new Set();\n\t\tlet attributeToChange = null;\n\t\tif (attribute$1 === \"class\") {\n\t\t\tconst current = value.split(/\\s/g);\n\t\t\tObject.values(modes).flatMap((i) => (i || \"\").split(/\\s/g)).filter(Boolean).forEach((v) => {\n\t\t\t\tif (current.includes(v)) classesToAdd.add(v);\n\t\t\t\telse classesToRemove.add(v);\n\t\t\t});\n\t\t} else attributeToChange = {\n\t\t\tkey: attribute$1,\n\t\t\tvalue\n\t\t};\n\t\tif (classesToAdd.size === 0 && classesToRemove.size === 0 && attributeToChange === null) return;\n\t\tlet style;\n\t\tif (disableTransition) {\n\t\t\tstyle = window$1.document.createElement(\"style\");\n\t\t\tstyle.appendChild(document.createTextNode(CSS_DISABLE_TRANS));\n\t\t\twindow$1.document.head.appendChild(style);\n\t\t}\n\t\tfor (const c of classesToAdd) el.classList.add(c);\n\t\tfor (const c of classesToRemove) el.classList.remove(c);\n\t\tif (attributeToChange) el.setAttribute(attributeToChange.key, attributeToChange.value);\n\t\tif (disableTransition) {\n\t\t\twindow$1.getComputedStyle(style).opacity;\n\t\t\tdocument.head.removeChild(style);\n\t\t}\n\t});\n\tfunction defaultOnChanged(mode) {\n\t\tvar _modes$mode;\n\t\tupdateHTMLAttrs(selector, attribute, (_modes$mode = modes[mode]) !== null && _modes$mode !== void 0 ? _modes$mode : mode);\n\t}\n\tfunction onChanged(mode) {\n\t\tif (options.onChanged) options.onChanged(mode, defaultOnChanged);\n\t\telse defaultOnChanged(mode);\n\t}\n\twatch(state, onChanged, {\n\t\tflush: \"post\",\n\t\timmediate: true\n\t});\n\ttryOnMounted(() => onChanged(state.value));\n\tconst auto = computed({\n\t\tget() {\n\t\t\treturn emitAuto ? store.value : state.value;\n\t\t},\n\t\tset(v) {\n\t\t\tstore.value = v;\n\t\t}\n\t});\n\treturn Object.assign(auto, {\n\t\tstore,\n\t\tsystem,\n\t\tstate\n\t});\n}\n\n//#endregion\n//#region useConfirmDialog/index.ts\n/**\n* Hooks for creating confirm dialogs. Useful for modal windows, popups and logins.\n*\n* @see https://vueuse.org/useConfirmDialog/\n* @param revealed `boolean` `ref` that handles a modal window\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useConfirmDialog(revealed = shallowRef(false)) {\n\tconst confirmHook = createEventHook();\n\tconst cancelHook = createEventHook();\n\tconst revealHook = createEventHook();\n\tlet _resolve = noop;\n\tconst reveal = (data) => {\n\t\trevealHook.trigger(data);\n\t\trevealed.value = true;\n\t\treturn new Promise((resolve) => {\n\t\t\t_resolve = resolve;\n\t\t});\n\t};\n\tconst confirm = (data) => {\n\t\trevealed.value = false;\n\t\tconfirmHook.trigger(data);\n\t\t_resolve({\n\t\t\tdata,\n\t\t\tisCanceled: false\n\t\t});\n\t};\n\tconst cancel = (data) => {\n\t\trevealed.value = false;\n\t\tcancelHook.trigger(data);\n\t\t_resolve({\n\t\t\tdata,\n\t\t\tisCanceled: true\n\t\t});\n\t};\n\treturn {\n\t\tisRevealed: computed(() => revealed.value),\n\t\treveal,\n\t\tconfirm,\n\t\tcancel,\n\t\tonReveal: revealHook.on,\n\t\tonConfirm: confirmHook.on,\n\t\tonCancel: cancelHook.on\n\t};\n}\n\n//#endregion\n//#region useCountdown/index.ts\nfunction getDefaultScheduler$8(options) {\n\tif (\"interval\" in options || \"immediate\" in options) {\n\t\tconst { interval = 1e3, immediate = false } = options;\n\t\treturn (cb) => useIntervalFn(cb, interval, { immediate });\n\t}\n\treturn (cb) => useIntervalFn(cb, 1e3, { immediate: false });\n}\n/**\n* Reactive countdown timer in seconds.\n*\n* @param initialCountdown\n* @param options\n*\n* @see https://vueuse.org/useCountdown\n*/\nfunction useCountdown(initialCountdown, options = {}) {\n\tconst remaining = shallowRef(toValue(initialCountdown));\n\tconst { scheduler = getDefaultScheduler$8(options), onTick, onComplete } = options;\n\tconst controls = scheduler(() => {\n\t\tconst value = remaining.value - 1;\n\t\tremaining.value = value < 0 ? 0 : value;\n\t\tonTick === null || onTick === void 0 || onTick();\n\t\tif (remaining.value <= 0) {\n\t\t\tcontrols.pause();\n\t\t\tonComplete === null || onComplete === void 0 || onComplete();\n\t\t}\n\t});\n\tconst reset = (countdown) => {\n\t\tvar _toValue;\n\t\tremaining.value = (_toValue = toValue(countdown)) !== null && _toValue !== void 0 ? _toValue : toValue(initialCountdown);\n\t};\n\tconst stop = () => {\n\t\tcontrols.pause();\n\t\treset();\n\t};\n\tconst resume = () => {\n\t\tif (!controls.isActive.value) {\n\t\t\tif (remaining.value > 0) controls.resume();\n\t\t}\n\t};\n\tconst start = (countdown) => {\n\t\treset(countdown);\n\t\tcontrols.resume();\n\t};\n\treturn {\n\t\tremaining,\n\t\treset,\n\t\tstop,\n\t\tstart,\n\t\tpause: controls.pause,\n\t\tresume,\n\t\tisActive: controls.isActive\n\t};\n}\n\n//#endregion\n//#region useCssSupports/index.ts\nfunction useCssSupports(...args) {\n\tlet options = {};\n\tif (typeof toValue(args.at(-1)) === \"object\") options = args.pop();\n\tconst [prop, value] = args;\n\tconst { window: window$1 = defaultWindow, ssrValue = false } = options;\n\tconst isMounted = useMounted();\n\treturn { isSupported: computed(() => {\n\t\tisMounted.value;\n\t\tif (!isClient) return ssrValue;\n\t\treturn args.length === 2 ? window$1 === null || window$1 === void 0 ? void 0 : window$1.CSS.supports(toValue(prop), toValue(value)) : window$1 === null || window$1 === void 0 ? void 0 : window$1.CSS.supports(toValue(prop));\n\t}) };\n}\n\n//#endregion\n//#region useCssVar/index.ts\n/**\n* Manipulate CSS variables.\n*\n* @see https://vueuse.org/useCssVar\n* @param prop\n* @param target\n* @param options\n*/\nfunction useCssVar(prop, target, options = {}) {\n\tconst { window: window$1 = defaultWindow, initialValue, observe = false } = options;\n\tconst variable = shallowRef(initialValue);\n\tconst elRef = computed(() => {\n\t\tvar _window$document;\n\t\treturn unrefElement(target) || (window$1 === null || window$1 === void 0 || (_window$document = window$1.document) === null || _window$document === void 0 ? void 0 : _window$document.documentElement);\n\t});\n\tfunction updateCssVar() {\n\t\tconst key = toValue(prop);\n\t\tconst el = toValue(elRef);\n\t\tif (el && window$1 && key) {\n\t\t\tvar _window$getComputedSt;\n\t\t\tvariable.value = ((_window$getComputedSt = window$1.getComputedStyle(el).getPropertyValue(key)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.trim()) || variable.value || initialValue;\n\t\t}\n\t}\n\tif (observe) useMutationObserver(elRef, updateCssVar, {\n\t\tattributeFilter: [\"style\", \"class\"],\n\t\twindow: window$1\n\t});\n\twatch([elRef, () => toValue(prop)], (_, old) => {\n\t\tif (old[0] && old[1]) old[0].style.removeProperty(old[1]);\n\t\tupdateCssVar();\n\t}, { immediate: true });\n\twatch([variable, elRef], ([val, el]) => {\n\t\tconst raw_prop = toValue(prop);\n\t\tif ((el === null || el === void 0 ? void 0 : el.style) && raw_prop) if (val == null) el.style.removeProperty(raw_prop);\n\t\telse el.style.setProperty(raw_prop, val);\n\t}, { immediate: true });\n\treturn variable;\n}\n\n//#endregion\n//#region useCurrentElement/index.ts\nfunction useCurrentElement(rootComponent) {\n\tconst vm = getCurrentInstance();\n\tconst currentElement = computedWithControl(() => null, () => rootComponent ? unrefElement(rootComponent) : vm.proxy.$el);\n\tonUpdated(currentElement.trigger);\n\tonMounted(currentElement.trigger);\n\treturn currentElement;\n}\n\n//#endregion\n//#region useCycleList/index.ts\n/**\n* Cycle through a list of items\n*\n* @see https://vueuse.org/useCycleList\n*/\nfunction useCycleList(list, options) {\n\tconst state = shallowRef(getInitialValue());\n\tconst listRef = toRef(list);\n\tconst index = computed({\n\t\tget() {\n\t\t\tvar _options$fallbackInde;\n\t\t\tconst targetList = listRef.value;\n\t\t\tlet index$1 = (options === null || options === void 0 ? void 0 : options.getIndexOf) ? options.getIndexOf(state.value, targetList) : targetList.indexOf(state.value);\n\t\t\tif (index$1 < 0) index$1 = (_options$fallbackInde = options === null || options === void 0 ? void 0 : options.fallbackIndex) !== null && _options$fallbackInde !== void 0 ? _options$fallbackInde : 0;\n\t\t\treturn index$1;\n\t\t},\n\t\tset(v) {\n\t\t\tset(v);\n\t\t}\n\t});\n\tfunction set(i) {\n\t\tconst targetList = listRef.value;\n\t\tconst length = targetList.length;\n\t\tconst value = targetList[(i % length + length) % length];\n\t\tstate.value = value;\n\t\treturn value;\n\t}\n\tfunction shift(delta = 1) {\n\t\treturn set(index.value + delta);\n\t}\n\tfunction next(n = 1) {\n\t\treturn shift(n);\n\t}\n\tfunction prev(n = 1) {\n\t\treturn shift(-n);\n\t}\n\tfunction getInitialValue() {\n\t\tvar _toValue, _options$initialValue;\n\t\treturn (_toValue = toValue((_options$initialValue = options === null || options === void 0 ? void 0 : options.initialValue) !== null && _options$initialValue !== void 0 ? _options$initialValue : toValue(list)[0])) !== null && _toValue !== void 0 ? _toValue : void 0;\n\t}\n\twatch(listRef, () => set(index.value));\n\treturn {\n\t\tstate,\n\t\tindex,\n\t\tnext,\n\t\tprev,\n\t\tgo: set\n\t};\n}\n\n//#endregion\n//#region useDark/index.ts\n/**\n* Reactive dark mode with auto data persistence.\n*\n* @see https://vueuse.org/useDark\n* @param options\n*/\nfunction useDark(options = {}) {\n\tconst { valueDark = \"dark\", valueLight = \"\" } = options;\n\tconst mode = useColorMode({\n\t\t...options,\n\t\tonChanged: (mode$1, defaultHandler) => {\n\t\t\tvar _options$onChanged;\n\t\t\tif (options.onChanged) (_options$onChanged = options.onChanged) === null || _options$onChanged === void 0 || _options$onChanged.call(options, mode$1 === \"dark\", defaultHandler, mode$1);\n\t\t\telse defaultHandler(mode$1);\n\t\t},\n\t\tmodes: {\n\t\t\tdark: valueDark,\n\t\t\tlight: valueLight\n\t\t}\n\t});\n\tconst system = computed(() => mode.system.value);\n\treturn computed({\n\t\tget() {\n\t\t\treturn mode.value === \"dark\";\n\t\t},\n\t\tset(v) {\n\t\t\tconst modeVal = v ? \"dark\" : \"light\";\n\t\t\tif (system.value === modeVal) mode.value = \"auto\";\n\t\t\telse mode.value = modeVal;\n\t\t}\n\t});\n}\n\n//#endregion\n//#region useManualRefHistory/index.ts\nfunction fnBypass(v) {\n\treturn v;\n}\nfunction fnSetSource(source, value) {\n\treturn source.value = value;\n}\nfunction defaultDump(clone) {\n\treturn clone ? typeof clone === \"function\" ? clone : cloneFnJSON : fnBypass;\n}\nfunction defaultParse(clone) {\n\treturn clone ? typeof clone === \"function\" ? clone : cloneFnJSON : fnBypass;\n}\n/**\n* Track the change history of a ref, also provides undo and redo functionality.\n*\n* @see https://vueuse.org/useManualRefHistory\n* @param source\n* @param options\n*/\nfunction useManualRefHistory(source, options = {}) {\n\tconst { clone = false, dump = defaultDump(clone), parse = defaultParse(clone), setSource = fnSetSource } = options;\n\tfunction _createHistoryRecord() {\n\t\treturn markRaw({\n\t\t\tsnapshot: dump(source.value),\n\t\t\ttimestamp: timestamp()\n\t\t});\n\t}\n\tconst last = ref(_createHistoryRecord());\n\tconst undoStack = ref([]);\n\tconst redoStack = ref([]);\n\tconst _setSource = (record) => {\n\t\tsetSource(source, parse(record.snapshot));\n\t\tlast.value = record;\n\t};\n\tconst commit = () => {\n\t\tundoStack.value.unshift(last.value);\n\t\tlast.value = _createHistoryRecord();\n\t\tif (options.capacity && undoStack.value.length > options.capacity) undoStack.value.splice(options.capacity, Number.POSITIVE_INFINITY);\n\t\tif (redoStack.value.length) redoStack.value.splice(0, redoStack.value.length);\n\t};\n\tconst clear = () => {\n\t\tundoStack.value.splice(0, undoStack.value.length);\n\t\tredoStack.value.splice(0, redoStack.value.length);\n\t};\n\tconst undo = () => {\n\t\tconst state = undoStack.value.shift();\n\t\tif (state) {\n\t\t\tredoStack.value.unshift(last.value);\n\t\t\t_setSource(state);\n\t\t}\n\t};\n\tconst redo = () => {\n\t\tconst state = redoStack.value.shift();\n\t\tif (state) {\n\t\t\tundoStack.value.unshift(last.value);\n\t\t\t_setSource(state);\n\t\t}\n\t};\n\tconst reset = () => {\n\t\t_setSource(last.value);\n\t};\n\treturn {\n\t\tsource,\n\t\tundoStack,\n\t\tredoStack,\n\t\tlast,\n\t\thistory: computed(() => [last.value, ...undoStack.value]),\n\t\tcanUndo: computed(() => undoStack.value.length > 0),\n\t\tcanRedo: computed(() => redoStack.value.length > 0),\n\t\tclear,\n\t\tcommit,\n\t\treset,\n\t\tundo,\n\t\tredo\n\t};\n}\n\n//#endregion\n//#region useRefHistory/index.ts\n/**\n* Track the change history of a ref, also provides undo and redo functionality.\n*\n* @see https://vueuse.org/useRefHistory\n* @param source\n* @param options\n*/\nfunction useRefHistory(source, options = {}) {\n\tconst { deep = false, flush = \"pre\", eventFilter, shouldCommit = () => true } = options;\n\tconst { eventFilter: composedFilter, pause, resume: resumeTracking, isActive: isTracking } = pausableFilter(eventFilter);\n\tlet lastRawValue = source.value;\n\tconst { ignoreUpdates, ignorePrevAsyncUpdates, stop } = watchIgnorable(source, commit, {\n\t\tdeep,\n\t\tflush,\n\t\teventFilter: composedFilter\n\t});\n\tfunction setSource(source$1, value) {\n\t\tignorePrevAsyncUpdates();\n\t\tignoreUpdates(() => {\n\t\t\tsource$1.value = value;\n\t\t\tlastRawValue = value;\n\t\t});\n\t}\n\tconst manualHistory = useManualRefHistory(source, {\n\t\t...options,\n\t\tclone: options.clone || deep,\n\t\tsetSource\n\t});\n\tconst { clear, commit: manualCommit } = manualHistory;\n\tfunction commit() {\n\t\tignorePrevAsyncUpdates();\n\t\tif (!shouldCommit(lastRawValue, source.value)) return;\n\t\tlastRawValue = source.value;\n\t\tmanualCommit();\n\t}\n\tfunction resume(commitNow) {\n\t\tresumeTracking();\n\t\tif (commitNow) commit();\n\t}\n\tfunction batch(fn) {\n\t\tlet canceled = false;\n\t\tconst cancel = () => canceled = true;\n\t\tignoreUpdates(() => {\n\t\t\tfn(cancel);\n\t\t});\n\t\tif (!canceled) commit();\n\t}\n\tfunction dispose() {\n\t\tstop();\n\t\tclear();\n\t}\n\treturn {\n\t\t...manualHistory,\n\t\tisTracking,\n\t\tpause,\n\t\tresume,\n\t\tcommit,\n\t\tbatch,\n\t\tdispose\n\t};\n}\n\n//#endregion\n//#region useDebouncedRefHistory/index.ts\n/**\n* Shorthand for [useRefHistory](https://vueuse.org/useRefHistory) with debounce filter.\n*\n* @see https://vueuse.org/useDebouncedRefHistory\n* @param source\n* @param options\n*/\nfunction useDebouncedRefHistory(source, options = {}) {\n\tconst filter = options.debounce ? debounceFilter(options.debounce) : void 0;\n\treturn { ...useRefHistory(source, {\n\t\t...options,\n\t\teventFilter: filter\n\t}) };\n}\n\n//#endregion\n//#region useDeviceMotion/index.ts\n/**\n* Reactive DeviceMotionEvent.\n*\n* @see https://vueuse.org/useDeviceMotion\n* @param options\n*/\nfunction useDeviceMotion(options = {}) {\n\tconst { window: window$1 = defaultWindow, requestPermissions = false, eventFilter = bypassFilter } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => typeof DeviceMotionEvent !== \"undefined\");\n\tconst requirePermissions = /* @__PURE__ */ useSupported(() => isSupported.value && \"requestPermission\" in DeviceMotionEvent && typeof DeviceMotionEvent.requestPermission === \"function\");\n\tconst permissionGranted = shallowRef(false);\n\tconst acceleration = ref({\n\t\tx: null,\n\t\ty: null,\n\t\tz: null\n\t});\n\tconst rotationRate = ref({\n\t\talpha: null,\n\t\tbeta: null,\n\t\tgamma: null\n\t});\n\tconst interval = shallowRef(0);\n\tconst accelerationIncludingGravity = ref({\n\t\tx: null,\n\t\ty: null,\n\t\tz: null\n\t});\n\tfunction init() {\n\t\tif (window$1) useEventListener(window$1, \"devicemotion\", createFilterWrapper(eventFilter, (event) => {\n\t\t\tvar _event$acceleration, _event$acceleration2, _event$acceleration3, _event$accelerationIn, _event$accelerationIn2, _event$accelerationIn3, _event$rotationRate, _event$rotationRate2, _event$rotationRate3;\n\t\t\tacceleration.value = {\n\t\t\t\tx: ((_event$acceleration = event.acceleration) === null || _event$acceleration === void 0 ? void 0 : _event$acceleration.x) || null,\n\t\t\t\ty: ((_event$acceleration2 = event.acceleration) === null || _event$acceleration2 === void 0 ? void 0 : _event$acceleration2.y) || null,\n\t\t\t\tz: ((_event$acceleration3 = event.acceleration) === null || _event$acceleration3 === void 0 ? void 0 : _event$acceleration3.z) || null\n\t\t\t};\n\t\t\taccelerationIncludingGravity.value = {\n\t\t\t\tx: ((_event$accelerationIn = event.accelerationIncludingGravity) === null || _event$accelerationIn === void 0 ? void 0 : _event$accelerationIn.x) || null,\n\t\t\t\ty: ((_event$accelerationIn2 = event.accelerationIncludingGravity) === null || _event$accelerationIn2 === void 0 ? void 0 : _event$accelerationIn2.y) || null,\n\t\t\t\tz: ((_event$accelerationIn3 = event.accelerationIncludingGravity) === null || _event$accelerationIn3 === void 0 ? void 0 : _event$accelerationIn3.z) || null\n\t\t\t};\n\t\t\trotationRate.value = {\n\t\t\t\talpha: ((_event$rotationRate = event.rotationRate) === null || _event$rotationRate === void 0 ? void 0 : _event$rotationRate.alpha) || null,\n\t\t\t\tbeta: ((_event$rotationRate2 = event.rotationRate) === null || _event$rotationRate2 === void 0 ? void 0 : _event$rotationRate2.beta) || null,\n\t\t\t\tgamma: ((_event$rotationRate3 = event.rotationRate) === null || _event$rotationRate3 === void 0 ? void 0 : _event$rotationRate3.gamma) || null\n\t\t\t};\n\t\t\tinterval.value = event.interval;\n\t\t}), { passive: true });\n\t}\n\tconst ensurePermissions = async () => {\n\t\tif (!requirePermissions.value) permissionGranted.value = true;\n\t\tif (permissionGranted.value) return;\n\t\tif (requirePermissions.value) {\n\t\t\tconst requestPermission = DeviceMotionEvent.requestPermission;\n\t\t\ttry {\n\t\t\t\tif (await requestPermission() === \"granted\") {\n\t\t\t\t\tpermissionGranted.value = true;\n\t\t\t\t\tinit();\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(error);\n\t\t\t}\n\t\t}\n\t};\n\tif (isSupported.value) if (requestPermissions && requirePermissions.value) ensurePermissions().then(() => init());\n\telse init();\n\treturn {\n\t\tacceleration,\n\t\taccelerationIncludingGravity,\n\t\trotationRate,\n\t\tinterval,\n\t\tisSupported,\n\t\trequirePermissions,\n\t\tensurePermissions,\n\t\tpermissionGranted\n\t};\n}\n\n//#endregion\n//#region useDeviceOrientation/index.ts\n/**\n* Reactive DeviceOrientationEvent.\n*\n* @see https://vueuse.org/useDeviceOrientation\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useDeviceOrientation(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"DeviceOrientationEvent\" in window$1);\n\tconst isAbsolute = shallowRef(false);\n\tconst alpha = shallowRef(null);\n\tconst beta = shallowRef(null);\n\tconst gamma = shallowRef(null);\n\tif (window$1 && isSupported.value) useEventListener(window$1, \"deviceorientation\", (event) => {\n\t\tisAbsolute.value = event.absolute;\n\t\talpha.value = event.alpha;\n\t\tbeta.value = event.beta;\n\t\tgamma.value = event.gamma;\n\t}, { passive: true });\n\treturn {\n\t\tisSupported,\n\t\tisAbsolute,\n\t\talpha,\n\t\tbeta,\n\t\tgamma\n\t};\n}\n\n//#endregion\n//#region useDevicePixelRatio/index.ts\n/**\n* Reactively track `window.devicePixelRatio`.\n*\n* @see https://vueuse.org/useDevicePixelRatio\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useDevicePixelRatio(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst pixelRatio = shallowRef(1);\n\tconst query = useMediaQuery(() => `(resolution: ${pixelRatio.value}dppx)`, options);\n\tlet stop = noop;\n\tif (window$1) stop = watchImmediate(query, () => pixelRatio.value = window$1.devicePixelRatio);\n\treturn {\n\t\tpixelRatio: readonly(pixelRatio),\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useDevicesList/index.ts\n/**\n* Reactive `enumerateDevices` listing available input/output devices\n*\n* @see https://vueuse.org/useDevicesList\n* @param options\n*/\nfunction useDevicesList(options = {}) {\n\tconst { navigator: navigator$1 = defaultNavigator, requestPermissions = false, constraints = {\n\t\taudio: true,\n\t\tvideo: true\n\t}, onUpdated: onUpdated$1 } = options;\n\tconst devices = ref([]);\n\tconst videoInputs = computed(() => devices.value.filter((i) => i.kind === \"videoinput\"));\n\tconst audioInputs = computed(() => devices.value.filter((i) => i.kind === \"audioinput\"));\n\tconst audioOutputs = computed(() => devices.value.filter((i) => i.kind === \"audiooutput\"));\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && navigator$1.mediaDevices && navigator$1.mediaDevices.enumerateDevices);\n\tconst permissionGranted = shallowRef(false);\n\tlet stream;\n\tasync function update() {\n\t\tif (!isSupported.value) return;\n\t\tdevices.value = await navigator$1.mediaDevices.enumerateDevices();\n\t\tonUpdated$1 === null || onUpdated$1 === void 0 || onUpdated$1(devices.value);\n\t\tif (stream) {\n\t\t\tstream.getTracks().forEach((t) => t.stop());\n\t\t\tstream = null;\n\t\t}\n\t}\n\tasync function ensurePermissions() {\n\t\tconst deviceName = constraints.video ? \"camera\" : \"microphone\";\n\t\tif (!isSupported.value) return false;\n\t\tif (permissionGranted.value) return true;\n\t\tconst { state, query } = usePermission(deviceName, { controls: true });\n\t\tawait query();\n\t\tif (state.value !== \"granted\") {\n\t\t\tlet granted = true;\n\t\t\ttry {\n\t\t\t\tconst allDevices = await navigator$1.mediaDevices.enumerateDevices();\n\t\t\t\tconst hasCamera = allDevices.some((device) => device.kind === \"videoinput\");\n\t\t\t\tconst hasMicrophone = allDevices.some((device) => device.kind === \"audioinput\" || device.kind === \"audiooutput\");\n\t\t\t\tconstraints.video = hasCamera ? constraints.video : false;\n\t\t\t\tconstraints.audio = hasMicrophone ? constraints.audio : false;\n\t\t\t\tstream = await navigator$1.mediaDevices.getUserMedia(constraints);\n\t\t\t} catch (_unused) {\n\t\t\t\tstream = null;\n\t\t\t\tgranted = false;\n\t\t\t}\n\t\t\tupdate();\n\t\t\tpermissionGranted.value = granted;\n\t\t} else permissionGranted.value = true;\n\t\treturn permissionGranted.value;\n\t}\n\tif (isSupported.value) {\n\t\tif (requestPermissions) ensurePermissions();\n\t\tuseEventListener(navigator$1.mediaDevices, \"devicechange\", update, { passive: true });\n\t\tupdate();\n\t}\n\treturn {\n\t\tdevices,\n\t\tensurePermissions,\n\t\tpermissionGranted,\n\t\tvideoInputs,\n\t\taudioInputs,\n\t\taudioOutputs,\n\t\tisSupported\n\t};\n}\n\n//#endregion\n//#region useDisplayMedia/index.ts\n/**\n* Reactive `mediaDevices.getDisplayMedia` streaming\n*\n* @see https://vueuse.org/useDisplayMedia\n* @param options\n*/\nfunction useDisplayMedia(options = {}) {\n\tvar _options$enabled;\n\tconst enabled = shallowRef((_options$enabled = options.enabled) !== null && _options$enabled !== void 0 ? _options$enabled : false);\n\tconst video = options.video;\n\tconst audio = options.audio;\n\tconst { navigator: navigator$1 = defaultNavigator } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => {\n\t\tvar _navigator$mediaDevic;\n\t\treturn navigator$1 === null || navigator$1 === void 0 || (_navigator$mediaDevic = navigator$1.mediaDevices) === null || _navigator$mediaDevic === void 0 ? void 0 : _navigator$mediaDevic.getDisplayMedia;\n\t});\n\tconst constraint = {\n\t\taudio,\n\t\tvideo\n\t};\n\tconst stream = shallowRef();\n\tasync function _start() {\n\t\tvar _stream$value;\n\t\tif (!isSupported.value || stream.value) return;\n\t\tstream.value = await navigator$1.mediaDevices.getDisplayMedia(constraint);\n\t\t(_stream$value = stream.value) === null || _stream$value === void 0 || _stream$value.getTracks().forEach((t) => useEventListener(t, \"ended\", stop, { passive: true }));\n\t\treturn stream.value;\n\t}\n\tasync function _stop() {\n\t\tvar _stream$value2;\n\t\t(_stream$value2 = stream.value) === null || _stream$value2 === void 0 || _stream$value2.getTracks().forEach((t) => t.stop());\n\t\tstream.value = void 0;\n\t}\n\tfunction stop() {\n\t\t_stop();\n\t\tenabled.value = false;\n\t}\n\tasync function start() {\n\t\tawait _start();\n\t\tif (stream.value) enabled.value = true;\n\t\treturn stream.value;\n\t}\n\twatch(enabled, (v) => {\n\t\tif (v) _start();\n\t\telse _stop();\n\t}, { immediate: true });\n\treturn {\n\t\tisSupported,\n\t\tstream,\n\t\tstart,\n\t\tstop,\n\t\tenabled\n\t};\n}\n\n//#endregion\n//#region useDocumentVisibility/index.ts\n/**\n* Reactively track `document.visibilityState`.\n*\n* @see https://vueuse.org/useDocumentVisibility\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useDocumentVisibility(options = {}) {\n\tconst { document: document$1 = defaultDocument } = options;\n\tif (!document$1) return shallowRef(\"visible\");\n\tconst visibility = shallowRef(document$1.visibilityState);\n\tuseEventListener(document$1, \"visibilitychange\", () => {\n\t\tvisibility.value = document$1.visibilityState;\n\t}, { passive: true });\n\treturn visibility;\n}\n\n//#endregion\n//#region useDraggable/index.ts\nconst defaultScrollConfig = {\n\tspeed: 2,\n\tmargin: 30,\n\tdirection: \"both\"\n};\nfunction clampContainerScroll(container) {\n\tif (container.scrollLeft > container.scrollWidth - container.clientWidth) container.scrollLeft = Math.max(0, container.scrollWidth - container.clientWidth);\n\tif (container.scrollTop > container.scrollHeight - container.clientHeight) container.scrollTop = Math.max(0, container.scrollHeight - container.clientHeight);\n}\n/**\n* Make elements draggable.\n*\n* @see https://vueuse.org/useDraggable\n* @param target\n* @param options\n*/\nfunction useDraggable(target, options = {}) {\n\tvar _toValue, _toValue2, _toValue3, _scrollConfig$directi;\n\tconst { pointerTypes, preventDefault: preventDefault$1, stopPropagation, exact, onMove, onEnd, onStart, initialValue, axis = \"both\", draggingElement = defaultWindow, containerElement, handle: draggingHandle = target, buttons = [0], restrictInView, autoScroll = false } = options;\n\tconst position = ref((_toValue = toValue(initialValue)) !== null && _toValue !== void 0 ? _toValue : {\n\t\tx: 0,\n\t\ty: 0\n\t});\n\tconst pressedDelta = ref();\n\tconst filterEvent = (e) => {\n\t\tif (pointerTypes) return pointerTypes.includes(e.pointerType);\n\t\treturn true;\n\t};\n\tconst handleEvent = (e) => {\n\t\tif (toValue(preventDefault$1)) e.preventDefault();\n\t\tif (toValue(stopPropagation)) e.stopPropagation();\n\t};\n\tconst scrollConfig = toValue(autoScroll);\n\tconst scrollSettings = typeof scrollConfig === \"object\" ? {\n\t\tspeed: (_toValue2 = toValue(scrollConfig.speed)) !== null && _toValue2 !== void 0 ? _toValue2 : defaultScrollConfig.speed,\n\t\tmargin: (_toValue3 = toValue(scrollConfig.margin)) !== null && _toValue3 !== void 0 ? _toValue3 : defaultScrollConfig.margin,\n\t\tdirection: (_scrollConfig$directi = scrollConfig.direction) !== null && _scrollConfig$directi !== void 0 ? _scrollConfig$directi : defaultScrollConfig.direction\n\t} : defaultScrollConfig;\n\tconst getScrollAxisValues = (value) => typeof value === \"number\" ? [value, value] : [value.x, value.y];\n\tconst handleAutoScroll = (container, targetRect, position$1) => {\n\t\tconst { clientWidth, clientHeight, scrollLeft, scrollTop, scrollWidth, scrollHeight } = container;\n\t\tconst [marginX, marginY] = getScrollAxisValues(scrollSettings.margin);\n\t\tconst [speedX, speedY] = getScrollAxisValues(scrollSettings.speed);\n\t\tlet deltaX = 0;\n\t\tlet deltaY = 0;\n\t\tif (scrollSettings.direction === \"x\" || scrollSettings.direction === \"both\") {\n\t\t\tif (position$1.x < marginX && scrollLeft > 0) deltaX = -speedX;\n\t\t\telse if (position$1.x + targetRect.width > clientWidth - marginX && scrollLeft < scrollWidth - clientWidth) deltaX = speedX;\n\t\t}\n\t\tif (scrollSettings.direction === \"y\" || scrollSettings.direction === \"both\") {\n\t\t\tif (position$1.y < marginY && scrollTop > 0) deltaY = -speedY;\n\t\t\telse if (position$1.y + targetRect.height > clientHeight - marginY && scrollTop < scrollHeight - clientHeight) deltaY = speedY;\n\t\t}\n\t\tif (deltaX || deltaY) container.scrollBy({\n\t\t\tleft: deltaX,\n\t\t\ttop: deltaY,\n\t\t\tbehavior: \"auto\"\n\t\t});\n\t};\n\tlet autoScrollInterval = null;\n\tconst startAutoScroll = () => {\n\t\tconst container = toValue(containerElement);\n\t\tif (container && !autoScrollInterval) autoScrollInterval = setInterval(() => {\n\t\t\tconst targetRect = toValue(target).getBoundingClientRect();\n\t\t\tconst { x, y } = position.value;\n\t\t\tconst relativePosition = {\n\t\t\t\tx: x - container.scrollLeft,\n\t\t\t\ty: y - container.scrollTop\n\t\t\t};\n\t\t\tif (relativePosition.x >= 0 && relativePosition.y >= 0) {\n\t\t\t\thandleAutoScroll(container, targetRect, relativePosition);\n\t\t\t\trelativePosition.x += container.scrollLeft;\n\t\t\t\trelativePosition.y += container.scrollTop;\n\t\t\t\tposition.value = relativePosition;\n\t\t\t}\n\t\t}, 1e3 / 60);\n\t};\n\tconst stopAutoScroll = () => {\n\t\tif (autoScrollInterval) {\n\t\t\tclearInterval(autoScrollInterval);\n\t\t\tautoScrollInterval = null;\n\t\t}\n\t};\n\tconst isPointerNearEdge = (pointer, container, margin, targetRect) => {\n\t\tconst [marginX, marginY] = typeof margin === \"number\" ? [margin, margin] : [margin.x, margin.y];\n\t\tconst { clientWidth, clientHeight } = container;\n\t\treturn pointer.x < marginX || pointer.x + targetRect.width > clientWidth - marginX || pointer.y < marginY || pointer.y + targetRect.height > clientHeight - marginY;\n\t};\n\tconst checkAutoScroll = () => {\n\t\tif (toValue(options.disabled) || !pressedDelta.value) return;\n\t\tconst container = toValue(containerElement);\n\t\tif (!container) return;\n\t\tconst targetRect = toValue(target).getBoundingClientRect();\n\t\tconst { x, y } = position.value;\n\t\tif (isPointerNearEdge({\n\t\t\tx: x - container.scrollLeft,\n\t\t\ty: y - container.scrollTop\n\t\t}, container, scrollSettings.margin, targetRect)) startAutoScroll();\n\t\telse stopAutoScroll();\n\t};\n\tif (toValue(autoScroll)) watch(position, checkAutoScroll);\n\tconst start = (e) => {\n\t\tvar _container$getBoundin;\n\t\tif (!toValue(buttons).includes(e.button)) return;\n\t\tif (toValue(options.disabled) || !filterEvent(e)) return;\n\t\tif (toValue(exact) && e.target !== toValue(target)) return;\n\t\tconst container = toValue(containerElement);\n\t\tconst containerRect = container === null || container === void 0 || (_container$getBoundin = container.getBoundingClientRect) === null || _container$getBoundin === void 0 ? void 0 : _container$getBoundin.call(container);\n\t\tconst targetRect = toValue(target).getBoundingClientRect();\n\t\tconst pos = {\n\t\t\tx: e.clientX - (container ? targetRect.left - containerRect.left + (autoScroll ? 0 : container.scrollLeft) : targetRect.left),\n\t\t\ty: e.clientY - (container ? targetRect.top - containerRect.top + (autoScroll ? 0 : container.scrollTop) : targetRect.top)\n\t\t};\n\t\tif ((onStart === null || onStart === void 0 ? void 0 : onStart(pos, e)) === false) return;\n\t\tpressedDelta.value = pos;\n\t\thandleEvent(e);\n\t};\n\tconst move = (e) => {\n\t\tif (toValue(options.disabled) || !filterEvent(e)) return;\n\t\tif (!pressedDelta.value) return;\n\t\tconst container = toValue(containerElement);\n\t\tif (container instanceof HTMLElement) clampContainerScroll(container);\n\t\tconst targetRect = toValue(target).getBoundingClientRect();\n\t\tlet { x, y } = position.value;\n\t\tif (axis === \"x\" || axis === \"both\") {\n\t\t\tx = e.clientX - pressedDelta.value.x;\n\t\t\tif (container) x = Math.min(Math.max(0, x), container.scrollWidth - targetRect.width);\n\t\t}\n\t\tif (axis === \"y\" || axis === \"both\") {\n\t\t\ty = e.clientY - pressedDelta.value.y;\n\t\t\tif (container) y = Math.min(Math.max(0, y), container.scrollHeight - targetRect.height);\n\t\t}\n\t\tif (toValue(autoScroll) && container) {\n\t\t\tif (autoScrollInterval === null) handleAutoScroll(container, targetRect, {\n\t\t\t\tx,\n\t\t\t\ty\n\t\t\t});\n\t\t\tx += container.scrollLeft;\n\t\t\ty += container.scrollTop;\n\t\t}\n\t\tif (container && (restrictInView || autoScroll)) {\n\t\t\tif (axis !== \"y\") {\n\t\t\t\tconst relativeX = x - container.scrollLeft;\n\t\t\t\tif (relativeX < 0) x = container.scrollLeft;\n\t\t\t\telse if (relativeX > container.clientWidth - targetRect.width) x = container.clientWidth - targetRect.width + container.scrollLeft;\n\t\t\t}\n\t\t\tif (axis !== \"x\") {\n\t\t\t\tconst relativeY = y - container.scrollTop;\n\t\t\t\tif (relativeY < 0) y = container.scrollTop;\n\t\t\t\telse if (relativeY > container.clientHeight - targetRect.height) y = container.clientHeight - targetRect.height + container.scrollTop;\n\t\t\t}\n\t\t}\n\t\tposition.value = {\n\t\t\tx,\n\t\t\ty\n\t\t};\n\t\tonMove === null || onMove === void 0 || onMove(position.value, e);\n\t\thandleEvent(e);\n\t};\n\tconst end = (e) => {\n\t\tif (toValue(options.disabled) || !filterEvent(e)) return;\n\t\tif (!pressedDelta.value) return;\n\t\tpressedDelta.value = void 0;\n\t\tif (autoScroll) stopAutoScroll();\n\t\tonEnd === null || onEnd === void 0 || onEnd(position.value, e);\n\t\thandleEvent(e);\n\t};\n\tif (isClient) {\n\t\tconst config = () => {\n\t\t\tvar _options$capture;\n\t\t\treturn {\n\t\t\t\tcapture: (_options$capture = options.capture) !== null && _options$capture !== void 0 ? _options$capture : true,\n\t\t\t\tpassive: !toValue(preventDefault$1)\n\t\t\t};\n\t\t};\n\t\tuseEventListener(draggingHandle, \"pointerdown\", start, config);\n\t\tuseEventListener(draggingElement, \"pointermove\", move, config);\n\t\tuseEventListener(draggingElement, \"pointerup\", end, config);\n\t}\n\treturn {\n\t\t...toRefs(position),\n\t\tposition,\n\t\tisDragging: computed(() => !!pressedDelta.value),\n\t\tstyle: computed(() => `\n left: ${position.value.x}px;\n top: ${position.value.y}px;\n ${autoScroll ? \"text-wrap: nowrap;\" : \"\"}\n `)\n\t};\n}\n\n//#endregion\n//#region useDropZone/index.ts\nfunction useDropZone(target, options = {}) {\n\tconst isOverDropZone = shallowRef(false);\n\tconst files = shallowRef(null);\n\tlet counter = 0;\n\tlet isValid = true;\n\tif (isClient) {\n\t\tvar _options$multiple, _options$preventDefau;\n\t\tconst _options = typeof options === \"function\" ? { onDrop: options } : options;\n\t\tconst multiple = (_options$multiple = _options.multiple) !== null && _options$multiple !== void 0 ? _options$multiple : true;\n\t\tconst preventDefaultForUnhandled = (_options$preventDefau = _options.preventDefaultForUnhandled) !== null && _options$preventDefau !== void 0 ? _options$preventDefau : false;\n\t\tconst getFiles = (event) => {\n\t\t\tvar _event$dataTransfer$f, _event$dataTransfer;\n\t\t\tconst list = Array.from((_event$dataTransfer$f = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files) !== null && _event$dataTransfer$f !== void 0 ? _event$dataTransfer$f : []);\n\t\t\treturn list.length === 0 ? null : multiple ? list : [list[0]];\n\t\t};\n\t\tconst checkDataTypes = (types) => {\n\t\t\tconst dataTypes = unref(_options.dataTypes);\n\t\t\tif (typeof dataTypes === \"function\") return dataTypes(types);\n\t\t\tif (!(dataTypes === null || dataTypes === void 0 ? void 0 : dataTypes.length)) return true;\n\t\t\tif (types.length === 0) return false;\n\t\t\treturn types.every((type) => dataTypes.some((allowedType) => type.includes(allowedType)));\n\t\t};\n\t\tconst checkValidity = (items) => {\n\t\t\tif (_options.checkValidity) return _options.checkValidity(items);\n\t\t\tconst dataTypesValid = checkDataTypes(Array.from(items !== null && items !== void 0 ? items : []).map((item) => item.type));\n\t\t\tconst multipleFilesValid = multiple || items.length <= 1;\n\t\t\treturn dataTypesValid && multipleFilesValid;\n\t\t};\n\t\tconst isSafari = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !(\"chrome\" in window);\n\t\tconst handleDragEvent = (event, eventType) => {\n\t\t\tvar _event$dataTransfer2, _ref;\n\t\t\tconst dataTransferItemList = (_event$dataTransfer2 = event.dataTransfer) === null || _event$dataTransfer2 === void 0 ? void 0 : _event$dataTransfer2.items;\n\t\t\tisValid = (_ref = dataTransferItemList && checkValidity(dataTransferItemList)) !== null && _ref !== void 0 ? _ref : false;\n\t\t\tif (preventDefaultForUnhandled) event.preventDefault();\n\t\t\tif (!isSafari() && !isValid) {\n\t\t\t\tif (event.dataTransfer) event.dataTransfer.dropEffect = \"none\";\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tevent.preventDefault();\n\t\t\tif (event.dataTransfer) event.dataTransfer.dropEffect = \"copy\";\n\t\t\tconst currentFiles = getFiles(event);\n\t\t\tswitch (eventType) {\n\t\t\t\tcase \"enter\":\n\t\t\t\t\tvar _options$onEnter;\n\t\t\t\t\tcounter += 1;\n\t\t\t\t\tisOverDropZone.value = true;\n\t\t\t\t\t(_options$onEnter = _options.onEnter) === null || _options$onEnter === void 0 || _options$onEnter.call(_options, null, event);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"over\":\n\t\t\t\t\tvar _options$onOver;\n\t\t\t\t\t(_options$onOver = _options.onOver) === null || _options$onOver === void 0 || _options$onOver.call(_options, null, event);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"leave\":\n\t\t\t\t\tvar _options$onLeave;\n\t\t\t\t\tcounter -= 1;\n\t\t\t\t\tif (counter === 0) isOverDropZone.value = false;\n\t\t\t\t\t(_options$onLeave = _options.onLeave) === null || _options$onLeave === void 0 || _options$onLeave.call(_options, null, event);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"drop\":\n\t\t\t\t\tcounter = 0;\n\t\t\t\t\tisOverDropZone.value = false;\n\t\t\t\t\tif (isValid) {\n\t\t\t\t\t\tvar _options$onDrop;\n\t\t\t\t\t\tfiles.value = currentFiles;\n\t\t\t\t\t\t(_options$onDrop = _options.onDrop) === null || _options$onDrop === void 0 || _options$onDrop.call(_options, currentFiles, event);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t};\n\t\tuseEventListener(target, \"dragenter\", (event) => handleDragEvent(event, \"enter\"));\n\t\tuseEventListener(target, \"dragover\", (event) => handleDragEvent(event, \"over\"));\n\t\tuseEventListener(target, \"dragleave\", (event) => handleDragEvent(event, \"leave\"));\n\t\tuseEventListener(target, \"drop\", (event) => handleDragEvent(event, \"drop\"));\n\t}\n\treturn {\n\t\tfiles,\n\t\tisOverDropZone\n\t};\n}\n\n//#endregion\n//#region useResizeObserver/index.ts\n/**\n* Reports changes to the dimensions of an Element's content or the border-box\n*\n* @see https://vueuse.org/useResizeObserver\n* @param target\n* @param callback\n* @param options\n*/\nfunction useResizeObserver(target, callback, options = {}) {\n\tconst { window: window$1 = defaultWindow,...observerOptions } = options;\n\tlet observer;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"ResizeObserver\" in window$1);\n\tconst cleanup = () => {\n\t\tif (observer) {\n\t\t\tobserver.disconnect();\n\t\t\tobserver = void 0;\n\t\t}\n\t};\n\tconst stopWatch = watch(computed(() => {\n\t\tconst _targets = toValue(target);\n\t\treturn Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];\n\t}), (els) => {\n\t\tcleanup();\n\t\tif (isSupported.value && window$1) {\n\t\t\tobserver = new ResizeObserver(callback);\n\t\t\tfor (const _el of els) if (_el) observer.observe(_el, observerOptions);\n\t\t}\n\t}, {\n\t\timmediate: true,\n\t\tflush: \"post\"\n\t});\n\tconst stop = () => {\n\t\tcleanup();\n\t\tstopWatch();\n\t};\n\ttryOnScopeDispose(stop);\n\treturn {\n\t\tisSupported,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useElementBounding/index.ts\n/**\n* Reactive bounding box of an HTML element.\n*\n* @see https://vueuse.org/useElementBounding\n* @param target\n*/\nfunction useElementBounding(target, options = {}) {\n\tconst { reset = true, windowResize = true, windowScroll = true, immediate = true, updateTiming = \"sync\" } = options;\n\tconst height = shallowRef(0);\n\tconst bottom = shallowRef(0);\n\tconst left = shallowRef(0);\n\tconst right = shallowRef(0);\n\tconst top = shallowRef(0);\n\tconst width = shallowRef(0);\n\tconst x = shallowRef(0);\n\tconst y = shallowRef(0);\n\tfunction recalculate() {\n\t\tconst el = unrefElement(target);\n\t\tif (!el) {\n\t\t\tif (reset) {\n\t\t\t\theight.value = 0;\n\t\t\t\tbottom.value = 0;\n\t\t\t\tleft.value = 0;\n\t\t\t\tright.value = 0;\n\t\t\t\ttop.value = 0;\n\t\t\t\twidth.value = 0;\n\t\t\t\tx.value = 0;\n\t\t\t\ty.value = 0;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst rect = el.getBoundingClientRect();\n\t\theight.value = rect.height;\n\t\tbottom.value = rect.bottom;\n\t\tleft.value = rect.left;\n\t\tright.value = rect.right;\n\t\ttop.value = rect.top;\n\t\twidth.value = rect.width;\n\t\tx.value = rect.x;\n\t\ty.value = rect.y;\n\t}\n\tfunction update() {\n\t\tif (updateTiming === \"sync\") recalculate();\n\t\telse if (updateTiming === \"next-frame\") requestAnimationFrame(() => recalculate());\n\t}\n\tuseResizeObserver(target, update);\n\twatch(() => unrefElement(target), (ele) => !ele && update());\n\tuseMutationObserver(target, update, { attributeFilter: [\"style\", \"class\"] });\n\tif (windowScroll) useEventListener(\"scroll\", update, {\n\t\tcapture: true,\n\t\tpassive: true\n\t});\n\tif (windowResize) useEventListener(\"resize\", update, { passive: true });\n\ttryOnMounted(() => {\n\t\tif (immediate) update();\n\t});\n\treturn {\n\t\theight,\n\t\tbottom,\n\t\tleft,\n\t\tright,\n\t\ttop,\n\t\twidth,\n\t\tx,\n\t\ty,\n\t\tupdate\n\t};\n}\n\n//#endregion\n//#region useElementByPoint/index.ts\nfunction getDefaultScheduler$7(options) {\n\tif (\"interval\" in options || \"immediate\" in options) {\n\t\tconst { interval = \"requestAnimationFrame\", immediate = true } = options;\n\t\treturn interval === \"requestAnimationFrame\" ? (cb) => useRafFn(cb, { immediate }) : (cb) => useIntervalFn(cb, interval, { immediate });\n\t}\n\treturn useRafFn;\n}\n/**\n* Reactive element by point.\n*\n* @see https://vueuse.org/useElementByPoint\n* @param options - UseElementByPointOptions\n*/\nfunction useElementByPoint(options) {\n\tconst { x, y, document: document$1 = defaultDocument, multiple, scheduler = getDefaultScheduler$7(options) } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => {\n\t\tif (toValue(multiple)) return document$1 && \"elementsFromPoint\" in document$1;\n\t\treturn document$1 && \"elementFromPoint\" in document$1;\n\t});\n\tconst element = shallowRef(null);\n\treturn {\n\t\tisSupported,\n\t\telement,\n\t\t...scheduler(() => {\n\t\t\tvar _document$elementsFro, _document$elementFrom;\n\t\t\telement.value = toValue(multiple) ? (_document$elementsFro = document$1 === null || document$1 === void 0 ? void 0 : document$1.elementsFromPoint(toValue(x), toValue(y))) !== null && _document$elementsFro !== void 0 ? _document$elementsFro : [] : (_document$elementFrom = document$1 === null || document$1 === void 0 ? void 0 : document$1.elementFromPoint(toValue(x), toValue(y))) !== null && _document$elementFrom !== void 0 ? _document$elementFrom : null;\n\t\t})\n\t};\n}\n\n//#endregion\n//#region useElementHover/index.ts\nfunction useElementHover(el, options = {}) {\n\tconst { delayEnter = 0, delayLeave = 0, triggerOnRemoval = false, window: window$1 = defaultWindow } = options;\n\tconst isHovered = shallowRef(false);\n\tlet timer;\n\tconst toggle = (entering) => {\n\t\tconst delay = entering ? delayEnter : delayLeave;\n\t\tif (timer) {\n\t\t\tclearTimeout(timer);\n\t\t\ttimer = void 0;\n\t\t}\n\t\tif (delay) timer = setTimeout(() => isHovered.value = entering, delay);\n\t\telse isHovered.value = entering;\n\t};\n\tif (!window$1) return isHovered;\n\tuseEventListener(el, \"mouseenter\", () => toggle(true), { passive: true });\n\tuseEventListener(el, \"mouseleave\", () => toggle(false), { passive: true });\n\tif (triggerOnRemoval) onElementRemoval(computed(() => unrefElement(el)), () => toggle(false));\n\treturn isHovered;\n}\n\n//#endregion\n//#region useElementSize/index.ts\n/**\n* Reactive size of an HTML element.\n*\n* @see https://vueuse.org/useElementSize\n*/\nfunction useElementSize(target, initialSize = {\n\twidth: 0,\n\theight: 0\n}, options = {}) {\n\tconst { window: window$1 = defaultWindow, box = \"content-box\" } = options;\n\tconst isSVG = computed(() => {\n\t\tvar _unrefElement;\n\t\treturn (_unrefElement = unrefElement(target)) === null || _unrefElement === void 0 || (_unrefElement = _unrefElement.namespaceURI) === null || _unrefElement === void 0 ? void 0 : _unrefElement.includes(\"svg\");\n\t});\n\tconst width = shallowRef(initialSize.width);\n\tconst height = shallowRef(initialSize.height);\n\tconst { stop: stop1 } = useResizeObserver(target, ([entry]) => {\n\t\tconst boxSize = box === \"border-box\" ? entry.borderBoxSize : box === \"content-box\" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;\n\t\tif (window$1 && isSVG.value) {\n\t\t\tconst $elem = unrefElement(target);\n\t\t\tif ($elem) {\n\t\t\t\tconst rect = $elem.getBoundingClientRect();\n\t\t\t\twidth.value = rect.width;\n\t\t\t\theight.value = rect.height;\n\t\t\t}\n\t\t} else if (boxSize) {\n\t\t\tconst formatBoxSize = toArray(boxSize);\n\t\t\twidth.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);\n\t\t\theight.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);\n\t\t} else {\n\t\t\twidth.value = entry.contentRect.width;\n\t\t\theight.value = entry.contentRect.height;\n\t\t}\n\t}, options);\n\ttryOnMounted(() => {\n\t\tconst ele = unrefElement(target);\n\t\tif (ele) {\n\t\t\twidth.value = \"offsetWidth\" in ele ? ele.offsetWidth : initialSize.width;\n\t\t\theight.value = \"offsetHeight\" in ele ? ele.offsetHeight : initialSize.height;\n\t\t}\n\t});\n\tconst stop2 = watch(() => unrefElement(target), (ele) => {\n\t\twidth.value = ele ? initialSize.width : 0;\n\t\theight.value = ele ? initialSize.height : 0;\n\t});\n\tfunction stop() {\n\t\tstop1();\n\t\tstop2();\n\t}\n\treturn {\n\t\twidth,\n\t\theight,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useIntersectionObserver/index.ts\n/**\n* Detects that a target element's visibility.\n*\n* @see https://vueuse.org/useIntersectionObserver\n* @param target\n* @param callback\n* @param options\n*/\nfunction useIntersectionObserver(target, callback, options = {}) {\n\tconst { root, rootMargin, threshold = 0, window: window$1 = defaultWindow, immediate = true } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"IntersectionObserver\" in window$1);\n\tconst targets = computed(() => {\n\t\treturn toArray(toValue(target)).map(unrefElement).filter(notNullish);\n\t});\n\tlet cleanup = noop;\n\tconst isActive = shallowRef(immediate);\n\tconst stopWatch = isSupported.value ? watch(() => [\n\t\ttargets.value,\n\t\tunrefElement(root),\n\t\ttoValue(rootMargin),\n\t\tisActive.value\n\t], ([targets$1, root$1, rootMargin$1]) => {\n\t\tcleanup();\n\t\tif (!isActive.value) return;\n\t\tif (!targets$1.length) return;\n\t\tconst observer = new IntersectionObserver(callback, {\n\t\t\troot: unrefElement(root$1),\n\t\t\trootMargin: rootMargin$1,\n\t\t\tthreshold\n\t\t});\n\t\ttargets$1.forEach((el) => el && observer.observe(el));\n\t\tcleanup = () => {\n\t\t\tobserver.disconnect();\n\t\t\tcleanup = noop;\n\t\t};\n\t}, {\n\t\timmediate,\n\t\tflush: \"post\"\n\t}) : noop;\n\tconst stop = () => {\n\t\tcleanup();\n\t\tstopWatch();\n\t\tisActive.value = false;\n\t};\n\ttryOnScopeDispose(stop);\n\treturn {\n\t\tisSupported,\n\t\tisActive,\n\t\tpause() {\n\t\t\tcleanup();\n\t\t\tisActive.value = false;\n\t\t},\n\t\tresume() {\n\t\t\tisActive.value = true;\n\t\t},\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useElementVisibility/index.ts\n/**\n* Tracks the visibility of an element within the viewport.\n*\n* @see https://vueuse.org/useElementVisibility\n*/\nfunction useElementVisibility(element, options = {}) {\n\tconst { window: window$1 = defaultWindow, scrollTarget, threshold = 0, rootMargin, once = false, initialValue = false } = options;\n\tconst elementIsVisible = shallowRef(initialValue);\n\tconst { stop } = useIntersectionObserver(element, (intersectionObserverEntries) => {\n\t\tlet isIntersecting = elementIsVisible.value;\n\t\tlet latestTime = 0;\n\t\tfor (const entry of intersectionObserverEntries) if (entry.time >= latestTime) {\n\t\t\tlatestTime = entry.time;\n\t\t\tisIntersecting = entry.isIntersecting;\n\t\t}\n\t\telementIsVisible.value = isIntersecting;\n\t\tif (once) watchOnce(elementIsVisible, () => {\n\t\t\tstop();\n\t\t});\n\t}, {\n\t\troot: scrollTarget,\n\t\twindow: window$1,\n\t\tthreshold,\n\t\trootMargin\n\t});\n\treturn elementIsVisible;\n}\n\n//#endregion\n//#region useEventBus/internal.ts\nconst events = /* @__PURE__ */ new Map();\n\n//#endregion\n//#region useEventBus/index.ts\n/* @__NO_SIDE_EFFECTS__ */\nfunction useEventBus(key) {\n\tconst scope = getCurrentScope();\n\tfunction on(listener) {\n\t\tvar _scope$cleanups;\n\t\tconst listeners = events.get(key) || /* @__PURE__ */ new Set();\n\t\tlisteners.add(listener);\n\t\tevents.set(key, listeners);\n\t\tconst _off = () => off(listener);\n\t\tscope === null || scope === void 0 || (_scope$cleanups = scope.cleanups) === null || _scope$cleanups === void 0 || _scope$cleanups.push(_off);\n\t\treturn _off;\n\t}\n\tfunction once(listener) {\n\t\tfunction _listener(...args) {\n\t\t\toff(_listener);\n\t\t\tlistener(...args);\n\t\t}\n\t\treturn on(_listener);\n\t}\n\tfunction off(listener) {\n\t\tconst listeners = events.get(key);\n\t\tif (!listeners) return;\n\t\tlisteners.delete(listener);\n\t\tif (!listeners.size) reset();\n\t}\n\tfunction reset() {\n\t\tevents.delete(key);\n\t}\n\tfunction emit(event, payload) {\n\t\tvar _events$get;\n\t\t(_events$get = events.get(key)) === null || _events$get === void 0 || _events$get.forEach((v) => v(event, payload));\n\t}\n\treturn {\n\t\ton,\n\t\tonce,\n\t\toff,\n\t\temit,\n\t\treset\n\t};\n}\n\n//#endregion\n//#region useEventSource/index.ts\nfunction resolveNestedOptions$1(options) {\n\tif (options === true) return {};\n\treturn options;\n}\n/**\n* Reactive wrapper for EventSource.\n*\n* @see https://vueuse.org/useEventSource\n* @see https://developer.mozilla.org/en-US/docs/Web/API/EventSource/EventSource EventSource\n* @param url\n* @param events\n* @param options\n*/\nfunction useEventSource(url, events$1 = [], options = {}) {\n\tconst event = shallowRef(null);\n\tconst data = shallowRef(null);\n\tconst status = shallowRef(\"CONNECTING\");\n\tconst eventSource = ref(null);\n\tconst error = shallowRef(null);\n\tconst urlRef = toRef(url);\n\tconst lastEventId = shallowRef(null);\n\tlet explicitlyClosed = false;\n\tlet retried = 0;\n\tconst { withCredentials = false, immediate = true, autoConnect = true, autoReconnect, serializer = { read: (v) => v } } = options;\n\tconst close = () => {\n\t\tif (isClient && eventSource.value) {\n\t\t\teventSource.value.close();\n\t\t\teventSource.value = null;\n\t\t\tstatus.value = \"CLOSED\";\n\t\t\texplicitlyClosed = true;\n\t\t}\n\t};\n\tconst _init = () => {\n\t\tif (explicitlyClosed || typeof urlRef.value === \"undefined\") return;\n\t\tconst es = new EventSource(urlRef.value, { withCredentials });\n\t\tstatus.value = \"CONNECTING\";\n\t\teventSource.value = es;\n\t\tes.onopen = () => {\n\t\t\tstatus.value = \"OPEN\";\n\t\t\terror.value = null;\n\t\t};\n\t\tes.onerror = (e) => {\n\t\t\tstatus.value = \"CLOSED\";\n\t\t\terror.value = e;\n\t\t\tif (es.readyState === 2 && !explicitlyClosed && autoReconnect) {\n\t\t\t\tes.close();\n\t\t\t\tconst { retries = -1, delay = 1e3, onFailed } = resolveNestedOptions$1(autoReconnect);\n\t\t\t\tretried += 1;\n\t\t\t\tif (typeof retries === \"number\" && (retries < 0 || retried < retries)) setTimeout(_init, delay);\n\t\t\t\telse if (typeof retries === \"function\" && retries()) setTimeout(_init, delay);\n\t\t\t\telse onFailed === null || onFailed === void 0 || onFailed();\n\t\t\t}\n\t\t};\n\t\tes.onmessage = (e) => {\n\t\t\tvar _serializer$read;\n\t\t\tevent.value = null;\n\t\t\tdata.value = (_serializer$read = serializer.read(e.data)) !== null && _serializer$read !== void 0 ? _serializer$read : null;\n\t\t\tlastEventId.value = e.lastEventId;\n\t\t};\n\t\tfor (const event_name of events$1) useEventListener(es, event_name, (e) => {\n\t\t\tvar _serializer$read2, _e$lastEventId;\n\t\t\tevent.value = event_name;\n\t\t\tdata.value = (_serializer$read2 = serializer.read(e.data)) !== null && _serializer$read2 !== void 0 ? _serializer$read2 : null;\n\t\t\tlastEventId.value = (_e$lastEventId = e.lastEventId) !== null && _e$lastEventId !== void 0 ? _e$lastEventId : null;\n\t\t}, { passive: true });\n\t};\n\tconst open = () => {\n\t\tif (!isClient) return;\n\t\tclose();\n\t\texplicitlyClosed = false;\n\t\tretried = 0;\n\t\t_init();\n\t};\n\tif (immediate) open();\n\tif (autoConnect) watch(urlRef, open);\n\ttryOnScopeDispose(close);\n\treturn {\n\t\teventSource,\n\t\tevent,\n\t\tdata,\n\t\tstatus,\n\t\terror,\n\t\topen,\n\t\tclose,\n\t\tlastEventId\n\t};\n}\n\n//#endregion\n//#region useEyeDropper/index.ts\n/**\n* Reactive [EyeDropper API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API)\n*\n* @see https://vueuse.org/useEyeDropper\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useEyeDropper(options = {}) {\n\tconst { initialValue = \"\" } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => typeof window !== \"undefined\" && \"EyeDropper\" in window);\n\tconst sRGBHex = shallowRef(initialValue);\n\tasync function open(openOptions) {\n\t\tif (!isSupported.value) return;\n\t\tconst result = await new window.EyeDropper().open(openOptions);\n\t\tsRGBHex.value = result.sRGBHex;\n\t\treturn result;\n\t}\n\treturn {\n\t\tisSupported,\n\t\tsRGBHex,\n\t\topen\n\t};\n}\n\n//#endregion\n//#region useFavicon/index.ts\nfunction useFavicon(newIcon = null, options = {}) {\n\tconst { baseUrl = \"\", rel = \"icon\", document: document$1 = defaultDocument } = options;\n\tconst favicon = toRef(newIcon);\n\tconst applyIcon = (icon) => {\n\t\tconst elements = document$1 === null || document$1 === void 0 ? void 0 : document$1.head.querySelectorAll(`link[rel*=\"${rel}\"]`);\n\t\tif (!elements || elements.length === 0) {\n\t\t\tconst link = document$1 === null || document$1 === void 0 ? void 0 : document$1.createElement(\"link\");\n\t\t\tif (link) {\n\t\t\t\tlink.rel = rel;\n\t\t\t\tlink.href = `${baseUrl}${icon}`;\n\t\t\t\tlink.type = `image/${icon.split(\".\").pop()}`;\n\t\t\t\tdocument$1 === null || document$1 === void 0 || document$1.head.append(link);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\telements === null || elements === void 0 || elements.forEach((el) => el.href = `${baseUrl}${icon}`);\n\t};\n\twatch(favicon, (i, o) => {\n\t\tif (typeof i === \"string\" && i !== o) applyIcon(i);\n\t}, { immediate: true });\n\treturn favicon;\n}\n\n//#endregion\n//#region useFetch/index.ts\nconst payloadMapping = {\n\tjson: \"application/json\",\n\ttext: \"text/plain\"\n};\n/**\n* !!!IMPORTANT!!!\n*\n* If you update the UseFetchOptions interface, be sure to update this object\n* to include the new options\n*/\nfunction isFetchOptions(obj) {\n\treturn obj && containsProp(obj, \"immediate\", \"refetch\", \"initialData\", \"timeout\", \"beforeFetch\", \"afterFetch\", \"onFetchError\", \"fetch\", \"updateDataOnError\");\n}\nconst reAbsolute = /^(?:[a-z][a-z\\d+\\-.]*:)?\\/\\//i;\nfunction isAbsoluteURL(url) {\n\treturn reAbsolute.test(url);\n}\nfunction headersToObject(headers) {\n\tif (typeof Headers !== \"undefined\" && headers instanceof Headers) return Object.fromEntries(headers.entries());\n\treturn headers;\n}\nfunction combineCallbacks(combination, ...callbacks) {\n\tif (combination === \"overwrite\") return async (ctx) => {\n\t\tlet callback;\n\t\tfor (let i = callbacks.length - 1; i >= 0; i--) if (callbacks[i] != null) {\n\t\t\tcallback = callbacks[i];\n\t\t\tbreak;\n\t\t}\n\t\tif (callback) return {\n\t\t\t...ctx,\n\t\t\t...await callback(ctx)\n\t\t};\n\t\treturn ctx;\n\t};\n\telse return async (ctx) => {\n\t\tfor (const callback of callbacks) if (callback) ctx = {\n\t\t\t...ctx,\n\t\t\t...await callback(ctx)\n\t\t};\n\t\treturn ctx;\n\t};\n}\nfunction createFetch(config = {}) {\n\tconst _combination = config.combination || \"chain\";\n\tconst _options = config.options || {};\n\tconst _fetchOptions = config.fetchOptions || {};\n\tfunction useFactoryFetch(url, ...args) {\n\t\tconst computedUrl = computed(() => {\n\t\t\tconst baseUrl = toValue(config.baseUrl);\n\t\t\tconst targetUrl = toValue(url);\n\t\t\treturn baseUrl && !isAbsoluteURL(targetUrl) ? joinPaths(baseUrl, targetUrl) : targetUrl;\n\t\t});\n\t\tlet options = _options;\n\t\tlet fetchOptions = _fetchOptions;\n\t\tif (args.length > 0) if (isFetchOptions(args[0])) options = {\n\t\t\t...options,\n\t\t\t...args[0],\n\t\t\tbeforeFetch: combineCallbacks(_combination, _options.beforeFetch, args[0].beforeFetch),\n\t\t\tafterFetch: combineCallbacks(_combination, _options.afterFetch, args[0].afterFetch),\n\t\t\tonFetchError: combineCallbacks(_combination, _options.onFetchError, args[0].onFetchError)\n\t\t};\n\t\telse fetchOptions = {\n\t\t\t...fetchOptions,\n\t\t\t...args[0],\n\t\t\theaders: {\n\t\t\t\t...headersToObject(fetchOptions.headers) || {},\n\t\t\t\t...headersToObject(args[0].headers) || {}\n\t\t\t}\n\t\t};\n\t\tif (args.length > 1 && isFetchOptions(args[1])) options = {\n\t\t\t...options,\n\t\t\t...args[1],\n\t\t\tbeforeFetch: combineCallbacks(_combination, _options.beforeFetch, args[1].beforeFetch),\n\t\t\tafterFetch: combineCallbacks(_combination, _options.afterFetch, args[1].afterFetch),\n\t\t\tonFetchError: combineCallbacks(_combination, _options.onFetchError, args[1].onFetchError)\n\t\t};\n\t\treturn useFetch(computedUrl, fetchOptions, options);\n\t}\n\treturn useFactoryFetch;\n}\nfunction useFetch(url, ...args) {\n\tvar _defaultWindow$fetch, _globalThis;\n\tconst supportsAbort = typeof AbortController === \"function\";\n\tlet fetchOptions = {};\n\tlet options = {\n\t\timmediate: true,\n\t\trefetch: false,\n\t\ttimeout: 0,\n\t\tupdateDataOnError: false\n\t};\n\tconst config = {\n\t\tmethod: \"GET\",\n\t\ttype: \"text\",\n\t\tpayload: void 0\n\t};\n\tif (args.length > 0) if (isFetchOptions(args[0])) options = {\n\t\t...options,\n\t\t...args[0]\n\t};\n\telse fetchOptions = args[0];\n\tif (args.length > 1) {\n\t\tif (isFetchOptions(args[1])) options = {\n\t\t\t...options,\n\t\t\t...args[1]\n\t\t};\n\t}\n\tconst { fetch = (_defaultWindow$fetch = defaultWindow === null || defaultWindow === void 0 ? void 0 : defaultWindow.fetch) !== null && _defaultWindow$fetch !== void 0 ? _defaultWindow$fetch : (_globalThis = globalThis) === null || _globalThis === void 0 ? void 0 : _globalThis.fetch, initialData, timeout } = options;\n\tconst responseEvent = createEventHook();\n\tconst errorEvent = createEventHook();\n\tconst finallyEvent = createEventHook();\n\tconst isFinished = shallowRef(false);\n\tconst isFetching = shallowRef(false);\n\tconst aborted = shallowRef(false);\n\tconst statusCode = shallowRef(null);\n\tconst response = shallowRef(null);\n\tconst error = shallowRef(null);\n\tconst data = shallowRef(initialData || null);\n\tconst canAbort = computed(() => supportsAbort && isFetching.value);\n\tlet controller;\n\tlet timer;\n\tconst abort = (reason) => {\n\t\tif (supportsAbort) {\n\t\t\tcontroller === null || controller === void 0 || controller.abort(reason);\n\t\t\tcontroller = new AbortController();\n\t\t\tcontroller.signal.onabort = () => aborted.value = true;\n\t\t\tfetchOptions = {\n\t\t\t\t...fetchOptions,\n\t\t\t\tsignal: controller.signal\n\t\t\t};\n\t\t}\n\t};\n\tconst loading = (isLoading) => {\n\t\tisFetching.value = isLoading;\n\t\tisFinished.value = !isLoading;\n\t};\n\tif (timeout) timer = useTimeoutFn(abort, timeout, { immediate: false });\n\tlet executeCounter = 0;\n\tconst execute = async (throwOnFailed = false) => {\n\t\tvar _context$options;\n\t\tabort();\n\t\tloading(true);\n\t\terror.value = null;\n\t\tstatusCode.value = null;\n\t\taborted.value = false;\n\t\texecuteCounter += 1;\n\t\tconst currentExecuteCounter = executeCounter;\n\t\tconst defaultFetchOptions = {\n\t\t\tmethod: config.method,\n\t\t\theaders: {}\n\t\t};\n\t\tconst payload = toValue(config.payload);\n\t\tif (payload) {\n\t\t\tvar _payloadMapping$confi;\n\t\t\tconst headers = headersToObject(defaultFetchOptions.headers);\n\t\t\tconst proto = Object.getPrototypeOf(payload);\n\t\t\tif (!config.payloadType && payload && (proto === Object.prototype || Array.isArray(proto)) && !(payload instanceof FormData)) config.payloadType = \"json\";\n\t\t\tif (config.payloadType) headers[\"Content-Type\"] = (_payloadMapping$confi = payloadMapping[config.payloadType]) !== null && _payloadMapping$confi !== void 0 ? _payloadMapping$confi : config.payloadType;\n\t\t\tdefaultFetchOptions.body = config.payloadType === \"json\" ? JSON.stringify(payload) : payload;\n\t\t}\n\t\tlet isCanceled = false;\n\t\tconst context = {\n\t\t\turl: toValue(url),\n\t\t\toptions: {\n\t\t\t\t...defaultFetchOptions,\n\t\t\t\t...fetchOptions\n\t\t\t},\n\t\t\tcancel: () => {\n\t\t\t\tisCanceled = true;\n\t\t\t}\n\t\t};\n\t\tif (options.beforeFetch) Object.assign(context, await options.beforeFetch(context));\n\t\tif (isCanceled || !fetch) {\n\t\t\tloading(false);\n\t\t\treturn Promise.resolve(null);\n\t\t}\n\t\tlet responseData = null;\n\t\tif (timer) timer.start();\n\t\treturn fetch(context.url, {\n\t\t\t...defaultFetchOptions,\n\t\t\t...context.options,\n\t\t\theaders: {\n\t\t\t\t...headersToObject(defaultFetchOptions.headers),\n\t\t\t\t...headersToObject((_context$options = context.options) === null || _context$options === void 0 ? void 0 : _context$options.headers)\n\t\t\t}\n\t\t}).then(async (fetchResponse) => {\n\t\t\tresponse.value = fetchResponse;\n\t\t\tstatusCode.value = fetchResponse.status;\n\t\t\tresponseData = await fetchResponse.clone()[config.type]();\n\t\t\tif (!fetchResponse.ok) {\n\t\t\t\tdata.value = initialData || null;\n\t\t\t\tthrow new Error(fetchResponse.statusText);\n\t\t\t}\n\t\t\tif (options.afterFetch) ({data: responseData} = await options.afterFetch({\n\t\t\t\tdata: responseData,\n\t\t\t\tresponse: fetchResponse,\n\t\t\t\tcontext,\n\t\t\t\texecute\n\t\t\t}));\n\t\t\tdata.value = responseData;\n\t\t\tresponseEvent.trigger(fetchResponse);\n\t\t\treturn fetchResponse;\n\t\t}).catch(async (fetchError) => {\n\t\t\tlet errorData = fetchError.message || fetchError.name;\n\t\t\tif (options.onFetchError) ({error: errorData, data: responseData} = await options.onFetchError({\n\t\t\t\tdata: responseData,\n\t\t\t\terror: fetchError,\n\t\t\t\tresponse: response.value,\n\t\t\t\tcontext,\n\t\t\t\texecute\n\t\t\t}));\n\t\t\terror.value = errorData;\n\t\t\tif (options.updateDataOnError) data.value = responseData;\n\t\t\terrorEvent.trigger(fetchError);\n\t\t\tif (throwOnFailed) throw fetchError;\n\t\t\treturn null;\n\t\t}).finally(() => {\n\t\t\tif (currentExecuteCounter === executeCounter) loading(false);\n\t\t\tif (timer) timer.stop();\n\t\t\tfinallyEvent.trigger(null);\n\t\t});\n\t};\n\tconst refetch = toRef(options.refetch);\n\twatch([refetch, toRef(url)], ([refetch$1]) => refetch$1 && execute(), { deep: true });\n\tconst shell = {\n\t\tisFinished: readonly(isFinished),\n\t\tisFetching: readonly(isFetching),\n\t\tstatusCode,\n\t\tresponse,\n\t\terror,\n\t\tdata,\n\t\tcanAbort,\n\t\taborted,\n\t\tabort,\n\t\texecute,\n\t\tonFetchResponse: responseEvent.on,\n\t\tonFetchError: errorEvent.on,\n\t\tonFetchFinally: finallyEvent.on,\n\t\tget: setMethod(\"GET\"),\n\t\tput: setMethod(\"PUT\"),\n\t\tpost: setMethod(\"POST\"),\n\t\tdelete: setMethod(\"DELETE\"),\n\t\tpatch: setMethod(\"PATCH\"),\n\t\thead: setMethod(\"HEAD\"),\n\t\toptions: setMethod(\"OPTIONS\"),\n\t\tjson: setType(\"json\"),\n\t\ttext: setType(\"text\"),\n\t\tblob: setType(\"blob\"),\n\t\tarrayBuffer: setType(\"arrayBuffer\"),\n\t\tformData: setType(\"formData\")\n\t};\n\tfunction setMethod(method) {\n\t\treturn (payload, payloadType) => {\n\t\t\tif (!isFetching.value) {\n\t\t\t\tconfig.method = method;\n\t\t\t\tconfig.payload = payload;\n\t\t\t\tconfig.payloadType = payloadType;\n\t\t\t\tif (isRef(config.payload)) watch([refetch, toRef(config.payload)], ([refetch$1]) => refetch$1 && execute(), { deep: true });\n\t\t\t\treturn {\n\t\t\t\t\t...shell,\n\t\t\t\t\tthen(onFulfilled, onRejected) {\n\t\t\t\t\t\treturn waitUntilFinished().then(onFulfilled, onRejected);\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\t\t};\n\t}\n\tfunction waitUntilFinished() {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tuntil(isFinished).toBe(true).then(() => resolve(shell)).catch(reject);\n\t\t});\n\t}\n\tfunction setType(type) {\n\t\treturn () => {\n\t\t\tif (!isFetching.value) {\n\t\t\t\tconfig.type = type;\n\t\t\t\treturn {\n\t\t\t\t\t...shell,\n\t\t\t\t\tthen(onFulfilled, onRejected) {\n\t\t\t\t\t\treturn waitUntilFinished().then(onFulfilled, onRejected);\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\t\t};\n\t}\n\tif (options.immediate) Promise.resolve().then(() => execute());\n\treturn {\n\t\t...shell,\n\t\tthen(onFulfilled, onRejected) {\n\t\t\treturn waitUntilFinished().then(onFulfilled, onRejected);\n\t\t}\n\t};\n}\nfunction joinPaths(start, end) {\n\tif (!start.endsWith(\"/\") && !end.startsWith(\"/\")) return `${start}/${end}`;\n\tif (start.endsWith(\"/\") && end.startsWith(\"/\")) return `${start.slice(0, -1)}${end}`;\n\treturn `${start}${end}`;\n}\n\n//#endregion\n//#region useFileDialog/index.ts\nconst DEFAULT_OPTIONS = {\n\tmultiple: true,\n\taccept: \"*\",\n\treset: false,\n\tdirectory: false\n};\nfunction prepareInitialFiles(files) {\n\tif (!files) return null;\n\tif (files instanceof FileList) return files;\n\tconst dt = new DataTransfer();\n\tfor (const file of files) dt.items.add(file);\n\treturn dt.files;\n}\n/**\n* Open file dialog with ease.\n*\n* @see https://vueuse.org/useFileDialog\n* @param options\n*/\nfunction useFileDialog(options = {}) {\n\tconst { document: document$1 = defaultDocument } = options;\n\tconst files = ref(prepareInitialFiles(options.initialFiles));\n\tconst { on: onChange, trigger: changeTrigger } = createEventHook();\n\tconst { on: onCancel, trigger: cancelTrigger } = createEventHook();\n\tconst inputRef = computed(() => {\n\t\tvar _unrefElement;\n\t\tconst input = (_unrefElement = unrefElement(options.input)) !== null && _unrefElement !== void 0 ? _unrefElement : document$1 ? document$1.createElement(\"input\") : void 0;\n\t\tif (input) {\n\t\t\tinput.type = \"file\";\n\t\t\tinput.onchange = (event) => {\n\t\t\t\tfiles.value = event.target.files;\n\t\t\t\tchangeTrigger(files.value);\n\t\t\t};\n\t\t\tinput.oncancel = () => {\n\t\t\t\tcancelTrigger();\n\t\t\t};\n\t\t}\n\t\treturn input;\n\t});\n\tconst reset = () => {\n\t\tfiles.value = null;\n\t\tif (inputRef.value && inputRef.value.value) {\n\t\t\tinputRef.value.value = \"\";\n\t\t\tchangeTrigger(null);\n\t\t}\n\t};\n\tconst applyOptions = (options$1) => {\n\t\tconst el = inputRef.value;\n\t\tif (!el) return;\n\t\tel.multiple = toValue(options$1.multiple);\n\t\tel.accept = toValue(options$1.accept);\n\t\tel.webkitdirectory = toValue(options$1.directory);\n\t\tif (hasOwn(options$1, \"capture\")) el.capture = toValue(options$1.capture);\n\t};\n\tconst open = (localOptions) => {\n\t\tconst el = inputRef.value;\n\t\tif (!el) return;\n\t\tconst mergedOptions = {\n\t\t\t...DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t\t...localOptions\n\t\t};\n\t\tapplyOptions(mergedOptions);\n\t\tif (toValue(mergedOptions.reset)) reset();\n\t\tel.click();\n\t};\n\twatchEffect(() => {\n\t\tapplyOptions(options);\n\t});\n\treturn {\n\t\tfiles: readonly(files),\n\t\topen,\n\t\treset,\n\t\tonCancel,\n\t\tonChange\n\t};\n}\n\n//#endregion\n//#region useFileSystemAccess/index.ts\nfunction useFileSystemAccess(options = {}) {\n\tconst { window: _window = defaultWindow, dataType = \"Text\" } = options;\n\tconst window$1 = _window;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"showSaveFilePicker\" in window$1 && \"showOpenFilePicker\" in window$1);\n\tconst fileHandle = shallowRef();\n\tconst data = shallowRef();\n\tconst file = shallowRef();\n\tconst fileName = computed(() => {\n\t\tvar _file$value$name, _file$value;\n\t\treturn (_file$value$name = (_file$value = file.value) === null || _file$value === void 0 ? void 0 : _file$value.name) !== null && _file$value$name !== void 0 ? _file$value$name : \"\";\n\t});\n\tconst fileMIME = computed(() => {\n\t\tvar _file$value$type, _file$value2;\n\t\treturn (_file$value$type = (_file$value2 = file.value) === null || _file$value2 === void 0 ? void 0 : _file$value2.type) !== null && _file$value$type !== void 0 ? _file$value$type : \"\";\n\t});\n\tconst fileSize = computed(() => {\n\t\tvar _file$value$size, _file$value3;\n\t\treturn (_file$value$size = (_file$value3 = file.value) === null || _file$value3 === void 0 ? void 0 : _file$value3.size) !== null && _file$value$size !== void 0 ? _file$value$size : 0;\n\t});\n\tconst fileLastModified = computed(() => {\n\t\tvar _file$value$lastModif, _file$value4;\n\t\treturn (_file$value$lastModif = (_file$value4 = file.value) === null || _file$value4 === void 0 ? void 0 : _file$value4.lastModified) !== null && _file$value$lastModif !== void 0 ? _file$value$lastModif : 0;\n\t});\n\tasync function open(_options = {}) {\n\t\tif (!isSupported.value) return;\n\t\tconst [handle] = await window$1.showOpenFilePicker({\n\t\t\t...toValue(options),\n\t\t\t..._options\n\t\t});\n\t\tfileHandle.value = handle;\n\t\tawait updateData();\n\t}\n\tasync function create(_options = {}) {\n\t\tif (!isSupported.value) return;\n\t\tfileHandle.value = await window$1.showSaveFilePicker({\n\t\t\t...options,\n\t\t\t..._options\n\t\t});\n\t\tdata.value = void 0;\n\t\tawait updateData();\n\t}\n\tasync function save(_options = {}) {\n\t\tif (!isSupported.value) return;\n\t\tif (!fileHandle.value) return saveAs(_options);\n\t\tif (data.value) {\n\t\t\tconst writableStream = await fileHandle.value.createWritable();\n\t\t\tawait writableStream.write(data.value);\n\t\t\tawait writableStream.close();\n\t\t}\n\t\tawait updateFile();\n\t}\n\tasync function saveAs(_options = {}) {\n\t\tif (!isSupported.value) return;\n\t\tfileHandle.value = await window$1.showSaveFilePicker({\n\t\t\t...options,\n\t\t\t..._options\n\t\t});\n\t\tif (data.value) {\n\t\t\tconst writableStream = await fileHandle.value.createWritable();\n\t\t\tawait writableStream.write(data.value);\n\t\t\tawait writableStream.close();\n\t\t}\n\t\tawait updateFile();\n\t}\n\tasync function updateFile() {\n\t\tvar _fileHandle$value;\n\t\tfile.value = await ((_fileHandle$value = fileHandle.value) === null || _fileHandle$value === void 0 ? void 0 : _fileHandle$value.getFile());\n\t}\n\tasync function updateData() {\n\t\tvar _file$value5, _file$value6;\n\t\tawait updateFile();\n\t\tconst type = toValue(dataType);\n\t\tif (type === \"Text\") data.value = await ((_file$value5 = file.value) === null || _file$value5 === void 0 ? void 0 : _file$value5.text());\n\t\telse if (type === \"ArrayBuffer\") data.value = await ((_file$value6 = file.value) === null || _file$value6 === void 0 ? void 0 : _file$value6.arrayBuffer());\n\t\telse if (type === \"Blob\") data.value = file.value;\n\t}\n\twatch(() => toValue(dataType), updateData);\n\treturn {\n\t\tisSupported,\n\t\tdata,\n\t\tfile,\n\t\tfileName,\n\t\tfileMIME,\n\t\tfileSize,\n\t\tfileLastModified,\n\t\topen,\n\t\tcreate,\n\t\tsave,\n\t\tsaveAs,\n\t\tupdateData\n\t};\n}\n\n//#endregion\n//#region useFocus/index.ts\n/**\n* Track or set the focus state of a DOM element.\n*\n* @see https://vueuse.org/useFocus\n* @param target The target element for the focus and blur events.\n* @param options\n*/\nfunction useFocus(target, options = {}) {\n\tconst { initialValue = false, focusVisible = false, preventScroll = false } = options;\n\tconst innerFocused = shallowRef(false);\n\tconst targetElement = computed(() => unrefElement(target));\n\tconst listenerOptions = { passive: true };\n\tuseEventListener(targetElement, \"focus\", (event) => {\n\t\tvar _matches, _ref;\n\t\tif (!focusVisible || ((_matches = (_ref = event.target).matches) === null || _matches === void 0 ? void 0 : _matches.call(_ref, \":focus-visible\"))) innerFocused.value = true;\n\t}, listenerOptions);\n\tuseEventListener(targetElement, \"blur\", () => innerFocused.value = false, listenerOptions);\n\tconst focused = computed({\n\t\tget: () => innerFocused.value,\n\t\tset(value) {\n\t\t\tvar _targetElement$value, _targetElement$value2;\n\t\t\tif (!value && innerFocused.value) (_targetElement$value = targetElement.value) === null || _targetElement$value === void 0 || _targetElement$value.blur();\n\t\t\telse if (value && !innerFocused.value) (_targetElement$value2 = targetElement.value) === null || _targetElement$value2 === void 0 || _targetElement$value2.focus({ preventScroll });\n\t\t}\n\t});\n\twatch(targetElement, () => {\n\t\tfocused.value = initialValue;\n\t}, {\n\t\timmediate: true,\n\t\tflush: \"post\"\n\t});\n\treturn { focused };\n}\n\n//#endregion\n//#region useFocusWithin/index.ts\nconst EVENT_FOCUS_IN = \"focusin\";\nconst EVENT_FOCUS_OUT = \"focusout\";\nconst PSEUDO_CLASS_FOCUS_WITHIN = \":focus-within\";\n/**\n* Track if focus is contained within the target element\n*\n* @see https://vueuse.org/useFocusWithin\n* @param target The target element to track\n* @param options Focus within options\n*/\nfunction useFocusWithin(target, options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst targetElement = computed(() => unrefElement(target));\n\tconst _focused = shallowRef(false);\n\tconst focused = computed(() => _focused.value);\n\tconst activeElement = useActiveElement(options);\n\tif (!window$1 || !activeElement.value) return { focused };\n\tconst listenerOptions = { passive: true };\n\tuseEventListener(targetElement, EVENT_FOCUS_IN, () => _focused.value = true, listenerOptions);\n\tuseEventListener(targetElement, EVENT_FOCUS_OUT, () => {\n\t\tvar _targetElement$value$, _targetElement$value, _targetElement$value$2;\n\t\treturn _focused.value = (_targetElement$value$ = (_targetElement$value = targetElement.value) === null || _targetElement$value === void 0 || (_targetElement$value$2 = _targetElement$value.matches) === null || _targetElement$value$2 === void 0 ? void 0 : _targetElement$value$2.call(_targetElement$value, PSEUDO_CLASS_FOCUS_WITHIN)) !== null && _targetElement$value$ !== void 0 ? _targetElement$value$ : false;\n\t}, listenerOptions);\n\treturn { focused };\n}\n\n//#endregion\n//#region useFps/index.ts\n/* @__NO_SIDE_EFFECTS__ */\nfunction useFps(options) {\n\tvar _options$every;\n\tconst fps = shallowRef(0);\n\tif (typeof performance === \"undefined\") return fps;\n\tconst every = (_options$every = options === null || options === void 0 ? void 0 : options.every) !== null && _options$every !== void 0 ? _options$every : 10;\n\tlet last = performance.now();\n\tlet ticks = 0;\n\tuseRafFn(() => {\n\t\tticks += 1;\n\t\tif (ticks >= every) {\n\t\t\tconst now = performance.now();\n\t\t\tconst diff = now - last;\n\t\t\tfps.value = Math.round(1e3 / (diff / ticks));\n\t\t\tlast = now;\n\t\t\tticks = 0;\n\t\t}\n\t});\n\treturn fps;\n}\n\n//#endregion\n//#region useFullscreen/index.ts\nconst eventHandlers = [\n\t\"fullscreenchange\",\n\t\"webkitfullscreenchange\",\n\t\"webkitendfullscreen\",\n\t\"mozfullscreenchange\",\n\t\"MSFullscreenChange\"\n];\n/**\n* Reactive Fullscreen API.\n*\n* @see https://vueuse.org/useFullscreen\n* @param target\n* @param options\n*/\nfunction useFullscreen(target, options = {}) {\n\tconst { document: document$1 = defaultDocument, autoExit = false } = options;\n\tconst targetRef = computed(() => {\n\t\tvar _unrefElement;\n\t\treturn (_unrefElement = unrefElement(target)) !== null && _unrefElement !== void 0 ? _unrefElement : document$1 === null || document$1 === void 0 ? void 0 : document$1.documentElement;\n\t});\n\tconst isFullscreen = shallowRef(false);\n\tconst requestMethod = computed(() => {\n\t\treturn [\n\t\t\t\"requestFullscreen\",\n\t\t\t\"webkitRequestFullscreen\",\n\t\t\t\"webkitEnterFullscreen\",\n\t\t\t\"webkitEnterFullScreen\",\n\t\t\t\"webkitRequestFullScreen\",\n\t\t\t\"mozRequestFullScreen\",\n\t\t\t\"msRequestFullscreen\"\n\t\t].find((m) => document$1 && m in document$1 || targetRef.value && m in targetRef.value);\n\t});\n\tconst exitMethod = computed(() => {\n\t\treturn [\n\t\t\t\"exitFullscreen\",\n\t\t\t\"webkitExitFullscreen\",\n\t\t\t\"webkitExitFullScreen\",\n\t\t\t\"webkitCancelFullScreen\",\n\t\t\t\"mozCancelFullScreen\",\n\t\t\t\"msExitFullscreen\"\n\t\t].find((m) => document$1 && m in document$1 || targetRef.value && m in targetRef.value);\n\t});\n\tconst fullscreenEnabled = computed(() => {\n\t\treturn [\n\t\t\t\"fullScreen\",\n\t\t\t\"webkitIsFullScreen\",\n\t\t\t\"webkitDisplayingFullscreen\",\n\t\t\t\"mozFullScreen\",\n\t\t\t\"msFullscreenElement\"\n\t\t].find((m) => document$1 && m in document$1 || targetRef.value && m in targetRef.value);\n\t});\n\tconst fullscreenElementMethod = [\n\t\t\"fullscreenElement\",\n\t\t\"webkitFullscreenElement\",\n\t\t\"mozFullScreenElement\",\n\t\t\"msFullscreenElement\"\n\t].find((m) => document$1 && m in document$1);\n\tconst isSupported = /* @__PURE__ */ useSupported(() => targetRef.value && document$1 && requestMethod.value !== void 0 && exitMethod.value !== void 0 && fullscreenEnabled.value !== void 0);\n\tconst isCurrentElementFullScreen = () => {\n\t\tif (fullscreenElementMethod) return (document$1 === null || document$1 === void 0 ? void 0 : document$1[fullscreenElementMethod]) === targetRef.value;\n\t\treturn false;\n\t};\n\tconst isElementFullScreen = () => {\n\t\tif (fullscreenEnabled.value) if (document$1 && document$1[fullscreenEnabled.value] != null) return document$1[fullscreenEnabled.value];\n\t\telse {\n\t\t\tconst target$1 = targetRef.value;\n\t\t\tif ((target$1 === null || target$1 === void 0 ? void 0 : target$1[fullscreenEnabled.value]) != null) return Boolean(target$1[fullscreenEnabled.value]);\n\t\t}\n\t\treturn false;\n\t};\n\tasync function exit() {\n\t\tif (!isSupported.value || !isFullscreen.value) return;\n\t\tif (exitMethod.value) if ((document$1 === null || document$1 === void 0 ? void 0 : document$1[exitMethod.value]) != null) await document$1[exitMethod.value]();\n\t\telse {\n\t\t\tconst target$1 = targetRef.value;\n\t\t\tif ((target$1 === null || target$1 === void 0 ? void 0 : target$1[exitMethod.value]) != null) await target$1[exitMethod.value]();\n\t\t}\n\t\tisFullscreen.value = false;\n\t}\n\tasync function enter() {\n\t\tif (!isSupported.value || isFullscreen.value) return;\n\t\tif (isElementFullScreen()) await exit();\n\t\tconst target$1 = targetRef.value;\n\t\tif (requestMethod.value && (target$1 === null || target$1 === void 0 ? void 0 : target$1[requestMethod.value]) != null) {\n\t\t\tawait target$1[requestMethod.value]();\n\t\t\tisFullscreen.value = true;\n\t\t}\n\t}\n\tasync function toggle() {\n\t\tawait (isFullscreen.value ? exit() : enter());\n\t}\n\tconst handlerCallback = () => {\n\t\tconst isElementFullScreenValue = isElementFullScreen();\n\t\tif (!isElementFullScreenValue || isElementFullScreenValue && isCurrentElementFullScreen()) isFullscreen.value = isElementFullScreenValue;\n\t};\n\tconst listenerOptions = {\n\t\tcapture: false,\n\t\tpassive: true\n\t};\n\tuseEventListener(document$1, eventHandlers, handlerCallback, listenerOptions);\n\tuseEventListener(() => unrefElement(targetRef), eventHandlers, handlerCallback, listenerOptions);\n\ttryOnMounted(handlerCallback, false);\n\tif (autoExit) tryOnScopeDispose(exit);\n\treturn {\n\t\tisSupported,\n\t\tisFullscreen,\n\t\tenter,\n\t\texit,\n\t\ttoggle\n\t};\n}\n\n//#endregion\n//#region useGamepad/index.ts\n/**\n* Maps a standard standard gamepad to an Xbox 360 Controller.\n*/\nfunction mapGamepadToXbox360Controller(gamepad) {\n\treturn computed(() => {\n\t\tif (gamepad.value) return {\n\t\t\tbuttons: {\n\t\t\t\ta: gamepad.value.buttons[0],\n\t\t\t\tb: gamepad.value.buttons[1],\n\t\t\t\tx: gamepad.value.buttons[2],\n\t\t\t\ty: gamepad.value.buttons[3]\n\t\t\t},\n\t\t\tbumper: {\n\t\t\t\tleft: gamepad.value.buttons[4],\n\t\t\t\tright: gamepad.value.buttons[5]\n\t\t\t},\n\t\t\ttriggers: {\n\t\t\t\tleft: gamepad.value.buttons[6],\n\t\t\t\tright: gamepad.value.buttons[7]\n\t\t\t},\n\t\t\tstick: {\n\t\t\t\tleft: {\n\t\t\t\t\thorizontal: gamepad.value.axes[0],\n\t\t\t\t\tvertical: gamepad.value.axes[1],\n\t\t\t\t\tbutton: gamepad.value.buttons[10]\n\t\t\t\t},\n\t\t\t\tright: {\n\t\t\t\t\thorizontal: gamepad.value.axes[2],\n\t\t\t\t\tvertical: gamepad.value.axes[3],\n\t\t\t\t\tbutton: gamepad.value.buttons[11]\n\t\t\t\t}\n\t\t\t},\n\t\t\tdpad: {\n\t\t\t\tup: gamepad.value.buttons[12],\n\t\t\t\tdown: gamepad.value.buttons[13],\n\t\t\t\tleft: gamepad.value.buttons[14],\n\t\t\t\tright: gamepad.value.buttons[15]\n\t\t\t},\n\t\t\tback: gamepad.value.buttons[8],\n\t\t\tstart: gamepad.value.buttons[9]\n\t\t};\n\t\treturn null;\n\t});\n}\n/* @__NO_SIDE_EFFECTS__ */\nfunction useGamepad(options = {}) {\n\tconst { navigator: navigator$1 = defaultNavigator } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"getGamepads\" in navigator$1);\n\tconst gamepads = ref([]);\n\tconst onConnectedHook = createEventHook();\n\tconst onDisconnectedHook = createEventHook();\n\tconst stateFromGamepad = (gamepad) => {\n\t\tconst hapticActuators = [];\n\t\tconst vibrationActuator = \"vibrationActuator\" in gamepad ? gamepad.vibrationActuator : null;\n\t\tif (vibrationActuator) hapticActuators.push(vibrationActuator);\n\t\tif (gamepad.hapticActuators) hapticActuators.push(...gamepad.hapticActuators);\n\t\treturn {\n\t\t\tid: gamepad.id,\n\t\t\tindex: gamepad.index,\n\t\t\tconnected: gamepad.connected,\n\t\t\tmapping: gamepad.mapping,\n\t\t\ttimestamp: gamepad.timestamp,\n\t\t\tvibrationActuator: gamepad.vibrationActuator,\n\t\t\thapticActuators,\n\t\t\taxes: gamepad.axes.map((axes) => axes),\n\t\t\tbuttons: gamepad.buttons.map((button) => ({\n\t\t\t\tpressed: button.pressed,\n\t\t\t\ttouched: button.touched,\n\t\t\t\tvalue: button.value\n\t\t\t}))\n\t\t};\n\t};\n\tconst updateGamepadState = () => {\n\t\tconst _gamepads = (navigator$1 === null || navigator$1 === void 0 ? void 0 : navigator$1.getGamepads()) || [];\n\t\tfor (const gamepad of _gamepads) if (gamepad && gamepads.value[gamepad.index]) gamepads.value[gamepad.index] = stateFromGamepad(gamepad);\n\t};\n\tconst { isActive, pause, resume } = useRafFn(updateGamepadState);\n\tconst onGamepadConnected = (gamepad) => {\n\t\tif (!gamepads.value.some(({ index }) => index === gamepad.index)) {\n\t\t\tgamepads.value.push(stateFromGamepad(gamepad));\n\t\t\tonConnectedHook.trigger(gamepad.index);\n\t\t}\n\t\tresume();\n\t};\n\tconst onGamepadDisconnected = (gamepad) => {\n\t\tgamepads.value = gamepads.value.filter((x) => x.index !== gamepad.index);\n\t\tonDisconnectedHook.trigger(gamepad.index);\n\t};\n\tconst listenerOptions = { passive: true };\n\tuseEventListener(\"gamepadconnected\", (e) => onGamepadConnected(e.gamepad), listenerOptions);\n\tuseEventListener(\"gamepaddisconnected\", (e) => onGamepadDisconnected(e.gamepad), listenerOptions);\n\ttryOnMounted(() => {\n\t\tconst _gamepads = (navigator$1 === null || navigator$1 === void 0 ? void 0 : navigator$1.getGamepads()) || [];\n\t\tfor (const gamepad of _gamepads) if (gamepad && gamepads.value[gamepad.index]) onGamepadConnected(gamepad);\n\t});\n\tpause();\n\treturn {\n\t\tisSupported,\n\t\tonConnected: onConnectedHook.on,\n\t\tonDisconnected: onDisconnectedHook.on,\n\t\tgamepads,\n\t\tpause,\n\t\tresume,\n\t\tisActive\n\t};\n}\n\n//#endregion\n//#region useGeolocation/index.ts\n/**\n* Reactive Geolocation API.\n*\n* @see https://vueuse.org/useGeolocation\n* @param options\n*/\nfunction useGeolocation(options = {}) {\n\tconst { enableHighAccuracy = true, maximumAge = 3e4, timeout = 27e3, navigator: navigator$1 = defaultNavigator, immediate = true } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"geolocation\" in navigator$1);\n\tconst locatedAt = shallowRef(null);\n\tconst error = shallowRef(null);\n\tconst coords = ref({\n\t\taccuracy: 0,\n\t\tlatitude: Number.POSITIVE_INFINITY,\n\t\tlongitude: Number.POSITIVE_INFINITY,\n\t\taltitude: null,\n\t\taltitudeAccuracy: null,\n\t\theading: null,\n\t\tspeed: null\n\t});\n\tfunction updatePosition(position) {\n\t\tlocatedAt.value = position.timestamp;\n\t\tcoords.value = position.coords;\n\t\terror.value = null;\n\t}\n\tlet watcher;\n\tfunction resume() {\n\t\tif (isSupported.value) watcher = navigator$1.geolocation.watchPosition(updatePosition, (err) => error.value = err, {\n\t\t\tenableHighAccuracy,\n\t\t\tmaximumAge,\n\t\t\ttimeout\n\t\t});\n\t}\n\tif (immediate) resume();\n\tfunction pause() {\n\t\tif (watcher && navigator$1) navigator$1.geolocation.clearWatch(watcher);\n\t}\n\ttryOnScopeDispose(() => {\n\t\tpause();\n\t});\n\treturn {\n\t\tisSupported,\n\t\tcoords,\n\t\tlocatedAt,\n\t\terror,\n\t\tresume,\n\t\tpause\n\t};\n}\n\n//#endregion\n//#region useIdle/index.ts\nconst defaultEvents$1 = [\n\t\"mousemove\",\n\t\"mousedown\",\n\t\"resize\",\n\t\"keydown\",\n\t\"touchstart\",\n\t\"wheel\"\n];\nconst oneMinute = 6e4;\n/**\n* Tracks whether the user is being inactive.\n*\n* @see https://vueuse.org/useIdle\n* @param timeout default to 1 minute\n* @param options IdleOptions\n*/\nfunction useIdle(timeout = oneMinute, options = {}) {\n\tconst { initialState = false, listenForVisibilityChange = true, events: events$1 = defaultEvents$1, window: window$1 = defaultWindow, eventFilter = throttleFilter(50) } = options;\n\tconst idle = shallowRef(initialState);\n\tconst lastActive = shallowRef(timestamp());\n\tconst isPending = shallowRef(false);\n\tlet timer;\n\tconst reset = () => {\n\t\tidle.value = false;\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => idle.value = true, timeout);\n\t};\n\tconst onEvent = createFilterWrapper(eventFilter, () => {\n\t\tlastActive.value = timestamp();\n\t\treset();\n\t});\n\tif (window$1) {\n\t\tconst document$1 = window$1.document;\n\t\tconst listenerOptions = { passive: true };\n\t\tfor (const event of events$1) useEventListener(window$1, event, () => {\n\t\t\tif (!isPending.value) return;\n\t\t\tonEvent();\n\t\t}, listenerOptions);\n\t\tif (listenForVisibilityChange) useEventListener(document$1, \"visibilitychange\", () => {\n\t\t\tif (document$1.hidden || !isPending.value) return;\n\t\t\tonEvent();\n\t\t}, listenerOptions);\n\t\tstart();\n\t}\n\tfunction start() {\n\t\tif (isPending.value) return;\n\t\tisPending.value = true;\n\t\tif (!initialState) reset();\n\t}\n\tfunction stop() {\n\t\tidle.value = initialState;\n\t\tclearTimeout(timer);\n\t\tisPending.value = false;\n\t}\n\treturn {\n\t\tidle,\n\t\tlastActive,\n\t\treset,\n\t\tstop,\n\t\tstart,\n\t\tisPending: shallowReadonly(isPending)\n\t};\n}\n\n//#endregion\n//#region useImage/index.ts\nasync function loadImage(options) {\n\treturn new Promise((resolve, reject) => {\n\t\tconst img = new Image();\n\t\tconst { src, srcset, sizes, class: clazz, loading, crossorigin, referrerPolicy, width, height, decoding, fetchPriority, ismap, usemap } = options;\n\t\timg.src = src;\n\t\tif (srcset != null) img.srcset = srcset;\n\t\tif (sizes != null) img.sizes = sizes;\n\t\tif (clazz != null) img.className = clazz;\n\t\tif (loading != null) img.loading = loading;\n\t\tif (crossorigin != null) img.crossOrigin = crossorigin;\n\t\tif (referrerPolicy != null) img.referrerPolicy = referrerPolicy;\n\t\tif (width != null) img.width = width;\n\t\tif (height != null) img.height = height;\n\t\tif (decoding != null) img.decoding = decoding;\n\t\tif (fetchPriority != null) img.fetchPriority = fetchPriority;\n\t\tif (ismap != null) img.isMap = ismap;\n\t\tif (usemap != null) img.useMap = usemap;\n\t\timg.onload = () => resolve(img);\n\t\timg.onerror = reject;\n\t});\n}\n/**\n* Reactive load an image in the browser, you can wait the result to display it or show a fallback.\n*\n* @see https://vueuse.org/useImage\n* @param options Image attributes, as used in the <img> tag\n* @param asyncStateOptions\n*/\nfunction useImage(options, asyncStateOptions = {}) {\n\tconst state = useAsyncState(() => loadImage(toValue(options)), void 0, {\n\t\tresetOnExecute: true,\n\t\t...asyncStateOptions\n\t});\n\twatch(() => toValue(options), () => state.execute(asyncStateOptions.delay), { deep: true });\n\treturn state;\n}\n\n//#endregion\n//#region _resolve-element.ts\n/**\n* Resolves an element from a given element, window, or document.\n*\n* @internal\n*/\nfunction resolveElement(el) {\n\tif (typeof Window !== \"undefined\" && el instanceof Window) return el.document.documentElement;\n\tif (typeof Document !== \"undefined\" && el instanceof Document) return el.documentElement;\n\treturn el;\n}\n\n//#endregion\n//#region useScroll/index.ts\n/**\n* We have to check if the scroll amount is close enough to some threshold in order to\n* more accurately calculate arrivedState. This is because scrollTop/scrollLeft are non-rounded\n* numbers, while scrollHeight/scrollWidth and clientHeight/clientWidth are rounded.\n* https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#determine_if_an_element_has_been_totally_scrolled\n*/\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\n/**\n* Reactive scroll.\n*\n* @see https://vueuse.org/useScroll\n* @param element\n* @param options\n*/\nfunction useScroll(element, options = {}) {\n\tconst { throttle = 0, idle = 200, onStop = noop, onScroll = noop, offset = {\n\t\tleft: 0,\n\t\tright: 0,\n\t\ttop: 0,\n\t\tbottom: 0\n\t}, observe: _observe = { mutation: false }, eventListenerOptions = {\n\t\tcapture: false,\n\t\tpassive: true\n\t}, behavior = \"auto\", window: window$1 = defaultWindow, onError = (e) => {\n\t\tconsole.error(e);\n\t} } = options;\n\tconst observe = typeof _observe === \"boolean\" ? { mutation: _observe } : _observe;\n\tconst internalX = shallowRef(0);\n\tconst internalY = shallowRef(0);\n\tconst x = computed({\n\t\tget() {\n\t\t\treturn internalX.value;\n\t\t},\n\t\tset(x$1) {\n\t\t\tscrollTo(x$1, void 0);\n\t\t}\n\t});\n\tconst y = computed({\n\t\tget() {\n\t\t\treturn internalY.value;\n\t\t},\n\t\tset(y$1) {\n\t\t\tscrollTo(void 0, y$1);\n\t\t}\n\t});\n\tfunction scrollTo(_x, _y) {\n\t\tvar _ref, _toValue, _toValue2, _document;\n\t\tif (!window$1) return;\n\t\tconst _element = toValue(element);\n\t\tif (!_element) return;\n\t\t(_ref = _element instanceof Document ? window$1.document.body : _element) === null || _ref === void 0 || _ref.scrollTo({\n\t\t\ttop: (_toValue = toValue(_y)) !== null && _toValue !== void 0 ? _toValue : y.value,\n\t\t\tleft: (_toValue2 = toValue(_x)) !== null && _toValue2 !== void 0 ? _toValue2 : x.value,\n\t\t\tbehavior: toValue(behavior)\n\t\t});\n\t\tconst scrollContainer = (_element === null || _element === void 0 || (_document = _element.document) === null || _document === void 0 ? void 0 : _document.documentElement) || (_element === null || _element === void 0 ? void 0 : _element.documentElement) || _element;\n\t\tif (x != null) internalX.value = scrollContainer.scrollLeft;\n\t\tif (y != null) internalY.value = scrollContainer.scrollTop;\n\t}\n\tconst isScrolling = shallowRef(false);\n\tconst arrivedState = reactive({\n\t\tleft: true,\n\t\tright: false,\n\t\ttop: true,\n\t\tbottom: false\n\t});\n\tconst directions = reactive({\n\t\tleft: false,\n\t\tright: false,\n\t\ttop: false,\n\t\tbottom: false\n\t});\n\tconst onScrollEnd = (e) => {\n\t\tif (!isScrolling.value) return;\n\t\tisScrolling.value = false;\n\t\tdirections.left = false;\n\t\tdirections.right = false;\n\t\tdirections.top = false;\n\t\tdirections.bottom = false;\n\t\tonStop(e);\n\t};\n\tconst onScrollEndDebounced = useDebounceFn(onScrollEnd, throttle + idle);\n\tconst setArrivedState = (target) => {\n\t\tvar _document2;\n\t\tif (!window$1) return;\n\t\tconst el = (target === null || target === void 0 || (_document2 = target.document) === null || _document2 === void 0 ? void 0 : _document2.documentElement) || (target === null || target === void 0 ? void 0 : target.documentElement) || unrefElement(target);\n\t\tconst { display, flexDirection, direction } = window$1.getComputedStyle(el);\n\t\tconst directionMultipler = direction === \"rtl\" ? -1 : 1;\n\t\tconst scrollLeft = el.scrollLeft;\n\t\tdirections.left = scrollLeft < internalX.value;\n\t\tdirections.right = scrollLeft > internalX.value;\n\t\tconst left = Math.abs(scrollLeft * directionMultipler) <= (offset.left || 0);\n\t\tconst right = Math.abs(scrollLeft * directionMultipler) + el.clientWidth >= el.scrollWidth - (offset.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\t\tif (display === \"flex\" && flexDirection === \"row-reverse\") {\n\t\t\tarrivedState.left = right;\n\t\t\tarrivedState.right = left;\n\t\t} else {\n\t\t\tarrivedState.left = left;\n\t\t\tarrivedState.right = right;\n\t\t}\n\t\tinternalX.value = scrollLeft;\n\t\tlet scrollTop = el.scrollTop;\n\t\tif (target === window$1.document && !scrollTop) scrollTop = window$1.document.body.scrollTop;\n\t\tdirections.top = scrollTop < internalY.value;\n\t\tdirections.bottom = scrollTop > internalY.value;\n\t\tconst top = Math.abs(scrollTop) <= (offset.top || 0);\n\t\tconst bottom = Math.abs(scrollTop) + el.clientHeight >= el.scrollHeight - (offset.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\t\t/**\n\t\t* reverse columns and rows behave exactly the other way around,\n\t\t* bottom is treated as top and top is treated as the negative version of bottom\n\t\t*/\n\t\tif (display === \"flex\" && flexDirection === \"column-reverse\") {\n\t\t\tarrivedState.top = bottom;\n\t\t\tarrivedState.bottom = top;\n\t\t} else {\n\t\t\tarrivedState.top = top;\n\t\t\tarrivedState.bottom = bottom;\n\t\t}\n\t\tinternalY.value = scrollTop;\n\t};\n\tconst onScrollHandler = (e) => {\n\t\tvar _documentElement;\n\t\tif (!window$1) return;\n\t\tsetArrivedState((_documentElement = e.target.documentElement) !== null && _documentElement !== void 0 ? _documentElement : e.target);\n\t\tisScrolling.value = true;\n\t\tonScrollEndDebounced(e);\n\t\tonScroll(e);\n\t};\n\tuseEventListener(element, \"scroll\", throttle ? useThrottleFn(onScrollHandler, throttle, true, false) : onScrollHandler, eventListenerOptions);\n\ttryOnMounted(() => {\n\t\ttry {\n\t\t\tconst _element = toValue(element);\n\t\t\tif (!_element) return;\n\t\t\tsetArrivedState(_element);\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t}\n\t});\n\tif ((observe === null || observe === void 0 ? void 0 : observe.mutation) && element != null && element !== window$1 && element !== document) useMutationObserver(element, () => {\n\t\tconst _element = toValue(element);\n\t\tif (!_element) return;\n\t\tsetArrivedState(_element);\n\t}, {\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true\n\t});\n\tuseEventListener(element, \"scrollend\", onScrollEnd, eventListenerOptions);\n\treturn {\n\t\tx,\n\t\ty,\n\t\tisScrolling,\n\t\tarrivedState,\n\t\tdirections,\n\t\tmeasure() {\n\t\t\tconst _element = toValue(element);\n\t\t\tif (window$1 && _element) setArrivedState(_element);\n\t\t}\n\t};\n}\n\n//#endregion\n//#region useInfiniteScroll/index.ts\n/**\n* Reactive infinite scroll.\n*\n* @see https://vueuse.org/useInfiniteScroll\n*/\nfunction useInfiniteScroll(element, onLoadMore, options = {}) {\n\tvar _options$distance;\n\tconst { direction = \"bottom\", interval = 100, canLoadMore = () => true } = options;\n\tconst state = reactive(useScroll(element, {\n\t\t...options,\n\t\toffset: {\n\t\t\t[direction]: (_options$distance = options.distance) !== null && _options$distance !== void 0 ? _options$distance : 0,\n\t\t\t...options.offset\n\t\t}\n\t}));\n\tconst promise = ref();\n\tconst isLoading = computed(() => !!promise.value);\n\tconst observedElement = computed(() => {\n\t\treturn resolveElement(toValue(element));\n\t});\n\tconst isElementVisible = useElementVisibility(observedElement);\n\tconst canLoad = computed(() => {\n\t\tif (!observedElement.value) return false;\n\t\treturn canLoadMore(observedElement.value);\n\t});\n\tfunction checkAndLoad() {\n\t\tstate.measure();\n\t\tif (!observedElement.value || !isElementVisible.value || !canLoad.value || promise.value) return;\n\t\tconst { scrollHeight, clientHeight, scrollWidth, clientWidth } = observedElement.value;\n\t\tconst isNarrower = direction === \"bottom\" || direction === \"top\" ? scrollHeight <= clientHeight : scrollWidth <= clientWidth;\n\t\tif (state.arrivedState[direction] || isNarrower) promise.value = Promise.all([onLoadMore(state), new Promise((resolve) => setTimeout(resolve, interval))]).finally(() => {\n\t\t\tpromise.value = null;\n\t\t\tnextTick(() => checkAndLoad());\n\t\t});\n\t}\n\ttryOnUnmounted(watch(() => [\n\t\tstate.arrivedState[direction],\n\t\tisElementVisible.value,\n\t\tcanLoad.value\n\t], checkAndLoad, {\n\t\timmediate: true,\n\t\tflush: \"post\"\n\t}));\n\treturn {\n\t\tisLoading,\n\t\treset() {\n\t\t\tnextTick(() => checkAndLoad());\n\t\t}\n\t};\n}\n\n//#endregion\n//#region useKeyModifier/index.ts\nconst defaultEvents = [\n\t\"mousedown\",\n\t\"mouseup\",\n\t\"keydown\",\n\t\"keyup\"\n];\n/* @__NO_SIDE_EFFECTS__ */\nfunction useKeyModifier(modifier, options = {}) {\n\tconst { events: events$1 = defaultEvents, document: document$1 = defaultDocument, initial = null } = options;\n\tconst state = shallowRef(initial);\n\tif (document$1) events$1.forEach((listenerEvent) => {\n\t\tuseEventListener(document$1, listenerEvent, (evt) => {\n\t\t\tif (typeof evt.getModifierState === \"function\") state.value = evt.getModifierState(modifier);\n\t\t}, { passive: true });\n\t});\n\treturn state;\n}\n\n//#endregion\n//#region useLocalStorage/index.ts\n/**\n* Reactive LocalStorage.\n*\n* @see https://vueuse.org/useLocalStorage\n* @param key\n* @param initialValue\n* @param options\n*/\nfunction useLocalStorage(key, initialValue, options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\treturn useStorage(key, initialValue, window$1 === null || window$1 === void 0 ? void 0 : window$1.localStorage, options);\n}\n\n//#endregion\n//#region useMagicKeys/aliasMap.ts\nconst DefaultMagicKeysAliasMap = {\n\tctrl: \"control\",\n\tcommand: \"meta\",\n\tcmd: \"meta\",\n\toption: \"alt\",\n\tup: \"arrowup\",\n\tdown: \"arrowdown\",\n\tleft: \"arrowleft\",\n\tright: \"arrowright\"\n};\n\n//#endregion\n//#region useMagicKeys/index.ts\n/**\n* Reactive keys pressed state, with magical keys combination support.\n*\n* @see https://vueuse.org/useMagicKeys\n*/\nfunction useMagicKeys(options = {}) {\n\tconst { reactive: useReactive = false, target = defaultWindow, aliasMap = DefaultMagicKeysAliasMap, passive = true, onEventFired = noop } = options;\n\tconst current = reactive(/* @__PURE__ */ new Set());\n\tconst obj = {\n\t\ttoJSON() {\n\t\t\treturn {};\n\t\t},\n\t\tcurrent\n\t};\n\tconst refs = useReactive ? reactive(obj) : obj;\n\tconst metaDeps = /* @__PURE__ */ new Set();\n\tconst depsMap = new Map([\n\t\t[\"Meta\", metaDeps],\n\t\t[\"Shift\", /* @__PURE__ */ new Set()],\n\t\t[\"Alt\", /* @__PURE__ */ new Set()]\n\t]);\n\tconst usedKeys = /* @__PURE__ */ new Set();\n\tfunction setRefs(key, value) {\n\t\tif (key in refs) if (useReactive) refs[key] = value;\n\t\telse refs[key].value = value;\n\t}\n\tfunction reset() {\n\t\tcurrent.clear();\n\t\tfor (const key of usedKeys) setRefs(key, false);\n\t}\n\tfunction updateDeps(value, e, keys$1) {\n\t\tif (!value || typeof e.getModifierState !== \"function\") return;\n\t\tfor (const [modifier, depsSet] of depsMap) if (e.getModifierState(modifier)) {\n\t\t\tkeys$1.forEach((key) => depsSet.add(key));\n\t\t\tbreak;\n\t\t}\n\t}\n\tfunction clearDeps(value, key) {\n\t\tif (value) return;\n\t\tconst depsMapKey = `${key[0].toUpperCase()}${key.slice(1)}`;\n\t\tconst deps = depsMap.get(depsMapKey);\n\t\tif (![\"shift\", \"alt\"].includes(key) || !deps) return;\n\t\tconst depsArray = Array.from(deps);\n\t\tconst depsIndex = depsArray.indexOf(key);\n\t\tdepsArray.forEach((key$1, index) => {\n\t\t\tif (index >= depsIndex) {\n\t\t\t\tcurrent.delete(key$1);\n\t\t\t\tsetRefs(key$1, false);\n\t\t\t}\n\t\t});\n\t\tdeps.clear();\n\t}\n\tfunction updateRefs(e, value) {\n\t\tvar _e$key, _e$code;\n\t\tconst key = (_e$key = e.key) === null || _e$key === void 0 ? void 0 : _e$key.toLowerCase();\n\t\tconst values = [(_e$code = e.code) === null || _e$code === void 0 ? void 0 : _e$code.toLowerCase(), key].filter(Boolean);\n\t\tif (!key) return;\n\t\tif (key) if (value) current.add(key);\n\t\telse current.delete(key);\n\t\tfor (const key$1 of values) {\n\t\t\tusedKeys.add(key$1);\n\t\t\tsetRefs(key$1, value);\n\t\t}\n\t\tupdateDeps(value, e, [...current, ...values]);\n\t\tclearDeps(value, key);\n\t\tif (key === \"meta\" && !value) {\n\t\t\tmetaDeps.forEach((key$1) => {\n\t\t\t\tcurrent.delete(key$1);\n\t\t\t\tsetRefs(key$1, false);\n\t\t\t});\n\t\t\tmetaDeps.clear();\n\t\t}\n\t}\n\tuseEventListener(target, \"keydown\", (e) => {\n\t\tupdateRefs(e, true);\n\t\treturn onEventFired(e);\n\t}, { passive });\n\tuseEventListener(target, \"keyup\", (e) => {\n\t\tupdateRefs(e, false);\n\t\treturn onEventFired(e);\n\t}, { passive });\n\tuseEventListener(\"blur\", reset, { passive });\n\tuseEventListener(\"focus\", reset, { passive });\n\tconst proxy = new Proxy(refs, { get(target$1, prop, rec) {\n\t\tif (typeof prop !== \"string\") return Reflect.get(target$1, prop, rec);\n\t\tprop = prop.toLowerCase();\n\t\tif (prop in aliasMap) prop = aliasMap[prop];\n\t\tif (!(prop in refs)) if (/[+_-]/.test(prop)) {\n\t\t\tconst keys$1 = prop.split(/[+_-]/g).map((i) => i.trim());\n\t\t\trefs[prop] = computed(() => keys$1.map((key) => toValue(proxy[key])).every(Boolean));\n\t\t} else refs[prop] = shallowRef(false);\n\t\tconst r = Reflect.get(target$1, prop, rec);\n\t\treturn useReactive ? toValue(r) : r;\n\t} });\n\treturn proxy;\n}\n\n//#endregion\n//#region useMediaControls/index.ts\n/**\n* Automatically check if the ref exists and if it does run the cb fn\n*/\nfunction usingElRef(source, cb) {\n\tif (toValue(source)) cb(toValue(source));\n}\n/**\n* Converts a TimeRange object to an array\n*/\nfunction timeRangeToArray(timeRanges) {\n\tlet ranges = [];\n\tfor (let i = 0; i < timeRanges.length; ++i) ranges = [...ranges, [timeRanges.start(i), timeRanges.end(i)]];\n\treturn ranges;\n}\n/**\n* Converts a TextTrackList object to an array of `UseMediaTextTrack`\n*/\nfunction tracksToArray(tracks) {\n\treturn Array.from(tracks).map(({ label, kind, language, mode, activeCues, cues, inBandMetadataTrackDispatchType }, id) => ({\n\t\tid,\n\t\tlabel,\n\t\tkind,\n\t\tlanguage,\n\t\tmode,\n\t\tactiveCues,\n\t\tcues,\n\t\tinBandMetadataTrackDispatchType\n\t}));\n}\nconst defaultOptions = {\n\tsrc: \"\",\n\ttracks: []\n};\nfunction useMediaControls(target, options = {}) {\n\ttarget = toRef(target);\n\toptions = {\n\t\t...defaultOptions,\n\t\t...options\n\t};\n\tconst { document: document$1 = defaultDocument } = options;\n\tconst listenerOptions = { passive: true };\n\tconst currentTime = shallowRef(0);\n\tconst duration = shallowRef(0);\n\tconst seeking = shallowRef(false);\n\tconst volume = shallowRef(1);\n\tconst waiting = shallowRef(false);\n\tconst ended = shallowRef(false);\n\tconst playing = shallowRef(false);\n\tconst rate = shallowRef(1);\n\tconst stalled = shallowRef(false);\n\tconst buffered = ref([]);\n\tconst tracks = ref([]);\n\tconst selectedTrack = shallowRef(-1);\n\tconst isPictureInPicture = shallowRef(false);\n\tconst muted = shallowRef(false);\n\tconst supportsPictureInPicture = Boolean(document$1 && \"pictureInPictureEnabled\" in document$1);\n\tconst sourceErrorEvent = createEventHook();\n\tconst playbackErrorEvent = createEventHook();\n\t/**\n\t* Disables the specified track. If no track is specified then\n\t* all tracks will be disabled\n\t*\n\t* @param track The id of the track to disable\n\t*/\n\tconst disableTrack = (track) => {\n\t\tusingElRef(target, (el) => {\n\t\t\tif (track) {\n\t\t\t\tconst id = typeof track === \"number\" ? track : track.id;\n\t\t\t\tel.textTracks[id].mode = \"disabled\";\n\t\t\t} else for (let i = 0; i < el.textTracks.length; ++i) el.textTracks[i].mode = \"disabled\";\n\t\t\tselectedTrack.value = -1;\n\t\t});\n\t};\n\t/**\n\t* Enables the specified track and disables the\n\t* other tracks unless otherwise specified\n\t*\n\t* @param track The track of the id of the track to enable\n\t* @param disableTracks Disable all other tracks\n\t*/\n\tconst enableTrack = (track, disableTracks = true) => {\n\t\tusingElRef(target, (el) => {\n\t\t\tconst id = typeof track === \"number\" ? track : track.id;\n\t\t\tif (disableTracks) disableTrack();\n\t\t\tel.textTracks[id].mode = \"showing\";\n\t\t\tselectedTrack.value = id;\n\t\t});\n\t};\n\t/**\n\t* Toggle picture in picture mode for the player.\n\t*/\n\tconst togglePictureInPicture = () => {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tusingElRef(target, async (el) => {\n\t\t\t\tif (supportsPictureInPicture) if (!isPictureInPicture.value) el.requestPictureInPicture().then(resolve).catch(reject);\n\t\t\t\telse document$1.exitPictureInPicture().then(resolve).catch(reject);\n\t\t\t});\n\t\t});\n\t};\n\t/**\n\t* This will automatically inject sources to the media element. The sources will be\n\t* appended as children to the media element as `<source>` elements.\n\t*/\n\twatchEffect(() => {\n\t\tif (!document$1) return;\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tconst src = toValue(options.src);\n\t\tlet sources = [];\n\t\tif (!src) return;\n\t\tif (typeof src === \"string\") sources = [{ src }];\n\t\telse if (Array.isArray(src)) sources = src;\n\t\telse if (isObject(src)) sources = [src];\n\t\tel.querySelectorAll(\"source\").forEach((e) => {\n\t\t\te.remove();\n\t\t});\n\t\tsources.forEach(({ src: src$1, type, media }) => {\n\t\t\tconst source = document$1.createElement(\"source\");\n\t\t\tsource.setAttribute(\"src\", src$1);\n\t\t\tsource.setAttribute(\"type\", type || \"\");\n\t\t\tsource.setAttribute(\"media\", media || \"\");\n\t\t\tuseEventListener(source, \"error\", sourceErrorEvent.trigger, listenerOptions);\n\t\t\tel.appendChild(source);\n\t\t});\n\t\tel.load();\n\t});\n\t/**\n\t* Apply composable state to the element, also when element is changed\n\t*/\n\twatch([target, volume], () => {\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tel.volume = volume.value;\n\t});\n\twatch([target, muted], () => {\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tel.muted = muted.value;\n\t});\n\twatch([target, rate], () => {\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tel.playbackRate = rate.value;\n\t});\n\t/**\n\t* Load Tracks\n\t*/\n\twatchEffect(() => {\n\t\tif (!document$1) return;\n\t\tconst textTracks = toValue(options.tracks);\n\t\tconst el = toValue(target);\n\t\tif (!textTracks || !textTracks.length || !el) return;\n\t\t/**\n\t\t* The MediaAPI provides an API for adding text tracks, but they don't currently\n\t\t* have an API for removing text tracks, so instead we will just create and remove\n\t\t* the tracks manually using the HTML api.\n\t\t*/\n\t\tel.querySelectorAll(\"track\").forEach((e) => e.remove());\n\t\ttextTracks.forEach(({ default: isDefault, kind, label, src, srcLang }, i) => {\n\t\t\tconst track = document$1.createElement(\"track\");\n\t\t\ttrack.default = isDefault || false;\n\t\t\ttrack.kind = kind;\n\t\t\ttrack.label = label;\n\t\t\ttrack.src = src;\n\t\t\ttrack.srclang = srcLang;\n\t\t\tif (track.default) selectedTrack.value = i;\n\t\t\tel.appendChild(track);\n\t\t});\n\t});\n\t/**\n\t* This will allow us to update the current time from the timeupdate event\n\t* without setting the medias current position, but if the user changes the\n\t* current time via the ref, then the media will seek.\n\t*\n\t* If we did not use an ignorable watch, then the current time update from\n\t* the timeupdate event would cause the media to stutter.\n\t*/\n\tconst { ignoreUpdates: ignoreCurrentTimeUpdates } = watchIgnorable(currentTime, (time) => {\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tel.currentTime = time;\n\t});\n\t/**\n\t* Using an ignorable watch so we can control the play state using a ref and not\n\t* a function\n\t*/\n\tconst { ignoreUpdates: ignorePlayingUpdates } = watchIgnorable(playing, (isPlaying) => {\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tif (isPlaying) el.play().catch((e) => {\n\t\t\tplaybackErrorEvent.trigger(e);\n\t\t\tthrow e;\n\t\t});\n\t\telse el.pause();\n\t});\n\tuseEventListener(target, \"timeupdate\", () => ignoreCurrentTimeUpdates(() => currentTime.value = toValue(target).currentTime), listenerOptions);\n\tuseEventListener(target, \"durationchange\", () => duration.value = toValue(target).duration, listenerOptions);\n\tuseEventListener(target, \"progress\", () => buffered.value = timeRangeToArray(toValue(target).buffered), listenerOptions);\n\tuseEventListener(target, \"seeking\", () => seeking.value = true, listenerOptions);\n\tuseEventListener(target, \"seeked\", () => seeking.value = false, listenerOptions);\n\tuseEventListener(target, [\"waiting\", \"loadstart\"], () => {\n\t\twaiting.value = true;\n\t\tignorePlayingUpdates(() => playing.value = false);\n\t}, listenerOptions);\n\tuseEventListener(target, \"loadeddata\", () => waiting.value = false, listenerOptions);\n\tuseEventListener(target, \"playing\", () => {\n\t\twaiting.value = false;\n\t\tended.value = false;\n\t\tignorePlayingUpdates(() => playing.value = true);\n\t}, listenerOptions);\n\tuseEventListener(target, \"ratechange\", () => rate.value = toValue(target).playbackRate, listenerOptions);\n\tuseEventListener(target, \"stalled\", () => stalled.value = true, listenerOptions);\n\tuseEventListener(target, \"ended\", () => ended.value = true, listenerOptions);\n\tuseEventListener(target, \"pause\", () => ignorePlayingUpdates(() => playing.value = false), listenerOptions);\n\tuseEventListener(target, \"play\", () => ignorePlayingUpdates(() => playing.value = true), listenerOptions);\n\tuseEventListener(target, \"enterpictureinpicture\", () => isPictureInPicture.value = true, listenerOptions);\n\tuseEventListener(target, \"leavepictureinpicture\", () => isPictureInPicture.value = false, listenerOptions);\n\tuseEventListener(target, \"volumechange\", () => {\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tvolume.value = el.volume;\n\t\tmuted.value = el.muted;\n\t}, listenerOptions);\n\t/**\n\t* The following listeners need to listen to a nested\n\t* object on the target, so we will have to use a nested\n\t* watch and manually remove the listeners\n\t*/\n\tconst listeners = [];\n\tconst stop = watch([target], () => {\n\t\tconst el = toValue(target);\n\t\tif (!el) return;\n\t\tstop();\n\t\tlisteners[0] = useEventListener(el.textTracks, \"addtrack\", () => tracks.value = tracksToArray(el.textTracks), listenerOptions);\n\t\tlisteners[1] = useEventListener(el.textTracks, \"removetrack\", () => tracks.value = tracksToArray(el.textTracks), listenerOptions);\n\t\tlisteners[2] = useEventListener(el.textTracks, \"change\", () => tracks.value = tracksToArray(el.textTracks), listenerOptions);\n\t});\n\ttryOnScopeDispose(() => listeners.forEach((listener) => listener()));\n\treturn {\n\t\tcurrentTime,\n\t\tduration,\n\t\twaiting,\n\t\tseeking,\n\t\tended,\n\t\tstalled,\n\t\tbuffered,\n\t\tplaying,\n\t\trate,\n\t\tvolume,\n\t\tmuted,\n\t\ttracks,\n\t\tselectedTrack,\n\t\tenableTrack,\n\t\tdisableTrack,\n\t\tsupportsPictureInPicture,\n\t\ttogglePictureInPicture,\n\t\tisPictureInPicture,\n\t\tonSourceError: sourceErrorEvent.on,\n\t\tonPlaybackError: playbackErrorEvent.on\n\t};\n}\n\n//#endregion\n//#region useMemoize/index.ts\n/**\n* Reactive function result cache based on arguments\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useMemoize(resolver, options) {\n\tconst initCache = () => {\n\t\tif (options === null || options === void 0 ? void 0 : options.cache) return shallowReactive(options.cache);\n\t\treturn shallowReactive(/* @__PURE__ */ new Map());\n\t};\n\tconst cache = initCache();\n\t/**\n\t* Generate key from args\n\t*/\n\tconst generateKey = (...args) => (options === null || options === void 0 ? void 0 : options.getKey) ? options.getKey(...args) : JSON.stringify(args);\n\t/**\n\t* Load data and save in cache\n\t*/\n\tconst _loadData = (key, ...args) => {\n\t\tcache.set(key, resolver(...args));\n\t\treturn cache.get(key);\n\t};\n\tconst loadData = (...args) => _loadData(generateKey(...args), ...args);\n\t/**\n\t* Delete key from cache\n\t*/\n\tconst deleteData = (...args) => {\n\t\tcache.delete(generateKey(...args));\n\t};\n\t/**\n\t* Clear cached data\n\t*/\n\tconst clearData = () => {\n\t\tcache.clear();\n\t};\n\tconst memoized = (...args) => {\n\t\tconst key = generateKey(...args);\n\t\tif (cache.has(key)) return cache.get(key);\n\t\treturn _loadData(key, ...args);\n\t};\n\tmemoized.load = loadData;\n\tmemoized.delete = deleteData;\n\tmemoized.clear = clearData;\n\tmemoized.generateKey = generateKey;\n\tmemoized.cache = cache;\n\treturn memoized;\n}\n\n//#endregion\n//#region useMemory/index.ts\nfunction getDefaultScheduler$6(options) {\n\tif (\"interval\" in options || \"immediate\" in options || \"immediateCallback\" in options) {\n\t\tconst { interval = 1e3, immediate, immediateCallback } = options;\n\t\treturn (cb) => useIntervalFn(cb, interval, {\n\t\t\timmediate,\n\t\t\timmediateCallback\n\t\t});\n\t}\n\treturn useIntervalFn;\n}\n/**\n* Reactive Memory Info.\n*\n* @see https://vueuse.org/useMemory\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useMemory(options = {}) {\n\tconst memory = ref();\n\tconst isSupported = /* @__PURE__ */ useSupported(() => typeof performance !== \"undefined\" && \"memory\" in performance);\n\tif (isSupported.value) {\n\t\tconst { scheduler = getDefaultScheduler$6 } = options;\n\t\tscheduler(() => {\n\t\t\tmemory.value = performance.memory;\n\t\t});\n\t}\n\treturn {\n\t\tisSupported,\n\t\tmemory\n\t};\n}\n\n//#endregion\n//#region useMouse/index.ts\nconst UseMouseBuiltinExtractors = {\n\tpage: (event) => [event.pageX, event.pageY],\n\tclient: (event) => [event.clientX, event.clientY],\n\tscreen: (event) => [event.screenX, event.screenY],\n\tmovement: (event) => event instanceof MouseEvent ? [event.movementX, event.movementY] : null\n};\n/**\n* Reactive mouse position.\n*\n* @see https://vueuse.org/useMouse\n* @param options\n*/\nfunction useMouse(options = {}) {\n\tconst { type = \"page\", touch = true, resetOnTouchEnds = false, initialValue = {\n\t\tx: 0,\n\t\ty: 0\n\t}, window: window$1 = defaultWindow, target = window$1, scroll = true, eventFilter } = options;\n\tlet _prevMouseEvent = null;\n\tlet _prevScrollX = 0;\n\tlet _prevScrollY = 0;\n\tconst x = shallowRef(initialValue.x);\n\tconst y = shallowRef(initialValue.y);\n\tconst sourceType = shallowRef(null);\n\tconst extractor = typeof type === \"function\" ? type : UseMouseBuiltinExtractors[type];\n\tconst mouseHandler = (event) => {\n\t\tconst result = extractor(event);\n\t\t_prevMouseEvent = event;\n\t\tif (result) {\n\t\t\t[x.value, y.value] = result;\n\t\t\tsourceType.value = \"mouse\";\n\t\t}\n\t\tif (window$1) {\n\t\t\t_prevScrollX = window$1.scrollX;\n\t\t\t_prevScrollY = window$1.scrollY;\n\t\t}\n\t};\n\tconst touchHandler = (event) => {\n\t\tif (event.touches.length > 0) {\n\t\t\tconst result = extractor(event.touches[0]);\n\t\t\tif (result) {\n\t\t\t\t[x.value, y.value] = result;\n\t\t\t\tsourceType.value = \"touch\";\n\t\t\t}\n\t\t}\n\t};\n\tconst scrollHandler = () => {\n\t\tif (!_prevMouseEvent || !window$1) return;\n\t\tconst pos = extractor(_prevMouseEvent);\n\t\tif (_prevMouseEvent instanceof MouseEvent && pos) {\n\t\t\tx.value = pos[0] + window$1.scrollX - _prevScrollX;\n\t\t\ty.value = pos[1] + window$1.scrollY - _prevScrollY;\n\t\t}\n\t};\n\tconst reset = () => {\n\t\tx.value = initialValue.x;\n\t\ty.value = initialValue.y;\n\t};\n\tconst mouseHandlerWrapper = eventFilter ? (event) => eventFilter(() => mouseHandler(event), {}) : (event) => mouseHandler(event);\n\tconst touchHandlerWrapper = eventFilter ? (event) => eventFilter(() => touchHandler(event), {}) : (event) => touchHandler(event);\n\tconst scrollHandlerWrapper = eventFilter ? () => eventFilter(() => scrollHandler(), {}) : () => scrollHandler();\n\tif (target) {\n\t\tconst listenerOptions = { passive: true };\n\t\tuseEventListener(target, [\"mousemove\", \"dragover\"], mouseHandlerWrapper, listenerOptions);\n\t\tif (touch && type !== \"movement\") {\n\t\t\tuseEventListener(target, [\"touchstart\", \"touchmove\"], touchHandlerWrapper, listenerOptions);\n\t\t\tif (resetOnTouchEnds) useEventListener(target, \"touchend\", reset, listenerOptions);\n\t\t}\n\t\tif (scroll && type === \"page\") useEventListener(window$1, \"scroll\", scrollHandlerWrapper, listenerOptions);\n\t}\n\treturn {\n\t\tx,\n\t\ty,\n\t\tsourceType\n\t};\n}\n\n//#endregion\n//#region useMouseInElement/index.ts\n/**\n* Reactive mouse position related to an element.\n*\n* @see https://vueuse.org/useMouseInElement\n* @param target\n* @param options\n*/\nfunction useMouseInElement(target, options = {}) {\n\tconst { windowResize = true, windowScroll = true, handleOutside = true, window: window$1 = defaultWindow } = options;\n\tconst type = options.type || \"page\";\n\tconst { x, y, sourceType } = useMouse(options);\n\tconst targetRef = shallowRef(target !== null && target !== void 0 ? target : window$1 === null || window$1 === void 0 ? void 0 : window$1.document.body);\n\tconst elementX = shallowRef(0);\n\tconst elementY = shallowRef(0);\n\tconst elementPositionX = shallowRef(0);\n\tconst elementPositionY = shallowRef(0);\n\tconst elementHeight = shallowRef(0);\n\tconst elementWidth = shallowRef(0);\n\tconst isOutside = shallowRef(true);\n\tfunction update() {\n\t\tif (!window$1) return;\n\t\tconst el = unrefElement(targetRef);\n\t\tif (!el || !(el instanceof Element)) return;\n\t\tfor (const rect of el.getClientRects()) {\n\t\t\tconst { left, top, width, height } = rect;\n\t\t\telementPositionX.value = left + (type === \"page\" ? window$1.pageXOffset : 0);\n\t\t\telementPositionY.value = top + (type === \"page\" ? window$1.pageYOffset : 0);\n\t\t\telementHeight.value = height;\n\t\t\telementWidth.value = width;\n\t\t\tconst elX = x.value - elementPositionX.value;\n\t\t\tconst elY = y.value - elementPositionY.value;\n\t\t\tisOutside.value = width === 0 || height === 0 || elX < 0 || elY < 0 || elX > width || elY > height;\n\t\t\tif (handleOutside || !isOutside.value) {\n\t\t\t\telementX.value = elX;\n\t\t\t\telementY.value = elY;\n\t\t\t}\n\t\t\tif (!isOutside.value) break;\n\t\t}\n\t}\n\tconst stopFnList = [];\n\tfunction stop() {\n\t\tstopFnList.forEach((fn) => fn());\n\t\tstopFnList.length = 0;\n\t}\n\ttryOnMounted(() => {\n\t\tupdate();\n\t});\n\tif (window$1) {\n\t\tconst { stop: stopResizeObserver } = useResizeObserver(targetRef, update);\n\t\tconst { stop: stopMutationObserver } = useMutationObserver(targetRef, update, { attributeFilter: [\"style\", \"class\"] });\n\t\tconst stopWatch = watch([\n\t\t\ttargetRef,\n\t\t\tx,\n\t\t\ty\n\t\t], update);\n\t\tstopFnList.push(stopResizeObserver, stopMutationObserver, stopWatch);\n\t\tuseEventListener(document, \"mouseleave\", () => isOutside.value = true, { passive: true });\n\t\tif (windowScroll) stopFnList.push(useEventListener(\"scroll\", update, {\n\t\t\tcapture: true,\n\t\t\tpassive: true\n\t\t}));\n\t\tif (windowResize) stopFnList.push(useEventListener(\"resize\", update, { passive: true }));\n\t}\n\treturn {\n\t\tx,\n\t\ty,\n\t\tsourceType,\n\t\telementX,\n\t\telementY,\n\t\telementPositionX,\n\t\telementPositionY,\n\t\telementHeight,\n\t\telementWidth,\n\t\tisOutside,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useMousePressed/index.ts\n/**\n* Reactive mouse pressing state.\n*\n* @see https://vueuse.org/useMousePressed\n* @param options\n*/\nfunction useMousePressed(options = {}) {\n\tconst { touch = true, drag = true, capture = false, initialValue = false, window: window$1 = defaultWindow } = options;\n\tconst pressed = shallowRef(initialValue);\n\tconst sourceType = shallowRef(null);\n\tif (!window$1) return {\n\t\tpressed,\n\t\tsourceType\n\t};\n\tconst onPressed = (srcType) => (event) => {\n\t\tvar _options$onPressed;\n\t\tpressed.value = true;\n\t\tsourceType.value = srcType;\n\t\t(_options$onPressed = options.onPressed) === null || _options$onPressed === void 0 || _options$onPressed.call(options, event);\n\t};\n\tconst onReleased = (event) => {\n\t\tvar _options$onReleased;\n\t\tpressed.value = false;\n\t\tsourceType.value = null;\n\t\t(_options$onReleased = options.onReleased) === null || _options$onReleased === void 0 || _options$onReleased.call(options, event);\n\t};\n\tconst target = computed(() => unrefElement(options.target) || window$1);\n\tconst listenerOptions = {\n\t\tpassive: true,\n\t\tcapture\n\t};\n\tuseEventListener(target, \"mousedown\", onPressed(\"mouse\"), listenerOptions);\n\tuseEventListener(window$1, \"mouseleave\", onReleased, listenerOptions);\n\tuseEventListener(window$1, \"mouseup\", onReleased, listenerOptions);\n\tif (drag) {\n\t\tuseEventListener(target, \"dragstart\", onPressed(\"mouse\"), listenerOptions);\n\t\tuseEventListener(window$1, \"drop\", onReleased, listenerOptions);\n\t\tuseEventListener(window$1, \"dragend\", onReleased, listenerOptions);\n\t}\n\tif (touch) {\n\t\tuseEventListener(target, \"touchstart\", onPressed(\"touch\"), listenerOptions);\n\t\tuseEventListener(window$1, \"touchend\", onReleased, listenerOptions);\n\t\tuseEventListener(window$1, \"touchcancel\", onReleased, listenerOptions);\n\t}\n\treturn {\n\t\tpressed,\n\t\tsourceType\n\t};\n}\n\n//#endregion\n//#region useNavigatorLanguage/index.ts\n/**\n*\n* Reactive useNavigatorLanguage\n*\n* Detects the currently selected user language and returns a reactive language\n* @see https://vueuse.org/useNavigatorLanguage\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useNavigatorLanguage(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst navigator$1 = window$1 === null || window$1 === void 0 ? void 0 : window$1.navigator;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"language\" in navigator$1);\n\tconst language = shallowRef(navigator$1 === null || navigator$1 === void 0 ? void 0 : navigator$1.language);\n\tuseEventListener(window$1, \"languagechange\", () => {\n\t\tif (navigator$1) language.value = navigator$1.language;\n\t}, { passive: true });\n\treturn {\n\t\tisSupported,\n\t\tlanguage\n\t};\n}\n\n//#endregion\n//#region useNetwork/index.ts\n/**\n* Reactive Network status.\n*\n* @see https://vueuse.org/useNetwork\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useNetwork(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst navigator$1 = window$1 === null || window$1 === void 0 ? void 0 : window$1.navigator;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"connection\" in navigator$1);\n\tconst isOnline = shallowRef(true);\n\tconst saveData = shallowRef(false);\n\tconst offlineAt = shallowRef(void 0);\n\tconst onlineAt = shallowRef(void 0);\n\tconst downlink = shallowRef(void 0);\n\tconst downlinkMax = shallowRef(void 0);\n\tconst rtt = shallowRef(void 0);\n\tconst effectiveType = shallowRef(void 0);\n\tconst type = shallowRef(\"unknown\");\n\tconst connection = isSupported.value && navigator$1.connection;\n\tfunction updateNetworkInformation() {\n\t\tif (!navigator$1) return;\n\t\tisOnline.value = navigator$1.onLine;\n\t\tofflineAt.value = isOnline.value ? void 0 : Date.now();\n\t\tonlineAt.value = isOnline.value ? Date.now() : void 0;\n\t\tif (connection) {\n\t\t\tdownlink.value = connection.downlink;\n\t\t\tdownlinkMax.value = connection.downlinkMax;\n\t\t\teffectiveType.value = connection.effectiveType;\n\t\t\trtt.value = connection.rtt;\n\t\t\tsaveData.value = connection.saveData;\n\t\t\ttype.value = connection.type;\n\t\t}\n\t}\n\tconst listenerOptions = { passive: true };\n\tif (window$1) {\n\t\tuseEventListener(window$1, \"offline\", () => {\n\t\t\tisOnline.value = false;\n\t\t\tofflineAt.value = Date.now();\n\t\t}, listenerOptions);\n\t\tuseEventListener(window$1, \"online\", () => {\n\t\t\tisOnline.value = true;\n\t\t\tonlineAt.value = Date.now();\n\t\t}, listenerOptions);\n\t}\n\tif (connection) useEventListener(connection, \"change\", updateNetworkInformation, listenerOptions);\n\tupdateNetworkInformation();\n\treturn {\n\t\tisSupported,\n\t\tisOnline: readonly(isOnline),\n\t\tsaveData: readonly(saveData),\n\t\tofflineAt: readonly(offlineAt),\n\t\tonlineAt: readonly(onlineAt),\n\t\tdownlink: readonly(downlink),\n\t\tdownlinkMax: readonly(downlinkMax),\n\t\teffectiveType: readonly(effectiveType),\n\t\trtt: readonly(rtt),\n\t\ttype: readonly(type)\n\t};\n}\n\n//#endregion\n//#region useNow/index.ts\nfunction getDefaultScheduler$5(options) {\n\tif (\"interval\" in options || \"immediate\" in options) {\n\t\tconst { interval = \"requestAnimationFrame\", immediate = true } = options;\n\t\treturn interval === \"requestAnimationFrame\" ? (fn) => useRafFn(fn, { immediate }) : (fn) => useIntervalFn(fn, interval, options);\n\t}\n\treturn useRafFn;\n}\n/**\n* Reactive current Date instance.\n*\n* @see https://vueuse.org/useNow\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useNow(options = {}) {\n\tconst { controls: exposeControls = false, scheduler = getDefaultScheduler$5(options) } = options;\n\tconst now = ref(/* @__PURE__ */ new Date());\n\tconst update = () => now.value = /* @__PURE__ */ new Date();\n\tconst controls = scheduler(update);\n\tif (exposeControls) return {\n\t\tnow,\n\t\t...controls\n\t};\n\telse return now;\n}\n\n//#endregion\n//#region useObjectUrl/index.ts\n/**\n* Reactive URL representing an object.\n*\n* @see https://vueuse.org/useObjectUrl\n* @param object\n*/\nfunction useObjectUrl(object) {\n\tconst url = shallowRef();\n\tconst release = () => {\n\t\tif (url.value) URL.revokeObjectURL(url.value);\n\t\turl.value = void 0;\n\t};\n\twatch(() => toValue(object), (newObject) => {\n\t\trelease();\n\t\tif (newObject) url.value = URL.createObjectURL(newObject);\n\t}, { immediate: true });\n\ttryOnScopeDispose(release);\n\treturn readonly(url);\n}\n\n//#endregion\n//#region ../math/useClamp/index.ts\n/**\n* Reactively clamp a value between two other values.\n*\n* @see https://vueuse.org/useClamp\n* @param value number\n* @param min\n* @param max\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useClamp(value, min, max) {\n\tif (typeof value === \"function\" || isReadonly(value)) return computed(() => clamp(toValue(value), toValue(min), toValue(max)));\n\tconst _value = ref(value);\n\treturn computed({\n\t\tget() {\n\t\t\treturn _value.value = clamp(_value.value, toValue(min), toValue(max));\n\t\t},\n\t\tset(value$1) {\n\t\t\t_value.value = clamp(value$1, toValue(min), toValue(max));\n\t\t}\n\t});\n}\n\n//#endregion\n//#region useOffsetPagination/index.ts\nfunction useOffsetPagination(options) {\n\tconst { total = Number.POSITIVE_INFINITY, pageSize = 10, page = 1, onPageChange = noop, onPageSizeChange = noop, onPageCountChange = noop } = options;\n\tconst currentPageSize = useClamp(pageSize, 1, Number.POSITIVE_INFINITY);\n\tconst pageCount = computed(() => Math.max(1, Math.ceil(toValue(total) / toValue(currentPageSize))));\n\tconst currentPage = useClamp(page, 1, pageCount);\n\tconst isFirstPage = computed(() => currentPage.value === 1);\n\tconst isLastPage = computed(() => currentPage.value === pageCount.value);\n\tif (isRef(page)) syncRef(page, currentPage, { direction: isReadonly(page) ? \"ltr\" : \"both\" });\n\tif (isRef(pageSize)) syncRef(pageSize, currentPageSize, { direction: isReadonly(pageSize) ? \"ltr\" : \"both\" });\n\tfunction prev() {\n\t\tcurrentPage.value--;\n\t}\n\tfunction next() {\n\t\tcurrentPage.value++;\n\t}\n\tconst returnValue = {\n\t\tcurrentPage,\n\t\tcurrentPageSize,\n\t\tpageCount,\n\t\tisFirstPage,\n\t\tisLastPage,\n\t\tprev,\n\t\tnext\n\t};\n\twatch(currentPage, () => {\n\t\tonPageChange(reactive(returnValue));\n\t});\n\twatch(currentPageSize, () => {\n\t\tonPageSizeChange(reactive(returnValue));\n\t});\n\twatch(pageCount, () => {\n\t\tonPageCountChange(reactive(returnValue));\n\t});\n\treturn returnValue;\n}\n\n//#endregion\n//#region useOnline/index.ts\n/**\n* Reactive online state.\n*\n* @see https://vueuse.org/useOnline\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useOnline(options = {}) {\n\tconst { isOnline } = useNetwork(options);\n\treturn isOnline;\n}\n\n//#endregion\n//#region usePageLeave/index.ts\n/**\n* Reactive state to show whether mouse leaves the page.\n*\n* @see https://vueuse.org/usePageLeave\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePageLeave(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst isLeft = shallowRef(false);\n\tconst handler = (event) => {\n\t\tif (!window$1) return;\n\t\tevent = event || window$1.event;\n\t\tisLeft.value = !(event.relatedTarget || event.toElement);\n\t};\n\tif (window$1) {\n\t\tconst listenerOptions = { passive: true };\n\t\tuseEventListener(window$1, \"mouseout\", handler, listenerOptions);\n\t\tuseEventListener(window$1.document, \"mouseleave\", handler, listenerOptions);\n\t\tuseEventListener(window$1.document, \"mouseenter\", handler, listenerOptions);\n\t}\n\treturn isLeft;\n}\n\n//#endregion\n//#region useScreenOrientation/index.ts\n/**\n* Reactive screen orientation\n*\n* @see https://vueuse.org/useScreenOrientation\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useScreenOrientation(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"screen\" in window$1 && \"orientation\" in window$1.screen);\n\tconst screenOrientation = isSupported.value ? window$1.screen.orientation : {};\n\tconst orientation = ref(screenOrientation.type);\n\tconst angle = shallowRef(screenOrientation.angle || 0);\n\tif (isSupported.value) useEventListener(window$1, \"orientationchange\", () => {\n\t\torientation.value = screenOrientation.type;\n\t\tangle.value = screenOrientation.angle;\n\t}, { passive: true });\n\tconst lockOrientation = (type) => {\n\t\tif (isSupported.value && typeof screenOrientation.lock === \"function\") return screenOrientation.lock(type);\n\t\treturn Promise.reject(/* @__PURE__ */ new Error(\"Not supported\"));\n\t};\n\tconst unlockOrientation = () => {\n\t\tif (isSupported.value && typeof screenOrientation.unlock === \"function\") screenOrientation.unlock();\n\t};\n\treturn {\n\t\tisSupported,\n\t\torientation,\n\t\tangle,\n\t\tlockOrientation,\n\t\tunlockOrientation\n\t};\n}\n\n//#endregion\n//#region useParallax/index.ts\n/**\n* Create parallax effect easily. It uses `useDeviceOrientation` and fallback to `useMouse`\n* if orientation is not supported.\n*\n* @param target\n* @param options\n*/\nfunction useParallax(target, options = {}) {\n\tconst { deviceOrientationTiltAdjust = (i) => i, deviceOrientationRollAdjust = (i) => i, mouseTiltAdjust = (i) => i, mouseRollAdjust = (i) => i, window: window$1 = defaultWindow } = options;\n\tconst orientation = reactive(useDeviceOrientation({ window: window$1 }));\n\tconst screenOrientation = reactive(useScreenOrientation({ window: window$1 }));\n\tconst { elementX: x, elementY: y, elementWidth: width, elementHeight: height } = useMouseInElement(target, {\n\t\thandleOutside: false,\n\t\twindow: window$1\n\t});\n\tconst source = computed(() => {\n\t\tif (orientation.isSupported && (orientation.alpha != null && orientation.alpha !== 0 || orientation.gamma != null && orientation.gamma !== 0)) return \"deviceOrientation\";\n\t\treturn \"mouse\";\n\t});\n\treturn {\n\t\troll: computed(() => {\n\t\t\tif (source.value === \"deviceOrientation\") {\n\t\t\t\tlet value;\n\t\t\t\tswitch (screenOrientation.orientation) {\n\t\t\t\t\tcase \"landscape-primary\":\n\t\t\t\t\t\tvalue = orientation.gamma / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"landscape-secondary\":\n\t\t\t\t\t\tvalue = -orientation.gamma / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"portrait-primary\":\n\t\t\t\t\t\tvalue = -orientation.beta / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"portrait-secondary\":\n\t\t\t\t\t\tvalue = orientation.beta / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault: value = -orientation.beta / 90;\n\t\t\t\t}\n\t\t\t\treturn deviceOrientationRollAdjust(value);\n\t\t\t} else return mouseRollAdjust(-(y.value - height.value / 2) / height.value);\n\t\t}),\n\t\ttilt: computed(() => {\n\t\t\tif (source.value === \"deviceOrientation\") {\n\t\t\t\tlet value;\n\t\t\t\tswitch (screenOrientation.orientation) {\n\t\t\t\t\tcase \"landscape-primary\":\n\t\t\t\t\t\tvalue = orientation.beta / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"landscape-secondary\":\n\t\t\t\t\t\tvalue = -orientation.beta / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"portrait-primary\":\n\t\t\t\t\t\tvalue = orientation.gamma / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"portrait-secondary\":\n\t\t\t\t\t\tvalue = -orientation.gamma / 90;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault: value = orientation.gamma / 90;\n\t\t\t\t}\n\t\t\t\treturn deviceOrientationTiltAdjust(value);\n\t\t\t} else return mouseTiltAdjust((x.value - width.value / 2) / width.value);\n\t\t}),\n\t\tsource\n\t};\n}\n\n//#endregion\n//#region useParentElement/index.ts\nfunction useParentElement(element = useCurrentElement()) {\n\tconst parentElement = shallowRef();\n\tconst update = () => {\n\t\tconst el = unrefElement(element);\n\t\tif (el) parentElement.value = el.parentElement;\n\t};\n\ttryOnMounted(update);\n\twatch(() => toValue(element), update);\n\treturn parentElement;\n}\n\n//#endregion\n//#region usePerformanceObserver/index.ts\n/**\n* Observe performance metrics.\n*\n* @see https://vueuse.org/usePerformanceObserver\n* @param options\n*/\nfunction usePerformanceObserver(options, callback) {\n\tconst { window: window$1 = defaultWindow, immediate = true,...performanceOptions } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => window$1 && \"PerformanceObserver\" in window$1);\n\tlet observer;\n\tconst stop = () => {\n\t\tobserver === null || observer === void 0 || observer.disconnect();\n\t};\n\tconst start = () => {\n\t\tif (isSupported.value) {\n\t\t\tstop();\n\t\t\tobserver = new PerformanceObserver(callback);\n\t\t\tobserver.observe(performanceOptions);\n\t\t}\n\t};\n\ttryOnScopeDispose(stop);\n\tif (immediate) start();\n\treturn {\n\t\tisSupported,\n\t\tstart,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region usePointer/index.ts\nconst defaultState = {\n\tx: 0,\n\ty: 0,\n\tpointerId: 0,\n\tpressure: 0,\n\ttiltX: 0,\n\ttiltY: 0,\n\twidth: 0,\n\theight: 0,\n\ttwist: 0,\n\tpointerType: null\n};\nconst keys = /* @__PURE__ */ Object.keys(defaultState);\n/**\n* Reactive pointer state.\n*\n* @see https://vueuse.org/usePointer\n* @param options\n*/\nfunction usePointer(options = {}) {\n\tconst { target = defaultWindow } = options;\n\tconst isInside = shallowRef(false);\n\tconst state = shallowRef(options.initialValue || {});\n\tObject.assign(state.value, defaultState, state.value);\n\tconst handler = (event) => {\n\t\tisInside.value = true;\n\t\tif (options.pointerTypes && !options.pointerTypes.includes(event.pointerType)) return;\n\t\tstate.value = objectPick(event, keys, false);\n\t};\n\tif (target) {\n\t\tconst listenerOptions = { passive: true };\n\t\tuseEventListener(target, [\n\t\t\t\"pointerdown\",\n\t\t\t\"pointermove\",\n\t\t\t\"pointerup\"\n\t\t], handler, listenerOptions);\n\t\tuseEventListener(target, \"pointerleave\", () => isInside.value = false, listenerOptions);\n\t}\n\treturn {\n\t\t...toRefs(state),\n\t\tisInside\n\t};\n}\n\n//#endregion\n//#region usePointerLock/index.ts\n/**\n* Reactive pointer lock.\n*\n* @see https://vueuse.org/usePointerLock\n* @param target\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePointerLock(target, options = {}) {\n\tconst { document: document$1 = defaultDocument } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => document$1 && \"pointerLockElement\" in document$1);\n\tconst element = shallowRef();\n\tconst triggerElement = shallowRef();\n\tlet targetElement;\n\tif (isSupported.value) {\n\t\tconst listenerOptions = { passive: true };\n\t\tuseEventListener(document$1, \"pointerlockchange\", () => {\n\t\t\tvar _pointerLockElement;\n\t\t\tconst currentElement = (_pointerLockElement = document$1.pointerLockElement) !== null && _pointerLockElement !== void 0 ? _pointerLockElement : element.value;\n\t\t\tif (targetElement && currentElement === targetElement) {\n\t\t\t\telement.value = document$1.pointerLockElement;\n\t\t\t\tif (!element.value) targetElement = triggerElement.value = null;\n\t\t\t}\n\t\t}, listenerOptions);\n\t\tuseEventListener(document$1, \"pointerlockerror\", () => {\n\t\t\tvar _pointerLockElement2;\n\t\t\tconst currentElement = (_pointerLockElement2 = document$1.pointerLockElement) !== null && _pointerLockElement2 !== void 0 ? _pointerLockElement2 : element.value;\n\t\t\tif (targetElement && currentElement === targetElement) {\n\t\t\t\tconst action = document$1.pointerLockElement ? \"release\" : \"acquire\";\n\t\t\t\tthrow new Error(`Failed to ${action} pointer lock.`);\n\t\t\t}\n\t\t}, listenerOptions);\n\t}\n\tasync function lock(e) {\n\t\tvar _unrefElement;\n\t\tif (!isSupported.value) throw new Error(\"Pointer Lock API is not supported by your browser.\");\n\t\ttriggerElement.value = e instanceof Event ? e.currentTarget : null;\n\t\ttargetElement = e instanceof Event ? (_unrefElement = unrefElement(target)) !== null && _unrefElement !== void 0 ? _unrefElement : triggerElement.value : unrefElement(e);\n\t\tif (!targetElement) throw new Error(\"Target element undefined.\");\n\t\ttargetElement.requestPointerLock();\n\t\treturn await until(element).toBe(targetElement);\n\t}\n\tasync function unlock() {\n\t\tif (!element.value) return false;\n\t\tdocument$1.exitPointerLock();\n\t\tawait until(element).toBeNull();\n\t\treturn true;\n\t}\n\treturn {\n\t\tisSupported,\n\t\telement,\n\t\ttriggerElement,\n\t\tlock,\n\t\tunlock\n\t};\n}\n\n//#endregion\n//#region usePointerSwipe/index.ts\n/**\n* Reactive swipe detection based on PointerEvents.\n*\n* @see https://vueuse.org/usePointerSwipe\n* @param target\n* @param options\n*/\nfunction usePointerSwipe(target, options = {}) {\n\tconst targetRef = toRef(target);\n\tconst { threshold = 50, onSwipe, onSwipeEnd, onSwipeStart, disableTextSelect = false } = options;\n\tconst posStart = reactive({\n\t\tx: 0,\n\t\ty: 0\n\t});\n\tconst updatePosStart = (x, y) => {\n\t\tposStart.x = x;\n\t\tposStart.y = y;\n\t};\n\tconst posEnd = reactive({\n\t\tx: 0,\n\t\ty: 0\n\t});\n\tconst updatePosEnd = (x, y) => {\n\t\tposEnd.x = x;\n\t\tposEnd.y = y;\n\t};\n\tconst distanceX = computed(() => posStart.x - posEnd.x);\n\tconst distanceY = computed(() => posStart.y - posEnd.y);\n\tconst { max, abs } = Math;\n\tconst isThresholdExceeded = computed(() => max(abs(distanceX.value), abs(distanceY.value)) >= threshold);\n\tconst isSwiping = shallowRef(false);\n\tconst isPointerDown = shallowRef(false);\n\tconst direction = computed(() => {\n\t\tif (!isThresholdExceeded.value) return \"none\";\n\t\tif (abs(distanceX.value) > abs(distanceY.value)) return distanceX.value > 0 ? \"left\" : \"right\";\n\t\telse return distanceY.value > 0 ? \"up\" : \"down\";\n\t});\n\tconst eventIsAllowed = (e) => {\n\t\tvar _ref, _options$pointerTypes, _options$pointerTypes2;\n\t\tconst isReleasingButton = e.buttons === 0;\n\t\tconst isPrimaryButton = e.buttons === 1;\n\t\treturn (_ref = (_options$pointerTypes = (_options$pointerTypes2 = options.pointerTypes) === null || _options$pointerTypes2 === void 0 ? void 0 : _options$pointerTypes2.includes(e.pointerType)) !== null && _options$pointerTypes !== void 0 ? _options$pointerTypes : isReleasingButton || isPrimaryButton) !== null && _ref !== void 0 ? _ref : true;\n\t};\n\tconst listenerOptions = { passive: true };\n\tconst stops = [\n\t\tuseEventListener(target, \"pointerdown\", (e) => {\n\t\t\tif (!eventIsAllowed(e)) return;\n\t\t\tisPointerDown.value = true;\n\t\t\tconst eventTarget = e.target;\n\t\t\teventTarget === null || eventTarget === void 0 || eventTarget.setPointerCapture(e.pointerId);\n\t\t\tconst { clientX: x, clientY: y } = e;\n\t\t\tupdatePosStart(x, y);\n\t\t\tupdatePosEnd(x, y);\n\t\t\tonSwipeStart === null || onSwipeStart === void 0 || onSwipeStart(e);\n\t\t}, listenerOptions),\n\t\tuseEventListener(target, \"pointermove\", (e) => {\n\t\t\tif (!eventIsAllowed(e)) return;\n\t\t\tif (!isPointerDown.value) return;\n\t\t\tconst { clientX: x, clientY: y } = e;\n\t\t\tupdatePosEnd(x, y);\n\t\t\tif (!isSwiping.value && isThresholdExceeded.value) isSwiping.value = true;\n\t\t\tif (isSwiping.value) onSwipe === null || onSwipe === void 0 || onSwipe(e);\n\t\t}, listenerOptions),\n\t\tuseEventListener(target, \"pointerup\", (e) => {\n\t\t\tif (!eventIsAllowed(e)) return;\n\t\t\tif (isSwiping.value) onSwipeEnd === null || onSwipeEnd === void 0 || onSwipeEnd(e, direction.value);\n\t\t\tisPointerDown.value = false;\n\t\t\tisSwiping.value = false;\n\t\t}, listenerOptions)\n\t];\n\ttryOnMounted(() => {\n\t\tvar _targetRef$value;\n\t\t(_targetRef$value = targetRef.value) === null || _targetRef$value === void 0 || (_targetRef$value = _targetRef$value.style) === null || _targetRef$value === void 0 || _targetRef$value.setProperty(\"touch-action\", \"pan-y\");\n\t\tif (disableTextSelect) {\n\t\t\tvar _targetRef$value2, _targetRef$value3, _targetRef$value4;\n\t\t\t(_targetRef$value2 = targetRef.value) === null || _targetRef$value2 === void 0 || (_targetRef$value2 = _targetRef$value2.style) === null || _targetRef$value2 === void 0 || _targetRef$value2.setProperty(\"-webkit-user-select\", \"none\");\n\t\t\t(_targetRef$value3 = targetRef.value) === null || _targetRef$value3 === void 0 || (_targetRef$value3 = _targetRef$value3.style) === null || _targetRef$value3 === void 0 || _targetRef$value3.setProperty(\"-ms-user-select\", \"none\");\n\t\t\t(_targetRef$value4 = targetRef.value) === null || _targetRef$value4 === void 0 || (_targetRef$value4 = _targetRef$value4.style) === null || _targetRef$value4 === void 0 || _targetRef$value4.setProperty(\"user-select\", \"none\");\n\t\t}\n\t});\n\tconst stop = () => stops.forEach((s) => s());\n\treturn {\n\t\tisSwiping: readonly(isSwiping),\n\t\tdirection: readonly(direction),\n\t\tposStart: readonly(posStart),\n\t\tposEnd: readonly(posEnd),\n\t\tdistanceX,\n\t\tdistanceY,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region usePreferredColorScheme/index.ts\n/**\n* Reactive prefers-color-scheme media query.\n*\n* @see https://vueuse.org/usePreferredColorScheme\n* @param [options]\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePreferredColorScheme(options) {\n\tconst isLight = useMediaQuery(\"(prefers-color-scheme: light)\", options);\n\tconst isDark = useMediaQuery(\"(prefers-color-scheme: dark)\", options);\n\treturn computed(() => {\n\t\tif (isDark.value) return \"dark\";\n\t\tif (isLight.value) return \"light\";\n\t\treturn \"no-preference\";\n\t});\n}\n\n//#endregion\n//#region usePreferredContrast/index.ts\n/**\n* Reactive prefers-contrast media query.\n*\n* @see https://vueuse.org/usePreferredContrast\n* @param [options]\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePreferredContrast(options) {\n\tconst isMore = useMediaQuery(\"(prefers-contrast: more)\", options);\n\tconst isLess = useMediaQuery(\"(prefers-contrast: less)\", options);\n\tconst isCustom = useMediaQuery(\"(prefers-contrast: custom)\", options);\n\treturn computed(() => {\n\t\tif (isMore.value) return \"more\";\n\t\tif (isLess.value) return \"less\";\n\t\tif (isCustom.value) return \"custom\";\n\t\treturn \"no-preference\";\n\t});\n}\n\n//#endregion\n//#region usePreferredLanguages/index.ts\n/**\n* Reactive Navigator Languages.\n*\n* @see https://vueuse.org/usePreferredLanguages\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePreferredLanguages(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tif (!window$1) return shallowRef([\"en\"]);\n\tconst navigator$1 = window$1.navigator;\n\tconst value = shallowRef(navigator$1.languages);\n\tuseEventListener(window$1, \"languagechange\", () => {\n\t\tvalue.value = navigator$1.languages;\n\t}, { passive: true });\n\treturn value;\n}\n\n//#endregion\n//#region usePreferredReducedMotion/index.ts\n/**\n* Reactive prefers-reduced-motion media query.\n*\n* @see https://vueuse.org/usePreferredReducedMotion\n* @param [options]\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePreferredReducedMotion(options) {\n\tconst isReduced = useMediaQuery(\"(prefers-reduced-motion: reduce)\", options);\n\treturn computed(() => {\n\t\tif (isReduced.value) return \"reduce\";\n\t\treturn \"no-preference\";\n\t});\n}\n\n//#endregion\n//#region usePreferredReducedTransparency/index.ts\n/**\n* Reactive prefers-reduced-transparency media query.\n*\n* @see https://vueuse.org/usePreferredReducedTransparency\n* @param [options]\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction usePreferredReducedTransparency(options) {\n\tconst isReduced = useMediaQuery(\"(prefers-reduced-transparency: reduce)\", options);\n\treturn computed(() => {\n\t\tif (isReduced.value) return \"reduce\";\n\t\treturn \"no-preference\";\n\t});\n}\n\n//#endregion\n//#region usePrevious/index.ts\nfunction usePrevious(value, initialValue) {\n\tconst previous = shallowRef(initialValue);\n\twatch(toRef(value), (_, oldValue) => {\n\t\tprevious.value = oldValue;\n\t}, { flush: \"sync\" });\n\treturn readonly(previous);\n}\n\n//#endregion\n//#region useScreenSafeArea/index.ts\nconst topVarName = \"--vueuse-safe-area-top\";\nconst rightVarName = \"--vueuse-safe-area-right\";\nconst bottomVarName = \"--vueuse-safe-area-bottom\";\nconst leftVarName = \"--vueuse-safe-area-left\";\n/**\n* Reactive `env(safe-area-inset-*)`\n*\n* @see https://vueuse.org/useScreenSafeArea\n*/\nfunction useScreenSafeArea() {\n\tconst top = shallowRef(\"\");\n\tconst right = shallowRef(\"\");\n\tconst bottom = shallowRef(\"\");\n\tconst left = shallowRef(\"\");\n\tif (isClient) {\n\t\tconst topCssVar = useCssVar(topVarName);\n\t\tconst rightCssVar = useCssVar(rightVarName);\n\t\tconst bottomCssVar = useCssVar(bottomVarName);\n\t\tconst leftCssVar = useCssVar(leftVarName);\n\t\ttopCssVar.value = \"env(safe-area-inset-top, 0px)\";\n\t\trightCssVar.value = \"env(safe-area-inset-right, 0px)\";\n\t\tbottomCssVar.value = \"env(safe-area-inset-bottom, 0px)\";\n\t\tleftCssVar.value = \"env(safe-area-inset-left, 0px)\";\n\t\ttryOnMounted(update);\n\t\tuseEventListener(\"resize\", useDebounceFn(update), { passive: true });\n\t}\n\tfunction update() {\n\t\ttop.value = getValue(topVarName);\n\t\tright.value = getValue(rightVarName);\n\t\tbottom.value = getValue(bottomVarName);\n\t\tleft.value = getValue(leftVarName);\n\t}\n\treturn {\n\t\ttop,\n\t\tright,\n\t\tbottom,\n\t\tleft,\n\t\tupdate\n\t};\n}\nfunction getValue(position) {\n\treturn getComputedStyle(document.documentElement).getPropertyValue(position);\n}\n\n//#endregion\n//#region useScriptTag/index.ts\n/**\n* Async script tag loading.\n*\n* @see https://vueuse.org/useScriptTag\n* @param src\n* @param onLoaded\n* @param options\n*/\nfunction useScriptTag(src, onLoaded = noop, options = {}) {\n\tconst { immediate = true, manual = false, type = \"text/javascript\", async = true, crossOrigin, referrerPolicy, noModule, defer, document: document$1 = defaultDocument, attrs = {}, nonce = void 0 } = options;\n\tconst scriptTag = shallowRef(null);\n\tlet _promise = null;\n\t/**\n\t* Load the script specified via `src`.\n\t*\n\t* @param waitForScriptLoad Whether if the Promise should resolve once the \"load\" event is emitted by the <script> attribute, or right after appending it to the DOM.\n\t* @returns Promise<HTMLScriptElement>\n\t*/\n\tconst loadScript = (waitForScriptLoad) => new Promise((resolve, reject) => {\n\t\tconst resolveWithElement = (el$1) => {\n\t\t\tscriptTag.value = el$1;\n\t\t\tresolve(el$1);\n\t\t\treturn el$1;\n\t\t};\n\t\tif (!document$1) {\n\t\t\tresolve(false);\n\t\t\treturn;\n\t\t}\n\t\tlet shouldAppend = false;\n\t\tlet el = document$1.querySelector(`script[src=\"${toValue(src)}\"]`);\n\t\tif (!el) {\n\t\t\tel = document$1.createElement(\"script\");\n\t\t\tel.type = type;\n\t\t\tel.async = async;\n\t\t\tel.src = toValue(src);\n\t\t\tif (defer) el.defer = defer;\n\t\t\tif (crossOrigin) el.crossOrigin = crossOrigin;\n\t\t\tif (noModule) el.noModule = noModule;\n\t\t\tif (referrerPolicy) el.referrerPolicy = referrerPolicy;\n\t\t\tif (nonce) el.nonce = nonce;\n\t\t\tObject.entries(attrs).forEach(([name, value]) => el === null || el === void 0 ? void 0 : el.setAttribute(name, value));\n\t\t\tshouldAppend = true;\n\t\t} else if (el.hasAttribute(\"data-loaded\")) resolveWithElement(el);\n\t\tconst listenerOptions = { passive: true };\n\t\tuseEventListener(el, \"error\", (event) => reject(event), listenerOptions);\n\t\tuseEventListener(el, \"abort\", (event) => reject(event), listenerOptions);\n\t\tuseEventListener(el, \"load\", () => {\n\t\t\tel.setAttribute(\"data-loaded\", \"true\");\n\t\t\tonLoaded(el);\n\t\t\tresolveWithElement(el);\n\t\t}, listenerOptions);\n\t\tif (shouldAppend) el = document$1.head.appendChild(el);\n\t\tif (!waitForScriptLoad) resolveWithElement(el);\n\t});\n\t/**\n\t* Exposed singleton wrapper for `loadScript`, avoiding calling it twice.\n\t*\n\t* @param waitForScriptLoad Whether if the Promise should resolve once the \"load\" event is emitted by the <script> attribute, or right after appending it to the DOM.\n\t* @returns Promise<HTMLScriptElement>\n\t*/\n\tconst load = (waitForScriptLoad = true) => {\n\t\tif (!_promise) _promise = loadScript(waitForScriptLoad);\n\t\treturn _promise;\n\t};\n\t/**\n\t* Unload the script specified by `src`.\n\t*/\n\tconst unload = () => {\n\t\tif (!document$1) return;\n\t\t_promise = null;\n\t\tif (scriptTag.value) scriptTag.value = null;\n\t\tconst el = document$1.querySelector(`script[src=\"${toValue(src)}\"]`);\n\t\tif (el) document$1.head.removeChild(el);\n\t};\n\tif (immediate && !manual) tryOnMounted(load);\n\tif (!manual) tryOnUnmounted(unload);\n\treturn {\n\t\tscriptTag,\n\t\tload,\n\t\tunload\n\t};\n}\n\n//#endregion\n//#region useScrollLock/index.ts\nfunction checkOverflowScroll(ele) {\n\tconst style = window.getComputedStyle(ele);\n\tif (style.overflowX === \"scroll\" || style.overflowY === \"scroll\" || style.overflowX === \"auto\" && ele.clientWidth < ele.scrollWidth || style.overflowY === \"auto\" && ele.clientHeight < ele.scrollHeight) return true;\n\telse {\n\t\tconst parent = ele.parentNode;\n\t\tif (!parent || parent.tagName === \"BODY\") return false;\n\t\treturn checkOverflowScroll(parent);\n\t}\n}\nfunction preventDefault(rawEvent) {\n\tconst e = rawEvent || window.event;\n\tconst _target = e.target;\n\tif (checkOverflowScroll(_target)) return false;\n\tif (e.touches.length > 1) return true;\n\tif (e.preventDefault) e.preventDefault();\n\treturn false;\n}\nconst elInitialOverflow = /* @__PURE__ */ new WeakMap();\n/**\n* Lock scrolling of the element.\n*\n* @see https://vueuse.org/useScrollLock\n* @param element\n*/\nfunction useScrollLock(element, initialState = false) {\n\tconst isLocked = shallowRef(initialState);\n\tlet stopTouchMoveListener = null;\n\tlet initialOverflow = \"\";\n\twatch(toRef(element), (el) => {\n\t\tconst target = resolveElement(toValue(el));\n\t\tif (target) {\n\t\t\tconst ele = target;\n\t\t\tif (!elInitialOverflow.get(ele)) elInitialOverflow.set(ele, ele.style.overflow);\n\t\t\tif (ele.style.overflow !== \"hidden\") initialOverflow = ele.style.overflow;\n\t\t\tif (ele.style.overflow === \"hidden\") return isLocked.value = true;\n\t\t\tif (isLocked.value) return ele.style.overflow = \"hidden\";\n\t\t}\n\t}, { immediate: true });\n\tconst lock = () => {\n\t\tconst el = resolveElement(toValue(element));\n\t\tif (!el || isLocked.value) return;\n\t\tif (isIOS) stopTouchMoveListener = useEventListener(el, \"touchmove\", (e) => {\n\t\t\tpreventDefault(e);\n\t\t}, { passive: false });\n\t\tel.style.overflow = \"hidden\";\n\t\tisLocked.value = true;\n\t};\n\tconst unlock = () => {\n\t\tconst el = resolveElement(toValue(element));\n\t\tif (!el || !isLocked.value) return;\n\t\tif (isIOS) stopTouchMoveListener === null || stopTouchMoveListener === void 0 || stopTouchMoveListener();\n\t\tel.style.overflow = initialOverflow;\n\t\telInitialOverflow.delete(el);\n\t\tisLocked.value = false;\n\t};\n\ttryOnScopeDispose(unlock);\n\treturn computed({\n\t\tget() {\n\t\t\treturn isLocked.value;\n\t\t},\n\t\tset(v) {\n\t\t\tif (v) lock();\n\t\t\telse unlock();\n\t\t}\n\t});\n}\n\n//#endregion\n//#region useSessionStorage/index.ts\n/**\n* Reactive SessionStorage.\n*\n* @see https://vueuse.org/useSessionStorage\n* @param key\n* @param initialValue\n* @param options\n*/\nfunction useSessionStorage(key, initialValue, options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\treturn useStorage(key, initialValue, window$1 === null || window$1 === void 0 ? void 0 : window$1.sessionStorage, options);\n}\n\n//#endregion\n//#region useShare/index.ts\n/**\n* Reactive Web Share API.\n*\n* @see https://vueuse.org/useShare\n* @param shareOptions\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useShare(shareOptions = {}, options = {}) {\n\tconst { navigator: navigator$1 = defaultNavigator } = options;\n\tconst _navigator = navigator$1;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => _navigator && \"canShare\" in _navigator);\n\tconst share = async (overrideOptions = {}) => {\n\t\tif (isSupported.value) {\n\t\t\tconst data = {\n\t\t\t\t...toValue(shareOptions),\n\t\t\t\t...toValue(overrideOptions)\n\t\t\t};\n\t\t\tlet granted = false;\n\t\t\tif (_navigator.canShare) granted = _navigator.canShare(data);\n\t\t\tif (granted) return _navigator.share(data);\n\t\t}\n\t};\n\treturn {\n\t\tisSupported,\n\t\tshare\n\t};\n}\n\n//#endregion\n//#region useSorted/index.ts\nconst defaultSortFn = (source, compareFn) => source.sort(compareFn);\nconst defaultCompare = (a, b) => a - b;\nfunction useSorted(...args) {\n\tconst [source] = args;\n\tlet compareFn = defaultCompare;\n\tlet options = {};\n\tif (args.length === 2) if (typeof args[1] === \"object\") {\n\t\tvar _options$compareFn;\n\t\toptions = args[1];\n\t\tcompareFn = (_options$compareFn = options.compareFn) !== null && _options$compareFn !== void 0 ? _options$compareFn : defaultCompare;\n\t} else {\n\t\tvar _args$;\n\t\tcompareFn = (_args$ = args[1]) !== null && _args$ !== void 0 ? _args$ : defaultCompare;\n\t}\n\telse if (args.length > 2) {\n\t\tvar _args$2, _args$3;\n\t\tcompareFn = (_args$2 = args[1]) !== null && _args$2 !== void 0 ? _args$2 : defaultCompare;\n\t\toptions = (_args$3 = args[2]) !== null && _args$3 !== void 0 ? _args$3 : {};\n\t}\n\tconst { dirty = false, sortFn = defaultSortFn } = options;\n\tif (!dirty) return computed(() => sortFn([...toValue(source)], compareFn));\n\twatchEffect(() => {\n\t\tconst result = sortFn(toValue(source), compareFn);\n\t\tif (isRef(source)) source.value = result;\n\t\telse source.splice(0, source.length, ...result);\n\t});\n\treturn source;\n}\n\n//#endregion\n//#region useSpeechRecognition/index.ts\n/**\n* Reactive SpeechRecognition.\n*\n* @see https://vueuse.org/useSpeechRecognition\n* @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition SpeechRecognition\n* @param options\n*/\nfunction useSpeechRecognition(options = {}) {\n\tconst { interimResults = true, continuous = true, maxAlternatives = 1, window: window$1 = defaultWindow } = options;\n\tconst lang = toRef(options.lang || \"en-US\");\n\tconst isListening = shallowRef(false);\n\tconst isFinal = shallowRef(false);\n\tconst result = shallowRef(\"\");\n\tconst error = shallowRef(void 0);\n\tlet recognition;\n\tconst start = () => {\n\t\tisListening.value = true;\n\t};\n\tconst stop = () => {\n\t\tisListening.value = false;\n\t};\n\tconst toggle = (value = !isListening.value) => {\n\t\tif (value) start();\n\t\telse stop();\n\t};\n\tconst SpeechRecognition = window$1 && (window$1.SpeechRecognition || window$1.webkitSpeechRecognition);\n\tconst isSupported = /* @__PURE__ */ useSupported(() => SpeechRecognition);\n\tif (isSupported.value) {\n\t\trecognition = new SpeechRecognition();\n\t\trecognition.continuous = continuous;\n\t\trecognition.interimResults = interimResults;\n\t\trecognition.lang = toValue(lang);\n\t\trecognition.maxAlternatives = maxAlternatives;\n\t\trecognition.onstart = () => {\n\t\t\tisListening.value = true;\n\t\t\tisFinal.value = false;\n\t\t};\n\t\twatch(lang, (lang$1) => {\n\t\t\tif (recognition && !isListening.value) recognition.lang = lang$1;\n\t\t});\n\t\trecognition.onresult = (event) => {\n\t\t\tconst currentResult = event.results[event.resultIndex];\n\t\t\tconst { transcript } = currentResult[0];\n\t\t\tisFinal.value = currentResult.isFinal;\n\t\t\tresult.value = transcript;\n\t\t\terror.value = void 0;\n\t\t};\n\t\trecognition.onerror = (event) => {\n\t\t\terror.value = event;\n\t\t};\n\t\trecognition.onend = () => {\n\t\t\tisListening.value = false;\n\t\t\trecognition.lang = toValue(lang);\n\t\t};\n\t\twatch(isListening, (newValue, oldValue) => {\n\t\t\tif (newValue === oldValue) return;\n\t\t\ttry {\n\t\t\t\tif (newValue) recognition.start();\n\t\t\t\telse recognition.stop();\n\t\t\t} catch (err) {\n\t\t\t\terror.value = err;\n\t\t\t}\n\t\t});\n\t}\n\ttryOnScopeDispose(() => {\n\t\tstop();\n\t});\n\treturn {\n\t\tisSupported,\n\t\tisListening,\n\t\tisFinal,\n\t\trecognition,\n\t\tresult,\n\t\terror,\n\t\ttoggle,\n\t\tstart,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useSpeechSynthesis/index.ts\n/**\n* Reactive SpeechSynthesis.\n*\n* @see https://vueuse.org/useSpeechSynthesis\n* @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis SpeechSynthesis\n*/\nfunction useSpeechSynthesis(text, options = {}) {\n\tconst { pitch = 1, rate = 1, volume = 1, window: window$1 = defaultWindow, onBoundary } = options;\n\tconst synth = window$1 && window$1.speechSynthesis;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => synth);\n\tconst isPlaying = shallowRef(false);\n\tconst status = shallowRef(\"init\");\n\tconst spokenText = toRef(text || \"\");\n\tconst lang = toRef(options.lang || \"en-US\");\n\tconst error = shallowRef(void 0);\n\tconst toggle = (value = !isPlaying.value) => {\n\t\tisPlaying.value = value;\n\t};\n\tconst bindEventsForUtterance = (utterance$1) => {\n\t\tutterance$1.lang = toValue(lang);\n\t\tutterance$1.voice = toValue(options.voice) || null;\n\t\tutterance$1.pitch = toValue(pitch);\n\t\tutterance$1.rate = toValue(rate);\n\t\tutterance$1.volume = toValue(volume);\n\t\tutterance$1.onstart = () => {\n\t\t\tisPlaying.value = true;\n\t\t\tstatus.value = \"play\";\n\t\t};\n\t\tutterance$1.onpause = () => {\n\t\t\tisPlaying.value = false;\n\t\t\tstatus.value = \"pause\";\n\t\t};\n\t\tutterance$1.onresume = () => {\n\t\t\tisPlaying.value = true;\n\t\t\tstatus.value = \"play\";\n\t\t};\n\t\tutterance$1.onend = () => {\n\t\t\tisPlaying.value = false;\n\t\t\tstatus.value = \"end\";\n\t\t};\n\t\tutterance$1.onerror = (event) => {\n\t\t\terror.value = event;\n\t\t};\n\t\tutterance$1.onboundary = (event) => {\n\t\t\tonBoundary === null || onBoundary === void 0 || onBoundary(event);\n\t\t};\n\t};\n\tconst utterance = computed(() => {\n\t\tisPlaying.value = false;\n\t\tstatus.value = \"init\";\n\t\tconst newUtterance = new SpeechSynthesisUtterance(spokenText.value);\n\t\tbindEventsForUtterance(newUtterance);\n\t\treturn newUtterance;\n\t});\n\tconst speak = () => {\n\t\tsynth.cancel();\n\t\tif (utterance) synth.speak(utterance.value);\n\t};\n\tconst stop = () => {\n\t\tsynth.cancel();\n\t\tisPlaying.value = false;\n\t};\n\tif (isSupported.value) {\n\t\tbindEventsForUtterance(utterance.value);\n\t\twatch(lang, (lang$1) => {\n\t\t\tif (utterance.value && !isPlaying.value) utterance.value.lang = lang$1;\n\t\t});\n\t\tif (options.voice) watch(options.voice, () => {\n\t\t\tsynth.cancel();\n\t\t});\n\t\twatch(isPlaying, () => {\n\t\t\tif (isPlaying.value) synth.resume();\n\t\t\telse synth.pause();\n\t\t});\n\t}\n\ttryOnScopeDispose(() => {\n\t\tisPlaying.value = false;\n\t});\n\treturn {\n\t\tisSupported,\n\t\tisPlaying,\n\t\tstatus,\n\t\tutterance,\n\t\terror,\n\t\tstop,\n\t\ttoggle,\n\t\tspeak\n\t};\n}\n\n//#endregion\n//#region useStepper/index.ts\n/* @__NO_SIDE_EFFECTS__ */\nfunction useStepper(steps, initialStep) {\n\tconst stepsRef = ref(steps);\n\tconst stepNames = computed(() => Array.isArray(stepsRef.value) ? stepsRef.value : Object.keys(stepsRef.value));\n\tconst index = ref(stepNames.value.indexOf(initialStep !== null && initialStep !== void 0 ? initialStep : stepNames.value[0]));\n\tconst current = computed(() => at(index.value));\n\tconst isFirst = computed(() => index.value === 0);\n\tconst isLast = computed(() => index.value === stepNames.value.length - 1);\n\tconst next = computed(() => stepNames.value[index.value + 1]);\n\tconst previous = computed(() => stepNames.value[index.value - 1]);\n\tfunction at(index$1) {\n\t\tif (Array.isArray(stepsRef.value)) return stepsRef.value[index$1];\n\t\treturn stepsRef.value[stepNames.value[index$1]];\n\t}\n\tfunction get(step) {\n\t\tif (!stepNames.value.includes(step)) return;\n\t\treturn at(stepNames.value.indexOf(step));\n\t}\n\tfunction goTo(step) {\n\t\tif (stepNames.value.includes(step)) index.value = stepNames.value.indexOf(step);\n\t}\n\tfunction goToNext() {\n\t\tif (isLast.value) return;\n\t\tindex.value++;\n\t}\n\tfunction goToPrevious() {\n\t\tif (isFirst.value) return;\n\t\tindex.value--;\n\t}\n\tfunction goBackTo(step) {\n\t\tif (isAfter(step)) goTo(step);\n\t}\n\tfunction isNext(step) {\n\t\treturn stepNames.value.indexOf(step) === index.value + 1;\n\t}\n\tfunction isPrevious(step) {\n\t\treturn stepNames.value.indexOf(step) === index.value - 1;\n\t}\n\tfunction isCurrent(step) {\n\t\treturn stepNames.value.indexOf(step) === index.value;\n\t}\n\tfunction isBefore(step) {\n\t\treturn index.value < stepNames.value.indexOf(step);\n\t}\n\tfunction isAfter(step) {\n\t\treturn index.value > stepNames.value.indexOf(step);\n\t}\n\treturn {\n\t\tsteps: stepsRef,\n\t\tstepNames,\n\t\tindex,\n\t\tcurrent,\n\t\tnext,\n\t\tprevious,\n\t\tisFirst,\n\t\tisLast,\n\t\tat,\n\t\tget,\n\t\tgoTo,\n\t\tgoToNext,\n\t\tgoToPrevious,\n\t\tgoBackTo,\n\t\tisNext,\n\t\tisPrevious,\n\t\tisCurrent,\n\t\tisBefore,\n\t\tisAfter\n\t};\n}\n\n//#endregion\n//#region useStorageAsync/index.ts\n/**\n* Reactive Storage in with async support.\n*\n* @see https://vueuse.org/useStorageAsync\n* @param key\n* @param initialValue\n* @param storage\n* @param options\n*/\nfunction useStorageAsync(key, initialValue, storage, options = {}) {\n\tvar _options$serializer;\n\tconst { flush = \"pre\", deep = true, listenToStorageChanges = true, writeDefaults = true, mergeDefaults = false, shallow, window: window$1 = defaultWindow, eventFilter, onError = (e) => {\n\t\tconsole.error(e);\n\t}, onReady } = options;\n\tconst rawInit = toValue(initialValue);\n\tconst type = guessSerializerType(rawInit);\n\tconst data = (shallow ? shallowRef : ref)(toValue(initialValue));\n\tconst serializer = (_options$serializer = options.serializer) !== null && _options$serializer !== void 0 ? _options$serializer : StorageSerializers[type];\n\tif (!storage) try {\n\t\tstorage = getSSRHandler(\"getDefaultStorageAsync\", () => defaultWindow === null || defaultWindow === void 0 ? void 0 : defaultWindow.localStorage)();\n\t} catch (e) {\n\t\tonError(e);\n\t}\n\tasync function read(event) {\n\t\tif (!storage || event && event.key !== key) return;\n\t\ttry {\n\t\t\tconst rawValue = event ? event.newValue : await storage.getItem(key);\n\t\t\tif (rawValue == null) {\n\t\t\t\tdata.value = rawInit;\n\t\t\t\tif (writeDefaults && rawInit !== null) await storage.setItem(key, await serializer.write(rawInit));\n\t\t\t} else if (mergeDefaults) {\n\t\t\t\tconst value = await serializer.read(rawValue);\n\t\t\t\tif (typeof mergeDefaults === \"function\") data.value = mergeDefaults(value, rawInit);\n\t\t\t\telse if (type === \"object\" && !Array.isArray(value)) data.value = {\n\t\t\t\t\t...rawInit,\n\t\t\t\t\t...value\n\t\t\t\t};\n\t\t\t\telse data.value = value;\n\t\t\t} else data.value = await serializer.read(rawValue);\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t}\n\t}\n\tconst promise = new Promise((resolve) => {\n\t\tread().then(() => {\n\t\t\tonReady === null || onReady === void 0 || onReady(data.value);\n\t\t\tresolve(data);\n\t\t});\n\t});\n\tif (window$1 && listenToStorageChanges) useEventListener(window$1, \"storage\", (e) => Promise.resolve().then(() => read(e)), { passive: true });\n\tif (storage) watchWithFilter(data, async () => {\n\t\ttry {\n\t\t\tif (data.value == null) await storage.removeItem(key);\n\t\t\telse await storage.setItem(key, await serializer.write(data.value));\n\t\t} catch (e) {\n\t\t\tonError(e);\n\t\t}\n\t}, {\n\t\tflush,\n\t\tdeep,\n\t\teventFilter\n\t});\n\tObject.assign(data, {\n\t\tthen: promise.then.bind(promise),\n\t\tcatch: promise.catch.bind(promise)\n\t});\n\treturn data;\n}\n\n//#endregion\n//#region useStyleTag/index.ts\nlet _id = 0;\n/**\n* Inject <style> element in head.\n*\n* Overload: Omitted id\n*\n* @see https://vueuse.org/useStyleTag\n* @param css\n* @param options\n*/\nfunction useStyleTag(css, options = {}) {\n\tconst isLoaded = shallowRef(false);\n\tconst { document: document$1 = defaultDocument, immediate = true, manual = false, id = `vueuse_styletag_${++_id}` } = options;\n\tconst cssRef = shallowRef(css);\n\tlet stop = () => {};\n\tconst load = () => {\n\t\tif (!document$1) return;\n\t\tconst el = document$1.getElementById(id) || document$1.createElement(\"style\");\n\t\tif (!el.isConnected) {\n\t\t\tel.id = id;\n\t\t\tif (options.nonce) el.nonce = options.nonce;\n\t\t\tif (options.media) el.media = options.media;\n\t\t\tdocument$1.head.appendChild(el);\n\t\t}\n\t\tif (isLoaded.value) return;\n\t\tstop = watch(cssRef, (value) => {\n\t\t\tel.textContent = value;\n\t\t}, { immediate: true });\n\t\tisLoaded.value = true;\n\t};\n\tconst unload = () => {\n\t\tif (!document$1 || !isLoaded.value) return;\n\t\tstop();\n\t\tdocument$1.head.removeChild(document$1.getElementById(id));\n\t\tisLoaded.value = false;\n\t};\n\tif (immediate && !manual) tryOnMounted(load);\n\tif (!manual) tryOnScopeDispose(unload);\n\treturn {\n\t\tid,\n\t\tcss: cssRef,\n\t\tunload,\n\t\tload,\n\t\tisLoaded: readonly(isLoaded)\n\t};\n}\n\n//#endregion\n//#region useSwipe/index.ts\n/**\n* Reactive swipe detection.\n*\n* @see https://vueuse.org/useSwipe\n* @param target\n* @param options\n*/\nfunction useSwipe(target, options = {}) {\n\tconst { threshold = 50, onSwipe, onSwipeEnd, onSwipeStart, passive = true } = options;\n\tconst coordsStart = reactive({\n\t\tx: 0,\n\t\ty: 0\n\t});\n\tconst coordsEnd = reactive({\n\t\tx: 0,\n\t\ty: 0\n\t});\n\tconst diffX = computed(() => coordsStart.x - coordsEnd.x);\n\tconst diffY = computed(() => coordsStart.y - coordsEnd.y);\n\tconst { max, abs } = Math;\n\tconst isThresholdExceeded = computed(() => max(abs(diffX.value), abs(diffY.value)) >= threshold);\n\tconst isSwiping = shallowRef(false);\n\tconst direction = computed(() => {\n\t\tif (!isThresholdExceeded.value) return \"none\";\n\t\tif (abs(diffX.value) > abs(diffY.value)) return diffX.value > 0 ? \"left\" : \"right\";\n\t\telse return diffY.value > 0 ? \"up\" : \"down\";\n\t});\n\tconst getTouchEventCoords = (e) => [e.touches[0].clientX, e.touches[0].clientY];\n\tconst updateCoordsStart = (x, y) => {\n\t\tcoordsStart.x = x;\n\t\tcoordsStart.y = y;\n\t};\n\tconst updateCoordsEnd = (x, y) => {\n\t\tcoordsEnd.x = x;\n\t\tcoordsEnd.y = y;\n\t};\n\tconst listenerOptions = {\n\t\tpassive,\n\t\tcapture: !passive\n\t};\n\tconst onTouchEnd = (e) => {\n\t\tif (isSwiping.value) onSwipeEnd === null || onSwipeEnd === void 0 || onSwipeEnd(e, direction.value);\n\t\tisSwiping.value = false;\n\t};\n\tconst stops = [\n\t\tuseEventListener(target, \"touchstart\", (e) => {\n\t\t\tif (e.touches.length !== 1) return;\n\t\t\tconst [x, y] = getTouchEventCoords(e);\n\t\t\tupdateCoordsStart(x, y);\n\t\t\tupdateCoordsEnd(x, y);\n\t\t\tonSwipeStart === null || onSwipeStart === void 0 || onSwipeStart(e);\n\t\t}, listenerOptions),\n\t\tuseEventListener(target, \"touchmove\", (e) => {\n\t\t\tif (e.touches.length !== 1) return;\n\t\t\tconst [x, y] = getTouchEventCoords(e);\n\t\t\tupdateCoordsEnd(x, y);\n\t\t\tif (listenerOptions.capture && !listenerOptions.passive && Math.abs(diffX.value) > Math.abs(diffY.value)) e.preventDefault();\n\t\t\tif (!isSwiping.value && isThresholdExceeded.value) isSwiping.value = true;\n\t\t\tif (isSwiping.value) onSwipe === null || onSwipe === void 0 || onSwipe(e);\n\t\t}, listenerOptions),\n\t\tuseEventListener(target, [\"touchend\", \"touchcancel\"], onTouchEnd, listenerOptions)\n\t];\n\tconst stop = () => stops.forEach((s) => s());\n\treturn {\n\t\tisSwiping,\n\t\tdirection,\n\t\tcoordsStart,\n\t\tcoordsEnd,\n\t\tlengthX: diffX,\n\t\tlengthY: diffY,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useTemplateRefsList/index.ts\n/* @__NO_SIDE_EFFECTS__ */\nfunction useTemplateRefsList() {\n\tconst refs = ref([]);\n\trefs.value.set = (el) => {\n\t\tif (el) refs.value.push(el);\n\t};\n\tonBeforeUpdate(() => {\n\t\trefs.value.length = 0;\n\t});\n\treturn refs;\n}\n\n//#endregion\n//#region useTextDirection/index.ts\n/**\n* Reactive dir of the element's text.\n*\n* @see https://vueuse.org/useTextDirection\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useTextDirection(options = {}) {\n\tconst { document: document$1 = defaultDocument, selector = \"html\", observe = false, initialValue = \"ltr\" } = options;\n\tfunction getValue$1() {\n\t\tvar _ref, _document$querySelect;\n\t\treturn (_ref = document$1 === null || document$1 === void 0 || (_document$querySelect = document$1.querySelector(selector)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute(\"dir\")) !== null && _ref !== void 0 ? _ref : initialValue;\n\t}\n\tconst dir = ref(getValue$1());\n\ttryOnMounted(() => dir.value = getValue$1());\n\tif (observe && document$1) useMutationObserver(document$1.querySelector(selector), () => dir.value = getValue$1(), { attributes: true });\n\treturn computed({\n\t\tget() {\n\t\t\treturn dir.value;\n\t\t},\n\t\tset(v) {\n\t\t\tvar _document$querySelect2, _document$querySelect3;\n\t\t\tdir.value = v;\n\t\t\tif (!document$1) return;\n\t\t\tif (dir.value) (_document$querySelect2 = document$1.querySelector(selector)) === null || _document$querySelect2 === void 0 || _document$querySelect2.setAttribute(\"dir\", dir.value);\n\t\t\telse (_document$querySelect3 = document$1.querySelector(selector)) === null || _document$querySelect3 === void 0 || _document$querySelect3.removeAttribute(\"dir\");\n\t\t}\n\t});\n}\n\n//#endregion\n//#region useTextSelection/index.ts\nfunction getRangesFromSelection(selection) {\n\tvar _selection$rangeCount;\n\tconst rangeCount = (_selection$rangeCount = selection.rangeCount) !== null && _selection$rangeCount !== void 0 ? _selection$rangeCount : 0;\n\treturn Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n}\n/**\n* Reactively track user text selection based on [`Window.getSelection`](https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection).\n*\n* @see https://vueuse.org/useTextSelection\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useTextSelection(options = {}) {\n\tvar _window$getSelection;\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst selection = shallowRef((_window$getSelection = window$1 === null || window$1 === void 0 ? void 0 : window$1.getSelection()) !== null && _window$getSelection !== void 0 ? _window$getSelection : null);\n\tconst text = computed(() => {\n\t\tvar _selection$value$toSt, _selection$value;\n\t\treturn (_selection$value$toSt = (_selection$value = selection.value) === null || _selection$value === void 0 ? void 0 : _selection$value.toString()) !== null && _selection$value$toSt !== void 0 ? _selection$value$toSt : \"\";\n\t});\n\tconst ranges = computed(() => selection.value ? getRangesFromSelection(selection.value) : []);\n\tconst rects = computed(() => ranges.value.map((range) => range.getBoundingClientRect()));\n\tfunction onSelectionChange() {\n\t\tselection.value = null;\n\t\tif (window$1) selection.value = window$1.getSelection();\n\t}\n\tif (window$1) useEventListener(window$1.document, \"selectionchange\", onSelectionChange, { passive: true });\n\treturn {\n\t\ttext,\n\t\trects,\n\t\tranges,\n\t\tselection\n\t};\n}\n\n//#endregion\n//#region useTextareaAutosize/index.ts\n/**\n* Call window.requestAnimationFrame(), if not available, just call the function\n*\n* @param window\n* @param fn\n*/\nfunction tryRequestAnimationFrame(window$1 = defaultWindow, fn) {\n\tif (window$1 && typeof window$1.requestAnimationFrame === \"function\") window$1.requestAnimationFrame(fn);\n\telse fn();\n}\nfunction useTextareaAutosize(options = {}) {\n\tvar _options$input, _options$styleProp;\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst textarea = toRef(options === null || options === void 0 ? void 0 : options.element);\n\tconst input = toRef((_options$input = options === null || options === void 0 ? void 0 : options.input) !== null && _options$input !== void 0 ? _options$input : \"\");\n\tconst styleProp = (_options$styleProp = options === null || options === void 0 ? void 0 : options.styleProp) !== null && _options$styleProp !== void 0 ? _options$styleProp : \"height\";\n\tconst textareaScrollHeight = shallowRef(1);\n\tconst textareaOldWidth = shallowRef(0);\n\tfunction triggerResize() {\n\t\tvar _textarea$value;\n\t\tif (!textarea.value) return;\n\t\tlet height = \"\";\n\t\ttextarea.value.style[styleProp] = \"1px\";\n\t\ttextareaScrollHeight.value = (_textarea$value = textarea.value) === null || _textarea$value === void 0 ? void 0 : _textarea$value.scrollHeight;\n\t\tconst _styleTarget = toValue(options === null || options === void 0 ? void 0 : options.styleTarget);\n\t\tif (_styleTarget) _styleTarget.style[styleProp] = `${textareaScrollHeight.value}px`;\n\t\telse height = `${textareaScrollHeight.value}px`;\n\t\ttextarea.value.style[styleProp] = height;\n\t}\n\twatch([input, textarea], () => nextTick(triggerResize), { immediate: true });\n\twatch(textareaScrollHeight, () => {\n\t\tvar _options$onResize;\n\t\treturn options === null || options === void 0 || (_options$onResize = options.onResize) === null || _options$onResize === void 0 ? void 0 : _options$onResize.call(options);\n\t});\n\tuseResizeObserver(textarea, ([{ contentRect }]) => {\n\t\tif (textareaOldWidth.value === contentRect.width) return;\n\t\ttryRequestAnimationFrame(window$1, () => {\n\t\t\ttextareaOldWidth.value = contentRect.width;\n\t\t\ttriggerResize();\n\t\t});\n\t});\n\tif (options === null || options === void 0 ? void 0 : options.watch) watch(options.watch, triggerResize, {\n\t\timmediate: true,\n\t\tdeep: true\n\t});\n\treturn {\n\t\ttextarea,\n\t\tinput,\n\t\ttriggerResize\n\t};\n}\n\n//#endregion\n//#region useThrottledRefHistory/index.ts\n/**\n* Shorthand for [useRefHistory](https://vueuse.org/useRefHistory) with throttled filter.\n*\n* @see https://vueuse.org/useThrottledRefHistory\n* @param source\n* @param options\n*/\nfunction useThrottledRefHistory(source, options = {}) {\n\tconst { throttle = 200, trailing = true } = options;\n\tconst filter = throttleFilter(throttle, trailing);\n\treturn { ...useRefHistory(source, {\n\t\t...options,\n\t\teventFilter: filter\n\t}) };\n}\n\n//#endregion\n//#region useTimeAgo/index.ts\nconst DEFAULT_UNITS = [\n\t{\n\t\tmax: 6e4,\n\t\tvalue: 1e3,\n\t\tname: \"second\"\n\t},\n\t{\n\t\tmax: 276e4,\n\t\tvalue: 6e4,\n\t\tname: \"minute\"\n\t},\n\t{\n\t\tmax: 72e6,\n\t\tvalue: 36e5,\n\t\tname: \"hour\"\n\t},\n\t{\n\t\tmax: 5184e5,\n\t\tvalue: 864e5,\n\t\tname: \"day\"\n\t},\n\t{\n\t\tmax: 24192e5,\n\t\tvalue: 6048e5,\n\t\tname: \"week\"\n\t},\n\t{\n\t\tmax: 28512e6,\n\t\tvalue: 2592e6,\n\t\tname: \"month\"\n\t},\n\t{\n\t\tmax: Number.POSITIVE_INFINITY,\n\t\tvalue: 31536e6,\n\t\tname: \"year\"\n\t}\n];\nconst DEFAULT_MESSAGES = {\n\tjustNow: \"just now\",\n\tpast: (n) => n.match(/\\d/) ? `${n} ago` : n,\n\tfuture: (n) => n.match(/\\d/) ? `in ${n}` : n,\n\tmonth: (n, past) => n === 1 ? past ? \"last month\" : \"next month\" : `${n} month${n > 1 ? \"s\" : \"\"}`,\n\tyear: (n, past) => n === 1 ? past ? \"last year\" : \"next year\" : `${n} year${n > 1 ? \"s\" : \"\"}`,\n\tday: (n, past) => n === 1 ? past ? \"yesterday\" : \"tomorrow\" : `${n} day${n > 1 ? \"s\" : \"\"}`,\n\tweek: (n, past) => n === 1 ? past ? \"last week\" : \"next week\" : `${n} week${n > 1 ? \"s\" : \"\"}`,\n\thour: (n) => `${n} hour${n > 1 ? \"s\" : \"\"}`,\n\tminute: (n) => `${n} minute${n > 1 ? \"s\" : \"\"}`,\n\tsecond: (n) => `${n} second${n > 1 ? \"s\" : \"\"}`,\n\tinvalid: \"\"\n};\nfunction DEFAULT_FORMATTER(date) {\n\treturn date.toISOString().slice(0, 10);\n}\nfunction getDefaultScheduler$4(options) {\n\tif (\"updateInterval\" in options) {\n\t\tconst { updateInterval = 3e4 } = options;\n\t\treturn (cb) => useIntervalFn(cb, updateInterval);\n\t}\n\treturn (cb) => useIntervalFn(cb, 3e4);\n}\n/**\n* Reactive time ago formatter.\n*\n* @see https://vueuse.org/useTimeAgo\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useTimeAgo(time, options = {}) {\n\tconst { controls: exposeControls = false, scheduler = getDefaultScheduler$4(options) } = options;\n\tconst { now,...controls } = useNow({\n\t\tscheduler,\n\t\tcontrols: true\n\t});\n\tconst timeAgo = computed(() => formatTimeAgo(new Date(toValue(time)), options, toValue(now)));\n\tif (exposeControls) return {\n\t\ttimeAgo,\n\t\t...controls\n\t};\n\telse return timeAgo;\n}\nfunction formatTimeAgo(from, options = {}, now = Date.now()) {\n\tconst { max, messages = DEFAULT_MESSAGES, fullDateFormatter = DEFAULT_FORMATTER, units = DEFAULT_UNITS, showSecond = false, rounding = \"round\" } = options;\n\tconst roundFn = typeof rounding === \"number\" ? (n) => +n.toFixed(rounding) : Math[rounding];\n\tconst diff = +now - +from;\n\tconst absDiff = Math.abs(diff);\n\tfunction getValue$1(diff$1, unit) {\n\t\treturn roundFn(Math.abs(diff$1) / unit.value);\n\t}\n\tfunction format(diff$1, unit) {\n\t\tconst val = getValue$1(diff$1, unit);\n\t\tconst past = diff$1 > 0;\n\t\tconst str = applyFormat(unit.name, val, past);\n\t\treturn applyFormat(past ? \"past\" : \"future\", str, past);\n\t}\n\tfunction applyFormat(name, val, isPast) {\n\t\tconst formatter = messages[name];\n\t\tif (typeof formatter === \"function\") return formatter(val, isPast);\n\t\treturn formatter.replace(\"{0}\", val.toString());\n\t}\n\tif (absDiff < 6e4 && !showSecond) return messages.justNow;\n\tif (typeof max === \"number\" && absDiff > max) return fullDateFormatter(new Date(from));\n\tif (typeof max === \"string\") {\n\t\tvar _units$find;\n\t\tconst unitMax = (_units$find = units.find((i) => i.name === max)) === null || _units$find === void 0 ? void 0 : _units$find.max;\n\t\tif (unitMax && absDiff > unitMax) return fullDateFormatter(new Date(from));\n\t}\n\tfor (const [idx, unit] of units.entries()) {\n\t\tif (getValue$1(diff, unit) <= 0 && units[idx - 1]) return format(diff, units[idx - 1]);\n\t\tif (absDiff < unit.max) return format(diff, unit);\n\t}\n\treturn messages.invalid;\n}\n\n//#endregion\n//#region useTimeAgoIntl/index.ts\nconst UNITS = [\n\t{\n\t\tname: \"year\",\n\t\tms: 31536e6\n\t},\n\t{\n\t\tname: \"month\",\n\t\tms: 2592e6\n\t},\n\t{\n\t\tname: \"week\",\n\t\tms: 6048e5\n\t},\n\t{\n\t\tname: \"day\",\n\t\tms: 864e5\n\t},\n\t{\n\t\tname: \"hour\",\n\t\tms: 36e5\n\t},\n\t{\n\t\tname: \"minute\",\n\t\tms: 6e4\n\t},\n\t{\n\t\tname: \"second\",\n\t\tms: 1e3\n\t}\n];\nfunction getDefaultScheduler$3(options) {\n\tif (\"updateInterval\" in options) {\n\t\tconst { updateInterval = 3e4 } = options;\n\t\treturn (cb) => useIntervalFn(cb, updateInterval);\n\t}\n\treturn (cb) => useIntervalFn(cb, 3e4);\n}\nfunction useTimeAgoIntl(time, options = {}) {\n\tconst { controls: exposeControls = false, scheduler = getDefaultScheduler$3(options) } = options;\n\tconst { now,...controls } = useNow({\n\t\tscheduler,\n\t\tcontrols: true\n\t});\n\tconst result = computed(() => getTimeAgoIntlResult(new Date(toValue(time)), options, toValue(now)));\n\tconst parts = computed(() => result.value.parts);\n\tconst timeAgoIntl = computed(() => formatTimeAgoIntlParts(parts.value, {\n\t\t...options,\n\t\tlocale: result.value.resolvedLocale\n\t}));\n\treturn exposeControls ? {\n\t\ttimeAgoIntl,\n\t\tparts,\n\t\t...controls\n\t} : timeAgoIntl;\n}\n/**\n* Non-reactive version of useTimeAgoIntl\n*/\nfunction formatTimeAgoIntl(from, options = {}, now = Date.now()) {\n\tconst { parts, resolvedLocale } = getTimeAgoIntlResult(from, options, now);\n\treturn formatTimeAgoIntlParts(parts, {\n\t\t...options,\n\t\tlocale: resolvedLocale\n\t});\n}\n/**\n* Get parts from `Intl.RelativeTimeFormat.formatToParts`.\n*/\nfunction getTimeAgoIntlResult(from, options = {}, now = Date.now()) {\n\tvar _options$units;\n\tconst { locale, relativeTimeFormatOptions = { numeric: \"auto\" } } = options;\n\tconst rtf = new Intl.RelativeTimeFormat(locale, relativeTimeFormatOptions);\n\tconst { locale: resolvedLocale } = rtf.resolvedOptions();\n\tconst diff = +from - +now;\n\tconst absDiff = Math.abs(diff);\n\tconst units = (_options$units = options.units) !== null && _options$units !== void 0 ? _options$units : UNITS;\n\tfor (const { name, ms } of units) if (absDiff >= ms) return {\n\t\tresolvedLocale,\n\t\tparts: rtf.formatToParts(Math.round(diff / ms), name)\n\t};\n\treturn {\n\t\tresolvedLocale,\n\t\tparts: rtf.formatToParts(0, units[units.length - 1].name)\n\t};\n}\n/**\n* Format parts into a string\n*/\nfunction formatTimeAgoIntlParts(parts, options = {}) {\n\tconst { insertSpace = true, joinParts, locale } = options;\n\tif (typeof joinParts === \"function\") return joinParts(parts, locale);\n\tif (!insertSpace) return parts.map((part) => part.value).join(\"\");\n\treturn parts.map((part) => part.value.trim()).join(\" \");\n}\n\n//#endregion\n//#region useTimeoutPoll/index.ts\nfunction useTimeoutPoll(fn, interval, options = {}) {\n\tconst { immediate = true, immediateCallback = false } = options;\n\tconst { start } = useTimeoutFn(loop, interval, { immediate });\n\tconst isActive = shallowRef(false);\n\tasync function loop() {\n\t\tif (!isActive.value) return;\n\t\tawait fn();\n\t\tstart();\n\t}\n\tfunction resume() {\n\t\tif (!isActive.value) {\n\t\t\tisActive.value = true;\n\t\t\tif (immediateCallback) fn();\n\t\t\tstart();\n\t\t}\n\t}\n\tfunction pause() {\n\t\tisActive.value = false;\n\t}\n\tif (immediate && isClient) resume();\n\ttryOnScopeDispose(pause);\n\treturn {\n\t\tisActive,\n\t\tpause,\n\t\tresume\n\t};\n}\n\n//#endregion\n//#region useTimestamp/index.ts\nfunction getDefaultScheduler$2(options) {\n\tif (\"interval\" in options || \"immediate\" in options) {\n\t\tconst { interval = \"requestAnimationFrame\", immediate = true } = options;\n\t\treturn interval === \"requestAnimationFrame\" ? (cb) => useRafFn(cb, { immediate }) : (cb) => useIntervalFn(cb, interval, { immediate });\n\t}\n\treturn useRafFn;\n}\nfunction useTimestamp(options = {}) {\n\tconst { controls: exposeControls = false, offset = 0, scheduler = getDefaultScheduler$2(options), callback } = options;\n\tconst ts = shallowRef(timestamp() + offset);\n\tconst update = () => ts.value = timestamp() + offset;\n\tconst controls = scheduler(callback ? () => {\n\t\tupdate();\n\t\tcallback(ts.value);\n\t} : update);\n\tif (exposeControls) return {\n\t\ttimestamp: ts,\n\t\t...controls\n\t};\n\telse return ts;\n}\n\n//#endregion\n//#region useTitle/index.ts\nfunction useTitle(newTitle = null, options = {}) {\n\tvar _document$title, _ref;\n\tconst { document: document$1 = defaultDocument, restoreOnUnmount = (t) => t } = options;\n\tconst originalTitle = (_document$title = document$1 === null || document$1 === void 0 ? void 0 : document$1.title) !== null && _document$title !== void 0 ? _document$title : \"\";\n\tconst title = toRef((_ref = newTitle !== null && newTitle !== void 0 ? newTitle : document$1 === null || document$1 === void 0 ? void 0 : document$1.title) !== null && _ref !== void 0 ? _ref : null);\n\tconst isReadonly$1 = !!(newTitle && typeof newTitle === \"function\");\n\tfunction format(t) {\n\t\tif (!(\"titleTemplate\" in options)) return t;\n\t\tconst template = options.titleTemplate || \"%s\";\n\t\treturn typeof template === \"function\" ? template(t) : toValue(template).replace(/%s/g, t);\n\t}\n\twatch(title, (newValue, oldValue) => {\n\t\tif (newValue !== oldValue && document$1) document$1.title = format(newValue !== null && newValue !== void 0 ? newValue : \"\");\n\t}, { immediate: true });\n\tif (options.observe && !options.titleTemplate && document$1 && !isReadonly$1) {\n\t\tvar _document$head;\n\t\tuseMutationObserver((_document$head = document$1.head) === null || _document$head === void 0 ? void 0 : _document$head.querySelector(\"title\"), () => {\n\t\t\tif (document$1 && document$1.title !== title.value) title.value = format(document$1.title);\n\t\t}, { childList: true });\n\t}\n\ttryOnScopeDispose(() => {\n\t\tif (restoreOnUnmount) {\n\t\t\tconst restoredTitle = restoreOnUnmount(originalTitle, title.value || \"\");\n\t\t\tif (restoredTitle != null && document$1) document$1.title = restoredTitle;\n\t\t}\n\t});\n\treturn title;\n}\n\n//#endregion\n//#region useTransition/index.ts\nconst _TransitionPresets = {\n\teaseInSine: [\n\t\t.12,\n\t\t0,\n\t\t.39,\n\t\t0\n\t],\n\teaseOutSine: [\n\t\t.61,\n\t\t1,\n\t\t.88,\n\t\t1\n\t],\n\teaseInOutSine: [\n\t\t.37,\n\t\t0,\n\t\t.63,\n\t\t1\n\t],\n\teaseInQuad: [\n\t\t.11,\n\t\t0,\n\t\t.5,\n\t\t0\n\t],\n\teaseOutQuad: [\n\t\t.5,\n\t\t1,\n\t\t.89,\n\t\t1\n\t],\n\teaseInOutQuad: [\n\t\t.45,\n\t\t0,\n\t\t.55,\n\t\t1\n\t],\n\teaseInCubic: [\n\t\t.32,\n\t\t0,\n\t\t.67,\n\t\t0\n\t],\n\teaseOutCubic: [\n\t\t.33,\n\t\t1,\n\t\t.68,\n\t\t1\n\t],\n\teaseInOutCubic: [\n\t\t.65,\n\t\t0,\n\t\t.35,\n\t\t1\n\t],\n\teaseInQuart: [\n\t\t.5,\n\t\t0,\n\t\t.75,\n\t\t0\n\t],\n\teaseOutQuart: [\n\t\t.25,\n\t\t1,\n\t\t.5,\n\t\t1\n\t],\n\teaseInOutQuart: [\n\t\t.76,\n\t\t0,\n\t\t.24,\n\t\t1\n\t],\n\teaseInQuint: [\n\t\t.64,\n\t\t0,\n\t\t.78,\n\t\t0\n\t],\n\teaseOutQuint: [\n\t\t.22,\n\t\t1,\n\t\t.36,\n\t\t1\n\t],\n\teaseInOutQuint: [\n\t\t.83,\n\t\t0,\n\t\t.17,\n\t\t1\n\t],\n\teaseInExpo: [\n\t\t.7,\n\t\t0,\n\t\t.84,\n\t\t0\n\t],\n\teaseOutExpo: [\n\t\t.16,\n\t\t1,\n\t\t.3,\n\t\t1\n\t],\n\teaseInOutExpo: [\n\t\t.87,\n\t\t0,\n\t\t.13,\n\t\t1\n\t],\n\teaseInCirc: [\n\t\t.55,\n\t\t0,\n\t\t1,\n\t\t.45\n\t],\n\teaseOutCirc: [\n\t\t0,\n\t\t.55,\n\t\t.45,\n\t\t1\n\t],\n\teaseInOutCirc: [\n\t\t.85,\n\t\t0,\n\t\t.15,\n\t\t1\n\t],\n\teaseInBack: [\n\t\t.36,\n\t\t0,\n\t\t.66,\n\t\t-.56\n\t],\n\teaseOutBack: [\n\t\t.34,\n\t\t1.56,\n\t\t.64,\n\t\t1\n\t],\n\teaseInOutBack: [\n\t\t.68,\n\t\t-.6,\n\t\t.32,\n\t\t1.6\n\t]\n};\n/**\n* Common transitions\n*\n* @see https://easings.net\n*/\nconst TransitionPresets = /* @__PURE__ */ Object.assign({}, { linear: identity }, _TransitionPresets);\n/**\n* Create an easing function from cubic bezier points.\n*/\nfunction createEasingFunction([p0, p1, p2, p3]) {\n\tconst a = (a1, a2) => 1 - 3 * a2 + 3 * a1;\n\tconst b = (a1, a2) => 3 * a2 - 6 * a1;\n\tconst c = (a1) => 3 * a1;\n\tconst calcBezier = (t, a1, a2) => ((a(a1, a2) * t + b(a1, a2)) * t + c(a1)) * t;\n\tconst getSlope = (t, a1, a2) => 3 * a(a1, a2) * t * t + 2 * b(a1, a2) * t + c(a1);\n\tconst getTforX = (x) => {\n\t\tlet aGuessT = x;\n\t\tfor (let i = 0; i < 4; ++i) {\n\t\t\tconst currentSlope = getSlope(aGuessT, p0, p2);\n\t\t\tif (currentSlope === 0) return aGuessT;\n\t\t\tconst currentX = calcBezier(aGuessT, p0, p2) - x;\n\t\t\taGuessT -= currentX / currentSlope;\n\t\t}\n\t\treturn aGuessT;\n\t};\n\treturn (x) => p0 === p1 && p2 === p3 ? x : calcBezier(getTforX(x), p1, p3);\n}\nfunction lerp(a, b, alpha) {\n\treturn a + alpha * (b - a);\n}\nfunction defaultInterpolation(a, b, t) {\n\tconst aVal = toValue(a);\n\tconst bVal = toValue(b);\n\tif (typeof aVal === \"number\" && typeof bVal === \"number\") return lerp(aVal, bVal, t);\n\tif (Array.isArray(aVal) && Array.isArray(bVal)) return aVal.map((v, i) => lerp(v, toValue(bVal[i]), t));\n\tthrow new TypeError(\"Unknown transition type, specify an interpolation function.\");\n}\nfunction normalizeEasing(easing) {\n\tvar _toValue;\n\treturn typeof easing === \"function\" ? easing : (_toValue = toValue(easing)) !== null && _toValue !== void 0 ? _toValue : identity;\n}\n/**\n* Transition from one value to another.\n*\n* @param source\n* @param from\n* @param to\n* @param options\n*/\nfunction transition(source, from, to, options = {}) {\n\tvar _toValue2;\n\tconst { window: window$1 = defaultWindow } = options;\n\tconst fromVal = toValue(from);\n\tconst toVal = toValue(to);\n\tconst duration = (_toValue2 = toValue(options.duration)) !== null && _toValue2 !== void 0 ? _toValue2 : 1e3;\n\tconst startedAt = Date.now();\n\tconst endAt = Date.now() + duration;\n\tconst interpolation = typeof options.interpolation === \"function\" ? options.interpolation : defaultInterpolation;\n\tconst trans = typeof options.easing !== \"undefined\" ? normalizeEasing(options.easing) : normalizeEasing(options.transition);\n\tconst ease = typeof trans === \"function\" ? trans : createEasingFunction(trans);\n\treturn new Promise((resolve) => {\n\t\tsource.value = fromVal;\n\t\tconst tick = () => {\n\t\t\tvar _options$abort;\n\t\t\tif ((_options$abort = options.abort) === null || _options$abort === void 0 ? void 0 : _options$abort.call(options)) {\n\t\t\t\tresolve();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst now = Date.now();\n\t\t\tsource.value = interpolation(fromVal, toVal, ease((now - startedAt) / duration));\n\t\t\tif (now < endAt) window$1 === null || window$1 === void 0 || window$1.requestAnimationFrame(tick);\n\t\t\telse {\n\t\t\t\tsource.value = toVal;\n\t\t\t\tresolve();\n\t\t\t}\n\t\t};\n\t\ttick();\n\t});\n}\n/**\n* Transition from one value to another.\n* @deprecated The `executeTransition` function is deprecated, use `transition` instead.\n*\n* @param source\n* @param from\n* @param to\n* @param options\n*/\nfunction executeTransition(source, from, to, options = {}) {\n\treturn transition(source, from, to, options);\n}\n/**\n* Follow value with a transition.\n*\n* @see https://vueuse.org/useTransition\n* @param source\n* @param options\n*/\nfunction useTransition(source, options = {}) {\n\tlet currentId = 0;\n\tconst sourceVal = () => {\n\t\tconst v = toValue(source);\n\t\treturn typeof options.interpolation === \"undefined\" && Array.isArray(v) ? v.map(toValue) : v;\n\t};\n\tconst outputRef = shallowRef(sourceVal());\n\twatch(sourceVal, async (to) => {\n\t\tvar _options$onStarted, _options$onFinished;\n\t\tif (toValue(options.disabled)) return;\n\t\tconst id = ++currentId;\n\t\tif (options.delay) await promiseTimeout(toValue(options.delay));\n\t\tif (id !== currentId) return;\n\t\t(_options$onStarted = options.onStarted) === null || _options$onStarted === void 0 || _options$onStarted.call(options);\n\t\tawait transition(outputRef, outputRef.value, to, {\n\t\t\t...options,\n\t\t\tabort: () => {\n\t\t\t\tvar _options$abort2;\n\t\t\t\treturn id !== currentId || ((_options$abort2 = options.abort) === null || _options$abort2 === void 0 ? void 0 : _options$abort2.call(options));\n\t\t\t}\n\t\t});\n\t\t(_options$onFinished = options.onFinished) === null || _options$onFinished === void 0 || _options$onFinished.call(options);\n\t}, { deep: true });\n\twatch(() => toValue(options.disabled), (disabled) => {\n\t\tif (disabled) {\n\t\t\tcurrentId++;\n\t\t\toutputRef.value = sourceVal();\n\t\t}\n\t});\n\ttryOnScopeDispose(() => {\n\t\tcurrentId++;\n\t});\n\treturn computed(() => toValue(options.disabled) ? sourceVal() : outputRef.value);\n}\n\n//#endregion\n//#region useUrlSearchParams/index.ts\n/**\n* Reactive URLSearchParams\n*\n* @see https://vueuse.org/useUrlSearchParams\n* @param mode\n* @param options\n*/\nfunction useUrlSearchParams(mode = \"history\", options = {}) {\n\tconst { initialValue = {}, removeNullishValues = true, removeFalsyValues = false, write: enableWrite = true, writeMode = \"replace\", window: window$1 = defaultWindow, stringify = (params) => params.toString() } = options;\n\tif (!window$1) return reactive(initialValue);\n\tconst state = reactive({});\n\tfunction getRawParams() {\n\t\tif (mode === \"history\") return window$1.location.search || \"\";\n\t\telse if (mode === \"hash\") {\n\t\t\tconst hash = window$1.location.hash || \"\";\n\t\t\tconst index = hash.indexOf(\"?\");\n\t\t\treturn index > 0 ? hash.slice(index) : \"\";\n\t\t} else return (window$1.location.hash || \"\").replace(/^#/, \"\");\n\t}\n\tfunction constructQuery(params) {\n\t\tconst stringified = stringify(params);\n\t\tif (mode === \"history\") return `${stringified ? `?${stringified}` : \"\"}${window$1.location.hash || \"\"}`;\n\t\tif (mode === \"hash-params\") return `${window$1.location.search || \"\"}${stringified ? `#${stringified}` : \"\"}`;\n\t\tconst hash = window$1.location.hash || \"#\";\n\t\tconst index = hash.indexOf(\"?\");\n\t\tif (index > 0) return `${window$1.location.search || \"\"}${hash.slice(0, index)}${stringified ? `?${stringified}` : \"\"}`;\n\t\treturn `${window$1.location.search || \"\"}${hash}${stringified ? `?${stringified}` : \"\"}`;\n\t}\n\tfunction read() {\n\t\treturn new URLSearchParams(getRawParams());\n\t}\n\tfunction updateState(params) {\n\t\tconst unusedKeys = new Set(Object.keys(state));\n\t\tfor (const key of params.keys()) {\n\t\t\tconst paramsForKey = params.getAll(key);\n\t\t\tstate[key] = paramsForKey.length > 1 ? paramsForKey : params.get(key) || \"\";\n\t\t\tunusedKeys.delete(key);\n\t\t}\n\t\tArray.from(unusedKeys).forEach((key) => delete state[key]);\n\t}\n\tconst { pause, resume } = watchPausable(state, () => {\n\t\tconst params = new URLSearchParams(\"\");\n\t\tObject.keys(state).forEach((key) => {\n\t\t\tconst mapEntry = state[key];\n\t\t\tif (Array.isArray(mapEntry)) mapEntry.forEach((value) => params.append(key, value));\n\t\t\telse if (removeNullishValues && mapEntry == null) params.delete(key);\n\t\t\telse if (removeFalsyValues && !mapEntry) params.delete(key);\n\t\t\telse params.set(key, mapEntry);\n\t\t});\n\t\twrite(params, false);\n\t}, { deep: true });\n\tfunction write(params, shouldUpdate, shouldWriteHistory = true) {\n\t\tpause();\n\t\tif (shouldUpdate) updateState(params);\n\t\tif (writeMode === \"replace\") window$1.history.replaceState(window$1.history.state, window$1.document.title, window$1.location.pathname + constructQuery(params));\n\t\telse if (shouldWriteHistory) window$1.history.pushState(window$1.history.state, window$1.document.title, window$1.location.pathname + constructQuery(params));\n\t\tnextTick(() => resume());\n\t}\n\tfunction onChanged() {\n\t\tif (!enableWrite) return;\n\t\twrite(read(), true, false);\n\t}\n\tconst listenerOptions = { passive: true };\n\tuseEventListener(window$1, \"popstate\", onChanged, listenerOptions);\n\tif (mode !== \"history\") useEventListener(window$1, \"hashchange\", onChanged, listenerOptions);\n\tconst initial = read();\n\tif (initial.keys().next().value) updateState(initial);\n\telse Object.assign(state, initialValue);\n\treturn state;\n}\n\n//#endregion\n//#region useUserMedia/index.ts\n/**\n* Reactive `mediaDevices.getUserMedia` streaming\n*\n* @see https://vueuse.org/useUserMedia\n* @param options\n*/\nfunction useUserMedia(options = {}) {\n\tvar _options$enabled, _options$autoSwitch;\n\tconst enabled = shallowRef((_options$enabled = options.enabled) !== null && _options$enabled !== void 0 ? _options$enabled : false);\n\tconst autoSwitch = shallowRef((_options$autoSwitch = options.autoSwitch) !== null && _options$autoSwitch !== void 0 ? _options$autoSwitch : true);\n\tconst constraints = ref(options.constraints);\n\tconst { navigator: navigator$1 = defaultNavigator } = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => {\n\t\tvar _navigator$mediaDevic;\n\t\treturn navigator$1 === null || navigator$1 === void 0 || (_navigator$mediaDevic = navigator$1.mediaDevices) === null || _navigator$mediaDevic === void 0 ? void 0 : _navigator$mediaDevic.getUserMedia;\n\t});\n\tconst stream = shallowRef();\n\tfunction getDeviceOptions(type) {\n\t\tswitch (type) {\n\t\t\tcase \"video\":\n\t\t\t\tif (constraints.value) return constraints.value.video || false;\n\t\t\t\tbreak;\n\t\t\tcase \"audio\":\n\t\t\t\tif (constraints.value) return constraints.value.audio || false;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\tasync function _start() {\n\t\tif (!isSupported.value || stream.value) return;\n\t\tstream.value = await navigator$1.mediaDevices.getUserMedia({\n\t\t\tvideo: getDeviceOptions(\"video\"),\n\t\t\taudio: getDeviceOptions(\"audio\")\n\t\t});\n\t\treturn stream.value;\n\t}\n\tfunction _stop() {\n\t\tvar _stream$value;\n\t\t(_stream$value = stream.value) === null || _stream$value === void 0 || _stream$value.getTracks().forEach((t) => t.stop());\n\t\tstream.value = void 0;\n\t}\n\tfunction stop() {\n\t\t_stop();\n\t\tenabled.value = false;\n\t}\n\tasync function start() {\n\t\tawait _start();\n\t\tif (stream.value) enabled.value = true;\n\t\treturn stream.value;\n\t}\n\tasync function restart() {\n\t\t_stop();\n\t\treturn await start();\n\t}\n\twatch(enabled, (v) => {\n\t\tif (v) _start();\n\t\telse _stop();\n\t}, { immediate: true });\n\twatch(constraints, () => {\n\t\tif (autoSwitch.value && stream.value) restart();\n\t}, {\n\t\timmediate: true,\n\t\tdeep: true\n\t});\n\ttryOnScopeDispose(() => {\n\t\tstop();\n\t});\n\treturn {\n\t\tisSupported,\n\t\tstream,\n\t\tstart,\n\t\tstop,\n\t\trestart,\n\t\tconstraints,\n\t\tenabled,\n\t\tautoSwitch\n\t};\n}\n\n//#endregion\n//#region useVModel/index.ts\n/**\n* Shorthand for v-model binding, props + emit -> ref\n*\n* @see https://vueuse.org/useVModel\n* @param props\n* @param key (default 'modelValue')\n* @param emit\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useVModel(props, key, emit, options = {}) {\n\tvar _vm$$emit, _vm$proxy;\n\tconst { clone = false, passive = false, eventName, deep = false, defaultValue, shouldEmit } = options;\n\tconst vm = getCurrentInstance();\n\tconst _emit = emit || (vm === null || vm === void 0 ? void 0 : vm.emit) || (vm === null || vm === void 0 || (_vm$$emit = vm.$emit) === null || _vm$$emit === void 0 ? void 0 : _vm$$emit.bind(vm)) || (vm === null || vm === void 0 || (_vm$proxy = vm.proxy) === null || _vm$proxy === void 0 || (_vm$proxy = _vm$proxy.$emit) === null || _vm$proxy === void 0 ? void 0 : _vm$proxy.bind(vm === null || vm === void 0 ? void 0 : vm.proxy));\n\tlet event = eventName;\n\tif (!key) key = \"modelValue\";\n\tevent = event || `update:${key.toString()}`;\n\tconst cloneFn = (val) => !clone ? val : typeof clone === \"function\" ? clone(val) : cloneFnJSON(val);\n\tconst getValue$1 = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;\n\tconst triggerEmit = (value) => {\n\t\tif (shouldEmit) {\n\t\t\tif (shouldEmit(value)) _emit(event, value);\n\t\t} else _emit(event, value);\n\t};\n\tif (passive) {\n\t\tconst proxy = ref(getValue$1());\n\t\tlet isUpdating = false;\n\t\twatch(() => props[key], (v) => {\n\t\t\tif (!isUpdating) {\n\t\t\t\tisUpdating = true;\n\t\t\t\tproxy.value = cloneFn(v);\n\t\t\t\tnextTick(() => isUpdating = false);\n\t\t\t}\n\t\t});\n\t\twatch(proxy, (v) => {\n\t\t\tif (!isUpdating && (v !== props[key] || deep)) triggerEmit(v);\n\t\t}, { deep });\n\t\treturn proxy;\n\t} else return computed({\n\t\tget() {\n\t\t\treturn getValue$1();\n\t\t},\n\t\tset(value) {\n\t\t\ttriggerEmit(value);\n\t\t}\n\t});\n}\n\n//#endregion\n//#region useVModels/index.ts\n/**\n* Shorthand for props v-model binding. Think like `toRefs(props)` but changes will also emit out.\n*\n* @see https://vueuse.org/useVModels\n* @param props\n* @param emit\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useVModels(props, emit, options = {}) {\n\tconst ret = {};\n\tfor (const key in props) ret[key] = useVModel(props, key, emit, options);\n\treturn ret;\n}\n\n//#endregion\n//#region useVibrate/index.ts\nfunction getDefaultScheduler$1(options = { interval: 0 }) {\n\tconst { interval } = options;\n\tif (interval === 0) return;\n\treturn (fn) => useIntervalFn(fn, interval, {\n\t\timmediate: false,\n\t\timmediateCallback: false\n\t});\n}\n/**\n* Reactive vibrate\n*\n* @see https://vueuse.org/useVibrate\n* @see https://developer.mozilla.org/en-US/docs/Web/API/Vibration_API\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useVibrate(options) {\n\tconst { pattern = [], scheduler = getDefaultScheduler$1(options), navigator: navigator$1 = defaultNavigator } = options || {};\n\tconst isSupported = /* @__PURE__ */ useSupported(() => typeof navigator$1 !== \"undefined\" && \"vibrate\" in navigator$1);\n\tconst patternRef = toRef(pattern);\n\tconst vibrate = (pattern$1 = patternRef.value) => {\n\t\tif (isSupported.value) navigator$1.vibrate(pattern$1);\n\t};\n\tconst intervalControls = scheduler === null || scheduler === void 0 ? void 0 : scheduler(vibrate);\n\tconst stop = () => {\n\t\tif (isSupported.value) navigator$1.vibrate(0);\n\t\tintervalControls === null || intervalControls === void 0 || intervalControls.pause();\n\t};\n\treturn {\n\t\tisSupported,\n\t\tpattern,\n\t\tintervalControls,\n\t\tvibrate,\n\t\tstop\n\t};\n}\n\n//#endregion\n//#region useVirtualList/index.ts\n/**\n* Please consider using [`vue-virtual-scroller`](https://github.com/Akryum/vue-virtual-scroller) if you are looking for more features.\n*/\nfunction useVirtualList(list, options) {\n\tconst { containerStyle, wrapperProps, scrollTo, calculateRange, currentList, containerRef } = \"itemHeight\" in options ? useVerticalVirtualList(options, list) : useHorizontalVirtualList(options, list);\n\treturn {\n\t\tlist: currentList,\n\t\tscrollTo,\n\t\tcontainerProps: {\n\t\t\tref: containerRef,\n\t\t\tonScroll: () => {\n\t\t\t\tcalculateRange();\n\t\t\t},\n\t\t\tstyle: containerStyle\n\t\t},\n\t\twrapperProps\n\t};\n}\nfunction useVirtualListResources(list) {\n\tconst containerRef = shallowRef(null);\n\tconst size = useElementSize(containerRef);\n\tconst currentList = ref([]);\n\tconst source = shallowRef(list);\n\treturn {\n\t\tstate: ref({\n\t\t\tstart: 0,\n\t\t\tend: 10\n\t\t}),\n\t\tsource,\n\t\tcurrentList,\n\t\tsize,\n\t\tcontainerRef\n\t};\n}\nfunction createGetViewCapacity(state, source, itemSize) {\n\treturn (containerSize) => {\n\t\tif (typeof itemSize === \"number\") return Math.ceil(containerSize / itemSize);\n\t\tconst { start = 0 } = state.value;\n\t\tlet sum = 0;\n\t\tlet capacity = 0;\n\t\tfor (let i = start; i < source.value.length; i++) {\n\t\t\tconst size = itemSize(i);\n\t\t\tsum += size;\n\t\t\tcapacity = i;\n\t\t\tif (sum > containerSize) break;\n\t\t}\n\t\treturn capacity - start;\n\t};\n}\nfunction createGetOffset(source, itemSize) {\n\treturn (scrollDirection) => {\n\t\tif (typeof itemSize === \"number\") return Math.floor(scrollDirection / itemSize) + 1;\n\t\tlet sum = 0;\n\t\tlet offset = 0;\n\t\tfor (let i = 0; i < source.value.length; i++) {\n\t\t\tconst size = itemSize(i);\n\t\t\tsum += size;\n\t\t\tif (sum >= scrollDirection) {\n\t\t\t\toffset = i;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\treturn offset + 1;\n\t};\n}\nfunction createCalculateRange(type, overscan, getOffset, getViewCapacity, { containerRef, state, currentList, source }) {\n\treturn () => {\n\t\tconst element = containerRef.value;\n\t\tif (element) {\n\t\t\tconst offset = getOffset(type === \"vertical\" ? element.scrollTop : element.scrollLeft);\n\t\t\tconst viewCapacity = getViewCapacity(type === \"vertical\" ? element.clientHeight : element.clientWidth);\n\t\t\tconst from = offset - overscan;\n\t\t\tconst to = offset + viewCapacity + overscan;\n\t\t\tstate.value = {\n\t\t\t\tstart: from < 0 ? 0 : from,\n\t\t\t\tend: to > source.value.length ? source.value.length : to\n\t\t\t};\n\t\t\tcurrentList.value = source.value.slice(state.value.start, state.value.end).map((ele, index) => ({\n\t\t\t\tdata: ele,\n\t\t\t\tindex: index + state.value.start\n\t\t\t}));\n\t\t}\n\t};\n}\nfunction createGetDistance(itemSize, source) {\n\treturn (index) => {\n\t\tif (typeof itemSize === \"number\") return index * itemSize;\n\t\treturn source.value.slice(0, index).reduce((sum, _, i) => sum + itemSize(i), 0);\n\t};\n}\nfunction useWatchForSizes(size, list, containerRef, calculateRange) {\n\twatch([\n\t\tsize.width,\n\t\tsize.height,\n\t\t() => toValue(list),\n\t\tcontainerRef\n\t], () => {\n\t\tcalculateRange();\n\t});\n}\nfunction createComputedTotalSize(itemSize, source) {\n\treturn computed(() => {\n\t\tif (typeof itemSize === \"number\") return source.value.length * itemSize;\n\t\treturn source.value.reduce((sum, _, index) => sum + itemSize(index), 0);\n\t});\n}\nconst scrollToDictionaryForElementScrollKey = {\n\thorizontal: \"scrollLeft\",\n\tvertical: \"scrollTop\"\n};\nfunction createScrollTo(type, calculateRange, getDistance, containerRef) {\n\treturn (index) => {\n\t\tif (containerRef.value) {\n\t\t\tcontainerRef.value[scrollToDictionaryForElementScrollKey[type]] = getDistance(index);\n\t\t\tcalculateRange();\n\t\t}\n\t};\n}\nfunction useHorizontalVirtualList(options, list) {\n\tconst resources = useVirtualListResources(list);\n\tconst { state, source, currentList, size, containerRef } = resources;\n\tconst containerStyle = { overflowX: \"auto\" };\n\tconst { itemWidth, overscan = 5 } = options;\n\tconst getViewCapacity = createGetViewCapacity(state, source, itemWidth);\n\tconst calculateRange = createCalculateRange(\"horizontal\", overscan, createGetOffset(source, itemWidth), getViewCapacity, resources);\n\tconst getDistanceLeft = createGetDistance(itemWidth, source);\n\tconst offsetLeft = computed(() => getDistanceLeft(state.value.start));\n\tconst totalWidth = createComputedTotalSize(itemWidth, source);\n\tuseWatchForSizes(size, list, containerRef, calculateRange);\n\treturn {\n\t\tscrollTo: createScrollTo(\"horizontal\", calculateRange, getDistanceLeft, containerRef),\n\t\tcalculateRange,\n\t\twrapperProps: computed(() => {\n\t\t\treturn { style: {\n\t\t\t\theight: \"100%\",\n\t\t\t\twidth: `${totalWidth.value - offsetLeft.value}px`,\n\t\t\t\tmarginLeft: `${offsetLeft.value}px`,\n\t\t\t\tdisplay: \"flex\"\n\t\t\t} };\n\t\t}),\n\t\tcontainerStyle,\n\t\tcurrentList,\n\t\tcontainerRef\n\t};\n}\nfunction useVerticalVirtualList(options, list) {\n\tconst resources = useVirtualListResources(list);\n\tconst { state, source, currentList, size, containerRef } = resources;\n\tconst containerStyle = { overflowY: \"auto\" };\n\tconst { itemHeight, overscan = 5 } = options;\n\tconst getViewCapacity = createGetViewCapacity(state, source, itemHeight);\n\tconst calculateRange = createCalculateRange(\"vertical\", overscan, createGetOffset(source, itemHeight), getViewCapacity, resources);\n\tconst getDistanceTop = createGetDistance(itemHeight, source);\n\tconst offsetTop = computed(() => getDistanceTop(state.value.start));\n\tconst totalHeight = createComputedTotalSize(itemHeight, source);\n\tuseWatchForSizes(size, list, containerRef, calculateRange);\n\treturn {\n\t\tcalculateRange,\n\t\tscrollTo: createScrollTo(\"vertical\", calculateRange, getDistanceTop, containerRef),\n\t\tcontainerStyle,\n\t\twrapperProps: computed(() => {\n\t\t\treturn { style: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: `${totalHeight.value - offsetTop.value}px`,\n\t\t\t\tmarginTop: `${offsetTop.value}px`\n\t\t\t} };\n\t\t}),\n\t\tcurrentList,\n\t\tcontainerRef\n\t};\n}\n\n//#endregion\n//#region useWakeLock/index.ts\n/**\n* Reactive Screen Wake Lock API.\n*\n* @see https://vueuse.org/useWakeLock\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useWakeLock(options = {}) {\n\tconst { navigator: navigator$1 = defaultNavigator, document: document$1 = defaultDocument } = options;\n\tconst requestedType = shallowRef(false);\n\tconst sentinel = shallowRef(null);\n\tconst documentVisibility = useDocumentVisibility({ document: document$1 });\n\tconst isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && \"wakeLock\" in navigator$1);\n\tconst isActive = computed(() => !!sentinel.value && documentVisibility.value === \"visible\");\n\tif (isSupported.value) {\n\t\tuseEventListener(sentinel, \"release\", () => {\n\t\t\tvar _sentinel$value$type, _sentinel$value;\n\t\t\trequestedType.value = (_sentinel$value$type = (_sentinel$value = sentinel.value) === null || _sentinel$value === void 0 ? void 0 : _sentinel$value.type) !== null && _sentinel$value$type !== void 0 ? _sentinel$value$type : false;\n\t\t}, { passive: true });\n\t\twhenever(() => documentVisibility.value === \"visible\" && (document$1 === null || document$1 === void 0 ? void 0 : document$1.visibilityState) === \"visible\" && requestedType.value, (type) => {\n\t\t\trequestedType.value = false;\n\t\t\tforceRequest(type);\n\t\t});\n\t}\n\tasync function forceRequest(type) {\n\t\tvar _sentinel$value2;\n\t\tawait ((_sentinel$value2 = sentinel.value) === null || _sentinel$value2 === void 0 ? void 0 : _sentinel$value2.release());\n\t\tsentinel.value = isSupported.value ? await navigator$1.wakeLock.request(type) : null;\n\t}\n\tasync function request(type) {\n\t\tif (documentVisibility.value === \"visible\") await forceRequest(type);\n\t\telse requestedType.value = type;\n\t}\n\tasync function release() {\n\t\trequestedType.value = false;\n\t\tconst s = sentinel.value;\n\t\tsentinel.value = null;\n\t\tawait (s === null || s === void 0 ? void 0 : s.release());\n\t}\n\treturn {\n\t\tsentinel,\n\t\tisSupported,\n\t\tisActive,\n\t\trequest,\n\t\tforceRequest,\n\t\trelease\n\t};\n}\n\n//#endregion\n//#region useWebNotification/index.ts\n/**\n* Reactive useWebNotification\n*\n* @see https://vueuse.org/useWebNotification\n* @see https://developer.mozilla.org/en-US/docs/Web/API/notification\n*/\nfunction useWebNotification(options = {}) {\n\tconst { window: window$1 = defaultWindow, requestPermissions: _requestForPermissions = true } = options;\n\tconst defaultWebNotificationOptions = options;\n\tconst isSupported = /* @__PURE__ */ useSupported(() => {\n\t\tif (!window$1 || !(\"Notification\" in window$1)) return false;\n\t\tif (Notification.permission === \"granted\") return true;\n\t\ttry {\n\t\t\tconst notification$1 = new Notification(\"\");\n\t\t\tnotification$1.onshow = () => {\n\t\t\t\tnotification$1.close();\n\t\t\t};\n\t\t} catch (e) {\n\t\t\tif (e.name === \"TypeError\") return false;\n\t\t}\n\t\treturn true;\n\t});\n\tconst permissionGranted = shallowRef(isSupported.value && \"permission\" in Notification && Notification.permission === \"granted\");\n\tconst notification = ref(null);\n\tconst ensurePermissions = async () => {\n\t\tif (!isSupported.value) return;\n\t\tif (!permissionGranted.value && Notification.permission !== \"denied\") {\n\t\t\tif (await Notification.requestPermission() === \"granted\") permissionGranted.value = true;\n\t\t}\n\t\treturn permissionGranted.value;\n\t};\n\tconst { on: onClick, trigger: clickTrigger } = createEventHook();\n\tconst { on: onShow, trigger: showTrigger } = createEventHook();\n\tconst { on: onError, trigger: errorTrigger } = createEventHook();\n\tconst { on: onClose, trigger: closeTrigger } = createEventHook();\n\tconst show = async (overrides) => {\n\t\tif (!isSupported.value || !permissionGranted.value) return;\n\t\tconst options$1 = Object.assign({}, defaultWebNotificationOptions, overrides);\n\t\tnotification.value = new Notification(options$1.title || \"\", options$1);\n\t\tnotification.value.onclick = clickTrigger;\n\t\tnotification.value.onshow = showTrigger;\n\t\tnotification.value.onerror = errorTrigger;\n\t\tnotification.value.onclose = closeTrigger;\n\t\treturn notification.value;\n\t};\n\tconst close = () => {\n\t\tif (notification.value) notification.value.close();\n\t\tnotification.value = null;\n\t};\n\tif (_requestForPermissions) tryOnMounted(ensurePermissions);\n\ttryOnScopeDispose(close);\n\tif (isSupported.value && window$1) {\n\t\tconst document$1 = window$1.document;\n\t\tuseEventListener(document$1, \"visibilitychange\", (e) => {\n\t\t\te.preventDefault();\n\t\t\tif (document$1.visibilityState === \"visible\") close();\n\t\t});\n\t}\n\treturn {\n\t\tisSupported,\n\t\tnotification,\n\t\tensurePermissions,\n\t\tpermissionGranted,\n\t\tshow,\n\t\tclose,\n\t\tonClick,\n\t\tonShow,\n\t\tonError,\n\t\tonClose\n\t};\n}\n\n//#endregion\n//#region useWebSocket/index.ts\nconst DEFAULT_PING_MESSAGE = \"ping\";\nfunction resolveNestedOptions(options) {\n\tif (options === true) return {};\n\treturn options;\n}\nfunction getDefaultScheduler(options) {\n\tif (\"interval\" in options) {\n\t\tconst { interval = 1e3 } = options;\n\t\treturn (cb) => useIntervalFn(cb, interval, { immediate: false });\n\t}\n\treturn (cb) => useIntervalFn(cb, 1e3, { immediate: false });\n}\n/**\n* Reactive WebSocket client.\n*\n* @see https://vueuse.org/useWebSocket\n* @param url\n*/\nfunction useWebSocket(url, options = {}) {\n\tconst { onConnected, onDisconnected, onError, onMessage, immediate = true, autoConnect = true, autoClose = true, protocols = [] } = options;\n\tconst data = ref(null);\n\tconst status = shallowRef(\"CLOSED\");\n\tconst wsRef = ref();\n\tconst urlRef = toRef(url);\n\tlet heartbeatPause;\n\tlet heartbeatResume;\n\tlet explicitlyClosed = false;\n\tlet retried = 0;\n\tlet bufferedData = [];\n\tlet retryTimeout;\n\tlet pongTimeoutWait;\n\tconst _sendBuffer = () => {\n\t\tif (bufferedData.length && wsRef.value && status.value === \"OPEN\") {\n\t\t\tfor (const buffer of bufferedData) wsRef.value.send(buffer);\n\t\t\tbufferedData = [];\n\t\t}\n\t};\n\tconst resetRetry = () => {\n\t\tif (retryTimeout != null) {\n\t\t\tclearTimeout(retryTimeout);\n\t\t\tretryTimeout = void 0;\n\t\t}\n\t};\n\tconst resetHeartbeat = () => {\n\t\tclearTimeout(pongTimeoutWait);\n\t\tpongTimeoutWait = void 0;\n\t};\n\tconst close = (code = 1e3, reason) => {\n\t\tresetRetry();\n\t\tif (!isClient && !isWorker || !wsRef.value) return;\n\t\texplicitlyClosed = true;\n\t\tresetHeartbeat();\n\t\theartbeatPause === null || heartbeatPause === void 0 || heartbeatPause();\n\t\twsRef.value.close(code, reason);\n\t\twsRef.value = void 0;\n\t};\n\tconst send = (data$1, useBuffer = true) => {\n\t\tif (!wsRef.value || status.value !== \"OPEN\") {\n\t\t\tif (useBuffer) bufferedData.push(data$1);\n\t\t\treturn false;\n\t\t}\n\t\t_sendBuffer();\n\t\twsRef.value.send(data$1);\n\t\treturn true;\n\t};\n\tconst _init = () => {\n\t\tif (explicitlyClosed || typeof urlRef.value === \"undefined\") return;\n\t\tconst ws = new WebSocket(urlRef.value, protocols);\n\t\twsRef.value = ws;\n\t\tstatus.value = \"CONNECTING\";\n\t\tws.onopen = () => {\n\t\t\tstatus.value = \"OPEN\";\n\t\t\tretried = 0;\n\t\t\tonConnected === null || onConnected === void 0 || onConnected(ws);\n\t\t\theartbeatResume === null || heartbeatResume === void 0 || heartbeatResume();\n\t\t\t_sendBuffer();\n\t\t};\n\t\tws.onclose = (ev) => {\n\t\t\tstatus.value = \"CLOSED\";\n\t\t\tresetHeartbeat();\n\t\t\theartbeatPause === null || heartbeatPause === void 0 || heartbeatPause();\n\t\t\tonDisconnected === null || onDisconnected === void 0 || onDisconnected(ws, ev);\n\t\t\tif (!explicitlyClosed && options.autoReconnect && (wsRef.value == null || ws === wsRef.value)) {\n\t\t\t\tconst { retries = -1, delay = 1e3, onFailed } = resolveNestedOptions(options.autoReconnect);\n\t\t\t\tif ((typeof retries === \"function\" ? retries : () => typeof retries === \"number\" && (retries < 0 || retried < retries))(retried)) {\n\t\t\t\t\tretried += 1;\n\t\t\t\t\tconst delayTime = typeof delay === \"function\" ? delay(retried) : delay;\n\t\t\t\t\tretryTimeout = setTimeout(_init, delayTime);\n\t\t\t\t} else onFailed === null || onFailed === void 0 || onFailed();\n\t\t\t}\n\t\t};\n\t\tws.onerror = (e) => {\n\t\t\tonError === null || onError === void 0 || onError(ws, e);\n\t\t};\n\t\tws.onmessage = (e) => {\n\t\t\tif (options.heartbeat) {\n\t\t\t\tresetHeartbeat();\n\t\t\t\tconst { message = DEFAULT_PING_MESSAGE, responseMessage = message } = resolveNestedOptions(options.heartbeat);\n\t\t\t\tif (e.data === toValue(responseMessage)) return;\n\t\t\t}\n\t\t\tdata.value = e.data;\n\t\t\tonMessage === null || onMessage === void 0 || onMessage(ws, e);\n\t\t};\n\t};\n\tif (options.heartbeat) {\n\t\tconst { message = DEFAULT_PING_MESSAGE, scheduler = getDefaultScheduler(resolveNestedOptions(options.heartbeat)), pongTimeout = 1e3 } = resolveNestedOptions(options.heartbeat);\n\t\tconst { pause, resume } = scheduler(() => {\n\t\t\tsend(toValue(message), false);\n\t\t\tif (pongTimeoutWait != null) return;\n\t\t\tpongTimeoutWait = setTimeout(() => {\n\t\t\t\tclose();\n\t\t\t\texplicitlyClosed = false;\n\t\t\t}, pongTimeout);\n\t\t});\n\t\theartbeatPause = pause;\n\t\theartbeatResume = resume;\n\t}\n\tif (autoClose) {\n\t\tif (isClient) useEventListener(\"beforeunload\", () => close(), { passive: true });\n\t\ttryOnScopeDispose(close);\n\t}\n\tconst open = () => {\n\t\tif (!isClient && !isWorker) return;\n\t\tclose();\n\t\texplicitlyClosed = false;\n\t\tretried = 0;\n\t\t_init();\n\t};\n\tif (immediate) open();\n\tif (autoConnect) watch(urlRef, open);\n\treturn {\n\t\tdata,\n\t\tstatus,\n\t\tclose,\n\t\tsend,\n\t\topen,\n\t\tws: wsRef\n\t};\n}\n\n//#endregion\n//#region useWebWorker/index.ts\nfunction useWebWorker(arg0, workerOptions, options) {\n\tconst { window: window$1 = defaultWindow } = options !== null && options !== void 0 ? options : {};\n\tconst data = ref(null);\n\tconst worker = shallowRef();\n\tconst post = (...args) => {\n\t\tif (!worker.value) return;\n\t\tworker.value.postMessage(...args);\n\t};\n\tconst terminate = function terminate$1() {\n\t\tif (!worker.value) return;\n\t\tworker.value.terminate();\n\t};\n\tif (window$1) {\n\t\tif (typeof arg0 === \"string\") worker.value = new Worker(arg0, workerOptions);\n\t\telse if (typeof arg0 === \"function\") worker.value = arg0();\n\t\telse worker.value = arg0;\n\t\tworker.value.onmessage = (e) => {\n\t\t\tdata.value = e.data;\n\t\t};\n\t\ttryOnScopeDispose(() => {\n\t\t\tif (worker.value) worker.value.terminate();\n\t\t});\n\t}\n\treturn {\n\t\tdata,\n\t\tpost,\n\t\tterminate,\n\t\tworker\n\t};\n}\n\n//#endregion\n//#region useWebWorkerFn/lib/depsParser.ts\n/**\n*\n* Concatenates the dependencies into a comma separated string.\n* this string will then be passed as an argument to the \"importScripts\" function\n*\n* @param deps array of string\n* @param localDeps array of function\n* @returns a string composed by the concatenation of the array\n* elements \"deps\" and \"importScripts\".\n*\n* @example\n* depsParser(['demo1', 'demo2']) // return importScripts('demo1', 'demo2')\n*/\nfunction depsParser(deps, localDeps) {\n\tif (deps.length === 0 && localDeps.length === 0) return \"\";\n\tconst depsString = deps.map((dep) => `'${dep}'`).toString();\n\tconst depsFunctionString = localDeps.filter((dep) => typeof dep === \"function\").map((fn) => {\n\t\tconst str = fn.toString();\n\t\tif (str.trim().startsWith(\"function\")) return str;\n\t\telse return `const ${fn.name} = ${str}`;\n\t}).join(\";\");\n\tconst importString = `importScripts(${depsString});`;\n\treturn `${depsString.trim() === \"\" ? \"\" : importString} ${depsFunctionString}`;\n}\nvar depsParser_default = depsParser;\n\n//#endregion\n//#region useWebWorkerFn/lib/jobRunner.ts\n/**\n* This function accepts as a parameter a function \"userFunc\"\n* And as a result returns an anonymous function.\n* This anonymous function, accepts as arguments,\n* the parameters to pass to the function \"useArgs\" and returns a Promise\n* This function can be used as a wrapper, only inside a Worker\n* because it depends by \"postMessage\".\n*\n* @param userFunc {Function} fn the function to run with web worker\n*\n* @returns returns a function that accepts the parameters\n* to be passed to the \"userFunc\" function\n*/\nfunction jobRunner(userFunc) {\n\treturn (e) => {\n\t\tconst userFuncArgs = e.data[0];\n\t\treturn Promise.resolve(userFunc.apply(void 0, userFuncArgs)).then((result) => {\n\t\t\tpostMessage([\"SUCCESS\", result]);\n\t\t}).catch((error) => {\n\t\t\tpostMessage([\"ERROR\", error]);\n\t\t});\n\t};\n}\nvar jobRunner_default = jobRunner;\n\n//#endregion\n//#region useWebWorkerFn/lib/createWorkerBlobUrl.ts\n/**\n* Converts the \"fn\" function into the syntax needed to be executed within a web worker\n*\n* @param fn the function to run with web worker\n* @param deps array of strings, imported into the worker through \"importScripts\"\n* @param localDeps array of function, local dependencies\n*\n* @returns a blob url, containing the code of \"fn\" as a string\n*\n* @example\n* createWorkerBlobUrl((a,b) => a+b, [])\n* // return \"onmessage=return Promise.resolve((a,b) => a + b)\n* .then(postMessage(['SUCCESS', result]))\n* .catch(postMessage(['ERROR', error])\"\n*/\nfunction createWorkerBlobUrl(fn, deps, localDeps) {\n\tconst blobCode = `${depsParser_default(deps, localDeps)}; onmessage=(${jobRunner_default})(${fn})`;\n\tconst blob = new Blob([blobCode], { type: \"text/javascript\" });\n\treturn URL.createObjectURL(blob);\n}\nvar createWorkerBlobUrl_default = createWorkerBlobUrl;\n\n//#endregion\n//#region useWebWorkerFn/index.ts\n/**\n* Run expensive function without blocking the UI, using a simple syntax that makes use of Promise.\n*\n* @see https://vueuse.org/useWebWorkerFn\n* @param fn\n* @param options\n*/\nfunction useWebWorkerFn(fn, options = {}) {\n\tconst { dependencies = [], localDependencies = [], timeout, window: window$1 = defaultWindow } = options;\n\tconst worker = ref();\n\tconst workerStatus = shallowRef(\"PENDING\");\n\tconst promise = ref({});\n\tconst timeoutId = shallowRef();\n\tconst workerTerminate = (status = \"PENDING\") => {\n\t\tif (worker.value && worker.value._url && window$1) {\n\t\t\tworker.value.terminate();\n\t\t\tURL.revokeObjectURL(worker.value._url);\n\t\t\tpromise.value = {};\n\t\t\tworker.value = void 0;\n\t\t\twindow$1.clearTimeout(timeoutId.value);\n\t\t\tworkerStatus.value = status;\n\t\t}\n\t};\n\tworkerTerminate();\n\ttryOnScopeDispose(workerTerminate);\n\tconst generateWorker = () => {\n\t\tconst blobUrl = createWorkerBlobUrl_default(fn, dependencies, localDependencies);\n\t\tconst newWorker = new Worker(blobUrl);\n\t\tnewWorker._url = blobUrl;\n\t\tnewWorker.onmessage = (e) => {\n\t\t\tconst { resolve = () => {}, reject = () => {} } = promise.value;\n\t\t\tconst [status, result] = e.data;\n\t\t\tswitch (status) {\n\t\t\t\tcase \"SUCCESS\":\n\t\t\t\t\tresolve(result);\n\t\t\t\t\tworkerTerminate(status);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\treject(result);\n\t\t\t\t\tworkerTerminate(\"ERROR\");\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t};\n\t\tnewWorker.onerror = (e) => {\n\t\t\tconst { reject = () => {} } = promise.value;\n\t\t\te.preventDefault();\n\t\t\treject(e);\n\t\t\tworkerTerminate(\"ERROR\");\n\t\t};\n\t\tif (timeout) timeoutId.value = setTimeout(() => workerTerminate(\"TIMEOUT_EXPIRED\"), timeout);\n\t\treturn newWorker;\n\t};\n\tconst callWorker = (...fnArgs) => new Promise((resolve, reject) => {\n\t\tvar _worker$value;\n\t\tpromise.value = {\n\t\t\tresolve,\n\t\t\treject\n\t\t};\n\t\t(_worker$value = worker.value) === null || _worker$value === void 0 || _worker$value.postMessage([[...fnArgs]]);\n\t\tworkerStatus.value = \"RUNNING\";\n\t});\n\tconst workerFn = (...fnArgs) => {\n\t\tif (workerStatus.value === \"RUNNING\") {\n\t\t\tconsole.error(\"[useWebWorkerFn] You can only run one instance of the worker at a time.\");\n\t\t\treturn Promise.reject();\n\t\t}\n\t\tworker.value = generateWorker();\n\t\treturn callWorker(...fnArgs);\n\t};\n\treturn {\n\t\tworkerFn,\n\t\tworkerStatus,\n\t\tworkerTerminate\n\t};\n}\n\n//#endregion\n//#region useWindowFocus/index.ts\n/**\n* Reactively track window focus with `window.onfocus` and `window.onblur`.\n*\n* @see https://vueuse.org/useWindowFocus\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useWindowFocus(options = {}) {\n\tconst { window: window$1 = defaultWindow } = options;\n\tif (!window$1) return shallowRef(false);\n\tconst focused = shallowRef(window$1.document.hasFocus());\n\tconst listenerOptions = { passive: true };\n\tuseEventListener(window$1, \"blur\", () => {\n\t\tfocused.value = false;\n\t}, listenerOptions);\n\tuseEventListener(window$1, \"focus\", () => {\n\t\tfocused.value = true;\n\t}, listenerOptions);\n\treturn focused;\n}\n\n//#endregion\n//#region useWindowScroll/index.ts\n/**\n* Reactive window scroll.\n*\n* @see https://vueuse.org/useWindowScroll\n* @param options\n*/\nfunction useWindowScroll(options = {}) {\n\tconst { window: window$1 = defaultWindow,...rest } = options;\n\treturn useScroll(window$1, rest);\n}\n\n//#endregion\n//#region useWindowSize/index.ts\n/**\n* Reactive window size.\n*\n* @see https://vueuse.org/useWindowSize\n* @param options\n*\n* @__NO_SIDE_EFFECTS__\n*/\nfunction useWindowSize(options = {}) {\n\tconst { window: window$1 = defaultWindow, initialWidth = Number.POSITIVE_INFINITY, initialHeight = Number.POSITIVE_INFINITY, listenOrientation = true, includeScrollbar = true, type = \"inner\" } = options;\n\tconst width = shallowRef(initialWidth);\n\tconst height = shallowRef(initialHeight);\n\tconst update = () => {\n\t\tif (window$1) if (type === \"outer\") {\n\t\t\twidth.value = window$1.outerWidth;\n\t\t\theight.value = window$1.outerHeight;\n\t\t} else if (type === \"visual\" && window$1.visualViewport) {\n\t\t\tconst { width: visualViewportWidth, height: visualViewportHeight, scale } = window$1.visualViewport;\n\t\t\twidth.value = Math.round(visualViewportWidth * scale);\n\t\t\theight.value = Math.round(visualViewportHeight * scale);\n\t\t} else if (includeScrollbar) {\n\t\t\twidth.value = window$1.innerWidth;\n\t\t\theight.value = window$1.innerHeight;\n\t\t} else {\n\t\t\twidth.value = window$1.document.documentElement.clientWidth;\n\t\t\theight.value = window$1.document.documentElement.clientHeight;\n\t\t}\n\t};\n\tupdate();\n\ttryOnMounted(update);\n\tconst listenerOptions = { passive: true };\n\tuseEventListener(\"resize\", update, listenerOptions);\n\tif (window$1 && type === \"visual\" && window$1.visualViewport) useEventListener(window$1.visualViewport, \"resize\", update, listenerOptions);\n\tif (listenOrientation) watch(useMediaQuery(\"(orientation: portrait)\"), () => update());\n\treturn {\n\t\twidth,\n\t\theight\n\t};\n}\n\n//#endregion\nexport { DefaultMagicKeysAliasMap, StorageSerializers, TransitionPresets, asyncComputed, breakpointsAntDesign, breakpointsBootstrapV5, breakpointsElement, breakpointsMasterCss, breakpointsPrimeFlex, breakpointsQuasar, breakpointsSematic, breakpointsTailwind, breakpointsVuetify, breakpointsVuetifyV2, breakpointsVuetifyV3, cloneFnJSON, computedAsync, computedInject, createFetch, createReusableTemplate, createTemplatePromise, createUnrefFn, customStorageEventName, defaultDocument, defaultLocation, defaultNavigator, defaultWindow, executeTransition, formatTimeAgo, formatTimeAgoIntl, formatTimeAgoIntlParts, getSSRHandler, mapGamepadToXbox360Controller, onClickOutside, onElementRemoval, onKeyDown, onKeyPressed, onKeyStroke, onKeyUp, onLongPress, onStartTyping, provideSSRWidth, setSSRHandler, templateRef, transition, unrefElement, useActiveElement, useAnimate, useAsyncQueue, useAsyncState, useBase64, useBattery, useBluetooth, useBreakpoints, useBroadcastChannel, useBrowserLocation, useCached, useClipboard, useClipboardItems, useCloned, useColorMode, useConfirmDialog, useCountdown, useCssSupports, useCssVar, useCurrentElement, useCycleList, useDark, useDebouncedRefHistory, useDeviceMotion, useDeviceOrientation, useDevicePixelRatio, useDevicesList, useDisplayMedia, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementByPoint, useElementHover, useElementSize, useElementVisibility, useEventBus, useEventListener, useEventSource, useEyeDropper, useFavicon, useFetch, useFileDialog, useFileSystemAccess, useFocus, useFocusWithin, useFps, useFullscreen, useGamepad, useGeolocation, useIdle, useImage, useInfiniteScroll, useIntersectionObserver, useKeyModifier, useLocalStorage, useMagicKeys, useManualRefHistory, useMediaControls, useMediaQuery, useMemoize, useMemory, useMounted, useMouse, useMouseInElement, useMousePressed, useMutationObserver, useNavigatorLanguage, useNetwork, useNow, useObjectUrl, useOffsetPagination, useOnline, usePageLeave, useParallax, useParentElement, usePerformanceObserver, usePermission, usePointer, usePointerLock, usePointerSwipe, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePreferredLanguages, usePreferredReducedMotion, usePreferredReducedTransparency, usePrevious, useRafFn, useRefHistory, useResizeObserver, useSSRWidth, useScreenOrientation, useScreenSafeArea, useScriptTag, useScroll, useScrollLock, useSessionStorage, useShare, useSorted, useSpeechRecognition, useSpeechSynthesis, useStepper, useStorage, useStorageAsync, useStyleTag, useSupported, useSwipe, useTemplateRefsList, useTextDirection, useTextSelection, useTextareaAutosize, useThrottledRefHistory, useTimeAgo, useTimeAgoIntl, useTimeoutPoll, useTimestamp, useTitle, useTransition, useUrlSearchParams, useUserMedia, useVModel, useVModels, useVibrate, useVirtualList, useWakeLock, useWebNotification, useWebSocket, useWebWorker, useWebWorkerFn, useWindowFocus, useWindowScroll, useWindowSize };","/** Email vs popup builder chrome (sidebar layout). */\nexport type EditorType = \"email\" | \"popup\";\n\n/**\n * Normalize embedder input (`email` / `EMAIL`, `popup` / `POPUP`, etc.).\n * Unknown values fall back to `email`.\n */\nexport function normalizeEditorType(\n raw?: string | EditorType | null,\n): EditorType {\n if (raw === undefined || raw === null) return \"email\";\n const n = String(raw).trim().toLowerCase();\n if (n === \"popup\") return \"popup\";\n return \"email\";\n}\n","import { inject, type InjectionKey, type ComputedRef, type Ref } from \"vue\";\nimport type {\n UseHistoryReturn,\n UseBlockActionsReturn,\n UseConditionPreviewReturn,\n} from \"@aswin.dev/core\";\nimport type {\n BlockDefaults,\n CustomBlockDefinition,\n DisplayCondition,\n MergeTag,\n SyntaxPreset,\n} from \"@aswin.dev/types\";\nimport type { Translations, CloudTranslations } from \"./i18n\";\nimport type {\n AuthManager,\n UseAiConfigReturn,\n UseCommentsReturn,\n UseSavedModulesReturn,\n UseTemplateScoringReturn,\n} from \"@aswin.dev/core/cloud\";\nimport type { BaseEditorReturn } from \"./composables/useEditorCore\";\nimport type { UseFontsReturn } from \"./composables/useFonts\";\nimport type { UseBlockRegistryReturn } from \"./composables/useBlockRegistry\";\nimport type { UseKeyboardReorderReturn } from \"./composables/useKeyboardReorder\";\nimport type { EditorCapabilities } from \"./types/editor-capabilities\";\nimport type { EditorType } from \"./types/editor-type\";\nimport type { PopupRailTabId } from \"./types/popup-rail-tab\";\nimport type { OnRequestMedia } from \"./index\";\n\n// ---------------------------------------------------------------------------\n// Shared keys (provided by useEditorCore, consumed by all components)\n// ---------------------------------------------------------------------------\n\nexport const TRANSLATIONS_KEY: InjectionKey<Translations> =\n Symbol(\"translations\");\n\nexport const EDITOR_KEY: InjectionKey<BaseEditorReturn> = Symbol(\"editor\");\n\nexport const EDITOR_TYPE_KEY: InjectionKey<EditorType> = Symbol(\"editorType\");\n\n/** Popup editor: active icon-rail section (`blocks` = canvas + palette). */\nexport const POPUP_RAIL_TAB_KEY: InjectionKey<Ref<PopupRailTabId>> =\n Symbol(\"popupRailTab\");\n\nexport const HISTORY_KEY: InjectionKey<UseHistoryReturn> = Symbol(\"history\");\n\nexport const BLOCK_ACTIONS_KEY: InjectionKey<UseBlockActionsReturn> =\n Symbol(\"blockActions\");\n\nexport const CONDITION_PREVIEW_KEY: InjectionKey<UseConditionPreviewReturn> =\n Symbol(\"conditionPreview\");\n\nexport const FONTS_MANAGER_KEY: InjectionKey<UseFontsReturn> =\n Symbol(\"fontsManager\");\n\nexport const THEME_STYLES_KEY: InjectionKey<\n ComputedRef<Record<string, string>>\n> = Symbol(\"themeStyles\");\n\nexport const UI_THEME_KEY: InjectionKey<ComputedRef<string>> =\n Symbol(\"tplUiTheme\");\n\nexport const BLOCK_DEFAULTS_KEY: InjectionKey<BlockDefaults | undefined> =\n Symbol(\"blockDefaults\");\n\nexport const BLOCK_REGISTRY_KEY: InjectionKey<UseBlockRegistryReturn> =\n Symbol(\"blockRegistry\");\n\nexport const CUSTOM_BLOCK_DEFINITIONS_KEY: InjectionKey<\n CustomBlockDefinition[]\n> = Symbol(\"customBlockDefinitions\");\n\nexport const MERGE_TAGS_KEY: InjectionKey<MergeTag[]> = Symbol(\"mergeTags\");\n\nexport const MERGE_TAG_SYNTAX_KEY: InjectionKey<SyntaxPreset> =\n Symbol(\"mergeTagSyntax\");\n\nexport const ON_REQUEST_MERGE_TAG_KEY: InjectionKey<\n (() => Promise<MergeTag | null>) | null\n> = Symbol(\"onRequestMergeTag\");\n\nexport const MERGE_TAG_AUTOCOMPLETE_KEY: InjectionKey<boolean> = Symbol(\n \"mergeTagAutocomplete\",\n);\n\nexport const ON_REQUEST_MEDIA_KEY: InjectionKey<OnRequestMedia | null> =\n Symbol(\"onRequestMedia\");\n\nexport const DISPLAY_CONDITIONS_KEY: InjectionKey<DisplayCondition[]> =\n Symbol(\"displayConditions\");\n\nexport const ALLOW_CUSTOM_CONDITIONS_KEY: InjectionKey<boolean> = Symbol(\n \"allowCustomConditions\",\n);\n\nexport const CAPABILITIES_KEY: InjectionKey<EditorCapabilities> =\n Symbol(\"capabilities\");\n\nexport const KEYBOARD_REORDER_KEY: InjectionKey<UseKeyboardReorderReturn> =\n Symbol(\"keyboardReorder\");\n\nexport const ACCESSIBILITY_LINT_KEY: InjectionKey<\n import(\"./composables/useAccessibilityLint\").UseAccessibilityLintReturn | null\n> = Symbol(\"accessibilityLint\");\n\n// ---------------------------------------------------------------------------\n// Cloud-only keys (provided by CloudEditor, consumed by cloud components)\n// ---------------------------------------------------------------------------\n\nexport const AUTH_MANAGER_KEY: InjectionKey<AuthManager> =\n Symbol(\"authManager\");\n\nexport const AI_CONFIG_KEY: InjectionKey<UseAiConfigReturn> =\n Symbol(\"aiConfig\");\n\nexport const COMMENTS_KEY: InjectionKey<UseCommentsReturn> = Symbol(\"comments\");\n\nexport const SAVED_MODULES_HEADLESS_KEY: InjectionKey<UseSavedModulesReturn> =\n Symbol(\"savedModulesHeadless\");\n\nexport const SCORING_KEY: InjectionKey<UseTemplateScoringReturn> =\n Symbol(\"scoring\");\n\nexport const CLOUD_TRANSLATIONS_KEY: InjectionKey<CloudTranslations> =\n Symbol(\"cloudTranslations\");\n\n// ---------------------------------------------------------------------------\n// Helper for required injections with explicit null default + throw\n// ---------------------------------------------------------------------------\n\nexport function requireInject<T>(\n key: InjectionKey<T>,\n componentName: string,\n): T {\n const value = inject(key, null) as T | null;\n if (value === null || value === undefined) {\n throw new Error(\n `${componentName} requires a provider for ${key.description ?? \"unknown key\"}. Ensure it is a descendant of Editor or CloudEditor.`,\n );\n }\n return value;\n}\n","import { ref, shallowRef, watch, type Ref } from \"vue\";\nimport { watchDebounced } from \"@vueuse/core\";\nimport type {\n Block,\n TemplateContent,\n TemplateSettings,\n} from \"@aswin.dev/types\";\n// Type-only import — runtime is dynamically loaded.\nimport type {\n A11yIssue,\n A11yOptions,\n lintAccessibility as LintFn,\n} from \"@aswin.dev/quality\";\n\nexport type { A11yIssue, A11yOptions } from \"@aswin.dev/quality\";\n\nexport interface UseAccessibilityLintOptions {\n content: Ref<TemplateContent>;\n options: A11yOptions;\n updateBlock: (blockId: string, updates: Partial<Block>) => void;\n updateSettings: (updates: Partial<TemplateSettings>) => void;\n /** Debounce in ms; defaults to 500 to match the plan. */\n debounce?: number;\n}\n\nexport interface UseAccessibilityLintReturn {\n issues: Ref<A11yIssue[]>;\n /** True once the quality package has been successfully imported. */\n ready: Ref<boolean>;\n /** True if the dynamic import failed (e.g. package not installed). */\n unavailable: Ref<boolean>;\n applyFix: (issue: A11yIssue) => void;\n destroy: () => void;\n}\n\n/**\n * Live accessibility linting. Lazy-imports `@aswin.dev/quality` on first\n * call so the OSS bundle pays nothing for the chunk until the user opens\n * the panel. Re-lints debounced (500ms default) on every content change.\n *\n * When `options.disabled === true`, the dynamic import is skipped entirely\n * and `issues` stays empty — saves the chunk download for consumers that\n * turn off the linter.\n */\nexport function useAccessibilityLint(\n opts: UseAccessibilityLintOptions,\n): UseAccessibilityLintReturn {\n const issues = ref<A11yIssue[]>([]) as Ref<A11yIssue[]>;\n const ready = ref(false);\n const unavailable = ref(false);\n const lintFn = shallowRef<typeof LintFn | null>(null);\n\n const disabled = opts.options.disabled === true;\n\n let stopWatch: (() => void) | null = null;\n let destroyed = false;\n\n if (!disabled) {\n void load();\n }\n\n async function load(): Promise<void> {\n try {\n const mod = await import(\"@aswin.dev/quality\");\n // Bail if the consumer destroyed us during the dynamic import — both\n // to avoid mutating dead refs and to avoid leaking a watcher that\n // destroy() can no longer reach.\n if (destroyed) return;\n lintFn.value = mod.lintAccessibility;\n ready.value = true;\n runLint();\n stopWatch = watchDebounced(opts.content, runLint, {\n debounce: opts.debounce ?? 500,\n deep: true,\n });\n } catch {\n if (destroyed) return;\n // The quality package is an optional peer; surface the unavailable\n // flag so consumers can hide UI rather than crash.\n unavailable.value = true;\n }\n }\n\n function runLint(): void {\n if (!lintFn.value) return;\n issues.value = lintFn.value(opts.content.value, opts.options);\n }\n\n // Re-run when severity overrides change at runtime (rare, but useful for\n // cloud plan-config merges).\n const stopOptionsWatch = watch(\n () => opts.options,\n () => {\n if (lintFn.value) runLint();\n },\n { deep: true },\n );\n\n function applyFix(issue: A11yIssue): void {\n if (!issue.fix) return;\n issue.fix.apply({\n updateBlock: opts.updateBlock,\n updateSettings: opts.updateSettings,\n });\n // The content watcher will re-lint via the debounced watcher.\n }\n\n function destroy(): void {\n destroyed = true;\n stopWatch?.();\n stopOptionsWatch();\n }\n\n return { issues, ready, unavailable, applyFix, destroy };\n}\n","import type { Translations } from \"../i18n\";\nimport { type Ref, inject, isRef } from \"vue\";\nimport { TRANSLATIONS_KEY } from \"../keys\";\n\nexport interface UseI18nReturn {\n /** Current translations object */\n t: Translations;\n /** Format a string with placeholders */\n format: (template: string, values: Record<string, string | number>) => string;\n}\n\n/**\n * Composable for internationalization.\n * Provides access to the current locale's translations.\n *\n * @param translationsOverride - Optional translations to use instead of injected value\n */\nexport function useI18n(translationsOverride?: Translations): UseI18nReturn {\n const injected =\n translationsOverride ??\n (inject(TRANSLATIONS_KEY, null) as Translations | Ref<Translations> | null);\n\n if (!injected) {\n throw new Error(\n \"useI18n() requires a translations provider. Ensure the component is a descendant of Editor or CloudEditor.\",\n );\n }\n\n const t: Translations = isRef(injected) ? injected.value : injected;\n\n /**\n * Format a string with placeholders.\n * e.g., format('{minutes}m ago', { minutes: 5 }) -> '5m ago'\n */\n function format(\n template: string,\n values: Record<string, string | number>,\n ): string {\n return template.replace(/\\{(\\w+)\\}/g, (_, key) => {\n return key in values ? String(values[key]) : `{${key}}`;\n });\n }\n\n return {\n t,\n format,\n };\n}\n","import type { Translations } from \"../i18n\";\n\n/**\n * Returns the i18n label for a built-in block type.\n * Falls back to the raw type string for unknown types.\n */\nexport function getBlockTypeLabel(\n blockType: string,\n translations: Translations,\n): string {\n const labels = translations.blocks as Record<string, string>;\n return labels[blockType] ?? blockType;\n}\n","import { ref, type Ref } from \"vue\";\nimport type { Block, SectionBlock } from \"@aswin.dev/types\";\nimport type { BaseEditorReturn } from \"./useEditorCore\";\nimport type { UseI18nReturn } from \"./useI18n\";\nimport { getBlockTypeLabel } from \"../utils/blockTypeLabels\";\n\ninterface BlockLocation {\n index: number;\n total: number;\n sectionId?: string;\n columnIndex?: number;\n}\n\nexport interface UseKeyboardReorderReturn {\n liftedBlockId: Ref<string | null>;\n announcement: Ref<string>;\n isLifted: (blockId: string) => boolean;\n lift: (blockId: string) => void;\n cancel: () => void;\n moveUp: (blockId: string) => void;\n moveDown: (blockId: string) => void;\n drop: (blockId: string) => void;\n}\n\n/**\n * Keyboard-driven reorder for blocks — mirrors the GitHub Projects pattern.\n * Space/Enter lifts, arrow keys move, Space/Enter drops, Escape cancels.\n * Moves within the same container (top-level or a section column).\n */\nexport function useKeyboardReorder(\n editor: BaseEditorReturn,\n i18n: UseI18nReturn,\n): UseKeyboardReorderReturn {\n const liftedBlockId = ref<string | null>(null);\n const announcement = ref(\"\");\n let originalLocation: BlockLocation | null = null;\n\n function findBlockLocation(blockId: string): BlockLocation | null {\n const topLevel = editor.content.value.blocks;\n const topIndex = topLevel.findIndex((b) => b.id === blockId);\n if (topIndex !== -1) {\n return { index: topIndex, total: topLevel.length };\n }\n for (const block of topLevel) {\n if (block.type !== \"section\") continue;\n const section = block as SectionBlock;\n for (let col = 0; col < section.children.length; col++) {\n const column = section.children[col];\n const childIndex = column.findIndex((b: Block) => b.id === blockId);\n if (childIndex !== -1) {\n return {\n index: childIndex,\n total: column.length,\n sectionId: section.id,\n columnIndex: col,\n };\n }\n }\n }\n return null;\n }\n\n function blockLabel(blockId: string): string {\n const location = findBlockLocation(blockId);\n if (!location) return \"\";\n const blocks = location.sectionId\n ? resolveColumnBlocks(location.sectionId, location.columnIndex ?? 0)\n : editor.content.value.blocks;\n const block = blocks?.[location.index];\n if (!block) return \"\";\n return getBlockTypeLabel(block.type, i18n.t);\n }\n\n function resolveColumnBlocks(\n sectionId: string,\n columnIndex: number,\n ): Block[] | null {\n const section = editor.content.value.blocks.find(\n (b) => b.id === sectionId && b.type === \"section\",\n ) as SectionBlock | undefined;\n return section?.children[columnIndex] ?? null;\n }\n\n function announce(message: string): void {\n // Reset to empty first so repeated identical announcements still fire.\n announcement.value = \"\";\n queueMicrotask(() => {\n announcement.value = message;\n });\n }\n\n function isLifted(blockId: string): boolean {\n return liftedBlockId.value === blockId;\n }\n\n function lift(blockId: string): void {\n const location = findBlockLocation(blockId);\n if (!location) return;\n liftedBlockId.value = blockId;\n originalLocation = location;\n announce(\n i18n.format(i18n.t.blockActions.lifted, {\n block: blockLabel(blockId),\n position: String(location.index + 1),\n total: String(location.total),\n }),\n );\n }\n\n function move(blockId: string, delta: number): void {\n const location = findBlockLocation(blockId);\n if (!location) return;\n const target = location.index + delta;\n if (target < 0 || target >= location.total) return;\n editor.moveBlock(blockId, target, location.sectionId, location.columnIndex);\n announce(\n i18n.format(i18n.t.blockActions.moved, {\n block: blockLabel(blockId),\n position: String(target + 1),\n total: String(location.total),\n }),\n );\n }\n\n function moveUp(blockId: string): void {\n move(blockId, -1);\n }\n\n function moveDown(blockId: string): void {\n move(blockId, 1);\n }\n\n function drop(blockId: string): void {\n const location = findBlockLocation(blockId);\n if (location) {\n announce(\n i18n.format(i18n.t.blockActions.dropped, {\n block: blockLabel(blockId),\n position: String(location.index + 1),\n total: String(location.total),\n }),\n );\n }\n liftedBlockId.value = null;\n originalLocation = null;\n }\n\n function cancel(): void {\n const id = liftedBlockId.value;\n if (id && originalLocation) {\n const current = findBlockLocation(id);\n const movedAcrossContainers =\n !!current &&\n (current.sectionId !== originalLocation.sectionId ||\n current.columnIndex !== originalLocation.columnIndex);\n const movedWithinContainer =\n !!current && current.index !== originalLocation.index;\n if (current && (movedAcrossContainers || movedWithinContainer)) {\n editor.moveBlock(\n id,\n originalLocation.index,\n originalLocation.sectionId,\n originalLocation.columnIndex,\n );\n }\n announce(\n i18n.format(i18n.t.blockActions.cancelled, {\n block: blockLabel(id),\n position: String(originalLocation.index + 1),\n }),\n );\n }\n liftedBlockId.value = null;\n originalLocation = null;\n }\n\n return {\n liftedBlockId,\n announcement,\n isLifted,\n lift,\n cancel,\n moveUp,\n moveDown,\n drop,\n };\n}\n","import { useMediaQuery } from \"@vueuse/core\";\nimport { computed, type ComputedRef, type Ref } from \"vue\";\nimport type { UiTheme } from \"@aswin.dev/types\";\n\nexport interface UseUiThemeReturn {\n resolvedTheme: ComputedRef<\"light\" | \"dark\">;\n}\n\nexport function useUiTheme(uiTheme: Ref<UiTheme>): UseUiThemeReturn {\n const systemPrefersDark = useMediaQuery(\"(prefers-color-scheme: dark)\");\n\n const resolvedTheme = computed<\"light\" | \"dark\">(() => {\n if (uiTheme.value === \"auto\") {\n return systemPrefersDark.value ? \"dark\" : \"light\";\n }\n return uiTheme.value;\n });\n\n return { resolvedTheme };\n}\n","import type { ThemeOverrides } from \"@aswin.dev/types\";\nimport { computed, type ComputedRef, type Ref } from \"vue\";\n\nconst THEME_VAR_MAPPING: Record<keyof Omit<ThemeOverrides, \"dark\">, string> = {\n bg: \"--tpl-bg\",\n bgElevated: \"--tpl-bg-elevated\",\n bgHover: \"--tpl-bg-hover\",\n bgActive: \"--tpl-bg-active\",\n border: \"--tpl-border\",\n borderLight: \"--tpl-border-light\",\n text: \"--tpl-text\",\n textMuted: \"--tpl-text-muted\",\n textDim: \"--tpl-text-dim\",\n primary: \"--tpl-primary\",\n primaryHover: \"--tpl-primary-hover\",\n primaryLight: \"--tpl-primary-light\",\n secondary: \"--tpl-secondary\",\n secondaryHover: \"--tpl-secondary-hover\",\n secondaryLight: \"--tpl-secondary-light\",\n success: \"--tpl-success\",\n successLight: \"--tpl-success-light\",\n warning: \"--tpl-warning\",\n warningLight: \"--tpl-warning-light\",\n danger: \"--tpl-danger\",\n dangerLight: \"--tpl-danger-light\",\n canvasBg: \"--tpl-canvas-bg\",\n};\n\nexport interface UseThemeStylesOptions {\n themeOverrides: Ref<ThemeOverrides>;\n resolvedTheme: ComputedRef<string>;\n extraStyles?: () => Record<string, string>;\n}\n\nexport interface UseThemeStylesReturn {\n themeStyles: ComputedRef<Record<string, string>>;\n}\n\nexport function useThemeStyles({\n themeOverrides,\n resolvedTheme,\n extraStyles,\n}: UseThemeStylesOptions): UseThemeStylesReturn {\n const themeStyles = computed(() => {\n const styles: Record<string, string> = {};\n const base = themeOverrides.value;\n const isDark = resolvedTheme.value === \"dark\";\n // In dark mode, only apply consumer's dark overrides as inline styles.\n // Base (light) overrides must NOT be inlined — they'd pin CSS variables to\n // light values and prevent the CSS [data-tpl-theme=\"dark\"] block from working.\n const overrides = isDark ? base.dark : base;\n\n if (overrides) {\n for (const [key, cssVar] of Object.entries(THEME_VAR_MAPPING)) {\n const k = key as keyof Omit<ThemeOverrides, \"dark\">;\n const value = overrides[k];\n if (value) {\n styles[cssVar] = value;\n }\n }\n }\n\n if (extraStyles) {\n Object.assign(styles, extraStyles());\n }\n\n return styles;\n });\n\n return { themeStyles };\n}\n","/**\n * Lightweight logger for the editor package.\n *\n * In production builds, `warn` and `error` still emit so consumers can surface\n * SDK issues, but tagged with `[Templatical]` for filtering. `debug`/`info` are\n * compiled out in production via the bundler's dead-code elimination.\n */\n\nconst TAG = \"[Templatical]\";\n\nfunction isProduction(): boolean {\n // `process.env.NODE_ENV` is replaced statically by Vite/tsup in consumer builds.\n // Guard access so pure browser environments (no process) don't throw.\n return (\n typeof process !== \"undefined\" && process.env?.NODE_ENV === \"production\"\n );\n}\n\nexport const logger = {\n warn(...args: unknown[]): void {\n console.warn(TAG, ...args);\n },\n error(...args: unknown[]): void {\n console.error(TAG, ...args);\n },\n debug(...args: unknown[]): void {\n if (!isProduction()) {\n console.debug(TAG, ...args);\n }\n },\n info(...args: unknown[]): void {\n if (!isProduction()) {\n console.info(TAG, ...args);\n }\n },\n};\n","/** @see https://templatical.com/docs/v1/custom-blocks */\n\nimport type {\n Block,\n CustomBlock,\n CustomBlockDefinition,\n} from \"@aswin.dev/types\";\nimport { createCustomBlock } from \"@aswin.dev/types\";\nimport { type Component, shallowRef, triggerRef } from \"vue\";\nimport { logger } from \"../utils/logger\";\n\nexport interface SidebarItem {\n type: string;\n label: string;\n icon?: string;\n description?: string;\n isCustom: boolean;\n}\n\nexport interface BlockRegistration {\n component: Component;\n createBlock: () => Block;\n sidebarItem: SidebarItem;\n definition?: CustomBlockDefinition;\n}\n\nexport interface UseBlockRegistryReturn {\n registerBuiltIn: (type: string, registration: BlockRegistration) => void;\n registerCustom: (\n definition: CustomBlockDefinition,\n component: Component,\n ) => void;\n getComponent: (block: Block) => Component | undefined;\n createBlock: (type: string) => Block | undefined;\n getSidebarItems: () => SidebarItem[];\n getDefinition: (customType: string) => CustomBlockDefinition | undefined;\n renderCustomBlock: (block: CustomBlock) => Promise<string>;\n isRegistered: (type: string) => boolean;\n}\n\nexport function useBlockRegistry(): UseBlockRegistryReturn {\n const registry = shallowRef(new Map<string, BlockRegistration>());\n\n function registerBuiltIn(\n type: string,\n registration: BlockRegistration,\n ): void {\n registry.value.set(type, registration);\n triggerRef(registry);\n }\n\n function registerCustom(\n definition: CustomBlockDefinition,\n component: Component,\n ): void {\n const registrationKey = `custom:${definition.type}`;\n const registration: BlockRegistration = {\n component,\n createBlock: () => createCustomBlock(definition),\n sidebarItem: {\n type: registrationKey,\n label: definition.name,\n icon: definition.icon,\n description: definition.description,\n isCustom: true,\n },\n definition,\n };\n\n registry.value.set(registrationKey, registration);\n triggerRef(registry);\n }\n\n function getComponent(block: Block): Component | undefined {\n if (block.type === \"custom\") {\n const key = `custom:${(block as CustomBlock).customType}`;\n return registry.value.get(key)?.component;\n }\n\n return registry.value.get(block.type)?.component;\n }\n\n function createBlockFromType(type: string): Block | undefined {\n return registry.value.get(type)?.createBlock();\n }\n\n function getSidebarItems(): SidebarItem[] {\n const builtIn: SidebarItem[] = [];\n const custom: SidebarItem[] = [];\n\n for (const registration of registry.value.values()) {\n if (registration.sidebarItem.isCustom) {\n custom.push(registration.sidebarItem);\n } else {\n builtIn.push(registration.sidebarItem);\n }\n }\n\n return [...builtIn, ...custom];\n }\n\n function getDefinition(\n customType: string,\n ): CustomBlockDefinition | undefined {\n const key = `custom:${customType}`;\n return registry.value.get(key)?.definition;\n }\n\n function renderErrorHtml(message: string): string {\n return `<div style=\"color: var(--tpl-text-muted); padding: 16px; text-align: center; border: 1px dashed var(--tpl-border); border-radius: var(--tpl-radius-sm); font-family: var(--tpl-font-family); font-size: 14px;\">${message}</div>`;\n }\n\n async function renderCustomBlockHtml(block: CustomBlock): Promise<string> {\n const definition = getDefinition(block.customType);\n if (!definition) {\n return renderErrorHtml(\"Block definition not found\");\n }\n\n try {\n const { Liquid } = await import(\"liquidjs\");\n const engine = new Liquid({\n strictVariables: false,\n strictFilters: false,\n });\n\n return await engine.parseAndRender(\n definition.template,\n block.fieldValues,\n );\n } catch (error) {\n logger.error(\n `Failed to render custom block \"${block.customType}\":`,\n error,\n );\n return renderErrorHtml(`Render error: ${block.customType}`);\n }\n }\n\n function isRegistered(type: string): boolean {\n return registry.value.has(type);\n }\n\n return {\n registerBuiltIn,\n registerCustom,\n getComponent,\n createBlock: createBlockFromType,\n getSidebarItems,\n getDefinition,\n renderCustomBlock: renderCustomBlockHtml,\n isRegistered,\n };\n}\n","import type { Block } from \"@aswin.dev/types\";\nimport {\n createButtonBlock,\n createCountdownBlock,\n createDividerBlock,\n createHtmlBlock,\n createImageBlock,\n createInputBlock,\n createMenuBlock,\n createParagraphBlock,\n createSectionBlock,\n createSocialIconsBlock,\n createSpacerBlock,\n createTableBlock,\n createTitleBlock,\n createVideoBlock,\n} from \"@aswin.dev/types\";\nimport type { Component } from \"vue\";\nimport type { UseBlockRegistryReturn } from \"../composables/useBlockRegistry\";\n\ninterface BuiltInBlockDef {\n type: string;\n label: string;\n createBlock: () => Block;\n}\n\nconst BUILT_IN_BLOCKS: BuiltInBlockDef[] = [\n { type: \"section\", label: \"Section\", createBlock: createSectionBlock },\n { type: \"title\", label: \"Title\", createBlock: createTitleBlock },\n { type: \"paragraph\", label: \"Paragraph\", createBlock: createParagraphBlock },\n { type: \"image\", label: \"Image\", createBlock: createImageBlock },\n { type: \"button\", label: \"Button\", createBlock: createButtonBlock },\n { type: \"input\", label: \"Input\", createBlock: createInputBlock },\n { type: \"divider\", label: \"Divider\", createBlock: createDividerBlock },\n { type: \"video\", label: \"Video\", createBlock: createVideoBlock },\n { type: \"social\", label: \"Social\", createBlock: createSocialIconsBlock },\n { type: \"menu\", label: \"Menu\", createBlock: createMenuBlock },\n { type: \"table\", label: \"Table\", createBlock: createTableBlock },\n { type: \"spacer\", label: \"Spacer\", createBlock: createSpacerBlock },\n { type: \"html\", label: \"HTML\", createBlock: createHtmlBlock },\n {\n type: \"countdown\",\n label: \"Countdown\",\n createBlock: createCountdownBlock,\n },\n];\n\nexport function registerBuiltInBlocks(\n registry: UseBlockRegistryReturn,\n componentMap: Record<string, Component>,\n): void {\n for (const def of BUILT_IN_BLOCKS) {\n const component = componentMap[def.type];\n if (component) {\n registry.registerBuiltIn(def.type, {\n component,\n createBlock: def.createBlock,\n sidebarItem: { type: def.type, label: def.label, isCustom: false },\n });\n }\n }\n}\n","import type { UseHistoryReturn } from \"@aswin.dev/core\";\n\nexport interface KeyboardShortcutHandlers {\n history: UseHistoryReturn;\n selectBlock: (blockId: string | null) => void;\n getSelectedBlockId: () => string | null;\n removeBlock: (blockId: string) => void;\n onSave?: () => void;\n onBeforeUndo?: () => void;\n}\n\n/**\n * Returns true when the keyboard event target is a text-editing context\n * (input, textarea, select, or contentEditable element like TipTap).\n * Used to let native/TipTap controls handle their own key events.\n */\nexport function isEditingText(e: KeyboardEvent): boolean {\n const target = e.target as HTMLElement;\n return (\n target.isContentEditable ||\n target.tagName === \"INPUT\" ||\n target.tagName === \"TEXTAREA\" ||\n target.tagName === \"SELECT\"\n );\n}\n\n/**\n * Shared keyboard shortcut handler for both OSS and Cloud editors.\n *\n * - Cmd/Ctrl+Z: undo (skipped when editing text — TipTap handles its own undo)\n * - Cmd/Ctrl+Shift+Z: redo (skipped when editing text)\n * - Cmd/Ctrl+S: save\n * - Escape: deselect block\n * - Delete/Backspace: remove selected block (skipped when editing text)\n */\nexport function handleEditorKeydown(\n e: KeyboardEvent,\n handlers: KeyboardShortcutHandlers,\n): void {\n const isCmd = e.metaKey || e.ctrlKey;\n\n // Cmd/Ctrl+S: save\n if (isCmd && e.key.toLowerCase() === \"s\") {\n e.preventDefault();\n handlers.onSave?.();\n return;\n }\n\n // Cmd/Ctrl+Z / Cmd/Ctrl+Shift+Z: undo/redo\n if (isCmd && e.key.toLowerCase() === \"z\") {\n // Let TipTap handle its own undo/redo when editing text\n if (isEditingText(e)) {\n return;\n }\n\n e.preventDefault();\n\n if (e.shiftKey) {\n handlers.history.redo();\n } else {\n handlers.onBeforeUndo?.();\n handlers.history.undo();\n }\n return;\n }\n\n // Escape: deselect\n if (e.key === \"Escape\") {\n handlers.selectBlock(null);\n return;\n }\n\n // Delete/Backspace: remove selected block\n if (\n (e.key === \"Delete\" || e.key === \"Backspace\") &&\n handlers.getSelectedBlockId() &&\n !isEditingText(e)\n ) {\n e.preventDefault();\n handlers.history.record();\n handlers.removeBlock(handlers.getSelectedBlockId()!);\n }\n}\n","<script setup lang=\"ts\">\nimport type {\n ButtonBlock as ButtonBlockType,\n ButtonClickAction,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed, inject } from \"vue\";\nimport { EDITOR_KEY } from \"../../keys\";\n\nconst props = defineProps<{\n block: ButtonBlockType;\n viewport: ViewportSize;\n}>();\n\n/** Narrow inject type — ButtonBlock only needs canvas navigation in the editor. */\ntype EditorWithCanvasNav = {\n switchToNextCanvasPage?: () => boolean;\n switchToPreviousCanvasPage?: () => boolean;\n};\n\nconst editor = inject(EDITOR_KEY, null) as EditorWithCanvasNav | null;\n\nconst clickAction = computed(\n (): ButtonClickAction => props.block.clickAction ?? \"none\",\n);\n\nconst previewHref = computed(() => {\n const action = clickAction.value;\n if (action === \"scroll_anchor\") {\n const id = props.block.clickActionAnchorId?.trim().replace(/^#/, \"\") ?? \"\";\n return id ? `#${id}` : props.block.url || \"#\";\n }\n return props.block.url || \"#\";\n});\n\nconst buttonStyle = computed(() => {\n const style: Record<string, string> = {\n display: \"inline-block\",\n boxSizing: \"border-box\",\n padding: `${props.block.buttonPadding.top}px ${props.block.buttonPadding.right}px ${props.block.buttonPadding.bottom}px ${props.block.buttonPadding.left}px`,\n backgroundColor: props.block.backgroundColor,\n color: props.block.textColor,\n fontSize: `${props.block.fontSize}px`,\n fontWeight: \"bold\",\n textDecoration: \"none\",\n borderRadius: `${props.block.borderRadius}px`,\n textAlign: \"center\",\n };\n if (props.block.fontFamily) {\n style.fontFamily = props.block.fontFamily;\n }\n\n const bw = props.block.borderWidth ?? 0;\n if (bw > 0) {\n const c = props.block.borderColor ?? \"#000000\";\n const side = props.block.borderSides ?? \"all\";\n if (side === \"all\") {\n style.border = `${bw}px solid ${c}`;\n } else {\n const z = \"0px\";\n style.borderStyle = \"solid\";\n style.borderColor = c;\n style.borderTopWidth = side === \"top\" ? `${bw}px` : z;\n style.borderRightWidth = side === \"right\" ? `${bw}px` : z;\n style.borderBottomWidth = side === \"bottom\" ? `${bw}px` : z;\n style.borderLeftWidth = side === \"left\" ? `${bw}px` : z;\n }\n }\n\n return style;\n});\n\nfunction handleButtonClick(e: MouseEvent): void {\n const action = clickAction.value;\n if (action === \"next_step\") {\n e.preventDefault();\n editor?.switchToNextCanvasPage?.();\n return;\n }\n if (action === \"previous_step\") {\n e.preventDefault();\n editor?.switchToPreviousCanvasPage?.();\n return;\n }\n if (action === \"scroll_anchor\" && props.block.clickActionAnchorId?.trim()) {\n e.preventDefault();\n const id = props.block.clickActionAnchorId.trim().replace(/^#/, \"\");\n document.getElementById(id)?.scrollIntoView({\n behavior: \"smooth\",\n block: \"start\",\n });\n return;\n }\n if (action === \"close_popup\" || action === \"load_page\") {\n e.preventDefault();\n return;\n }\n e.preventDefault();\n}\n</script>\n\n<template>\n <div class=\"tpl:text-center\">\n <a\n :href=\"previewHref\"\n :style=\"buttonStyle\"\n :class=\"\n clickAction !== 'none' ? 'tpl:cursor-pointer' : 'tpl:cursor-default'\n \"\n @click=\"handleButtonClick\"\n >\n {{ block.text }}\n </a>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n ButtonBlock as ButtonBlockType,\n ButtonClickAction,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed, inject } from \"vue\";\nimport { EDITOR_KEY } from \"../../keys\";\n\nconst props = defineProps<{\n block: ButtonBlockType;\n viewport: ViewportSize;\n}>();\n\n/** Narrow inject type — ButtonBlock only needs canvas navigation in the editor. */\ntype EditorWithCanvasNav = {\n switchToNextCanvasPage?: () => boolean;\n switchToPreviousCanvasPage?: () => boolean;\n};\n\nconst editor = inject(EDITOR_KEY, null) as EditorWithCanvasNav | null;\n\nconst clickAction = computed(\n (): ButtonClickAction => props.block.clickAction ?? \"none\",\n);\n\nconst previewHref = computed(() => {\n const action = clickAction.value;\n if (action === \"scroll_anchor\") {\n const id = props.block.clickActionAnchorId?.trim().replace(/^#/, \"\") ?? \"\";\n return id ? `#${id}` : props.block.url || \"#\";\n }\n return props.block.url || \"#\";\n});\n\nconst buttonStyle = computed(() => {\n const style: Record<string, string> = {\n display: \"inline-block\",\n boxSizing: \"border-box\",\n padding: `${props.block.buttonPadding.top}px ${props.block.buttonPadding.right}px ${props.block.buttonPadding.bottom}px ${props.block.buttonPadding.left}px`,\n backgroundColor: props.block.backgroundColor,\n color: props.block.textColor,\n fontSize: `${props.block.fontSize}px`,\n fontWeight: \"bold\",\n textDecoration: \"none\",\n borderRadius: `${props.block.borderRadius}px`,\n textAlign: \"center\",\n };\n if (props.block.fontFamily) {\n style.fontFamily = props.block.fontFamily;\n }\n\n const bw = props.block.borderWidth ?? 0;\n if (bw > 0) {\n const c = props.block.borderColor ?? \"#000000\";\n const side = props.block.borderSides ?? \"all\";\n if (side === \"all\") {\n style.border = `${bw}px solid ${c}`;\n } else {\n const z = \"0px\";\n style.borderStyle = \"solid\";\n style.borderColor = c;\n style.borderTopWidth = side === \"top\" ? `${bw}px` : z;\n style.borderRightWidth = side === \"right\" ? `${bw}px` : z;\n style.borderBottomWidth = side === \"bottom\" ? `${bw}px` : z;\n style.borderLeftWidth = side === \"left\" ? `${bw}px` : z;\n }\n }\n\n return style;\n});\n\nfunction handleButtonClick(e: MouseEvent): void {\n const action = clickAction.value;\n if (action === \"next_step\") {\n e.preventDefault();\n editor?.switchToNextCanvasPage?.();\n return;\n }\n if (action === \"previous_step\") {\n e.preventDefault();\n editor?.switchToPreviousCanvasPage?.();\n return;\n }\n if (action === \"scroll_anchor\" && props.block.clickActionAnchorId?.trim()) {\n e.preventDefault();\n const id = props.block.clickActionAnchorId.trim().replace(/^#/, \"\");\n document.getElementById(id)?.scrollIntoView({\n behavior: \"smooth\",\n block: \"start\",\n });\n return;\n }\n if (action === \"close_popup\" || action === \"load_page\") {\n e.preventDefault();\n return;\n }\n e.preventDefault();\n}\n</script>\n\n<template>\n <div class=\"tpl:text-center\">\n <a\n :href=\"previewHref\"\n :style=\"buttonStyle\"\n :class=\"\n clickAction !== 'none' ? 'tpl:cursor-pointer' : 'tpl:cursor-default'\n \"\n @click=\"handleButtonClick\"\n >\n {{ block.text }}\n </a>\n </div>\n</template>\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst isEmptyString = (value) => value === \"\";\n\nexport { isEmptyString };\n//# sourceMappingURL=isEmptyString.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses };\n//# sourceMappingURL=mergeClasses.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { toKebabCase };\n//# sourceMappingURL=toKebabCase.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\n\nexport { toCamelCase };\n//# sourceMappingURL=toCamelCase.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { toCamelCase } from './toCamelCase.mjs';\n\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\n\nexport { toPascalCase };\n//# sourceMappingURL=toPascalCase.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-width\": 2,\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { provide, inject } from 'vue';\n\nconst LUCIDE_CONTEXT = Symbol(\"lucide-icons\");\nfunction setLucideProps(props) {\n return provide(LUCIDE_CONTEXT, props);\n}\nfunction useLucideProps() {\n return inject(LUCIDE_CONTEXT, {});\n}\n\nexport { LUCIDE_CONTEXT, setLucideProps, useLucideProps };\n//# sourceMappingURL=context.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { computed, h } from 'vue';\nimport { isEmptyString } from './shared/src/utils/isEmptyString.mjs';\nimport { mergeClasses } from './shared/src/utils/mergeClasses.mjs';\nimport { toKebabCase } from './shared/src/utils/toKebabCase.mjs';\nimport { toPascalCase } from './shared/src/utils/toPascalCase.mjs';\nimport defaultAttributes from './defaultAttributes.mjs';\nimport { useLucideProps } from './context.mjs';\n\nconst Icon = ({\n name,\n iconNode,\n absoluteStrokeWidth,\n \"absolute-stroke-width\": absoluteStrokeWidthKebabCase,\n strokeWidth,\n \"stroke-width\": strokeWidthKebabCase,\n size,\n color,\n ...props\n}, { slots }) => {\n const {\n size: contextSize,\n color: contextColor,\n strokeWidth: contextStrokeWidth = 2,\n absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,\n class: contextClass = \"\"\n } = useLucideProps();\n const calculatedStrokeWidth = computed(() => {\n const isAbsoluteStrokeWidth = isEmptyString(absoluteStrokeWidth) || isEmptyString(absoluteStrokeWidthKebabCase) || absoluteStrokeWidth === true || absoluteStrokeWidthKebabCase === true || contextAbsoluteStrokeWidth === true;\n const strokeWidthValue = strokeWidth || strokeWidthKebabCase || contextStrokeWidth || defaultAttributes[\"stroke-width\"];\n if (isAbsoluteStrokeWidth) {\n return Number(strokeWidthValue) * 24 / Number(size ?? contextSize ?? defaultAttributes.width);\n }\n return strokeWidthValue;\n });\n return h(\n \"svg\",\n {\n ...defaultAttributes,\n ...props,\n width: size ?? contextSize ?? defaultAttributes.width,\n height: size ?? contextSize ?? defaultAttributes.height,\n stroke: color ?? contextColor ?? defaultAttributes.stroke,\n \"stroke-width\": calculatedStrokeWidth.value,\n class: mergeClasses(\n \"lucide\",\n contextClass,\n ...name ? [`lucide-${toKebabCase(toPascalCase(name))}-icon`, `lucide-${toKebabCase(name)}`] : [\"lucide-icon\"]\n )\n },\n [...iconNode.map((child) => h(...child)), ...slots.default ? [slots.default()] : []]\n );\n};\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { h } from 'vue';\nimport Icon from './Icon.mjs';\n\nconst createLucideIcon = (iconName, iconNode) => (props, { slots, attrs }) => h(\n Icon,\n {\n ...attrs,\n ...props,\n iconNode,\n name: iconName\n },\n slots\n);\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z\",\n key: \"oz39mx\"\n }\n ]\n];\nconst Bookmark = createLucideIcon(\"bookmark\", __iconNode);\n\nexport { __iconNode, Bookmark as default };\n//# sourceMappingURL=bookmark.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\",\n key: \"hh9hay\"\n }\n ],\n [\"path\", { d: \"m3.3 7 8.7 5 8.7-5\", key: \"g66t2b\" }],\n [\"path\", { d: \"M12 22V12\", key: \"d0xqtd\" }]\n];\nconst Box = createLucideIcon(\"box\", __iconNode);\n\nexport { __iconNode, Box as default };\n//# sourceMappingURL=box.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [[\"path\", { d: \"M20 6 9 17l-5-5\", key: \"1gmf2c\" }]];\nconst Check = createLucideIcon(\"check\", __iconNode);\n\nexport { __iconNode, Check as default };\n//# sourceMappingURL=check.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [[\"path\", { d: \"m6 9 6 6 6-6\", key: \"qrunsl\" }]];\nconst ChevronDown = createLucideIcon(\"chevron-down\", __iconNode);\n\nexport { __iconNode, ChevronDown as default };\n//# sourceMappingURL=chevron-down.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [[\"path\", { d: \"m15 18-6-6 6-6\", key: \"1wnfg3\" }]];\nconst ChevronLeft = createLucideIcon(\"chevron-left\", __iconNode);\n\nexport { __iconNode, ChevronLeft as default };\n//# sourceMappingURL=chevron-left.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [[\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]];\nconst ChevronRight = createLucideIcon(\"chevron-right\", __iconNode);\n\nexport { __iconNode, ChevronRight as default };\n//# sourceMappingURL=chevron-right.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [[\"path\", { d: \"m18 15-6-6-6 6\", key: \"153udz\" }]];\nconst ChevronUp = createLucideIcon(\"chevron-up\", __iconNode);\n\nexport { __iconNode, ChevronUp as default };\n//# sourceMappingURL=chevron-up.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"m9 12 2 2 4-4\", key: \"dzmm74\" }]\n];\nconst CircleCheck = createLucideIcon(\"circle-check\", __iconNode);\n\nexport { __iconNode, CircleCheck as default };\n//# sourceMappingURL=circle-check.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M12 6v6l4 2\", key: \"mmk7yg\" }]\n];\nconst Clock = createLucideIcon(\"clock\", __iconNode);\n\nexport { __iconNode, Clock as default };\n//# sourceMappingURL=clock.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\",\n key: \"ct8e1f\"\n }\n ],\n [\"path\", { d: \"M14.084 14.158a3 3 0 0 1-4.242-4.242\", key: \"151rxh\" }],\n [\n \"path\",\n {\n d: \"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\",\n key: \"13bj9a\"\n }\n ],\n [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n];\nconst EyeOff = createLucideIcon(\"eye-off\", __iconNode);\n\nexport { __iconNode, EyeOff as default };\n//# sourceMappingURL=eye-off.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\",\n key: \"1nclc0\"\n }\n ],\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Eye = createLucideIcon(\"eye\", __iconNode);\n\nexport { __iconNode, Eye as default };\n//# sourceMappingURL=eye.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n key: \"1oefj6\"\n }\n ],\n [\"path\", { d: \"M14 2v5a1 1 0 0 0 1 1h5\", key: \"wfsgrz\" }],\n [\"circle\", { cx: \"10\", cy: \"12\", r: \"2\", key: \"737tya\" }],\n [\"path\", { d: \"m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22\", key: \"wt3hpn\" }]\n];\nconst FileImage = createLucideIcon(\"file-image\", __iconNode);\n\nexport { __iconNode, FileImage as default };\n//# sourceMappingURL=file-image.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n key: \"1oefj6\"\n }\n ],\n [\"path\", { d: \"M14 2v5a1 1 0 0 0 1 1h5\", key: \"wfsgrz\" }],\n [\"path\", { d: \"M10 9H8\", key: \"b1mrlr\" }],\n [\"path\", { d: \"M16 13H8\", key: \"t4e002\" }],\n [\"path\", { d: \"M16 17H8\", key: \"z1uh3a\" }]\n];\nconst FileText = createLucideIcon(\"file-text\", __iconNode);\n\nexport { __iconNode, FileText as default };\n//# sourceMappingURL=file-text.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n key: \"sc7q7i\"\n }\n ]\n];\nconst Funnel = createLucideIcon(\"funnel\", __iconNode);\n\nexport { __iconNode, Funnel as default };\n//# sourceMappingURL=funnel.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"circle\", { cx: \"9\", cy: \"12\", r: \"1\", key: \"1vctgf\" }],\n [\"circle\", { cx: \"9\", cy: \"5\", r: \"1\", key: \"hp0tcf\" }],\n [\"circle\", { cx: \"9\", cy: \"19\", r: \"1\", key: \"fkjjf6\" }],\n [\"circle\", { cx: \"15\", cy: \"12\", r: \"1\", key: \"1tmaij\" }],\n [\"circle\", { cx: \"15\", cy: \"5\", r: \"1\", key: \"19l28e\" }],\n [\"circle\", { cx: \"15\", cy: \"19\", r: \"1\", key: \"f4zoj3\" }]\n];\nconst GripVertical = createLucideIcon(\"grip-vertical\", __iconNode);\n\nexport { __iconNode, GripVertical as default };\n//# sourceMappingURL=grip-vertical.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21\",\n key: \"9csbqa\"\n }\n ],\n [\"path\", { d: \"m14 19.5 3-3 3 3\", key: \"9vmjn0\" }],\n [\"path\", { d: \"M17 22v-5.5\", key: \"1aa6fl\" }],\n [\"circle\", { cx: \"9\", cy: \"9\", r: \"2\", key: \"af1f0g\" }]\n];\nconst ImageUp = createLucideIcon(\"image-up\", __iconNode);\n\nexport { __iconNode, ImageUp as default };\n//# sourceMappingURL=image-up.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", ry: \"2\", key: \"1m3agn\" }],\n [\"circle\", { cx: \"9\", cy: \"9\", r: \"2\", key: \"af1f0g\" }],\n [\"path\", { d: \"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\", key: \"1xmnt7\" }]\n];\nconst Image = createLucideIcon(\"image\", __iconNode);\n\nexport { __iconNode, Image as default };\n//# sourceMappingURL=image.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M12 16v-4\", key: \"1dtifu\" }],\n [\"path\", { d: \"M12 8h.01\", key: \"e9boi3\" }]\n];\nconst Info = createLucideIcon(\"info\", __iconNode);\n\nexport { __iconNode, Info as default };\n//# sourceMappingURL=info.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\",\n key: \"1sd12s\"\n }\n ]\n];\nconst MessageCircle = createLucideIcon(\"message-circle\", __iconNode);\n\nexport { __iconNode, MessageCircle as default };\n//# sourceMappingURL=message-circle.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"polygon\", { points: \"3 11 22 2 13 21 11 13 3 11\", key: \"1ltx0t\" }]\n];\nconst Navigation = createLucideIcon(\"navigation\", __iconNode);\n\nexport { __iconNode, Navigation as default };\n//# sourceMappingURL=navigation.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\",\n key: \"1a8usu\"\n }\n ],\n [\"path\", { d: \"m15 5 4 4\", key: \"1mk7zo\" }]\n];\nconst Pencil = createLucideIcon(\"pencil\", __iconNode);\n\nexport { __iconNode, Pencil as default };\n//# sourceMappingURL=pencil.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z\",\n key: \"w46dr5\"\n }\n ]\n];\nconst Puzzle = createLucideIcon(\"puzzle\", __iconNode);\n\nexport { __iconNode, Puzzle as default };\n//# sourceMappingURL=puzzle.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"m15 14 5-5-5-5\", key: \"12vg1m\" }],\n [\"path\", { d: \"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13\", key: \"6uklza\" }]\n];\nconst Redo2 = createLucideIcon(\"redo-2\", __iconNode);\n\nexport { __iconNode, Redo2 as default };\n//# sourceMappingURL=redo-2.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n];\nconst RefreshCw = createLucideIcon(\"refresh-cw\", __iconNode);\n\nexport { __iconNode, RefreshCw as default };\n//# sourceMappingURL=refresh-cw.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M20 18v-2a4 4 0 0 0-4-4H4\", key: \"5vmcpk\" }],\n [\"path\", { d: \"m9 17-5-5 5-5\", key: \"nvlc11\" }]\n];\nconst Reply = createLucideIcon(\"reply\", __iconNode);\n\nexport { __iconNode, Reply as default };\n//# sourceMappingURL=reply.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\",\n key: \"1ffxy3\"\n }\n ],\n [\"path\", { d: \"m21.854 2.147-10.94 10.939\", key: \"12cjpa\" }]\n];\nconst Send = createLucideIcon(\"send\", __iconNode);\n\nexport { __iconNode, Send as default };\n//# sourceMappingURL=send.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"circle\", { cx: \"18\", cy: \"5\", r: \"3\", key: \"gq8acd\" }],\n [\"circle\", { cx: \"6\", cy: \"12\", r: \"3\", key: \"w7nqdw\" }],\n [\"circle\", { cx: \"18\", cy: \"19\", r: \"3\", key: \"1xt0gg\" }],\n [\"line\", { x1: \"8.59\", x2: \"15.42\", y1: \"13.51\", y2: \"17.49\", key: \"47mynk\" }],\n [\"line\", { x1: \"15.41\", x2: \"8.59\", y1: \"6.51\", y2: \"10.49\", key: \"1n3mei\" }]\n];\nconst Share2 = createLucideIcon(\"share-2\", __iconNode);\n\nexport { __iconNode, Share2 as default };\n//# sourceMappingURL=share-2.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\",\n key: \"oel41y\"\n }\n ],\n [\"path\", { d: \"m9 12 2 2 4-4\", key: \"dzmm74\" }]\n];\nconst ShieldCheck = createLucideIcon(\"shield-check\", __iconNode);\n\nexport { __iconNode, ShieldCheck as default };\n//# sourceMappingURL=shield-check.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\",\n key: \"oel41y\"\n }\n ],\n [\"path\", { d: \"m14.5 9.5-5 5\", key: \"17q4r4\" }],\n [\"path\", { d: \"m9.5 9.5 5 5\", key: \"18nt4w\" }]\n];\nconst ShieldX = createLucideIcon(\"shield-x\", __iconNode);\n\nexport { __iconNode, ShieldX as default };\n//# sourceMappingURL=shield-x.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\n key: \"1s2grr\"\n }\n ],\n [\"path\", { d: \"M20 2v4\", key: \"1rf3ol\" }],\n [\"path\", { d: \"M22 4h-4\", key: \"gwowj6\" }],\n [\"circle\", { cx: \"4\", cy: \"20\", r: \"2\", key: \"6kqj1y\" }]\n];\nconst Sparkles = createLucideIcon(\"sparkles\", __iconNode);\n\nexport { __iconNode, Sparkles as default };\n//# sourceMappingURL=sparkles.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M12 3v18\", key: \"108xh3\" }],\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n [\"path\", { d: \"M3 9h18\", key: \"1pudct\" }],\n [\"path\", { d: \"M3 15h18\", key: \"5xshup\" }]\n];\nconst Table = createLucideIcon(\"table\", __iconNode);\n\nexport { __iconNode, Table as default };\n//# sourceMappingURL=table.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M10 11v6\", key: \"nco0om\" }],\n [\"path\", { d: \"M14 11v6\", key: \"outv1u\" }],\n [\"path\", { d: \"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\", key: \"miytrc\" }],\n [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n [\"path\", { d: \"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\", key: \"e791ji\" }]\n];\nconst Trash2 = createLucideIcon(\"trash-2\", __iconNode);\n\nexport { __iconNode, Trash2 as default };\n//# sourceMappingURL=trash-2.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\",\n key: \"wmoenq\"\n }\n ],\n [\"path\", { d: \"M12 9v4\", key: \"juzpu7\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst TriangleAlert = createLucideIcon(\"triangle-alert\", __iconNode);\n\nexport { __iconNode, TriangleAlert as default };\n//# sourceMappingURL=triangle-alert.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M9 14 4 9l5-5\", key: \"102s5s\" }],\n [\"path\", { d: \"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\", key: \"f3b9sd\" }]\n];\nconst Undo2 = createLucideIcon(\"undo-2\", __iconNode);\n\nexport { __iconNode, Undo2 as default };\n//# sourceMappingURL=undo-2.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M12 3v12\", key: \"1x0j5s\" }],\n [\"path\", { d: \"m17 8-5-5-5 5\", key: \"7q97r8\" }],\n [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }]\n];\nconst Upload = createLucideIcon(\"upload\", __iconNode);\n\nexport { __iconNode, Upload as default };\n//# sourceMappingURL=upload.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\",\n key: \"ftymec\"\n }\n ],\n [\"rect\", { x: \"2\", y: \"6\", width: \"14\", height: \"12\", rx: \"2\", key: \"158x01\" }]\n];\nconst Video = createLucideIcon(\"video\", __iconNode);\n\nexport { __iconNode, Video as default };\n//# sourceMappingURL=video.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n];\nconst X = createLucideIcon(\"x\", __iconNode);\n\nexport { __iconNode, X as default };\n//# sourceMappingURL=x.mjs.map\n","/**\n * @license @lucide/vue v1.14.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\n key: \"1xq2db\"\n }\n ]\n];\nconst Zap = createLucideIcon(\"zap\", __iconNode);\n\nexport { __iconNode, Zap as default };\n//# sourceMappingURL=zap.mjs.map\n","<script setup lang=\"ts\">\nimport { Box } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n icon?: string;\n size?: number;\n}>();\n\nconst iconSize = computed(() => props.size ?? 20);\n\nconst isSvg = computed(\n () =>\n props.icon &&\n (props.icon.trimStart().startsWith(\"<svg\") ||\n props.icon.trimStart().startsWith(\"<SVG\")),\n);\n\nconst isUrl = computed(\n () =>\n props.icon &&\n !isSvg.value &&\n (props.icon.startsWith(\"http\") || props.icon.startsWith(\"/\")),\n);\n</script>\n\n<template>\n \n <span\n v-if=\"isSvg\"\n class=\"tpl:inline-flex tpl:items-center tpl:justify-center\"\n :style=\"{ width: `${iconSize}px`, height: `${iconSize}px` }\"\n v-html=\"icon\"\n />\n \n <img\n v-else-if=\"isUrl\"\n :src=\"icon\"\n :width=\"iconSize\"\n :height=\"iconSize\"\n class=\"tpl:inline-block\"\n alt=\"\"\n />\n <Box v-else :size=\"iconSize\" :stroke-width=\"1.5\" />\n</template>\n","<script setup lang=\"ts\">\nimport { Box } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n icon?: string;\n size?: number;\n}>();\n\nconst iconSize = computed(() => props.size ?? 20);\n\nconst isSvg = computed(\n () =>\n props.icon &&\n (props.icon.trimStart().startsWith(\"<svg\") ||\n props.icon.trimStart().startsWith(\"<SVG\")),\n);\n\nconst isUrl = computed(\n () =>\n props.icon &&\n !isSvg.value &&\n (props.icon.startsWith(\"http\") || props.icon.startsWith(\"/\")),\n);\n</script>\n\n<template>\n \n <span\n v-if=\"isSvg\"\n class=\"tpl:inline-flex tpl:items-center tpl:justify-center\"\n :style=\"{ width: `${iconSize}px`, height: `${iconSize}px` }\"\n v-html=\"icon\"\n />\n \n <img\n v-else-if=\"isUrl\"\n :src=\"icon\"\n :width=\"iconSize\"\n :height=\"iconSize\"\n class=\"tpl:inline-block\"\n alt=\"\"\n />\n <Box v-else :size=\"iconSize\" :stroke-width=\"1.5\" />\n</template>\n","<template>\n <div class=\"tpl-loading-track\"></div>\n</template>\n\n<style scoped>\n.tpl-loading-track {\n height: 3px;\n width: 100%;\n border-radius: 9999px;\n background: linear-gradient(\n 90deg,\n transparent 0%,\n color-mix(in srgb, var(--tpl-primary) 10%, transparent) 15%,\n color-mix(in srgb, var(--tpl-primary) 30%, transparent) 30%,\n var(--tpl-primary) 50%,\n color-mix(in srgb, var(--tpl-primary) 30%, transparent) 70%,\n color-mix(in srgb, var(--tpl-primary) 10%, transparent) 85%,\n transparent 100%\n );\n background-size: 200% 100%;\n animation: tpl-loading-flow 3s ease-in-out infinite;\n}\n\n@keyframes tpl-loading-flow {\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n}\n</style>\n","import { useEventListener } from \"@vueuse/core\";\nimport { onScopeDispose, watch, type Ref } from \"vue\";\n\nconst FOCUSABLE_SELECTOR =\n 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Lightweight focus trap for modal dialogs.\n * Traps Tab/Shift+Tab within the container and restores focus on deactivation.\n */\nexport function useFocusTrap(\n containerRef: Ref<HTMLElement | null>,\n active: Ref<boolean>,\n): void {\n let previouslyFocused: HTMLElement | null = null;\n let cleanupListener: (() => void) | null = null;\n let pendingRaf: number | null = null;\n\n function getFocusableElements(): HTMLElement[] {\n if (!containerRef.value) return [];\n return Array.from(\n containerRef.value.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n ).filter((el) => el.offsetParent !== null);\n }\n\n function handleKeydown(event: KeyboardEvent): void {\n if (event.key !== \"Tab\") return;\n\n const focusable = getFocusableElements();\n if (focusable.length === 0) return;\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n\n if (event.shiftKey) {\n if (document.activeElement === first) {\n event.preventDefault();\n last.focus();\n }\n } else {\n if (document.activeElement === last) {\n event.preventDefault();\n first.focus();\n }\n }\n }\n\n function activate(): void {\n // Re-entry guard: if a previous activate didn't deactivate (e.g.\n // container ref swapped while still active), tear down the prior\n // listener and rAF before registering new ones — otherwise they leak.\n const wasActive = cleanupListener !== null || pendingRaf !== null;\n if (wasActive) {\n deactivate({ restoreFocus: false });\n }\n\n // Only capture previouslyFocused on the FIRST activation. On re-entry,\n // document.activeElement is whatever the user tabbed to inside the trap;\n // overwriting would lose the original pre-trap focus target.\n if (!wasActive) {\n previouslyFocused = document.activeElement as HTMLElement | null;\n }\n\n pendingRaf = requestAnimationFrame(() => {\n pendingRaf = null;\n const focusable = getFocusableElements();\n if (focusable.length > 0) {\n const autofocus = containerRef.value?.querySelector<HTMLElement>(\n \"[autofocus], input:not([disabled])\",\n );\n (autofocus ?? focusable[0]).focus();\n }\n });\n\n cleanupListener = useEventListener(containerRef, \"keydown\", handleKeydown);\n }\n\n function deactivate(opts: { restoreFocus?: boolean } = {}): void {\n const restoreFocus = opts.restoreFocus !== false;\n\n if (pendingRaf !== null) {\n if (typeof cancelAnimationFrame !== \"undefined\") {\n cancelAnimationFrame(pendingRaf);\n }\n pendingRaf = null;\n }\n\n cleanupListener?.();\n cleanupListener = null;\n\n if (restoreFocus && previouslyFocused && previouslyFocused.focus) {\n previouslyFocused.focus();\n previouslyFocused = null;\n }\n }\n\n const stopWatch = watch(\n [active, containerRef],\n ([isActive, container]) => {\n if (isActive && container) {\n activate();\n } else {\n deactivate();\n }\n },\n { flush: \"post\" },\n );\n\n onScopeDispose(() => {\n stopWatch();\n deactivate();\n });\n}\n","import type { CloudTranslations } from \"../i18n\";\nimport { type Ref, inject, isRef } from \"vue\";\nimport { CLOUD_TRANSLATIONS_KEY } from \"../keys\";\n\nexport interface UseCloudI18nReturn {\n /** Cloud translations, or null when running in OSS mode (no cloud chunk loaded). */\n t: CloudTranslations | null;\n /** Format a string with placeholders. */\n format: (template: string, values: Record<string, string | number>) => string;\n}\n\nexport interface UseCloudI18nStrictReturn {\n t: CloudTranslations;\n format: (template: string, values: Record<string, string | number>) => string;\n}\n\nfunction format(\n template: string,\n values: Record<string, string | number>,\n): string {\n return template.replace(/\\{(\\w+)\\}/g, (_, key) => {\n return key in values ? String(values[key]) : `{${key}}`;\n });\n}\n\n/**\n * Composable for cloud-only translations.\n * Returns `t: null` when no cloud chunk is provided (OSS mode), so shared\n * components can guard with `v-if=\"cloudT\"` and render the cloud branch only\n * when both the cloud capability and its translations are available.\n *\n * For cloud-only components that always have cloud translations available,\n * use `useCloudI18nStrict()` to get a non-null type.\n */\nexport function useCloudI18n(\n translationsOverride?: CloudTranslations,\n): UseCloudI18nReturn {\n const injected =\n translationsOverride ??\n (inject(CLOUD_TRANSLATIONS_KEY, null) as\n | CloudTranslations\n | Ref<CloudTranslations>\n | null);\n\n const t: CloudTranslations | null = injected\n ? isRef(injected)\n ? injected.value\n : injected\n : null;\n\n return { t, format };\n}\n\n/**\n * Strict variant of `useCloudI18n()` for cloud-only components.\n * Throws if cloud translations were not provided.\n */\nexport function useCloudI18nStrict(\n translationsOverride?: CloudTranslations,\n): UseCloudI18nStrictReturn {\n const { t, format: f } = useCloudI18n(translationsOverride);\n if (!t) {\n throw new Error(\n \"useCloudI18nStrict() requires a cloud translations provider. Ensure the component is a descendant of CloudEditor.\",\n );\n }\n return { t, format: f };\n}\n","import type { MergeTag, SyntaxPreset } from \"@aswin.dev/types\";\nimport {\n isMergeTagValue as checkIsMergeTagValue,\n getMergeTagLabel as resolveMergeTagLabel,\n SYNTAX_PRESETS,\n} from \"@aswin.dev/types\";\nimport { inject, ref, type Ref } from \"vue\";\nimport {\n EDITOR_TYPE_KEY,\n MERGE_TAGS_KEY,\n MERGE_TAG_SYNTAX_KEY,\n MERGE_TAG_AUTOCOMPLETE_KEY,\n ON_REQUEST_MERGE_TAG_KEY,\n} from \"../keys\";\n\nexport interface UseMergeTagReturn {\n /** Available merge tags from config */\n mergeTags: MergeTag[];\n /** Whether a merge tag request is in progress */\n isRequesting: Ref<boolean>;\n /**\n * Whether the \"Insert merge tag\" button should be shown. True only when\n * `onRequestMergeTag` is provided — static `tags` alone are surfaced via\n * the autocomplete typing trigger, not the button.\n */\n canRequestMergeTag: boolean;\n /** Whether typing-based autocomplete is enabled by configuration */\n autocomplete: boolean;\n /** The resolved syntax preset for merge tags */\n syntax: SyntaxPreset;\n /** Check if a value matches the configured merge tag syntax */\n isMergeTagValue: (value: string) => boolean;\n /** Get the human-readable label for a merge tag value */\n getMergeTagLabel: (value: string) => string;\n /** Request a merge tag from the user via the configured callback */\n requestMergeTag: () => Promise<MergeTag | null>;\n}\n\n/**\n * Composable for merge tag functionality.\n * Provides utilities for detecting, displaying, and requesting merge tags.\n */\nexport function useMergeTag(): UseMergeTagReturn {\n const editorType = inject(EDITOR_TYPE_KEY, \"email\");\n const isPopup = editorType === \"popup\";\n\n const mergeTags = isPopup ? [] : inject(MERGE_TAGS_KEY, []);\n const syntax = inject(MERGE_TAG_SYNTAX_KEY, SYNTAX_PRESETS.liquid);\n const onRequestMergeTag = isPopup\n ? null\n : inject(ON_REQUEST_MERGE_TAG_KEY, null);\n const autocomplete = isPopup\n ? false\n : inject(MERGE_TAG_AUTOCOMPLETE_KEY, true);\n\n const isRequesting = ref(false);\n\n function isMergeTagValue(value: string): boolean {\n return checkIsMergeTagValue(value, syntax);\n }\n\n function getMergeTagLabel(value: string): string {\n return resolveMergeTagLabel(value, mergeTags);\n }\n\n /**\n * Request a merge tag from the user via the configured callback.\n * Returns null if no callback is configured or user cancels.\n */\n async function requestMergeTag(): Promise<MergeTag | null> {\n if (!onRequestMergeTag) {\n return null;\n }\n\n isRequesting.value = true;\n try {\n return await onRequestMergeTag();\n } finally {\n isRequesting.value = false;\n }\n }\n\n const canRequestMergeTag = !!onRequestMergeTag;\n\n return {\n mergeTags,\n isRequesting,\n canRequestMergeTag,\n autocomplete,\n syntax,\n isMergeTagValue,\n getMergeTagLabel,\n requestMergeTag,\n };\n}\n","import { useToggle } from \"@vueuse/core\";\nimport {\n onScopeDispose,\n shallowRef,\n watch,\n type ShallowRef,\n type Ref,\n} from \"vue\";\nimport type { EmojiCategory, EmojiCategoryKey } from \"./emojiData\";\n\nexport type { EmojiCategoryKey, EmojiCategory };\n\nexport interface UseEmojiReturn {\n categories: ShallowRef<EmojiCategory[]>;\n isOpen: Ref<boolean>;\n toggle: () => void;\n close: () => void;\n}\n\nexport function useEmoji(): UseEmojiReturn {\n const [isOpen, toggleValue] = useToggle(false);\n const categories = shallowRef<EmojiCategory[]>([]);\n\n let disposed = false;\n onScopeDispose(() => {\n disposed = true;\n });\n\n // Lazy-load emoji data on first open\n watch(isOpen, async (open) => {\n if (open && categories.value.length === 0) {\n const { emojiCategories } = await import(\"./emojiData\");\n if (disposed) return;\n categories.value = emojiCategories;\n }\n });\n\n function toggle(): void {\n toggleValue();\n }\n\n function close(): void {\n isOpen.value = false;\n }\n\n return {\n categories,\n isOpen,\n toggle,\n close,\n };\n}\n","import type { Block } from \"@aswin.dev/types\";\nimport { ref, type Ref } from \"vue\";\n\nexport interface UseDragDropOptions {\n onBlockMove: (\n blockId: string,\n newIndex: number,\n targetSectionId?: string,\n columnIndex?: number,\n ) => void;\n onBlockAdd: (\n block: Block,\n targetSectionId?: string,\n columnIndex?: number,\n ) => void;\n}\n\nexport interface UseDragDropReturn {\n isDragging: Ref<boolean>;\n draggedBlock: Ref<Block | null>;\n dropTargetId: Ref<string | null>;\n startDrag: (block: Block) => void;\n endDrag: () => void;\n setDropTarget: (targetId: string | null) => void;\n handleDrop: (\n blocks: Block[],\n newIndex: number,\n targetSectionId?: string,\n columnIndex?: number,\n ) => void;\n getSortableOptions: (\n group: string,\n sectionId?: string,\n columnIndex?: number,\n ) => Record<string, unknown>;\n}\n\nexport function useDragDrop(options: UseDragDropOptions): UseDragDropReturn {\n const { onBlockMove, onBlockAdd } = options;\n\n const isDragging = ref(false);\n const draggedBlock = ref<Block | null>(null);\n const dropTargetId = ref<string | null>(null);\n\n function startDrag(block: Block): void {\n isDragging.value = true;\n draggedBlock.value = block;\n }\n\n function endDrag(): void {\n isDragging.value = false;\n draggedBlock.value = null;\n dropTargetId.value = null;\n }\n\n function setDropTarget(targetId: string | null): void {\n dropTargetId.value = targetId;\n }\n\n function handleDrop(\n blocks: Block[],\n newIndex: number,\n targetSectionId?: string,\n columnIndex?: number,\n ): void {\n if (!draggedBlock.value) return;\n\n const existingIndex = blocks.findIndex(\n (b) => b.id === draggedBlock.value!.id,\n );\n\n if (existingIndex === -1) {\n onBlockAdd(draggedBlock.value, targetSectionId, columnIndex);\n } else {\n onBlockMove(\n draggedBlock.value.id,\n newIndex,\n targetSectionId,\n columnIndex,\n );\n }\n\n endDrag();\n }\n\n function getSortableOptions(\n group: string,\n sectionId?: string,\n columnIndex?: number,\n ): Record<string, unknown> {\n return {\n group,\n animation: 150,\n ghostClass: \"tpl-ghost\",\n dragClass: \"tpl-drag\",\n handle: \".tpl-drag-handle\",\n onStart: (evt: { item: { dataset: { blockId?: string } } }) => {\n const blockId = evt.item.dataset.blockId;\n if (blockId) {\n isDragging.value = true;\n }\n },\n onEnd: () => {\n endDrag();\n },\n onAdd: (evt: {\n item: { dataset: { blockId?: string } };\n newIndex: number;\n }) => {\n const blockId = evt.item.dataset.blockId;\n if (blockId) {\n onBlockMove(blockId, evt.newIndex, sectionId, columnIndex);\n }\n },\n onUpdate: (evt: {\n item: { dataset: { blockId?: string } };\n newIndex: number;\n }) => {\n const blockId = evt.item.dataset.blockId;\n if (blockId) {\n onBlockMove(blockId, evt.newIndex, sectionId, columnIndex);\n }\n },\n };\n }\n\n return {\n isDragging,\n draggedBlock,\n dropTargetId,\n startDrag,\n endDrag,\n setDropTarget,\n handleDrop,\n getSortableOptions,\n };\n}\n","import type { CustomFont, FontsConfig } from \"@aswin.dev/types\";\nimport {\n computed,\n getCurrentScope,\n onScopeDispose,\n ref,\n type ComputedRef,\n type Ref,\n} from \"vue\";\nimport { logger } from \"../utils/logger\";\n\nexport interface FontOption {\n value: string;\n label: string;\n isCustom?: boolean;\n}\n\nexport interface UseFontsReturn {\n fonts: ComputedRef<FontOption[]>;\n defaultFont: ComputedRef<string>;\n defaultFallback: ComputedRef<string>;\n customFonts: Ref<CustomFont[]>;\n customFontsEnabled: Ref<boolean>;\n isLoaded: Ref<boolean>;\n setCustomFontsEnabled: (enabled: boolean) => void;\n loadCustomFonts: () => Promise<void>;\n cleanupFontLinks: () => void;\n getFontWithFallback: (fontName: string) => string;\n getDefaultFont: () => string;\n}\n\nconst BUILT_IN_FONTS: FontOption[] = [\n { value: \"Arial\", label: \"Arial\" },\n { value: \"Helvetica\", label: \"Helvetica\" },\n { value: \"Georgia\", label: \"Georgia\" },\n { value: \"Times New Roman\", label: \"Times New Roman\" },\n { value: \"Verdana\", label: \"Verdana\" },\n { value: \"Trebuchet MS\", label: \"Trebuchet MS\" },\n { value: \"Courier New\", label: \"Courier New\" },\n];\n\nconst BUILT_IN_FONT_STACKS: Record<string, string> = {\n arial: \"Arial, sans-serif\",\n helvetica: \"Helvetica, sans-serif\",\n georgia: \"Georgia, serif\",\n \"times new roman\": \"'Times New Roman', serif\",\n verdana: \"Verdana, sans-serif\",\n \"trebuchet ms\": \"'Trebuchet MS', sans-serif\",\n \"courier new\": \"'Courier New', monospace\",\n};\n\nconst DEFAULT_FALLBACK = \"Arial, sans-serif\";\n\nexport function useFonts(config?: FontsConfig): UseFontsReturn {\n const customFonts = ref<CustomFont[]>(config?.customFonts ?? []);\n const customFontsEnabled = ref(true);\n const isLoaded = ref(false);\n\n const defaultFallback = computed(\n () => config?.defaultFallback ?? DEFAULT_FALLBACK,\n );\n\n function setCustomFontsEnabled(enabled: boolean): void {\n customFontsEnabled.value = enabled;\n }\n\n const fonts = computed<FontOption[]>(() => {\n const builtInFonts = [...BUILT_IN_FONTS];\n\n if (!customFontsEnabled.value) {\n return builtInFonts.sort((a, b) => a.label.localeCompare(b.label));\n }\n\n const customFontOptions: FontOption[] = customFonts.value.map((font) => ({\n value: font.name,\n label: font.name,\n isCustom: true,\n }));\n\n const allFonts = [...builtInFonts, ...customFontOptions];\n\n allFonts.sort((a, b) => a.label.localeCompare(b.label));\n\n return allFonts;\n });\n\n function isFontAvailable(fontName: string): boolean {\n return fonts.value.some(\n (font) =>\n font.label.toLowerCase() === fontName.toLowerCase() ||\n font.value.toLowerCase().startsWith(fontName.toLowerCase()),\n );\n }\n\n function isBuiltInFont(fontName: string): boolean {\n return BUILT_IN_FONTS.some(\n (font) =>\n font.label.toLowerCase() === fontName.toLowerCase() ||\n font.value.toLowerCase().startsWith(fontName.toLowerCase()),\n );\n }\n\n function getDefaultFont(): string {\n if (config?.defaultFont) {\n if (!customFontsEnabled.value && !isBuiltInFont(config.defaultFont)) {\n return DEFAULT_FALLBACK;\n }\n\n if (isFontAvailable(config.defaultFont)) {\n const matchedFont = fonts.value.find(\n (font) =>\n font.label.toLowerCase() === config.defaultFont!.toLowerCase() ||\n font.value\n .toLowerCase()\n .startsWith(config.defaultFont!.toLowerCase()),\n );\n if (matchedFont) {\n return matchedFont.value;\n }\n }\n }\n return DEFAULT_FALLBACK;\n }\n\n const defaultFont = computed(() => getDefaultFont());\n\n function getFontWithFallback(fontName: string): string {\n if (!fontName) {\n return defaultFallback.value;\n }\n\n const customFont = customFonts.value.find(\n (font) => font.name.toLowerCase() === fontName.toLowerCase(),\n );\n\n if (customFont) {\n const fallback = customFont.fallback ?? defaultFallback.value;\n return `'${customFont.name}', ${fallback}`;\n }\n\n const builtInStack = BUILT_IN_FONT_STACKS[fontName.toLowerCase()];\n if (builtInStack) {\n return builtInStack;\n }\n\n return fontName.includes(\",\")\n ? fontName\n : `${fontName}, ${defaultFallback.value}`;\n }\n\n const createdLinks: HTMLLinkElement[] = [];\n\n async function loadCustomFonts(): Promise<void> {\n if (customFonts.value.length === 0) {\n isLoaded.value = true;\n return;\n }\n\n const loadPromises = customFonts.value.map(async (font) => {\n try {\n const existingLink = document.querySelector(\n `link[data-custom-font=\"${CSS.escape(font.name)}\"]`,\n );\n if (existingLink) {\n return;\n }\n\n const link = document.createElement(\"link\");\n link.rel = \"stylesheet\";\n link.href = font.url;\n link.setAttribute(\"data-custom-font\", font.name);\n\n // Track the link before awaiting so a load failure still leaves it\n // recoverable via cleanupFontLinks — otherwise the <link> orphans\n // in <head> after a network/CSS error.\n createdLinks.push(link);\n\n await new Promise<void>((resolve, reject) => {\n link.onload = () => resolve();\n link.onerror = () =>\n reject(new Error(`Failed to load font: ${font.name}`));\n document.head.appendChild(link);\n });\n } catch (error) {\n logger.warn(`Failed to load custom font \"${font.name}\":`, error);\n }\n });\n\n await Promise.allSettled(loadPromises);\n isLoaded.value = true;\n }\n\n function cleanupFontLinks(): void {\n for (const link of createdLinks) {\n link.remove();\n }\n createdLinks.length = 0;\n }\n\n if (getCurrentScope()) {\n onScopeDispose(cleanupFontLinks);\n }\n\n return {\n fonts,\n defaultFont,\n defaultFallback,\n customFonts,\n customFontsEnabled,\n isLoaded,\n setCustomFontsEnabled,\n loadCustomFonts,\n cleanupFontLinks,\n getFontWithFallback,\n getDefaultFont,\n };\n}\n","import type { Editor } from \"@tiptap/core\";\nimport { ref, type Ref, type ShallowRef } from \"vue\";\nimport { useFocusTrap } from \"./useFocusTrap\";\n\nexport interface UseRichTextLinkDialogReturn {\n showLinkDialog: Ref<boolean>;\n linkUrl: Ref<string>;\n linkDialogRef: Ref<HTMLElement | null>;\n openLinkDialog: () => void;\n insertLink: () => void;\n removeLink: () => void;\n closeLinkDialog: () => void;\n handleLinkKeydown: (event: KeyboardEvent) => void;\n}\n\nexport function useRichTextLinkDialog(\n editor: ShallowRef<Editor | null>,\n): UseRichTextLinkDialogReturn {\n const showLinkDialog = ref(false);\n const linkUrl = ref(\"\");\n const linkDialogRef = ref<HTMLElement | null>(null);\n useFocusTrap(linkDialogRef, showLinkDialog);\n\n function openLinkDialog(): void {\n const previousUrl = editor.value?.getAttributes(\"link\").href || \"\";\n linkUrl.value = previousUrl;\n showLinkDialog.value = true;\n }\n\n function insertLink(): void {\n if (linkUrl.value) {\n const url = normalizeLinkUrl(linkUrl.value);\n editor.value\n ?.chain()\n .focus()\n .extendMarkRange(\"link\")\n .setLink({ href: url })\n .run();\n }\n closeLinkDialog();\n }\n\n function normalizeLinkUrl(raw: string): string {\n // Preserve any URL that already declares a scheme (mailto:, tel:, ftp:,\n // http(s):, etc.) and any same-page anchor (#…). Only bare hostnames /\n // paths get the https:// prefix.\n if (/^[a-z][a-z0-9+.-]*:/i.test(raw) || raw.startsWith(\"#\")) {\n return raw;\n }\n return `https://${raw}`;\n }\n\n function removeLink(): void {\n editor.value?.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n closeLinkDialog();\n }\n\n function closeLinkDialog(): void {\n showLinkDialog.value = false;\n linkUrl.value = \"\";\n }\n\n function handleLinkKeydown(event: KeyboardEvent): void {\n if (event.key === \"Enter\") {\n event.preventDefault();\n insertLink();\n } else if (event.key === \"Escape\") {\n closeLinkDialog();\n }\n }\n\n return {\n showLinkDialog,\n linkUrl,\n linkDialogRef,\n openLinkDialog,\n insertLink,\n removeLink,\n closeLinkDialog,\n handleLinkKeydown,\n };\n}\n","import type {\n Editor,\n EditorContent as EditorContentComponent,\n} from \"@tiptap/vue-3\";\nimport type { Extension, Mark, Node } from \"@tiptap/core\";\nimport { useEventListener, useTimeoutFn } from \"@vueuse/core\";\nimport {\n inject,\n isRef,\n onBeforeUnmount,\n ref,\n shallowRef,\n watch,\n type Ref,\n type ShallowRef,\n} from \"vue\";\nimport type { Translations } from \"../i18n\";\nimport { getSyntaxTriggerChar } from \"@aswin.dev/types\";\nimport { EDITOR_KEY, TRANSLATIONS_KEY } from \"../keys\";\nimport { useMergeTag } from \"./useMergeTag\";\nimport { useRichTextLinkDialog } from \"./useRichTextLinkDialog\";\nimport { logger } from \"../utils/logger\";\n\nexport interface MergeTagContext {\n mergeTags: ReturnType<typeof useMergeTag>[\"mergeTags\"];\n syntax: ReturnType<typeof useMergeTag>[\"syntax\"];\n /** Resolved trigger string for built-in syntaxes; null for custom syntax. */\n triggerChar: string | null;\n /** Whether the consumer has enabled autocomplete (default true). */\n autocompleteEnabled: boolean;\n /** Localized empty-state label for the autocomplete popup. */\n suggestionEmptyText: string;\n}\n\nexport interface UseRichTextEditorOptions {\n blockId: () => string;\n blockContent: () => string;\n loadExtensions: (ctx: MergeTagContext) => Promise<{\n TiptapEditor: typeof Editor;\n EC: typeof EditorContentComponent;\n extensions: (Extension | Mark | Node)[];\n }>;\n onDone: () => void;\n onClickOutsideSideEffect?: (target: HTMLElement) => void;\n editorName?: string;\n}\n\nexport interface UseRichTextEditorReturn {\n editor: ShallowRef<Editor | null>;\n EditorContent: ShallowRef<typeof EditorContentComponent | null>;\n isLoading: Ref<boolean>;\n initError: Ref<string | null>;\n retry: () => void;\n showLinkDialog: Ref<boolean>;\n linkUrl: Ref<string>;\n linkDialogRef: Ref<HTMLElement | null>;\n mergeTags: ReturnType<typeof useMergeTag>[\"mergeTags\"];\n canRequestMergeTag: ReturnType<typeof useMergeTag>[\"canRequestMergeTag\"];\n isRequestingMergeTag: ReturnType<typeof useMergeTag>[\"isRequesting\"];\n syntax: ReturnType<typeof useMergeTag>[\"syntax\"];\n openLinkDialog: () => void;\n insertLink: () => void;\n removeLink: () => void;\n closeLinkDialog: () => void;\n handleLinkKeydown: (event: KeyboardEvent) => void;\n handleAddMergeTag: () => Promise<void>;\n}\n\nexport function useRichTextEditor(\n options: UseRichTextEditorOptions,\n): UseRichTextEditorReturn {\n const emailEditor = inject(EDITOR_KEY, null);\n\n const {\n mergeTags,\n canRequestMergeTag,\n isRequesting: isRequestingMergeTag,\n requestMergeTag,\n syntax,\n autocomplete: autocompleteEnabled,\n } = useMergeTag();\n\n const injectedTranslations = inject(TRANSLATIONS_KEY, null) as\n | Translations\n | Ref<Translations>\n | null;\n const resolvedTranslations: Translations | null = isRef(injectedTranslations)\n ? injectedTranslations.value\n : injectedTranslations;\n const suggestionEmptyText =\n resolvedTranslations?.mergeTag?.suggestionEmpty ?? \"No matching merge tags\";\n const triggerChar = getSyntaxTriggerChar(syntax);\n\n const editor = shallowRef<Editor | null>(null);\n\n const {\n showLinkDialog,\n linkUrl,\n linkDialogRef,\n openLinkDialog,\n insertLink,\n removeLink,\n closeLinkDialog,\n handleLinkKeydown,\n } = useRichTextLinkDialog(editor);\n\n const { start: startFocusTimeout, stop: stopFocusTimeout } = useTimeoutFn(\n () => editor.value?.commands.focus(\"end\"),\n 0,\n { immediate: false },\n );\n const EditorContent = shallowRef<typeof EditorContentComponent | null>(null);\n const isLoading = ref(true);\n const initError = ref<string | null>(null);\n\n let destroyed = false;\n\n async function initEditor(): Promise<void> {\n initError.value = null;\n isLoading.value = true;\n\n try {\n const { TiptapEditor, EC, extensions } = await options.loadExtensions({\n mergeTags,\n syntax,\n triggerChar,\n autocompleteEnabled,\n suggestionEmptyText,\n });\n\n // Component unmounted while we awaited loadExtensions — bail out\n // before constructing the TipTap editor. Otherwise the editor escapes\n // the onBeforeUnmount destroy hook that already ran.\n if (destroyed) {\n return;\n }\n\n EditorContent.value = EC;\n\n const seen = new Map<string, number>();\n extensions.forEach((ext, i) => seen.set(ext.name, i));\n const uniqueExtensions = extensions.filter(\n (ext, i) => seen.get(ext.name) === i,\n );\n\n const instance = new TiptapEditor({\n extensions: uniqueExtensions,\n content: options.blockContent(),\n editable: true,\n onUpdate: ({ editor: e }) => {\n if (destroyed) return;\n if (emailEditor) {\n emailEditor.updateBlock(options.blockId(), {\n content: e.getHTML(),\n });\n }\n },\n });\n\n // A second unmount check covers the gap between `await` resolving and\n // the constructor running.\n if (destroyed) {\n instance.destroy();\n return;\n }\n\n editor.value = instance;\n isLoading.value = false;\n startFocusTimeout();\n } catch (error) {\n if (destroyed) return;\n logger.error(\n `[${options.editorName ?? \"RichTextEditor\"}] Failed to initialize TipTap editor:`,\n error,\n );\n initError.value =\n error instanceof Error ? error.message : \"Failed to load editor\";\n isLoading.value = false;\n }\n }\n\n function retry(): void {\n editor.value?.destroy();\n editor.value = null;\n initEditor();\n }\n\n initEditor();\n\n const stopContentWatch = watch(\n () => options.blockContent(),\n (newContent) => {\n if (editor.value) {\n const currentContent = editor.value.getHTML();\n if (currentContent !== newContent) {\n editor.value.commands.setContent(newContent, { emitUpdate: false });\n }\n }\n },\n );\n\n function handleClickOutside(event: MouseEvent): void {\n if (isRequestingMergeTag.value) return;\n\n const target = event.target as HTMLElement;\n\n options.onClickOutsideSideEffect?.(target);\n\n if (\n target.closest(\".tpl-text-editor-wrapper\") ||\n target.closest(\".tpl-text-toolbar\") ||\n target.closest(\".tpl-link-dialog\")\n ) {\n return;\n }\n\n options.onDone();\n }\n\n useEventListener(document, \"mousedown\", handleClickOutside);\n\n onBeforeUnmount(() => {\n destroyed = true;\n stopContentWatch();\n stopFocusTimeout();\n editor.value?.destroy();\n });\n\n async function handleAddMergeTag(): Promise<void> {\n const mergeTag = await requestMergeTag();\n if (destroyed) return;\n if (mergeTag && editor.value) {\n editor.value\n .chain()\n .focus()\n .insertMergeTag({\n label: mergeTag.label,\n value: mergeTag.value,\n })\n .run();\n } else {\n editor.value?.commands.focus();\n }\n }\n\n return {\n editor,\n EditorContent,\n isLoading,\n initError,\n retry,\n showLinkDialog,\n linkUrl,\n linkDialogRef,\n mergeTags,\n canRequestMergeTag,\n isRequestingMergeTag,\n syntax,\n openLinkDialog,\n insertLink,\n removeLink,\n closeLinkDialog,\n handleLinkKeydown,\n handleAddMergeTag,\n };\n}\n","<script setup lang=\"ts\">\nimport CustomBlockIcon from \"../CustomBlockIcon.vue\";\nimport LoadingTrack from \"../LoadingTrack.vue\";\nimport { useI18n } from \"../../composables\";\nimport { useDataSourceFetch } from \"@aswin.dev/core\";\nimport type {\n CustomBlock as CustomBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { useDebounceFn } from \"@vueuse/core\";\nimport { TriangleAlert, Puzzle } from \"@lucide/vue\";\nimport { computed, inject, onMounted, ref, watch } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst props = defineProps<{\n block: CustomBlockType;\n viewport: ViewportSize;\n}>();\n\nconst emit = defineEmits<{\n (\n e: \"fetchData\",\n payload: {\n fieldValues: Record<string, unknown>;\n dataSourceFetched: boolean;\n },\n ): void;\n}>();\n\nconst { t } = useI18n();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst renderedHtml = ref(\"\");\nconst hasError = ref(false);\n\nconst definition = computed(() =>\n blockRegistry?.getDefinition(props.block.customType),\n);\n\nconst hasDefinition = computed(() => !!definition.value);\n\nconst blockRef = computed(() => props.block);\n\nconst {\n isFetching,\n fetch: fetchData,\n needsFetch,\n hasDataSource,\n} = useDataSourceFetch({\n definition,\n block: blockRef,\n onUpdate: (fieldValues, fetched) => {\n emit(\"fetchData\", { fieldValues, dataSourceFetched: fetched });\n },\n});\n\nasync function renderBlock(): Promise<void> {\n if (!blockRegistry) {\n return;\n }\n\n hasError.value = false;\n\n try {\n const html = await blockRegistry.renderCustomBlock(props.block);\n if (html.includes(\"Template render error:\")) {\n hasError.value = true;\n }\n renderedHtml.value = html;\n } catch {\n hasError.value = true;\n renderedHtml.value = \"\";\n }\n}\n\nconst debouncedRender = useDebounceFn(renderBlock, 150);\n\nonMounted(() => {\n renderBlock();\n});\n\nwatch(\n () => props.block.fieldValues,\n () => {\n debouncedRender();\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div\n v-if=\"!hasDefinition\"\n class=\"tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-warning)] tpl:bg-[var(--tpl-warning-light)]\"\n >\n <Puzzle :size=\"24\" class=\"tpl:text-[var(--tpl-warning)]\" />\n <span class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ t.customBlocks.definitionNotFound }}\n </span>\n </div>\n\n <div\n v-else-if=\"hasError\"\n class=\"tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-danger)] tpl:bg-[var(--tpl-danger-light)]\"\n >\n <TriangleAlert :size=\"24\" class=\"tpl:text-[var(--tpl-danger)]\" />\n <span class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ t.customBlocks.renderError }}\n </span>\n </div>\n\n <div v-else class=\"tpl:relative\">\n \n <div v-html=\"renderedHtml\" />\n\n \n <div\n v-if=\"hasDataSource && needsFetch\"\n class=\"tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:rounded tpl:backdrop-blur-[2px]\"\n style=\"\n background-color: color-mix(in srgb, var(--tpl-bg) 80%, transparent);\n \"\n >\n <button\n v-if=\"!isFetching\"\n type=\"button\"\n class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-sm tpl:transition-all tpl:duration-150 hover:tpl:border-[var(--tpl-primary)] hover:tpl:shadow-md tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]\"\n @click.stop=\"fetchData\"\n >\n <CustomBlockIcon\n v-if=\"definition?.icon\"\n :icon=\"definition.icon\"\n :size=\"16\"\n />\n {{\n definition?.dataSource?.label ||\n t.customBlocks.dataSource.fetchButton\n }}\n </button>\n\n <LoadingTrack v-else class=\"tpl:w-48\" />\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport CustomBlockIcon from \"../CustomBlockIcon.vue\";\nimport LoadingTrack from \"../LoadingTrack.vue\";\nimport { useI18n } from \"../../composables\";\nimport { useDataSourceFetch } from \"@aswin.dev/core\";\nimport type {\n CustomBlock as CustomBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { useDebounceFn } from \"@vueuse/core\";\nimport { TriangleAlert, Puzzle } from \"@lucide/vue\";\nimport { computed, inject, onMounted, ref, watch } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst props = defineProps<{\n block: CustomBlockType;\n viewport: ViewportSize;\n}>();\n\nconst emit = defineEmits<{\n (\n e: \"fetchData\",\n payload: {\n fieldValues: Record<string, unknown>;\n dataSourceFetched: boolean;\n },\n ): void;\n}>();\n\nconst { t } = useI18n();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst renderedHtml = ref(\"\");\nconst hasError = ref(false);\n\nconst definition = computed(() =>\n blockRegistry?.getDefinition(props.block.customType),\n);\n\nconst hasDefinition = computed(() => !!definition.value);\n\nconst blockRef = computed(() => props.block);\n\nconst {\n isFetching,\n fetch: fetchData,\n needsFetch,\n hasDataSource,\n} = useDataSourceFetch({\n definition,\n block: blockRef,\n onUpdate: (fieldValues, fetched) => {\n emit(\"fetchData\", { fieldValues, dataSourceFetched: fetched });\n },\n});\n\nasync function renderBlock(): Promise<void> {\n if (!blockRegistry) {\n return;\n }\n\n hasError.value = false;\n\n try {\n const html = await blockRegistry.renderCustomBlock(props.block);\n if (html.includes(\"Template render error:\")) {\n hasError.value = true;\n }\n renderedHtml.value = html;\n } catch {\n hasError.value = true;\n renderedHtml.value = \"\";\n }\n}\n\nconst debouncedRender = useDebounceFn(renderBlock, 150);\n\nonMounted(() => {\n renderBlock();\n});\n\nwatch(\n () => props.block.fieldValues,\n () => {\n debouncedRender();\n },\n { deep: true },\n);\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div\n v-if=\"!hasDefinition\"\n class=\"tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-warning)] tpl:bg-[var(--tpl-warning-light)]\"\n >\n <Puzzle :size=\"24\" class=\"tpl:text-[var(--tpl-warning)]\" />\n <span class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ t.customBlocks.definitionNotFound }}\n </span>\n </div>\n\n <div\n v-else-if=\"hasError\"\n class=\"tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-danger)] tpl:bg-[var(--tpl-danger-light)]\"\n >\n <TriangleAlert :size=\"24\" class=\"tpl:text-[var(--tpl-danger)]\" />\n <span class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ t.customBlocks.renderError }}\n </span>\n </div>\n\n <div v-else class=\"tpl:relative\">\n \n <div v-html=\"renderedHtml\" />\n\n \n <div\n v-if=\"hasDataSource && needsFetch\"\n class=\"tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:rounded tpl:backdrop-blur-[2px]\"\n style=\"\n background-color: color-mix(in srgb, var(--tpl-bg) 80%, transparent);\n \"\n >\n <button\n v-if=\"!isFetching\"\n type=\"button\"\n class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-sm tpl:transition-all tpl:duration-150 hover:tpl:border-[var(--tpl-primary)] hover:tpl:shadow-md tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]\"\n @click.stop=\"fetchData\"\n >\n <CustomBlockIcon\n v-if=\"definition?.icon\"\n :icon=\"definition.icon\"\n :size=\"16\"\n />\n {{\n definition?.dataSource?.label ||\n t.customBlocks.dataSource.fetchButton\n }}\n </button>\n\n <LoadingTrack v-else class=\"tpl:w-48\" />\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DividerBlock as DividerBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: DividerBlockType;\n viewport: ViewportSize;\n}>();\n\nconst dividerStyle = computed(() => ({\n borderTop: `${props.block.thickness}px ${props.block.lineStyle} ${props.block.color}`,\n width: props.block.width === \"full\" ? \"100%\" : `${props.block.width}px`,\n margin: props.block.width === \"full\" ? \"0\" : \"0 auto\",\n}));\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <hr class=\"tpl:m-0 tpl:border-none\" :style=\"dividerStyle\" />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DividerBlock as DividerBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: DividerBlockType;\n viewport: ViewportSize;\n}>();\n\nconst dividerStyle = computed(() => ({\n borderTop: `${props.block.thickness}px ${props.block.lineStyle} ${props.block.color}`,\n width: props.block.width === \"full\" ? \"100%\" : `${props.block.width}px`,\n margin: props.block.width === \"full\" ? \"0\" : \"0 auto\",\n}));\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <hr class=\"tpl:m-0 tpl:border-none\" :style=\"dividerStyle\" />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n HtmlBlock as HtmlBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Code } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: HtmlBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst hasContent = computed(() => props.block.content.trim().length > 0);\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div\n class=\"tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)]\"\n >\n <Code :size=\"24\" class=\"tpl:text-[var(--tpl-text-dim)]\" />\n <span\n v-if=\"hasContent\"\n class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ t.html.preview }}\n </span>\n <span v-else class=\"tpl:text-sm tpl:text-[var(--tpl-text-dim)]\">\n {{ t.html.empty }}\n </span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n HtmlBlock as HtmlBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Code } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: HtmlBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst hasContent = computed(() => props.block.content.trim().length > 0);\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div\n class=\"tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)]\"\n >\n <Code :size=\"24\" class=\"tpl:text-[var(--tpl-text-dim)]\" />\n <span\n v-if=\"hasContent\"\n class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ t.html.preview }}\n </span>\n <span v-else class=\"tpl:text-sm tpl:text-[var(--tpl-text-dim)]\">\n {{ t.html.empty }}\n </span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useMergeTag } from \"../../composables/useMergeTag\";\nimport type {\n ImageBlock as ImageBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { containsMergeTag } from \"@aswin.dev/types\";\nimport { Image } from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport { ON_REQUEST_MEDIA_KEY } from \"../../keys\";\n\nconst props = defineProps<{\n block: ImageBlockType;\n viewport: ViewportSize;\n}>();\n\nconst emit = defineEmits<{\n (e: \"update\", updates: Partial<ImageBlockType>): void;\n}>();\n\nconst { t } = useI18n();\nconst { syntax } = useMergeTag();\nconst onRequestMedia = inject(ON_REQUEST_MEDIA_KEY, null);\nconst canBrowseMedia = computed(() => !!onRequestMedia);\n\nasync function browseMedia(): Promise<void> {\n const result = await onRequestMedia?.({ accept: [\"images\"] });\n if (result) {\n const updates: Partial<ImageBlockType> = { src: result.url };\n if (result.alt) updates.alt = result.alt;\n emit(\"update\", updates);\n }\n}\n\nconst containerStyle = computed(() => ({\n textAlign: props.block.align,\n}));\n\nconst imageStyle = computed(() => ({\n maxWidth: \"100%\",\n width: props.block.width === \"full\" ? \"100%\" : `${props.block.width}px`,\n display: \"block\",\n margin: props.block.align === \"center\" ? \"0 auto\" : undefined,\n marginLeft: props.block.align === \"right\" ? \"auto\" : undefined,\n}));\n\nconst hasMergeTagSrc = computed(() =>\n containsMergeTag(props.block.src, syntax),\n);\n</script>\n\n<template>\n <div class=\"tpl:w-full\" :style=\"containerStyle\">\n \n <template v-if=\"block.src && hasMergeTagSrc && block.placeholderUrl\">\n <a\n v-if=\"block.linkUrl\"\n :href=\"block.linkUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n @click.prevent\n >\n <img\n class=\"tpl:border-0\"\n loading=\"lazy\"\n :src=\"block.placeholderUrl\"\n :alt=\"block.alt || t.image.altTextPlaceholder\"\n :style=\"imageStyle\"\n />\n </a>\n <img\n v-else\n class=\"tpl:border-0\"\n :src=\"block.placeholderUrl\"\n :alt=\"block.alt\"\n :style=\"imageStyle\"\n />\n </template>\n \n <div\n v-else-if=\"block.src && hasMergeTagSrc\"\n class=\"tpl:!flex tpl:min-h-[120px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]\"\n style=\"\n border-color: color-mix(in srgb, var(--tpl-primary) 40%, transparent);\n \"\n :style=\"imageStyle\"\n >\n <Image\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.5\"\n />\n <span\n class=\"tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.7\"\n >\n {{ block.src }}\n </span>\n </div>\n \n <template v-else-if=\"block.src\">\n <a\n v-if=\"block.linkUrl\"\n :href=\"block.linkUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n @click.prevent\n >\n <img\n class=\"tpl:border-0\"\n loading=\"lazy\"\n :src=\"block.src\"\n :alt=\"block.alt || t.image.altTextPlaceholder\"\n :style=\"imageStyle\"\n />\n </a>\n <img\n v-else\n class=\"tpl:border-0\"\n :src=\"block.src\"\n :alt=\"block.alt\"\n :style=\"imageStyle\"\n />\n </template>\n \n <div\n v-else\n class=\"tpl:flex tpl:min-h-[100px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <button\n v-if=\"canBrowseMedia\"\n :aria-label=\"t.image.browseMedia\"\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]\"\n @click.stop=\"browseMedia\"\n >\n <Image :size=\"14\" :stroke-width=\"1.5\" />\n {{ t.image.browseMedia }}\n </button>\n <span v-else>{{ t.image.clickToAdd }}</span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useMergeTag } from \"../../composables/useMergeTag\";\nimport type {\n ImageBlock as ImageBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { containsMergeTag } from \"@aswin.dev/types\";\nimport { Image } from \"@lucide/vue\";\nimport { computed, inject } from \"vue\";\nimport { ON_REQUEST_MEDIA_KEY } from \"../../keys\";\n\nconst props = defineProps<{\n block: ImageBlockType;\n viewport: ViewportSize;\n}>();\n\nconst emit = defineEmits<{\n (e: \"update\", updates: Partial<ImageBlockType>): void;\n}>();\n\nconst { t } = useI18n();\nconst { syntax } = useMergeTag();\nconst onRequestMedia = inject(ON_REQUEST_MEDIA_KEY, null);\nconst canBrowseMedia = computed(() => !!onRequestMedia);\n\nasync function browseMedia(): Promise<void> {\n const result = await onRequestMedia?.({ accept: [\"images\"] });\n if (result) {\n const updates: Partial<ImageBlockType> = { src: result.url };\n if (result.alt) updates.alt = result.alt;\n emit(\"update\", updates);\n }\n}\n\nconst containerStyle = computed(() => ({\n textAlign: props.block.align,\n}));\n\nconst imageStyle = computed(() => ({\n maxWidth: \"100%\",\n width: props.block.width === \"full\" ? \"100%\" : `${props.block.width}px`,\n display: \"block\",\n margin: props.block.align === \"center\" ? \"0 auto\" : undefined,\n marginLeft: props.block.align === \"right\" ? \"auto\" : undefined,\n}));\n\nconst hasMergeTagSrc = computed(() =>\n containsMergeTag(props.block.src, syntax),\n);\n</script>\n\n<template>\n <div class=\"tpl:w-full\" :style=\"containerStyle\">\n \n <template v-if=\"block.src && hasMergeTagSrc && block.placeholderUrl\">\n <a\n v-if=\"block.linkUrl\"\n :href=\"block.linkUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n @click.prevent\n >\n <img\n class=\"tpl:border-0\"\n loading=\"lazy\"\n :src=\"block.placeholderUrl\"\n :alt=\"block.alt || t.image.altTextPlaceholder\"\n :style=\"imageStyle\"\n />\n </a>\n <img\n v-else\n class=\"tpl:border-0\"\n :src=\"block.placeholderUrl\"\n :alt=\"block.alt\"\n :style=\"imageStyle\"\n />\n </template>\n \n <div\n v-else-if=\"block.src && hasMergeTagSrc\"\n class=\"tpl:!flex tpl:min-h-[120px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]\"\n style=\"\n border-color: color-mix(in srgb, var(--tpl-primary) 40%, transparent);\n \"\n :style=\"imageStyle\"\n >\n <Image\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.5\"\n />\n <span\n class=\"tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.7\"\n >\n {{ block.src }}\n </span>\n </div>\n \n <template v-else-if=\"block.src\">\n <a\n v-if=\"block.linkUrl\"\n :href=\"block.linkUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n @click.prevent\n >\n <img\n class=\"tpl:border-0\"\n loading=\"lazy\"\n :src=\"block.src\"\n :alt=\"block.alt || t.image.altTextPlaceholder\"\n :style=\"imageStyle\"\n />\n </a>\n <img\n v-else\n class=\"tpl:border-0\"\n :src=\"block.src\"\n :alt=\"block.alt\"\n :style=\"imageStyle\"\n />\n </template>\n \n <div\n v-else\n class=\"tpl:flex tpl:min-h-[100px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <button\n v-if=\"canBrowseMedia\"\n :aria-label=\"t.image.browseMedia\"\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]\"\n @click.stop=\"browseMedia\"\n >\n <Image :size=\"14\" :stroke-width=\"1.5\" />\n {{ t.image.browseMedia }}\n </button>\n <span v-else>{{ t.image.clickToAdd }}</span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n ButtonBorderSides,\n InputBlock as InputBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: InputBlockType;\n viewport: ViewportSize;\n}>();\n\nfunction spacingCss(s: {\n top: number;\n right: number;\n bottom: number;\n left: number;\n}): string {\n return `${s.top}px ${s.right}px ${s.bottom}px ${s.left}px`;\n}\n\nfunction borderCss(\n widthPx: number,\n color: string,\n sides: ButtonBorderSides,\n): Record<string, string> {\n if (widthPx <= 0) {\n return { border: \"none\" };\n }\n const w = `${widthPx}px`;\n const style: Record<string, string> = {\n borderStyle: \"solid\",\n borderColor: color,\n };\n if (sides === \"all\") {\n style.borderWidth = w;\n return style;\n }\n const z = \"0\";\n style.borderTopWidth = sides === \"top\" ? w : z;\n style.borderRightWidth = sides === \"right\" ? w : z;\n style.borderBottomWidth = sides === \"bottom\" ? w : z;\n style.borderLeftWidth = sides === \"left\" ? w : z;\n return style;\n}\n\nconst inputDomId = computed(() => `tpl-in-${props.block.id}`);\n\nconst labelStyle = computed(\n (): Record<string, string> => ({\n display: \"block\",\n margin: spacingCss(props.block.labelMargin),\n padding: spacingCss(props.block.labelPadding),\n fontSize: `${props.block.labelFontSize}px`,\n fontWeight: props.block.labelFontWeight,\n color: props.block.labelColor,\n textAlign: props.block.labelTextAlign,\n ...(props.block.labelFontFamily\n ? { fontFamily: props.block.labelFontFamily }\n : {}),\n }),\n);\n\nconst inputStyle = computed((): Record<string, string> => {\n const bw = props.block.inputBorderWidth ?? 0;\n const sides = props.block.inputBorderSides ?? \"all\";\n const bc = props.block.inputBorderColor ?? \"#d1d5db\";\n const border = borderCss(bw, bc, sides);\n const width =\n props.block.inputWidth === \"full\" ? \"100%\" : `${props.block.inputWidth}px`;\n return {\n boxSizing: \"border-box\",\n width,\n margin: spacingCss(props.block.inputMargin),\n padding: spacingCss(props.block.inputPadding),\n backgroundColor: props.block.inputBackgroundColor,\n color: props.block.inputTextColor,\n fontSize: `${props.block.inputFontSize}px`,\n borderRadius: `${props.block.inputBorderRadius}px`,\n outline: \"none\",\n ...(props.block.inputFontFamily\n ? { fontFamily: props.block.inputFontFamily }\n : {}),\n ...border,\n };\n});\n\nconst placeholderHex = computed(() => props.block.inputPlaceholderColor);\n</script>\n\n<template>\n <div class=\"tpl-field-root tpl:w-full\">\n <label :for=\"inputDomId\" :style=\"labelStyle\">{{ block.label }}</label>\n <input\n :id=\"inputDomId\"\n class=\"tpl-field-input tpl:block tpl:max-w-full\"\n :type=\"block.inputType\"\n :name=\"block.name\"\n :placeholder=\"block.placeholder\"\n :value=\"block.defaultValue ?? ''\"\n :required=\"block.required\"\n readonly\n tabindex=\"-1\"\n :style=\"inputStyle\"\n />\n </div>\n</template>\n\n<style scoped>\n.tpl-field-root {\n --tpl-input-ph: v-bind(placeholderHex);\n}\n.tpl-field-input::placeholder {\n color: var(--tpl-input-ph);\n opacity: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type {\n ButtonBorderSides,\n InputBlock as InputBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: InputBlockType;\n viewport: ViewportSize;\n}>();\n\nfunction spacingCss(s: {\n top: number;\n right: number;\n bottom: number;\n left: number;\n}): string {\n return `${s.top}px ${s.right}px ${s.bottom}px ${s.left}px`;\n}\n\nfunction borderCss(\n widthPx: number,\n color: string,\n sides: ButtonBorderSides,\n): Record<string, string> {\n if (widthPx <= 0) {\n return { border: \"none\" };\n }\n const w = `${widthPx}px`;\n const style: Record<string, string> = {\n borderStyle: \"solid\",\n borderColor: color,\n };\n if (sides === \"all\") {\n style.borderWidth = w;\n return style;\n }\n const z = \"0\";\n style.borderTopWidth = sides === \"top\" ? w : z;\n style.borderRightWidth = sides === \"right\" ? w : z;\n style.borderBottomWidth = sides === \"bottom\" ? w : z;\n style.borderLeftWidth = sides === \"left\" ? w : z;\n return style;\n}\n\nconst inputDomId = computed(() => `tpl-in-${props.block.id}`);\n\nconst labelStyle = computed(\n (): Record<string, string> => ({\n display: \"block\",\n margin: spacingCss(props.block.labelMargin),\n padding: spacingCss(props.block.labelPadding),\n fontSize: `${props.block.labelFontSize}px`,\n fontWeight: props.block.labelFontWeight,\n color: props.block.labelColor,\n textAlign: props.block.labelTextAlign,\n ...(props.block.labelFontFamily\n ? { fontFamily: props.block.labelFontFamily }\n : {}),\n }),\n);\n\nconst inputStyle = computed((): Record<string, string> => {\n const bw = props.block.inputBorderWidth ?? 0;\n const sides = props.block.inputBorderSides ?? \"all\";\n const bc = props.block.inputBorderColor ?? \"#d1d5db\";\n const border = borderCss(bw, bc, sides);\n const width =\n props.block.inputWidth === \"full\" ? \"100%\" : `${props.block.inputWidth}px`;\n return {\n boxSizing: \"border-box\",\n width,\n margin: spacingCss(props.block.inputMargin),\n padding: spacingCss(props.block.inputPadding),\n backgroundColor: props.block.inputBackgroundColor,\n color: props.block.inputTextColor,\n fontSize: `${props.block.inputFontSize}px`,\n borderRadius: `${props.block.inputBorderRadius}px`,\n outline: \"none\",\n ...(props.block.inputFontFamily\n ? { fontFamily: props.block.inputFontFamily }\n : {}),\n ...border,\n };\n});\n\nconst placeholderHex = computed(() => props.block.inputPlaceholderColor);\n</script>\n\n<template>\n <div class=\"tpl-field-root tpl:w-full\">\n <label :for=\"inputDomId\" :style=\"labelStyle\">{{ block.label }}</label>\n <input\n :id=\"inputDomId\"\n class=\"tpl-field-input tpl:block tpl:max-w-full\"\n :type=\"block.inputType\"\n :name=\"block.name\"\n :placeholder=\"block.placeholder\"\n :value=\"block.defaultValue ?? ''\"\n :required=\"block.required\"\n readonly\n tabindex=\"-1\"\n :style=\"inputStyle\"\n />\n </div>\n</template>\n\n<style scoped>\n.tpl-field-root {\n --tpl-input-ph: v-bind(placeholderHex);\n}\n.tpl-field-input::placeholder {\n color: var(--tpl-input-ph);\n opacity: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n MenuBlock as MenuBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Navigation } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: MenuBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst containerStyle = computed(() => ({\n display: \"flex\",\n flexWrap: \"wrap\" as const,\n gap: `0 ${props.block.spacing}px`,\n justifyContent:\n props.block.textAlign === \"left\"\n ? \"flex-start\"\n : props.block.textAlign === \"right\"\n ? \"flex-end\"\n : \"center\",\n fontSize: `${props.block.fontSize}px`,\n fontFamily: props.block.fontFamily || \"inherit\",\n alignItems: \"center\",\n}));\n\nconst hasItems = computed(() => props.block.items.length > 0);\n\nfunction getLinkColor(itemColor?: string): string {\n return itemColor || props.block.linkColor || props.block.color;\n}\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div v-if=\"hasItems\" :style=\"containerStyle\">\n <template v-for=\"(item, index) in block.items\" :key=\"item.id\">\n <a\n :href=\"item.url || '#'\"\n class=\"tpl:cursor-default tpl:no-underline\"\n :style=\"{\n color: getLinkColor(item.color),\n fontWeight: item.bold ? 'bold' : 'normal',\n textDecoration: item.underline ? 'underline' : 'none',\n }\"\n @click.prevent\n >\n {{ item.text || \"...\" }}\n </a>\n <span\n v-if=\"index < block.items.length - 1\"\n :style=\"{\n color: block.separatorColor,\n padding: `0 ${block.spacing}px`,\n }\"\n >\n {{ block.separator }}\n </span>\n </template>\n </div>\n <div\n v-else\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Navigation :size=\"16\" />\n <span>{{ t.menu.addLinks }}</span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n MenuBlock as MenuBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Navigation } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: MenuBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst containerStyle = computed(() => ({\n display: \"flex\",\n flexWrap: \"wrap\" as const,\n gap: `0 ${props.block.spacing}px`,\n justifyContent:\n props.block.textAlign === \"left\"\n ? \"flex-start\"\n : props.block.textAlign === \"right\"\n ? \"flex-end\"\n : \"center\",\n fontSize: `${props.block.fontSize}px`,\n fontFamily: props.block.fontFamily || \"inherit\",\n alignItems: \"center\",\n}));\n\nconst hasItems = computed(() => props.block.items.length > 0);\n\nfunction getLinkColor(itemColor?: string): string {\n return itemColor || props.block.linkColor || props.block.color;\n}\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div v-if=\"hasItems\" :style=\"containerStyle\">\n <template v-for=\"(item, index) in block.items\" :key=\"item.id\">\n <a\n :href=\"item.url || '#'\"\n class=\"tpl:cursor-default tpl:no-underline\"\n :style=\"{\n color: getLinkColor(item.color),\n fontWeight: item.bold ? 'bold' : 'normal',\n textDecoration: item.underline ? 'underline' : 'none',\n }\"\n @click.prevent\n >\n {{ item.text || \"...\" }}\n </a>\n <span\n v-if=\"index < block.items.length - 1\"\n :style=\"{\n color: block.separatorColor,\n padding: `0 ${block.spacing}px`,\n }\"\n >\n {{ block.separator }}\n </span>\n </template>\n </div>\n <div\n v-else\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Navigation :size=\"16\" />\n <span>{{ t.menu.addLinks }}</span>\n </div>\n </div>\n</template>\n","import {\n resolveHtmlLogicMergeTagLabels,\n resolveHtmlMergeTagLabels,\n} from \"@aswin.dev/types\";\nimport { useElementBounding } from \"@vueuse/core\";\nimport { computed, inject, ref, type ComputedRef, type Ref } from \"vue\";\nimport { MERGE_TAGS_KEY } from \"../keys\";\nimport { useMergeTag } from \"./useMergeTag\";\n\nexport interface UseEditableTextBlockReturn {\n isEditing: Ref<boolean>;\n blockRef: Ref<HTMLElement | null>;\n toolbarPosition: ComputedRef<{ top: number; left: number }>;\n resolvedContent: ComputedRef<string>;\n handleDoubleClick: () => void;\n handleEditorDone: () => void;\n}\n\nexport function useEditableTextBlock(\n blockContent: () => string,\n): UseEditableTextBlockReturn {\n const mergeTags = inject(MERGE_TAGS_KEY, []);\n const { syntax } = useMergeTag();\n\n const resolvedContent = computed(() =>\n resolveHtmlLogicMergeTagLabels(\n resolveHtmlMergeTagLabels(blockContent(), mergeTags),\n syntax,\n ),\n );\n\n const isEditing = ref(false);\n const blockRef = ref<HTMLElement | null>(null);\n const { top: boundingTop, left: boundingLeft } = useElementBounding(blockRef);\n const toolbarPosition = computed(() => ({\n top: boundingTop.value - 8,\n left: boundingLeft.value,\n }));\n\n function handleDoubleClick(): void {\n isEditing.value = true;\n }\n\n function handleEditorDone(): void {\n isEditing.value = false;\n }\n\n return {\n isEditing,\n blockRef,\n toolbarPosition,\n resolvedContent,\n handleDoubleClick,\n handleEditorDone,\n };\n}\n","<script setup lang=\"ts\">\nimport { useEditableTextBlock } from \"../../composables/useEditableTextBlock\";\nimport type {\n ParagraphBlock as ParagraphBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { defineAsyncComponent } from \"vue\";\n\nconst props = defineProps<{\n block: ParagraphBlockType;\n viewport: ViewportSize;\n}>();\n\nconst ParagraphEditor = defineAsyncComponent(\n () => import(\"./ParagraphEditor.vue\"),\n);\n\nconst {\n isEditing,\n blockRef,\n toolbarPosition,\n resolvedContent,\n handleDoubleClick,\n handleEditorDone,\n} = useEditableTextBlock(() => props.block.content);\n</script>\n\n<template>\n <div\n ref=\"blockRef\"\n class=\"tpl:min-h-[1em] tpl:w-full\"\n @dblclick=\"handleDoubleClick\"\n >\n <ParagraphEditor\n v-if=\"isEditing\"\n :block=\"block\"\n :toolbar-position=\"toolbarPosition\"\n @done=\"handleEditorDone\"\n />\n \n <div\n v-else\n class=\"tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_li]:tpl:my-1 [&_ol]:tpl:my-2 [&_ol]:tpl:pl-6 [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0 [&_s]:tpl:line-through [&_sub]:tpl:align-sub [&_sub]:tpl:text-[0.75em] [&_sup]:tpl:align-super [&_sup]:tpl:text-[0.75em] [&_ul]:tpl:my-2 [&_ul]:tpl:pl-6\"\n v-html=\"resolvedContent\"\n />\n \n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useEditableTextBlock } from \"../../composables/useEditableTextBlock\";\nimport type {\n ParagraphBlock as ParagraphBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { defineAsyncComponent } from \"vue\";\n\nconst props = defineProps<{\n block: ParagraphBlockType;\n viewport: ViewportSize;\n}>();\n\nconst ParagraphEditor = defineAsyncComponent(\n () => import(\"./ParagraphEditor.vue\"),\n);\n\nconst {\n isEditing,\n blockRef,\n toolbarPosition,\n resolvedContent,\n handleDoubleClick,\n handleEditorDone,\n} = useEditableTextBlock(() => props.block.content);\n</script>\n\n<template>\n <div\n ref=\"blockRef\"\n class=\"tpl:min-h-[1em] tpl:w-full\"\n @dblclick=\"handleDoubleClick\"\n >\n <ParagraphEditor\n v-if=\"isEditing\"\n :block=\"block\"\n :toolbar-position=\"toolbarPosition\"\n @done=\"handleEditorDone\"\n />\n \n <div\n v-else\n class=\"tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_li]:tpl:my-1 [&_ol]:tpl:my-2 [&_ol]:tpl:pl-6 [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0 [&_s]:tpl:line-through [&_sub]:tpl:align-sub [&_sub]:tpl:text-[0.75em] [&_sup]:tpl:align-super [&_sup]:tpl:text-[0.75em] [&_ul]:tpl:my-2 [&_ul]:tpl:pl-6\"\n v-html=\"resolvedContent\"\n />\n \n </div>\n</template>\n","import type { Block } from \"@aswin.dev/types\";\nimport type { Component } from \"vue\";\nimport type { UseBlockRegistryReturn } from \"../composables/useBlockRegistry\";\n\n/**\n * Resolves a block to its Vue component, checking the registry first\n * and falling back to the provided component map.\n */\nexport function resolveBlockComponent(\n block: Block,\n registry: UseBlockRegistryReturn | null | undefined,\n componentMap: Record<string, Component>,\n): Component | null {\n if (registry) {\n const component = registry.getComponent(block);\n if (component) {\n return component;\n }\n }\n\n return componentMap[block.type] ?? null;\n}\n\n/**\n * Computes inline styles for a block wrapper from its styles config.\n */\nexport function getBlockWrapperStyle(block: Block): Record<string, string> {\n const { padding, margin, backgroundColor } = block.styles;\n return {\n padding: `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`,\n margin: `${margin.top}px ${margin.right}px ${margin.bottom}px ${margin.left}px`,\n backgroundColor: backgroundColor || \"transparent\",\n };\n}\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Block, ViewportSize } from \"@aswin.dev/types\";\nimport {\n Bookmark,\n Copy,\n EyeOff,\n Filter,\n GripVertical,\n MessageCircle,\n Trash2,\n} from \"@lucide/vue\";\nimport { computed, defineAsyncComponent, inject, nextTick, ref } from \"vue\";\nimport { getBlockWrapperStyle } from \"../../utils/blockComponentResolver\";\n\nconst BlockA11yBadge = defineAsyncComponent(\n () => import(\"../canvas/BlockA11yBadge.vue\"),\n);\nimport {\n BLOCK_ACTIONS_KEY,\n CONDITION_PREVIEW_KEY,\n CAPABILITIES_KEY,\n KEYBOARD_REORDER_KEY,\n} from \"../../keys\";\n\nconst props = defineProps<{\n block: Block;\n isSelected: boolean;\n viewport?: ViewportSize;\n previewMode?: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"select\"): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst keyboardReorder = inject(KEYBOARD_REORDER_KEY, null);\nconst dragButtonRef = ref<HTMLButtonElement | null>(null);\n\nconst isLifted = computed(\n () => keyboardReorder?.liftedBlockId.value === props.block.id,\n);\n\nconst dragAriaLabel = computed(() =>\n isLifted.value\n ? format(t.blockActions.dragLifted, {\n block: props.block.type,\n })\n : t.blockActions.drag,\n);\n\nasync function refocusDragButton(): Promise<void> {\n await nextTick();\n dragButtonRef.value?.focus();\n}\n\nfunction handleDragKeydown(event: KeyboardEvent): void {\n if (!keyboardReorder) return;\n\n if (event.key === \" \" || event.key === \"Enter\") {\n event.preventDefault();\n event.stopPropagation();\n if (isLifted.value) {\n keyboardReorder.drop(props.block.id);\n } else {\n keyboardReorder.lift(props.block.id);\n }\n return;\n }\n\n if (!isLifted.value) return;\n\n if (event.key === \"Escape\") {\n event.preventDefault();\n event.stopPropagation();\n keyboardReorder.cancel();\n refocusDragButton();\n return;\n }\n\n if (event.key === \"ArrowUp\") {\n event.preventDefault();\n event.stopPropagation();\n keyboardReorder.moveUp(props.block.id);\n refocusDragButton();\n return;\n }\n\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n event.stopPropagation();\n keyboardReorder.moveDown(props.block.id);\n refocusDragButton();\n }\n}\n\nconst isHiddenOnViewport = computed(() => {\n if (!props.viewport || !props.block.visibility) {\n return false;\n }\n return props.block.visibility[props.viewport] === false;\n});\n\nconst hiddenLabel = computed(() => {\n if (!props.viewport) {\n return \"\";\n }\n const labels: Record<string, string> = {\n desktop: t.viewport.desktop,\n tablet: t.viewport.tablet,\n mobile: t.viewport.mobile,\n };\n return labels[props.viewport] ?? props.viewport;\n});\n\nconst hasDisplayCondition = computed(() => !!props.block.displayCondition);\n\nconst blockActions = inject(BLOCK_ACTIONS_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\nconst caps = inject(CAPABILITIES_KEY, {});\n\nconst canSaveAsModule = computed(() => !!caps.savedModules);\n\nconst blockCommentCount = computed(\n () => caps.comments?.getBlockCount(props.block.id) ?? 0,\n);\n\nconst wrapperStyle = computed(() => getBlockWrapperStyle(props.block));\n\nfunction handleClick(event: MouseEvent): void {\n if (props.previewMode) {\n return;\n }\n event.stopPropagation();\n emit(\"select\");\n}\n\nfunction handleDelete(): void {\n blockActions?.deleteBlock(props.block.id);\n}\n\nfunction handleDuplicate(): void {\n blockActions?.duplicateBlock(props.block);\n}\n\nfunction handleSaveAsModule(): void {\n caps.savedModules?.openSaveDialog(props.block.id);\n}\n\nfunction handleConditionToggle(): void {\n conditionPreview?.toggleBlock(props.block.id);\n}\n</script>\n\n<template>\n <div\n class=\"tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150\"\n :class=\"{\n 'tpl-block--selected': isSelected,\n 'tpl-block--idle': !isSelected,\n 'tpl-block--lifted': isLifted,\n }\"\n :style=\"wrapperStyle\"\n :data-block-id=\"block.id\"\n :data-block-type=\"block.type\"\n draggable=\"false\"\n @click=\"handleClick\"\n >\n <BlockA11yBadge :block-id=\"block.id\" />\n \n <div\n v-if=\"isSelected\"\n role=\"toolbar\"\n :aria-label=\"t.blockActions.drag\"\n class=\"tpl-block-actions tpl-fade-in tpl:absolute tpl:-right-2 tpl:top-1/2 tpl:z-10 tpl:flex tpl:-translate-y-1/2 tpl:translate-x-full tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-md)] tpl:border tpl:border-[var(--tpl-border)]\"\n >\n <button\n ref=\"dragButtonRef\"\n class=\"tpl-block-btn tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-grab tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150 tpl:active:cursor-grabbing\"\n :aria-label=\"dragAriaLabel\"\n :aria-pressed=\"isLifted\"\n aria-keyshortcuts=\"Space Enter ArrowUp ArrowDown Escape\"\n :title=\"t.blockActions.drag\"\n @keydown=\"handleDragKeydown\"\n >\n <GripVertical :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n <button\n class=\"tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150\"\n :aria-label=\"t.blockActions.duplicate\"\n :title=\"t.blockActions.duplicate\"\n @click.stop=\"handleDuplicate\"\n >\n <Copy :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n <button\n v-if=\"canSaveAsModule\"\n class=\"tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150\"\n :aria-label=\"t.blockActions.saveAsModule\"\n :title=\"t.blockActions.saveAsModule\"\n @click.stop=\"handleSaveAsModule\"\n >\n <Bookmark :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n <button\n class=\"tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150\"\n :aria-label=\"t.blockActions.delete\"\n :title=\"t.blockActions.delete\"\n @click.stop=\"handleDelete\"\n >\n <Trash2 :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n </div>\n <div\n v-if=\"isHiddenOnViewport\"\n class=\"tpl-block-hidden-overlay tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[5] tpl:flex tpl:items-center tpl:justify-center tpl:rounded-sm\"\n >\n <span\n class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]\"\n >\n <EyeOff :size=\"12\" :stroke-width=\"1.5\" />\n {{\n format(t.blockActions.hiddenOnViewport, {\n viewport: hiddenLabel,\n })\n }}\n </span>\n </div>\n <div\n v-if=\"hasDisplayCondition && !isHiddenOnViewport\"\n class=\"tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2\"\n >\n <button\n class=\"tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]\"\n :aria-label=\"t.blockActions.conditionToggle\"\n :title=\"block.displayCondition?.label\"\n @click.stop=\"handleConditionToggle\"\n >\n <Filter :size=\"12\" :stroke-width=\"2\" />\n </button>\n </div>\n \n <div\n v-if=\"blockCommentCount > 0 && !isHiddenOnViewport\"\n class=\"tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full\"\n >\n <button\n class=\"tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]\"\n :aria-label=\"\n format(t.blockActions.comments, { count: String(blockCommentCount) })\n \"\n @click.stop=\"caps.comments?.openForBlock(block.id)\"\n >\n <MessageCircle :size=\"12\" :stroke-width=\"2.5\" />\n {{ blockCommentCount }}\n </button>\n </div>\n <slot />\n </div>\n</template>\n\n<style scoped>\n/* Idle — subtle dashed outline so block boundaries are always visible */\n.tpl-block--idle {\n outline: 1.5px dashed color-mix(in srgb, var(--tpl-primary) 30%, transparent);\n outline-offset: -1px;\n transition:\n outline 150ms cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/* Hover — solid outline, more prominent */\n.tpl-block--idle:hover {\n outline: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent);\n outline-offset: -1px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--tpl-primary) 8%, transparent);\n}\n\n/* Selection — solid outline + soft outer glow */\n.tpl-block--selected {\n outline: 2px solid color-mix(in srgb, var(--tpl-primary) 60%, transparent);\n outline-offset: -1px;\n box-shadow: 0 0 12px color-mix(in srgb, var(--tpl-primary) 15%, transparent);\n transition:\n outline 150ms cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/* Action buttons — muted text, warm hover, press feedback */\n.tpl-block-action-btn {\n color: var(--tpl-text-muted);\n background-color: transparent;\n}\n\n.tpl-block-action-btn:hover {\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text);\n}\n\n.tpl-block-action-btn:active {\n transform: scale(0.9);\n}\n\n.tpl-block-delete-btn:hover {\n background-color: var(--tpl-danger-light);\n color: var(--tpl-danger);\n}\n\n/* Condition toggle — interactive hover + press */\n.tpl-condition-toggle:hover {\n background-color: var(--tpl-bg-hover) !important;\n}\n\n.tpl-condition-toggle:active {\n transform: scale(0.9);\n}\n\n/* Hidden block overlay — dims the block when hidden on current viewport */\n.tpl-block-hidden-overlay {\n background-color: color-mix(in srgb, var(--tpl-bg) 60%, transparent);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type { Block, ViewportSize } from \"@aswin.dev/types\";\nimport {\n Bookmark,\n Copy,\n EyeOff,\n Filter,\n GripVertical,\n MessageCircle,\n Trash2,\n} from \"@lucide/vue\";\nimport { computed, defineAsyncComponent, inject, nextTick, ref } from \"vue\";\nimport { getBlockWrapperStyle } from \"../../utils/blockComponentResolver\";\n\nconst BlockA11yBadge = defineAsyncComponent(\n () => import(\"../canvas/BlockA11yBadge.vue\"),\n);\nimport {\n BLOCK_ACTIONS_KEY,\n CONDITION_PREVIEW_KEY,\n CAPABILITIES_KEY,\n KEYBOARD_REORDER_KEY,\n} from \"../../keys\";\n\nconst props = defineProps<{\n block: Block;\n isSelected: boolean;\n viewport?: ViewportSize;\n previewMode?: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"select\"): void;\n}>();\n\nconst { t, format } = useI18n();\n\nconst keyboardReorder = inject(KEYBOARD_REORDER_KEY, null);\nconst dragButtonRef = ref<HTMLButtonElement | null>(null);\n\nconst isLifted = computed(\n () => keyboardReorder?.liftedBlockId.value === props.block.id,\n);\n\nconst dragAriaLabel = computed(() =>\n isLifted.value\n ? format(t.blockActions.dragLifted, {\n block: props.block.type,\n })\n : t.blockActions.drag,\n);\n\nasync function refocusDragButton(): Promise<void> {\n await nextTick();\n dragButtonRef.value?.focus();\n}\n\nfunction handleDragKeydown(event: KeyboardEvent): void {\n if (!keyboardReorder) return;\n\n if (event.key === \" \" || event.key === \"Enter\") {\n event.preventDefault();\n event.stopPropagation();\n if (isLifted.value) {\n keyboardReorder.drop(props.block.id);\n } else {\n keyboardReorder.lift(props.block.id);\n }\n return;\n }\n\n if (!isLifted.value) return;\n\n if (event.key === \"Escape\") {\n event.preventDefault();\n event.stopPropagation();\n keyboardReorder.cancel();\n refocusDragButton();\n return;\n }\n\n if (event.key === \"ArrowUp\") {\n event.preventDefault();\n event.stopPropagation();\n keyboardReorder.moveUp(props.block.id);\n refocusDragButton();\n return;\n }\n\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n event.stopPropagation();\n keyboardReorder.moveDown(props.block.id);\n refocusDragButton();\n }\n}\n\nconst isHiddenOnViewport = computed(() => {\n if (!props.viewport || !props.block.visibility) {\n return false;\n }\n return props.block.visibility[props.viewport] === false;\n});\n\nconst hiddenLabel = computed(() => {\n if (!props.viewport) {\n return \"\";\n }\n const labels: Record<string, string> = {\n desktop: t.viewport.desktop,\n tablet: t.viewport.tablet,\n mobile: t.viewport.mobile,\n };\n return labels[props.viewport] ?? props.viewport;\n});\n\nconst hasDisplayCondition = computed(() => !!props.block.displayCondition);\n\nconst blockActions = inject(BLOCK_ACTIONS_KEY, null);\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\n\nconst caps = inject(CAPABILITIES_KEY, {});\n\nconst canSaveAsModule = computed(() => !!caps.savedModules);\n\nconst blockCommentCount = computed(\n () => caps.comments?.getBlockCount(props.block.id) ?? 0,\n);\n\nconst wrapperStyle = computed(() => getBlockWrapperStyle(props.block));\n\nfunction handleClick(event: MouseEvent): void {\n if (props.previewMode) {\n return;\n }\n event.stopPropagation();\n emit(\"select\");\n}\n\nfunction handleDelete(): void {\n blockActions?.deleteBlock(props.block.id);\n}\n\nfunction handleDuplicate(): void {\n blockActions?.duplicateBlock(props.block);\n}\n\nfunction handleSaveAsModule(): void {\n caps.savedModules?.openSaveDialog(props.block.id);\n}\n\nfunction handleConditionToggle(): void {\n conditionPreview?.toggleBlock(props.block.id);\n}\n</script>\n\n<template>\n <div\n class=\"tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150\"\n :class=\"{\n 'tpl-block--selected': isSelected,\n 'tpl-block--idle': !isSelected,\n 'tpl-block--lifted': isLifted,\n }\"\n :style=\"wrapperStyle\"\n :data-block-id=\"block.id\"\n :data-block-type=\"block.type\"\n draggable=\"false\"\n @click=\"handleClick\"\n >\n <BlockA11yBadge :block-id=\"block.id\" />\n \n <div\n v-if=\"isSelected\"\n role=\"toolbar\"\n :aria-label=\"t.blockActions.drag\"\n class=\"tpl-block-actions tpl-fade-in tpl:absolute tpl:-right-2 tpl:top-1/2 tpl:z-10 tpl:flex tpl:-translate-y-1/2 tpl:translate-x-full tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-md)] tpl:border tpl:border-[var(--tpl-border)]\"\n >\n <button\n ref=\"dragButtonRef\"\n class=\"tpl-block-btn tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-grab tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150 tpl:active:cursor-grabbing\"\n :aria-label=\"dragAriaLabel\"\n :aria-pressed=\"isLifted\"\n aria-keyshortcuts=\"Space Enter ArrowUp ArrowDown Escape\"\n :title=\"t.blockActions.drag\"\n @keydown=\"handleDragKeydown\"\n >\n <GripVertical :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n <button\n class=\"tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150\"\n :aria-label=\"t.blockActions.duplicate\"\n :title=\"t.blockActions.duplicate\"\n @click.stop=\"handleDuplicate\"\n >\n <Copy :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n <button\n v-if=\"canSaveAsModule\"\n class=\"tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150\"\n :aria-label=\"t.blockActions.saveAsModule\"\n :title=\"t.blockActions.saveAsModule\"\n @click.stop=\"handleSaveAsModule\"\n >\n <Bookmark :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n <button\n class=\"tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150\"\n :aria-label=\"t.blockActions.delete\"\n :title=\"t.blockActions.delete\"\n @click.stop=\"handleDelete\"\n >\n <Trash2 :size=\"14\" :stroke-width=\"1.5\" />\n </button>\n </div>\n <div\n v-if=\"isHiddenOnViewport\"\n class=\"tpl-block-hidden-overlay tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[5] tpl:flex tpl:items-center tpl:justify-center tpl:rounded-sm\"\n >\n <span\n class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]\"\n >\n <EyeOff :size=\"12\" :stroke-width=\"1.5\" />\n {{\n format(t.blockActions.hiddenOnViewport, {\n viewport: hiddenLabel,\n })\n }}\n </span>\n </div>\n <div\n v-if=\"hasDisplayCondition && !isHiddenOnViewport\"\n class=\"tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2\"\n >\n <button\n class=\"tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]\"\n :aria-label=\"t.blockActions.conditionToggle\"\n :title=\"block.displayCondition?.label\"\n @click.stop=\"handleConditionToggle\"\n >\n <Filter :size=\"12\" :stroke-width=\"2\" />\n </button>\n </div>\n \n <div\n v-if=\"blockCommentCount > 0 && !isHiddenOnViewport\"\n class=\"tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full\"\n >\n <button\n class=\"tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]\"\n :aria-label=\"\n format(t.blockActions.comments, { count: String(blockCommentCount) })\n \"\n @click.stop=\"caps.comments?.openForBlock(block.id)\"\n >\n <MessageCircle :size=\"12\" :stroke-width=\"2.5\" />\n {{ blockCommentCount }}\n </button>\n </div>\n <slot />\n </div>\n</template>\n\n<style scoped>\n/* Idle — subtle dashed outline so block boundaries are always visible */\n.tpl-block--idle {\n outline: 1.5px dashed color-mix(in srgb, var(--tpl-primary) 30%, transparent);\n outline-offset: -1px;\n transition:\n outline 150ms cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/* Hover — solid outline, more prominent */\n.tpl-block--idle:hover {\n outline: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent);\n outline-offset: -1px;\n box-shadow: 0 0 8px color-mix(in srgb, var(--tpl-primary) 8%, transparent);\n}\n\n/* Selection — solid outline + soft outer glow */\n.tpl-block--selected {\n outline: 2px solid color-mix(in srgb, var(--tpl-primary) 60%, transparent);\n outline-offset: -1px;\n box-shadow: 0 0 12px color-mix(in srgb, var(--tpl-primary) 15%, transparent);\n transition:\n outline 150ms cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/* Action buttons — muted text, warm hover, press feedback */\n.tpl-block-action-btn {\n color: var(--tpl-text-muted);\n background-color: transparent;\n}\n\n.tpl-block-action-btn:hover {\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text);\n}\n\n.tpl-block-action-btn:active {\n transform: scale(0.9);\n}\n\n.tpl-block-delete-btn:hover {\n background-color: var(--tpl-danger-light);\n color: var(--tpl-danger);\n}\n\n/* Condition toggle — interactive hover + press */\n.tpl-condition-toggle:hover {\n background-color: var(--tpl-bg-hover) !important;\n}\n\n.tpl-condition-toggle:active {\n transform: scale(0.9);\n}\n\n/* Hidden block overlay — dims the block when hidden on current viewport */\n.tpl-block-hidden-overlay {\n background-color: color-mix(in srgb, var(--tpl-bg) 60%, transparent);\n}\n</style>\n","import type { CountdownBlock } from \"@aswin.dev/types\";\nimport { useIntervalFn } from \"@vueuse/core\";\nimport { computed, ref, type ComputedRef, type Ref } from \"vue\";\n\nexport interface CountdownRemaining {\n readonly days: number;\n readonly hours: number;\n readonly minutes: number;\n readonly seconds: number;\n}\n\nexport interface CountdownSegment {\n readonly key: \"days\" | \"hours\" | \"minutes\" | \"seconds\";\n readonly value: string;\n readonly raw: number;\n readonly label: string;\n}\n\nexport interface CountdownTimer {\n readonly now: Ref<number>;\n readonly targetTime: ComputedRef<number | null>;\n readonly isExpired: ComputedRef<boolean>;\n readonly remaining: ComputedRef<CountdownRemaining>;\n readonly segments: ComputedRef<CountdownSegment[]>;\n readonly hasTargetDate: ComputedRef<boolean>;\n}\n\nconst ZERO_REMAINING: CountdownRemaining = {\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n};\n\n/**\n * Centralizes the countdown timer + segment derivation that every themed\n * variant needs. Components can render whatever DOM/animation they want\n * around the same shared, ticking source of truth.\n */\nexport function useCountdownTimer(\n block: ComputedRef<CountdownBlock> | { value: CountdownBlock },\n): CountdownTimer {\n const now = ref(Date.now());\n useIntervalFn(() => {\n now.value = Date.now();\n }, 1000);\n\n const targetTime = computed(() => {\n const target = block.value.targetDate;\n if (!target) return null;\n const date = new Date(target);\n return Number.isNaN(date.getTime()) ? null : date.getTime();\n });\n\n const hasTargetDate = computed(() => Boolean(block.value.targetDate));\n\n const isExpired = computed(() => {\n if (!targetTime.value) return false;\n return now.value >= targetTime.value;\n });\n\n const remaining = computed<CountdownRemaining>(() => {\n if (!targetTime.value || isExpired.value) return ZERO_REMAINING;\n const diff = targetTime.value - now.value;\n const totalSeconds = Math.floor(diff / 1000);\n return {\n days: Math.floor(totalSeconds / 86400),\n hours: Math.floor((totalSeconds % 86400) / 3600),\n minutes: Math.floor((totalSeconds % 3600) / 60),\n seconds: totalSeconds % 60,\n };\n });\n\n const segments = computed<CountdownSegment[]>(() => {\n const b = block.value;\n const r = remaining.value;\n const result: CountdownSegment[] = [];\n if (b.showDays) {\n result.push({\n key: \"days\",\n raw: r.days,\n value: String(r.days).padStart(2, \"0\"),\n label: b.labelDays,\n });\n }\n if (b.showHours) {\n result.push({\n key: \"hours\",\n raw: r.hours,\n value: String(r.hours).padStart(2, \"0\"),\n label: b.labelHours,\n });\n }\n if (b.showMinutes) {\n result.push({\n key: \"minutes\",\n raw: r.minutes,\n value: String(r.minutes).padStart(2, \"0\"),\n label: b.labelMinutes,\n });\n }\n if (b.showSeconds) {\n result.push({\n key: \"seconds\",\n raw: r.seconds,\n value: String(r.seconds).padStart(2, \"0\"),\n label: b.labelSeconds,\n });\n }\n return result;\n });\n\n return {\n now,\n targetTime,\n isExpired,\n remaining,\n segments,\n hasTargetDate,\n };\n}\n\n/**\n * Maps the `animationSpeed` knob to a CSS duration multiplier so themed\n * components can scale their animations consistently.\n */\nexport function animationDurationMs(\n speed: CountdownBlock[\"animationSpeed\"],\n base: number,\n): number {\n switch (speed) {\n case \"slow\":\n return Math.round(base * 1.6);\n case \"fast\":\n return Math.round(base * 0.65);\n default:\n return base;\n }\n}\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\n\n// IMPORTANT: this template intentionally mirrors the original CountdownBlock\n// markup so existing snapshot/DOM tests (`.tpl:gap-2`, `.tpl:text-center > div`)\n// continue to pass when `style` is unset or `\"minimal\"`.\n\nconst containerStyle = computed(() => ({\n backgroundColor: props.block.backgroundColor,\n fontFamily: props.block.fontFamily || \"inherit\",\n}));\n\nconst digitStyle = computed(() => ({\n fontSize: `${props.block.digitFontSize}px`,\n fontWeight: \"bold\" as const,\n color: props.block.digitColor,\n lineHeight: \"1.2\",\n}));\n\nconst labelStyle = computed(() => ({\n fontSize: `${props.block.labelFontSize}px`,\n color: props.block.labelColor,\n marginTop: \"4px\",\n}));\n\nconst separatorStyle = computed(() => ({\n fontSize: `${props.block.digitFontSize}px`,\n color: props.block.digitColor,\n fontFamily: props.block.fontFamily || \"inherit\",\n}));\n</script>\n\n<template>\n <div\n :style=\"containerStyle\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4\"\n >\n <template v-for=\"(segment, index) in segments\" :key=\"segment.label\">\n <span v-if=\"index > 0\" :style=\"separatorStyle\" class=\"tpl:self-start\">\n {{ separator }}\n </span>\n <div class=\"tpl:text-center\">\n <div :style=\"digitStyle\">{{ segment.value }}</div>\n <div :style=\"labelStyle\">{{ segment.label }}</div>\n </div>\n </template>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\n\n// IMPORTANT: this template intentionally mirrors the original CountdownBlock\n// markup so existing snapshot/DOM tests (`.tpl:gap-2`, `.tpl:text-center > div`)\n// continue to pass when `style` is unset or `\"minimal\"`.\n\nconst containerStyle = computed(() => ({\n backgroundColor: props.block.backgroundColor,\n fontFamily: props.block.fontFamily || \"inherit\",\n}));\n\nconst digitStyle = computed(() => ({\n fontSize: `${props.block.digitFontSize}px`,\n fontWeight: \"bold\" as const,\n color: props.block.digitColor,\n lineHeight: \"1.2\",\n}));\n\nconst labelStyle = computed(() => ({\n fontSize: `${props.block.labelFontSize}px`,\n color: props.block.labelColor,\n marginTop: \"4px\",\n}));\n\nconst separatorStyle = computed(() => ({\n fontSize: `${props.block.digitFontSize}px`,\n color: props.block.digitColor,\n fontFamily: props.block.fontFamily || \"inherit\",\n}));\n</script>\n\n<template>\n <div\n :style=\"containerStyle\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4\"\n >\n <template v-for=\"(segment, index) in segments\" :key=\"segment.label\">\n <span v-if=\"index > 0\" :style=\"separatorStyle\" class=\"tpl:self-start\">\n {{ separator }}\n </span>\n <div class=\"tpl:text-center\">\n <div :style=\"digitStyle\">{{ segment.value }}</div>\n <div :style=\"labelStyle\">{{ segment.label }}</div>\n </div>\n </template>\n </div>\n</template>\n","import type { CountdownBlock, ViewportSize } from \"@aswin.dev/types\";\nimport type { CountdownSegment } from \"../../../composables/useCountdownTimer\";\n\nexport interface CountdownStyleProps {\n block: CountdownBlock;\n viewport: ViewportSize;\n segments: CountdownSegment[];\n separator: string;\n}\n\nexport interface LayoutTokens {\n /** Whether segments stack vertically. */\n stack: boolean;\n /** CSS gap between segments in pixels. */\n gap: number;\n /** Container padding (px). */\n padding: number;\n /** Whether the container should fill the viewport (fullscreen layout). */\n fullscreen: boolean;\n /** Multiplier applied to digit font size for compact layouts. */\n digitScale: number;\n}\n\nexport function resolveLayoutTokens(\n block: CountdownBlock,\n viewport: ViewportSize,\n): LayoutTokens {\n const layout = block.layout ?? \"horizontal\";\n const isMobile = viewport === \"mobile\";\n const baseGap = block.cardGap ?? 12;\n\n switch (layout) {\n case \"vertical\":\n return {\n stack: true,\n gap: baseGap + 4,\n padding: isMobile ? 16 : 24,\n fullscreen: false,\n digitScale: 1,\n };\n case \"compact\":\n return {\n stack: false,\n gap: Math.max(4, baseGap - 6),\n padding: isMobile ? 8 : 12,\n fullscreen: false,\n digitScale: 0.7,\n };\n case \"fullscreen\":\n return {\n stack: false,\n gap: isMobile ? baseGap : baseGap + 16,\n padding: isMobile ? 32 : 64,\n fullscreen: true,\n digitScale: isMobile ? 1.1 : 1.6,\n };\n default:\n return {\n stack: isMobile,\n gap: baseGap,\n padding: isMobile ? 16 : 24,\n fullscreen: false,\n digitScale: 1,\n };\n }\n}\n\nexport function speedDuration(\n speed: CountdownBlock[\"animationSpeed\"],\n base: number,\n): number {\n switch (speed) {\n case \"slow\":\n return Math.round(base * 1.6);\n case \"fast\":\n return Math.round(base * 0.65);\n default:\n return base;\n }\n}\n\n/** Returns a hex color with adjusted alpha (0-1). Falls back gracefully if not hex. */\nexport function withAlpha(color: string, alpha: number): string {\n if (!color) return `rgba(0,0,0,${alpha})`;\n if (color.startsWith(\"#\")) {\n const hex = color.slice(1);\n const full =\n hex.length === 3\n ? hex\n .split(\"\")\n .map((c) => c + c)\n .join(\"\")\n : hex.slice(0, 6);\n const r = parseInt(full.slice(0, 2), 16);\n const g = parseInt(full.slice(2, 4), 16);\n const b = parseInt(full.slice(4, 6), 16);\n if ([r, g, b].some(Number.isNaN)) return color;\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n return color;\n}\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\n\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\n\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\nconst flickerMs = computed(() =>\n speedDuration(props.block.animationSpeed, 4500),\n);\n\nconst containerStyle = computed(\n () =>\n ({\n backgroundColor: props.block.backgroundColor || \"#000000\",\n fontFamily:\n props.block.fontFamily ||\n \"'JetBrains Mono', 'Fira Code', 'Courier New', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n \"--cd-flicker\": `${flickerMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst digitFontSize = computed(\n () => `${props.block.digitFontSize * layout.value.digitScale}px`,\n);\n\nconst matrixColumns = Array.from({ length: 24 }, (_, i) => i);\nconst matrixChars = \"ｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄ01010101\";\n\nfunction randomDelay(seed: number): string {\n return `${(seed * 137) % 1800}ms`;\n}\nfunction randomChar(seed: number): string {\n return matrixChars[(seed * 7) % matrixChars.length];\n}\n</script>\n\n<template>\n <div class=\"cd-matrix\" :style=\"containerStyle\">\n <div class=\"cd-matrix__rain\" aria-hidden=\"true\">\n <span\n v-for=\"col in matrixColumns\"\n :key=\"col\"\n class=\"cd-matrix__col\"\n :style=\"{\n left: `${(col / matrixColumns.length) * 100}%`,\n animationDelay: randomDelay(col),\n }\"\n >\n <span v-for=\"row in 12\" :key=\"row\">{{ randomChar(col + row) }}</span>\n </span>\n </div>\n\n <div class=\"cd-matrix__scan\" aria-hidden=\"true\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-matrix__cell\"\n :style=\"{\n animationDelay: `${i * 120}ms`,\n }\"\n >\n <div\n class=\"cd-matrix__digit\"\n :style=\"{\n fontSize: digitFontSize,\n color: block.digitColor || '#39ff14',\n }\"\n >\n <span :key=\"seg.value\" class=\"cd-matrix__num\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-matrix__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#39ff14aa',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-matrix {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 12px;\n isolation: isolate;\n}\n.cd-matrix__rain {\n position: absolute;\n inset: 0;\n pointer-events: none;\n opacity: 0.25;\n z-index: 0;\n}\n.cd-matrix__col {\n position: absolute;\n top: -100%;\n display: flex;\n flex-direction: column;\n font-size: 14px;\n color: #39ff14;\n text-shadow: 0 0 6px #39ff14;\n animation: cd-matrix-rain 3.6s linear infinite;\n font-family: monospace;\n line-height: 1;\n}\n@keyframes cd-matrix-rain {\n 0% {\n transform: translateY(-50%);\n opacity: 0;\n }\n 20% {\n opacity: 0.9;\n }\n 100% {\n transform: translateY(220%);\n opacity: 0;\n }\n}\n.cd-matrix__scan {\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 180deg,\n rgba(57, 255, 20, 0) 0,\n rgba(57, 255, 20, 0) 3px,\n rgba(57, 255, 20, 0.07) 4px\n );\n mix-blend-mode: screen;\n pointer-events: none;\n z-index: 1;\n}\n.cd-matrix__cell {\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 12px 18px;\n border: 1px solid rgba(57, 255, 20, 0.4);\n border-radius: 6px;\n background: rgba(0, 0, 0, 0.55);\n box-shadow:\n 0 0 12px rgba(57, 255, 20, 0.35),\n inset 0 0 12px rgba(57, 255, 20, 0.08);\n animation: cd-matrix-flicker var(--cd-flicker, 4500ms) infinite;\n}\n@keyframes cd-matrix-flicker {\n 0%,\n 92%,\n 100% {\n opacity: 1;\n }\n 93%,\n 95%,\n 97% {\n opacity: 0.7;\n }\n 94%,\n 96% {\n opacity: 0.95;\n }\n}\n.cd-matrix__digit {\n font-weight: 700;\n letter-spacing: 0.05em;\n text-shadow:\n 0 0 8px currentColor,\n 0 0 18px currentColor;\n display: inline-block;\n min-width: 2ch;\n text-align: center;\n}\n.cd-matrix__num {\n display: inline-block;\n animation: cd-matrix-pop var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-matrix-pop {\n 0% {\n transform: translateY(-30%) scale(0.9);\n opacity: 0;\n filter: blur(4px);\n }\n 100% {\n transform: translateY(0) scale(1);\n opacity: 1;\n filter: blur(0);\n }\n}\n.cd-matrix__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\n\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\n\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\nconst flickerMs = computed(() =>\n speedDuration(props.block.animationSpeed, 4500),\n);\n\nconst containerStyle = computed(\n () =>\n ({\n backgroundColor: props.block.backgroundColor || \"#000000\",\n fontFamily:\n props.block.fontFamily ||\n \"'JetBrains Mono', 'Fira Code', 'Courier New', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n \"--cd-flicker\": `${flickerMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst digitFontSize = computed(\n () => `${props.block.digitFontSize * layout.value.digitScale}px`,\n);\n\nconst matrixColumns = Array.from({ length: 24 }, (_, i) => i);\nconst matrixChars = \"ｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄ01010101\";\n\nfunction randomDelay(seed: number): string {\n return `${(seed * 137) % 1800}ms`;\n}\nfunction randomChar(seed: number): string {\n return matrixChars[(seed * 7) % matrixChars.length];\n}\n</script>\n\n<template>\n <div class=\"cd-matrix\" :style=\"containerStyle\">\n <div class=\"cd-matrix__rain\" aria-hidden=\"true\">\n <span\n v-for=\"col in matrixColumns\"\n :key=\"col\"\n class=\"cd-matrix__col\"\n :style=\"{\n left: `${(col / matrixColumns.length) * 100}%`,\n animationDelay: randomDelay(col),\n }\"\n >\n <span v-for=\"row in 12\" :key=\"row\">{{ randomChar(col + row) }}</span>\n </span>\n </div>\n\n <div class=\"cd-matrix__scan\" aria-hidden=\"true\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-matrix__cell\"\n :style=\"{\n animationDelay: `${i * 120}ms`,\n }\"\n >\n <div\n class=\"cd-matrix__digit\"\n :style=\"{\n fontSize: digitFontSize,\n color: block.digitColor || '#39ff14',\n }\"\n >\n <span :key=\"seg.value\" class=\"cd-matrix__num\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-matrix__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#39ff14aa',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-matrix {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 12px;\n isolation: isolate;\n}\n.cd-matrix__rain {\n position: absolute;\n inset: 0;\n pointer-events: none;\n opacity: 0.25;\n z-index: 0;\n}\n.cd-matrix__col {\n position: absolute;\n top: -100%;\n display: flex;\n flex-direction: column;\n font-size: 14px;\n color: #39ff14;\n text-shadow: 0 0 6px #39ff14;\n animation: cd-matrix-rain 3.6s linear infinite;\n font-family: monospace;\n line-height: 1;\n}\n@keyframes cd-matrix-rain {\n 0% {\n transform: translateY(-50%);\n opacity: 0;\n }\n 20% {\n opacity: 0.9;\n }\n 100% {\n transform: translateY(220%);\n opacity: 0;\n }\n}\n.cd-matrix__scan {\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 180deg,\n rgba(57, 255, 20, 0) 0,\n rgba(57, 255, 20, 0) 3px,\n rgba(57, 255, 20, 0.07) 4px\n );\n mix-blend-mode: screen;\n pointer-events: none;\n z-index: 1;\n}\n.cd-matrix__cell {\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 12px 18px;\n border: 1px solid rgba(57, 255, 20, 0.4);\n border-radius: 6px;\n background: rgba(0, 0, 0, 0.55);\n box-shadow:\n 0 0 12px rgba(57, 255, 20, 0.35),\n inset 0 0 12px rgba(57, 255, 20, 0.08);\n animation: cd-matrix-flicker var(--cd-flicker, 4500ms) infinite;\n}\n@keyframes cd-matrix-flicker {\n 0%,\n 92%,\n 100% {\n opacity: 1;\n }\n 93%,\n 95%,\n 97% {\n opacity: 0.7;\n }\n 94%,\n 96% {\n opacity: 0.95;\n }\n}\n.cd-matrix__digit {\n font-weight: 700;\n letter-spacing: 0.05em;\n text-shadow:\n 0 0 8px currentColor,\n 0 0 18px currentColor;\n display: inline-block;\n min-width: 2ch;\n text-align: center;\n}\n.cd-matrix__num {\n display: inline-block;\n animation: cd-matrix-pop var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-matrix-pop {\n 0% {\n transform: translateY(-30%) scale(0.9);\n opacity: 0;\n filter: blur(4px);\n }\n 100% {\n transform: translateY(0) scale(1);\n opacity: 1;\n filter: blur(0);\n }\n}\n.cd-matrix__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.25em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst flipMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\ninterface FlipState {\n current: string;\n previous: string;\n flipping: boolean;\n /** Per-character bump used to force a fresh DOM key on every tick so the\n * CSS animation re-runs even when the digit value coincidentally matches. */\n tick: number;\n}\n\nconst flipMap = ref<Record<string, FlipState>>({});\n\nwatch(\n () => props.segments,\n (segs) => {\n for (const seg of segs) {\n const existing = flipMap.value[seg.key];\n if (!existing) {\n flipMap.value[seg.key] = {\n current: seg.value,\n previous: seg.value,\n flipping: false,\n tick: 0,\n };\n continue;\n }\n if (existing.current !== seg.value) {\n flipMap.value[seg.key] = {\n previous: existing.current,\n current: seg.value,\n flipping: true,\n tick: existing.tick + 1,\n };\n const key = seg.key;\n setTimeout(() => {\n if (flipMap.value[key]) flipMap.value[key].flipping = false;\n }, flipMs.value + 50);\n }\n }\n },\n { immediate: true, deep: true },\n);\n\nconst containerStyle = computed(\n () =>\n ({\n backgroundColor: props.block.backgroundColor || \"#0f1115\",\n fontFamily:\n props.block.fontFamily || \"'Helvetica Neue', Arial, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--flip-duration\": `${flipMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${Math.round(base * 1.3)}px`,\n height: `${Math.round(base * 1.7)}px`,\n fontSize: `${Math.round(base * 1.25)}px`,\n radius: `${Math.max(4, props.block.cardRadius ?? 8)}px`,\n };\n});\n\nconst digitColor = computed(() => props.block.digitColor || \"#f9fafb\");\n\ninterface DigitView {\n ci: number;\n current: string;\n previous: string;\n flipping: boolean;\n /** Stable key for the flap layer: changes every flip so animation restarts. */\n flipKey: string;\n}\n\nfunction viewFor(segKey: string, value: string): DigitView[] {\n const state = flipMap.value[segKey];\n return value.split(\"\").map((char, ci) => {\n const prev = state?.previous?.[ci] ?? char;\n const flipping = (state?.flipping ?? false) && prev !== char;\n return {\n ci,\n current: char,\n previous: prev,\n flipping,\n flipKey: `${state?.tick ?? 0}-${ci}-${char}`,\n };\n });\n}\n</script>\n\n<template>\n <div class=\"cd-flip\" :style=\"containerStyle\">\n <div v-for=\"(seg, idx) in segments\" :key=\"seg.key\" class=\"cd-flip__group\">\n <div class=\"cd-flip__cards\">\n <div\n v-for=\"d in viewFor(seg.key, seg.value)\"\n :key=\"d.ci\"\n class=\"cd-flip__card\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n color: digitColor,\n fontSize: cardSize.fontSize,\n }\"\n >\n \n <div class=\"cd-flip__half cd-flip__half--top\">\n <span class=\"cd-flip__char\">{{ d.current }}</span>\n </div>\n \n <div class=\"cd-flip__half cd-flip__half--bot\">\n <span class=\"cd-flip__char\">{{\n d.flipping ? d.previous : d.current\n }}</span>\n </div>\n\n \n <div\n v-if=\"d.flipping\"\n :key=\"`top-${d.flipKey}`\"\n class=\"cd-flip__flap cd-flip__flap--top\"\n >\n <span class=\"cd-flip__char\">{{ d.previous }}</span>\n </div>\n \n <div\n v-if=\"d.flipping\"\n :key=\"`bot-${d.flipKey}`\"\n class=\"cd-flip__flap cd-flip__flap--bot\"\n >\n <span class=\"cd-flip__char\">{{ d.current }}</span>\n </div>\n\n <div class=\"cd-flip__divider\" aria-hidden=\"true\" />\n </div>\n </div>\n <div\n class=\"cd-flip__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#9ca3af',\n }\"\n >\n {{ seg.label }}\n </div>\n <div\n v-if=\"idx < segments.length - 1 && !layout.stack\"\n class=\"cd-flip__sep\"\n aria-hidden=\"true\"\n >\n {{ separator }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-flip {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n perspective: 800px;\n}\n.cd-flip__group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n position: relative;\n}\n.cd-flip__cards {\n display: flex;\n gap: 4px;\n}\n.cd-flip__card {\n position: relative;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n background: linear-gradient(180deg, #1c1f26 0 50%, #14171c 50% 100%);\n box-shadow:\n 0 12px 30px rgba(0, 0, 0, 0.55),\n inset 0 1px 0 rgba(255, 255, 255, 0.08);\n overflow: hidden;\n isolation: isolate;\n}\n\n/* Each \"half\" covers the FULL card. clip-path crops it to its half so the\n digit inside renders at full card height and sits centered on the divider —\n which is the only reliable way to make a single character look split. */\n.cd-flip__half,\n.cd-flip__flap {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n.cd-flip__half--top {\n background: linear-gradient(180deg, #2a2e36 0%, #1c1f26 100%);\n clip-path: inset(0 0 50% 0);\n z-index: 1;\n}\n.cd-flip__half--bot {\n background: linear-gradient(180deg, #14171c 0%, #0c0e12 100%);\n clip-path: inset(50% 0 0 0);\n z-index: 1;\n}\n\n.cd-flip__char {\n display: block;\n line-height: 1;\n font-variant-numeric: tabular-nums;\n /* Slight optical nudge so the digit centers on the visual middle of the\n card rather than the typographic line midpoint. */\n transform: translateY(0.02em);\n}\n\n.cd-flip__flap--top {\n background: linear-gradient(180deg, #2a2e36 0%, #1c1f26 100%);\n clip-path: inset(0 0 50% 0);\n transform-origin: center bottom;\n animation: cd-flip-top var(--flip-duration, 600ms)\n cubic-bezier(0.55, 0, 0.55, 1) forwards;\n z-index: 3;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);\n}\n.cd-flip__flap--bot {\n background: linear-gradient(180deg, #14171c 0%, #0c0e12 100%);\n clip-path: inset(50% 0 0 0);\n transform-origin: center top;\n transform: rotateX(90deg);\n animation: cd-flip-bot var(--flip-duration, 600ms)\n cubic-bezier(0.55, 0, 0.55, 1) forwards;\n animation-delay: calc(var(--flip-duration, 600ms) * 0.45);\n z-index: 2;\n}\n@keyframes cd-flip-top {\n 0% {\n transform: rotateX(0deg);\n }\n 100% {\n transform: rotateX(-90deg);\n }\n}\n@keyframes cd-flip-bot {\n 0% {\n transform: rotateX(90deg);\n }\n 100% {\n transform: rotateX(0deg);\n }\n}\n\n.cd-flip__divider {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(0, 0, 0, 0.55);\n transform: translateY(-1px);\n z-index: 4;\n pointer-events: none;\n}\n\n.cd-flip__label {\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n}\n.cd-flip__sep {\n position: absolute;\n right: -0.55em;\n top: 32%;\n font-weight: 700;\n font-size: 1.4em;\n color: rgba(255, 255, 255, 0.55);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst flipMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\ninterface FlipState {\n current: string;\n previous: string;\n flipping: boolean;\n /** Per-character bump used to force a fresh DOM key on every tick so the\n * CSS animation re-runs even when the digit value coincidentally matches. */\n tick: number;\n}\n\nconst flipMap = ref<Record<string, FlipState>>({});\n\nwatch(\n () => props.segments,\n (segs) => {\n for (const seg of segs) {\n const existing = flipMap.value[seg.key];\n if (!existing) {\n flipMap.value[seg.key] = {\n current: seg.value,\n previous: seg.value,\n flipping: false,\n tick: 0,\n };\n continue;\n }\n if (existing.current !== seg.value) {\n flipMap.value[seg.key] = {\n previous: existing.current,\n current: seg.value,\n flipping: true,\n tick: existing.tick + 1,\n };\n const key = seg.key;\n setTimeout(() => {\n if (flipMap.value[key]) flipMap.value[key].flipping = false;\n }, flipMs.value + 50);\n }\n }\n },\n { immediate: true, deep: true },\n);\n\nconst containerStyle = computed(\n () =>\n ({\n backgroundColor: props.block.backgroundColor || \"#0f1115\",\n fontFamily:\n props.block.fontFamily || \"'Helvetica Neue', Arial, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--flip-duration\": `${flipMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${Math.round(base * 1.3)}px`,\n height: `${Math.round(base * 1.7)}px`,\n fontSize: `${Math.round(base * 1.25)}px`,\n radius: `${Math.max(4, props.block.cardRadius ?? 8)}px`,\n };\n});\n\nconst digitColor = computed(() => props.block.digitColor || \"#f9fafb\");\n\ninterface DigitView {\n ci: number;\n current: string;\n previous: string;\n flipping: boolean;\n /** Stable key for the flap layer: changes every flip so animation restarts. */\n flipKey: string;\n}\n\nfunction viewFor(segKey: string, value: string): DigitView[] {\n const state = flipMap.value[segKey];\n return value.split(\"\").map((char, ci) => {\n const prev = state?.previous?.[ci] ?? char;\n const flipping = (state?.flipping ?? false) && prev !== char;\n return {\n ci,\n current: char,\n previous: prev,\n flipping,\n flipKey: `${state?.tick ?? 0}-${ci}-${char}`,\n };\n });\n}\n</script>\n\n<template>\n <div class=\"cd-flip\" :style=\"containerStyle\">\n <div v-for=\"(seg, idx) in segments\" :key=\"seg.key\" class=\"cd-flip__group\">\n <div class=\"cd-flip__cards\">\n <div\n v-for=\"d in viewFor(seg.key, seg.value)\"\n :key=\"d.ci\"\n class=\"cd-flip__card\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n color: digitColor,\n fontSize: cardSize.fontSize,\n }\"\n >\n \n <div class=\"cd-flip__half cd-flip__half--top\">\n <span class=\"cd-flip__char\">{{ d.current }}</span>\n </div>\n \n <div class=\"cd-flip__half cd-flip__half--bot\">\n <span class=\"cd-flip__char\">{{\n d.flipping ? d.previous : d.current\n }}</span>\n </div>\n\n \n <div\n v-if=\"d.flipping\"\n :key=\"`top-${d.flipKey}`\"\n class=\"cd-flip__flap cd-flip__flap--top\"\n >\n <span class=\"cd-flip__char\">{{ d.previous }}</span>\n </div>\n \n <div\n v-if=\"d.flipping\"\n :key=\"`bot-${d.flipKey}`\"\n class=\"cd-flip__flap cd-flip__flap--bot\"\n >\n <span class=\"cd-flip__char\">{{ d.current }}</span>\n </div>\n\n <div class=\"cd-flip__divider\" aria-hidden=\"true\" />\n </div>\n </div>\n <div\n class=\"cd-flip__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#9ca3af',\n }\"\n >\n {{ seg.label }}\n </div>\n <div\n v-if=\"idx < segments.length - 1 && !layout.stack\"\n class=\"cd-flip__sep\"\n aria-hidden=\"true\"\n >\n {{ separator }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-flip {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n perspective: 800px;\n}\n.cd-flip__group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n position: relative;\n}\n.cd-flip__cards {\n display: flex;\n gap: 4px;\n}\n.cd-flip__card {\n position: relative;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n background: linear-gradient(180deg, #1c1f26 0 50%, #14171c 50% 100%);\n box-shadow:\n 0 12px 30px rgba(0, 0, 0, 0.55),\n inset 0 1px 0 rgba(255, 255, 255, 0.08);\n overflow: hidden;\n isolation: isolate;\n}\n\n/* Each \"half\" covers the FULL card. clip-path crops it to its half so the\n digit inside renders at full card height and sits centered on the divider —\n which is the only reliable way to make a single character look split. */\n.cd-flip__half,\n.cd-flip__flap {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n.cd-flip__half--top {\n background: linear-gradient(180deg, #2a2e36 0%, #1c1f26 100%);\n clip-path: inset(0 0 50% 0);\n z-index: 1;\n}\n.cd-flip__half--bot {\n background: linear-gradient(180deg, #14171c 0%, #0c0e12 100%);\n clip-path: inset(50% 0 0 0);\n z-index: 1;\n}\n\n.cd-flip__char {\n display: block;\n line-height: 1;\n font-variant-numeric: tabular-nums;\n /* Slight optical nudge so the digit centers on the visual middle of the\n card rather than the typographic line midpoint. */\n transform: translateY(0.02em);\n}\n\n.cd-flip__flap--top {\n background: linear-gradient(180deg, #2a2e36 0%, #1c1f26 100%);\n clip-path: inset(0 0 50% 0);\n transform-origin: center bottom;\n animation: cd-flip-top var(--flip-duration, 600ms)\n cubic-bezier(0.55, 0, 0.55, 1) forwards;\n z-index: 3;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);\n}\n.cd-flip__flap--bot {\n background: linear-gradient(180deg, #14171c 0%, #0c0e12 100%);\n clip-path: inset(50% 0 0 0);\n transform-origin: center top;\n transform: rotateX(90deg);\n animation: cd-flip-bot var(--flip-duration, 600ms)\n cubic-bezier(0.55, 0, 0.55, 1) forwards;\n animation-delay: calc(var(--flip-duration, 600ms) * 0.45);\n z-index: 2;\n}\n@keyframes cd-flip-top {\n 0% {\n transform: rotateX(0deg);\n }\n 100% {\n transform: rotateX(-90deg);\n }\n}\n@keyframes cd-flip-bot {\n 0% {\n transform: rotateX(90deg);\n }\n 100% {\n transform: rotateX(0deg);\n }\n}\n\n.cd-flip__divider {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 2px;\n background: rgba(0, 0, 0, 0.55);\n transform: translateY(-1px);\n z-index: 4;\n pointer-events: none;\n}\n\n.cd-flip__label {\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n}\n.cd-flip__sep {\n position: absolute;\n right: -0.55em;\n top: 32%;\n font-weight: 700;\n font-size: 1.4em;\n color: rgba(255, 255, 255, 0.55);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration, withAlpha } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\n\nconst accent = computed(() => props.block.accentColor || \"#7dd3fc\");\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%)\",\n fontFamily: props.block.fontFamily || \"'Inter', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-accent\": accent.value,\n \"--cd-glow\": withAlpha(accent.value, 0.45),\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 24}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-glass\" :style=\"containerStyle\">\n <div class=\"cd-glass__orb cd-glass__orb--a\" />\n <div class=\"cd-glass__orb cd-glass__orb--b\" />\n <div class=\"cd-glass__orb cd-glass__orb--c\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-glass__card\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 110}ms`,\n }\"\n >\n <div class=\"cd-glass__shine\" />\n <div\n class=\"cd-glass__digit\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n <span :key=\"seg.value\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-glass__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.75)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-glass {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-glass__orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(60px);\n opacity: 0.65;\n z-index: 0;\n pointer-events: none;\n}\n.cd-glass__orb--a {\n width: 260px;\n height: 260px;\n background: var(--cd-accent);\n top: -80px;\n left: -60px;\n animation: cd-glass-float 14s ease-in-out infinite;\n}\n.cd-glass__orb--b {\n width: 220px;\n height: 220px;\n background: #f472b6;\n bottom: -60px;\n right: -40px;\n animation: cd-glass-float 18s ease-in-out infinite reverse;\n}\n.cd-glass__orb--c {\n width: 180px;\n height: 180px;\n background: #34d399;\n top: 30%;\n left: 40%;\n animation: cd-glass-float 22s ease-in-out infinite;\n}\n@keyframes cd-glass-float {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 33% {\n transform: translate(30px, -20px) scale(1.05);\n }\n 66% {\n transform: translate(-20px, 30px) scale(0.95);\n }\n}\n.cd-glass__card {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(20px) saturate(160%);\n -webkit-backdrop-filter: blur(20px) saturate(160%);\n border: 1px solid rgba(255, 255, 255, 0.18);\n box-shadow:\n 0 10px 40px rgba(0, 0, 0, 0.35),\n inset 0 1px 0 rgba(255, 255, 255, 0.25),\n 0 0 30px var(--cd-glow);\n overflow: hidden;\n animation: cd-glass-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease;\n}\n.cd-glass__card:hover {\n transform: translateY(-4px);\n box-shadow:\n 0 20px 50px rgba(0, 0, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.3),\n 0 0 50px var(--cd-glow);\n}\n@keyframes cd-glass-rise {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-glass__shine {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 115deg,\n transparent 35%,\n rgba(255, 255, 255, 0.2) 50%,\n transparent 65%\n );\n background-size: 200% 100%;\n animation: cd-glass-sheen 6s ease-in-out infinite;\n pointer-events: none;\n}\n@keyframes cd-glass-sheen {\n 0%,\n 100% {\n background-position: 200% 0;\n }\n 50% {\n background-position: -50% 0;\n }\n}\n.cd-glass__digit {\n font-weight: 600;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);\n}\n.cd-glass__digit span {\n display: inline-block;\n animation: cd-glass-tick var(--cd-tick, 500ms) ease-out;\n}\n@keyframes cd-glass-tick {\n 0% {\n opacity: 0;\n transform: translateY(-8px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-glass__label {\n margin-top: 6px;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration, withAlpha } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\n\nconst accent = computed(() => props.block.accentColor || \"#7dd3fc\");\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%)\",\n fontFamily: props.block.fontFamily || \"'Inter', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-accent\": accent.value,\n \"--cd-glow\": withAlpha(accent.value, 0.45),\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 24}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-glass\" :style=\"containerStyle\">\n <div class=\"cd-glass__orb cd-glass__orb--a\" />\n <div class=\"cd-glass__orb cd-glass__orb--b\" />\n <div class=\"cd-glass__orb cd-glass__orb--c\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-glass__card\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 110}ms`,\n }\"\n >\n <div class=\"cd-glass__shine\" />\n <div\n class=\"cd-glass__digit\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n <span :key=\"seg.value\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-glass__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.75)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-glass {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-glass__orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(60px);\n opacity: 0.65;\n z-index: 0;\n pointer-events: none;\n}\n.cd-glass__orb--a {\n width: 260px;\n height: 260px;\n background: var(--cd-accent);\n top: -80px;\n left: -60px;\n animation: cd-glass-float 14s ease-in-out infinite;\n}\n.cd-glass__orb--b {\n width: 220px;\n height: 220px;\n background: #f472b6;\n bottom: -60px;\n right: -40px;\n animation: cd-glass-float 18s ease-in-out infinite reverse;\n}\n.cd-glass__orb--c {\n width: 180px;\n height: 180px;\n background: #34d399;\n top: 30%;\n left: 40%;\n animation: cd-glass-float 22s ease-in-out infinite;\n}\n@keyframes cd-glass-float {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 33% {\n transform: translate(30px, -20px) scale(1.05);\n }\n 66% {\n transform: translate(-20px, 30px) scale(0.95);\n }\n}\n.cd-glass__card {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(20px) saturate(160%);\n -webkit-backdrop-filter: blur(20px) saturate(160%);\n border: 1px solid rgba(255, 255, 255, 0.18);\n box-shadow:\n 0 10px 40px rgba(0, 0, 0, 0.35),\n inset 0 1px 0 rgba(255, 255, 255, 0.25),\n 0 0 30px var(--cd-glow);\n overflow: hidden;\n animation: cd-glass-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease;\n}\n.cd-glass__card:hover {\n transform: translateY(-4px);\n box-shadow:\n 0 20px 50px rgba(0, 0, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.3),\n 0 0 50px var(--cd-glow);\n}\n@keyframes cd-glass-rise {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-glass__shine {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 115deg,\n transparent 35%,\n rgba(255, 255, 255, 0.2) 50%,\n transparent 65%\n );\n background-size: 200% 100%;\n animation: cd-glass-sheen 6s ease-in-out infinite;\n pointer-events: none;\n}\n@keyframes cd-glass-sheen {\n 0%,\n 100% {\n background-position: 200% 0;\n }\n 50% {\n background-position: -50% 0;\n }\n}\n.cd-glass__digit {\n font-weight: 600;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);\n}\n.cd-glass__digit span {\n display: inline-block;\n animation: cd-glass-tick var(--cd-tick, 500ms) ease-out;\n}\n@keyframes cd-glass-tick {\n 0% {\n opacity: 0;\n transform: translateY(-8px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-glass__label {\n margin-top: 6px;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(circle at 30% 20%, #1a0040 0%, #060010 70%)\",\n fontFamily:\n props.block.fontFamily || \"'Orbitron', 'Rajdhani', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.2}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 14}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-neon\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-neon__card\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 200}ms`,\n }\"\n >\n <span class=\"cd-neon__border\" />\n <span class=\"cd-neon__inner\">\n <span\n class=\"cd-neon__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-neon__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.7)',\n }\"\n >\n {{ seg.label }}\n </span>\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-neon {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-neon::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 70% 80%, rgba(255, 0, 200, 0.3), transparent 60%),\n radial-gradient(circle at 20% 30%, rgba(0, 255, 255, 0.25), transparent 55%);\n pointer-events: none;\n z-index: 0;\n}\n.cd-neon__card {\n position: relative;\n z-index: 1;\n padding: 3px;\n background: transparent;\n animation: cd-neon-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-neon-rise {\n from {\n opacity: 0;\n transform: translateY(16px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-neon__border {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: conic-gradient(from 0deg, #00ffff, #ff00e6, #7c3aed, #00ffff);\n animation: cd-neon-spin 4s linear infinite;\n filter: blur(0.5px);\n}\n@keyframes cd-neon-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.cd-neon__inner {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n border-radius: calc(var(--cd-radius, 14px) - 2px);\n background: rgba(8, 0, 24, 0.92);\n box-shadow:\n inset 0 0 20px rgba(124, 58, 237, 0.4),\n 0 0 30px rgba(0, 255, 255, 0.25);\n border-radius: inherit;\n}\n.cd-neon__inner::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n box-shadow: inset 0 0 30px rgba(255, 0, 230, 0.18);\n pointer-events: none;\n animation: cd-neon-pulse 2.4s ease-in-out infinite;\n}\n@keyframes cd-neon-pulse {\n 0%,\n 100% {\n opacity: 0.7;\n }\n 50% {\n opacity: 1;\n }\n}\n.cd-neon__digit {\n font-weight: 800;\n letter-spacing: 0.05em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 10px rgba(0, 255, 255, 0.9),\n 0 0 22px rgba(255, 0, 230, 0.6);\n display: inline-block;\n animation: cd-neon-flash var(--cd-tick, 700ms) ease-out;\n}\n@keyframes cd-neon-flash {\n 0% {\n transform: scale(1.15);\n filter: brightness(1.6);\n }\n 100% {\n transform: scale(1);\n filter: brightness(1);\n }\n}\n.cd-neon__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(circle at 30% 20%, #1a0040 0%, #060010 70%)\",\n fontFamily:\n props.block.fontFamily || \"'Orbitron', 'Rajdhani', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.2}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 14}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-neon\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-neon__card\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 200}ms`,\n }\"\n >\n <span class=\"cd-neon__border\" />\n <span class=\"cd-neon__inner\">\n <span\n class=\"cd-neon__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-neon__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.7)',\n }\"\n >\n {{ seg.label }}\n </span>\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-neon {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-neon::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 70% 80%, rgba(255, 0, 200, 0.3), transparent 60%),\n radial-gradient(circle at 20% 30%, rgba(0, 255, 255, 0.25), transparent 55%);\n pointer-events: none;\n z-index: 0;\n}\n.cd-neon__card {\n position: relative;\n z-index: 1;\n padding: 3px;\n background: transparent;\n animation: cd-neon-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-neon-rise {\n from {\n opacity: 0;\n transform: translateY(16px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-neon__border {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: conic-gradient(from 0deg, #00ffff, #ff00e6, #7c3aed, #00ffff);\n animation: cd-neon-spin 4s linear infinite;\n filter: blur(0.5px);\n}\n@keyframes cd-neon-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.cd-neon__inner {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n border-radius: calc(var(--cd-radius, 14px) - 2px);\n background: rgba(8, 0, 24, 0.92);\n box-shadow:\n inset 0 0 20px rgba(124, 58, 237, 0.4),\n 0 0 30px rgba(0, 255, 255, 0.25);\n border-radius: inherit;\n}\n.cd-neon__inner::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n box-shadow: inset 0 0 30px rgba(255, 0, 230, 0.18);\n pointer-events: none;\n animation: cd-neon-pulse 2.4s ease-in-out infinite;\n}\n@keyframes cd-neon-pulse {\n 0%,\n 100% {\n opacity: 0.7;\n }\n 50% {\n opacity: 1;\n }\n}\n.cd-neon__digit {\n font-weight: 800;\n letter-spacing: 0.05em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 10px rgba(0, 255, 255, 0.9),\n 0 0 22px rgba(255, 0, 230, 0.6);\n display: inline-block;\n animation: cd-neon-flash var(--cd-tick, 700ms) ease-out;\n}\n@keyframes cd-neon-flash {\n 0% {\n transform: scale(1.15);\n filter: brightness(1.6);\n }\n 100% {\n transform: scale(1);\n filter: brightness(1);\n }\n}\n.cd-neon__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\n\nconst ledColor = computed(() => props.block.digitColor || \"#ff3b1d\");\nconst containerStyle = computed(\n () =>\n ({\n background: props.block.backgroundColor || \"#0a0a0a\",\n fontFamily:\n props.block.fontFamily ||\n \"'DSEG7 Classic', 'Share Tech Mono', 'Courier New', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--led-color\": ledColor.value,\n }) as Record<string, string | number | undefined>,\n);\n\nconst digitFontSize = computed(\n () => `${props.block.digitFontSize * layout.value.digitScale * 1.4}px`,\n);\n</script>\n\n<template>\n <div class=\"cd-led\" :style=\"containerStyle\">\n <div class=\"cd-led__noise\" aria-hidden=\"true\" />\n <div class=\"cd-led__reflection\" aria-hidden=\"true\" />\n\n <template v-for=\"(seg, i) in segments\" :key=\"seg.key\">\n <div class=\"cd-led__cell\">\n <div class=\"cd-led__panel\">\n <span class=\"cd-led__ghost\" :style=\"{ fontSize: digitFontSize }\"\n >88</span\n >\n <span class=\"cd-led__digit\" :style=\"{ fontSize: digitFontSize }\">{{\n seg.value\n }}</span>\n </div>\n <div\n class=\"cd-led__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255, 80, 60, 0.65)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n <div\n v-if=\"i < segments.length - 1 && !layout.stack\"\n class=\"cd-led__sep\"\n :style=\"{ fontSize: digitFontSize }\"\n >\n {{ separator }}\n </div>\n </template>\n </div>\n</template>\n\n<style scoped>\n.cd-led {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-led__noise {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(\n rgba(255, 255, 255, 0.03) 1px,\n transparent 1px\n );\n background-size: 3px 3px;\n pointer-events: none;\n mix-blend-mode: overlay;\n z-index: 1;\n}\n.cd-led__reflection {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.04) 0%,\n transparent 25%,\n transparent 75%,\n rgba(255, 255, 255, 0.02) 100%\n );\n pointer-events: none;\n z-index: 2;\n}\n.cd-led__cell {\n position: relative;\n z-index: 3;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n}\n.cd-led__panel {\n position: relative;\n padding: 8px 14px;\n background: #060606;\n border: 2px solid #1a1a1a;\n border-radius: 6px;\n box-shadow:\n inset 0 0 15px rgba(0, 0, 0, 0.9),\n 0 0 12px rgba(255, 60, 30, 0.18);\n display: inline-block;\n min-width: 2ch;\n}\n.cd-led__ghost {\n position: absolute;\n inset: 8px 14px;\n color: rgba(255, 60, 30, 0.07);\n letter-spacing: 0.08em;\n font-variant-numeric: tabular-nums;\n pointer-events: none;\n}\n.cd-led__digit {\n position: relative;\n color: var(--led-color);\n letter-spacing: 0.08em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 6px var(--led-color),\n 0 0 16px color-mix(in srgb, var(--led-color) 60%, transparent),\n 0 0 32px color-mix(in srgb, var(--led-color) 30%, transparent);\n font-weight: 700;\n display: inline-block;\n}\n.cd-led__label {\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-family: \"Helvetica Neue\", sans-serif;\n font-weight: 500;\n}\n.cd-led__sep {\n position: relative;\n z-index: 3;\n color: var(--led-color);\n text-shadow: 0 0 8px var(--led-color);\n font-weight: 700;\n animation: cd-led-blink 1s steps(2, end) infinite;\n}\n@keyframes cd-led-blink {\n 50% {\n opacity: 0.25;\n }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\n\nconst ledColor = computed(() => props.block.digitColor || \"#ff3b1d\");\nconst containerStyle = computed(\n () =>\n ({\n background: props.block.backgroundColor || \"#0a0a0a\",\n fontFamily:\n props.block.fontFamily ||\n \"'DSEG7 Classic', 'Share Tech Mono', 'Courier New', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--led-color\": ledColor.value,\n }) as Record<string, string | number | undefined>,\n);\n\nconst digitFontSize = computed(\n () => `${props.block.digitFontSize * layout.value.digitScale * 1.4}px`,\n);\n</script>\n\n<template>\n <div class=\"cd-led\" :style=\"containerStyle\">\n <div class=\"cd-led__noise\" aria-hidden=\"true\" />\n <div class=\"cd-led__reflection\" aria-hidden=\"true\" />\n\n <template v-for=\"(seg, i) in segments\" :key=\"seg.key\">\n <div class=\"cd-led__cell\">\n <div class=\"cd-led__panel\">\n <span class=\"cd-led__ghost\" :style=\"{ fontSize: digitFontSize }\"\n >88</span\n >\n <span class=\"cd-led__digit\" :style=\"{ fontSize: digitFontSize }\">{{\n seg.value\n }}</span>\n </div>\n <div\n class=\"cd-led__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255, 80, 60, 0.65)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n <div\n v-if=\"i < segments.length - 1 && !layout.stack\"\n class=\"cd-led__sep\"\n :style=\"{ fontSize: digitFontSize }\"\n >\n {{ separator }}\n </div>\n </template>\n </div>\n</template>\n\n<style scoped>\n.cd-led {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-led__noise {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(\n rgba(255, 255, 255, 0.03) 1px,\n transparent 1px\n );\n background-size: 3px 3px;\n pointer-events: none;\n mix-blend-mode: overlay;\n z-index: 1;\n}\n.cd-led__reflection {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.04) 0%,\n transparent 25%,\n transparent 75%,\n rgba(255, 255, 255, 0.02) 100%\n );\n pointer-events: none;\n z-index: 2;\n}\n.cd-led__cell {\n position: relative;\n z-index: 3;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n}\n.cd-led__panel {\n position: relative;\n padding: 8px 14px;\n background: #060606;\n border: 2px solid #1a1a1a;\n border-radius: 6px;\n box-shadow:\n inset 0 0 15px rgba(0, 0, 0, 0.9),\n 0 0 12px rgba(255, 60, 30, 0.18);\n display: inline-block;\n min-width: 2ch;\n}\n.cd-led__ghost {\n position: absolute;\n inset: 8px 14px;\n color: rgba(255, 60, 30, 0.07);\n letter-spacing: 0.08em;\n font-variant-numeric: tabular-nums;\n pointer-events: none;\n}\n.cd-led__digit {\n position: relative;\n color: var(--led-color);\n letter-spacing: 0.08em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 6px var(--led-color),\n 0 0 16px color-mix(in srgb, var(--led-color) 60%, transparent),\n 0 0 32px color-mix(in srgb, var(--led-color) 30%, transparent);\n font-weight: 700;\n display: inline-block;\n}\n.cd-led__label {\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-family: \"Helvetica Neue\", sans-serif;\n font-weight: 500;\n}\n.cd-led__sep {\n position: relative;\n z-index: 3;\n color: var(--led-color);\n text-shadow: 0 0 8px var(--led-color);\n font-weight: 700;\n animation: cd-led-blink 1s steps(2, end) infinite;\n}\n@keyframes cd-led-blink {\n 50% {\n opacity: 0.25;\n }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration, withAlpha } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\nconst accent = computed(() => props.block.accentColor || \"#22d3ee\");\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(circle at center, #052238 0%, #020a14 75%)\",\n fontFamily: props.block.fontFamily || \"'Orbitron', 'Exo 2', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-accent\": accent.value,\n \"--cd-glow\": withAlpha(accent.value, 0.55),\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.6}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-holo\" :style=\"containerStyle\">\n <div class=\"cd-holo__grid\" aria-hidden=\"true\" />\n <div class=\"cd-holo__scan\" aria-hidden=\"true\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-holo__cell\"\n :style=\"{ animationDelay: `${i * 130}ms` }\"\n >\n <div\n class=\"cd-holo__hud\"\n :style=\"{ width: cardSize.width, height: cardSize.height }\"\n >\n <svg class=\"cd-holo__ring\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n <circle cx=\"50\" cy=\"50\" r=\"48\" />\n <circle class=\"cd-holo__ring-arc\" cx=\"50\" cy=\"50\" r=\"42\" />\n <circle\n class=\"cd-holo__ring-arc cd-holo__ring-arc--rev\"\n cx=\"50\"\n cy=\"50\"\n r=\"36\"\n />\n </svg>\n <div class=\"cd-holo__cross-h\" />\n <div class=\"cd-holo__cross-v\" />\n <span\n class=\"cd-holo__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || accent,\n }\"\n >\n {{ seg.value }}\n </span>\n </div>\n <div\n class=\"cd-holo__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || withAlpha(accent, 0.75),\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-holo {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n overflow: hidden;\n isolation: isolate;\n color: var(--cd-accent);\n}\n.cd-holo__grid {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(var(--cd-glow) 1px, transparent 1px) 0 0 / 32px 32px,\n linear-gradient(90deg, var(--cd-glow) 1px, transparent 1px) 0 0 / 32px 32px;\n opacity: 0.18;\n mask-image: radial-gradient(circle at center, #000 35%, transparent 80%);\n pointer-events: none;\n}\n.cd-holo__scan {\n position: absolute;\n left: 0;\n right: 0;\n height: 80px;\n background: linear-gradient(180deg, transparent, var(--cd-glow), transparent);\n opacity: 0.4;\n pointer-events: none;\n animation: cd-holo-scan 5s linear infinite;\n}\n@keyframes cd-holo-scan {\n 0% {\n top: -10%;\n }\n 100% {\n top: 110%;\n }\n}\n.cd-holo__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n animation: cd-holo-pop 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-holo-pop {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.92);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-holo__hud {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.cd-holo__ring {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n fill: none;\n stroke: var(--cd-accent);\n filter: drop-shadow(0 0 6px var(--cd-glow));\n}\n.cd-holo__ring circle {\n stroke-width: 1;\n opacity: 0.5;\n}\n.cd-holo__ring-arc {\n stroke-width: 2;\n stroke-dasharray: 80 220;\n transform-origin: 50% 50%;\n animation: cd-holo-spin 6s linear infinite;\n opacity: 0.9;\n}\n.cd-holo__ring-arc--rev {\n animation-direction: reverse;\n animation-duration: 9s;\n stroke-dasharray: 40 200;\n}\n@keyframes cd-holo-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.cd-holo__cross-h,\n.cd-holo__cross-v {\n position: absolute;\n background: var(--cd-glow);\n pointer-events: none;\n}\n.cd-holo__cross-h {\n left: 12%;\n right: 12%;\n height: 1px;\n top: 50%;\n opacity: 0.4;\n}\n.cd-holo__cross-v {\n top: 12%;\n bottom: 12%;\n width: 1px;\n left: 50%;\n opacity: 0.4;\n}\n.cd-holo__digit {\n position: relative;\n z-index: 2;\n font-weight: 700;\n letter-spacing: 0.05em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 8px var(--cd-glow),\n 0 0 22px var(--cd-glow);\n display: inline-block;\n animation: cd-holo-glitch var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-holo-glitch {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n filter: blur(2px);\n }\n 60% {\n transform: translateY(2px);\n filter: blur(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(0);\n filter: blur(0);\n }\n}\n.cd-holo__label {\n text-transform: uppercase;\n letter-spacing: 0.25em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration, withAlpha } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\nconst accent = computed(() => props.block.accentColor || \"#22d3ee\");\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(circle at center, #052238 0%, #020a14 75%)\",\n fontFamily: props.block.fontFamily || \"'Orbitron', 'Exo 2', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-accent\": accent.value,\n \"--cd-glow\": withAlpha(accent.value, 0.55),\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.6}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-holo\" :style=\"containerStyle\">\n <div class=\"cd-holo__grid\" aria-hidden=\"true\" />\n <div class=\"cd-holo__scan\" aria-hidden=\"true\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-holo__cell\"\n :style=\"{ animationDelay: `${i * 130}ms` }\"\n >\n <div\n class=\"cd-holo__hud\"\n :style=\"{ width: cardSize.width, height: cardSize.height }\"\n >\n <svg class=\"cd-holo__ring\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n <circle cx=\"50\" cy=\"50\" r=\"48\" />\n <circle class=\"cd-holo__ring-arc\" cx=\"50\" cy=\"50\" r=\"42\" />\n <circle\n class=\"cd-holo__ring-arc cd-holo__ring-arc--rev\"\n cx=\"50\"\n cy=\"50\"\n r=\"36\"\n />\n </svg>\n <div class=\"cd-holo__cross-h\" />\n <div class=\"cd-holo__cross-v\" />\n <span\n class=\"cd-holo__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || accent,\n }\"\n >\n {{ seg.value }}\n </span>\n </div>\n <div\n class=\"cd-holo__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || withAlpha(accent, 0.75),\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-holo {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n overflow: hidden;\n isolation: isolate;\n color: var(--cd-accent);\n}\n.cd-holo__grid {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(var(--cd-glow) 1px, transparent 1px) 0 0 / 32px 32px,\n linear-gradient(90deg, var(--cd-glow) 1px, transparent 1px) 0 0 / 32px 32px;\n opacity: 0.18;\n mask-image: radial-gradient(circle at center, #000 35%, transparent 80%);\n pointer-events: none;\n}\n.cd-holo__scan {\n position: absolute;\n left: 0;\n right: 0;\n height: 80px;\n background: linear-gradient(180deg, transparent, var(--cd-glow), transparent);\n opacity: 0.4;\n pointer-events: none;\n animation: cd-holo-scan 5s linear infinite;\n}\n@keyframes cd-holo-scan {\n 0% {\n top: -10%;\n }\n 100% {\n top: 110%;\n }\n}\n.cd-holo__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n animation: cd-holo-pop 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-holo-pop {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.92);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-holo__hud {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.cd-holo__ring {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n fill: none;\n stroke: var(--cd-accent);\n filter: drop-shadow(0 0 6px var(--cd-glow));\n}\n.cd-holo__ring circle {\n stroke-width: 1;\n opacity: 0.5;\n}\n.cd-holo__ring-arc {\n stroke-width: 2;\n stroke-dasharray: 80 220;\n transform-origin: 50% 50%;\n animation: cd-holo-spin 6s linear infinite;\n opacity: 0.9;\n}\n.cd-holo__ring-arc--rev {\n animation-direction: reverse;\n animation-duration: 9s;\n stroke-dasharray: 40 200;\n}\n@keyframes cd-holo-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.cd-holo__cross-h,\n.cd-holo__cross-v {\n position: absolute;\n background: var(--cd-glow);\n pointer-events: none;\n}\n.cd-holo__cross-h {\n left: 12%;\n right: 12%;\n height: 1px;\n top: 50%;\n opacity: 0.4;\n}\n.cd-holo__cross-v {\n top: 12%;\n bottom: 12%;\n width: 1px;\n left: 50%;\n opacity: 0.4;\n}\n.cd-holo__digit {\n position: relative;\n z-index: 2;\n font-weight: 700;\n letter-spacing: 0.05em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 8px var(--cd-glow),\n 0 0 22px var(--cd-glow);\n display: inline-block;\n animation: cd-holo-glitch var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-holo-glitch {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n filter: blur(2px);\n }\n 60% {\n transform: translateY(2px);\n filter: blur(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(0);\n filter: blur(0);\n }\n}\n.cd-holo__label {\n text-transform: uppercase;\n letter-spacing: 0.25em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(circle at 30% 20%, #1c1410 0%, #050302 70%)\",\n fontFamily:\n props.block.fontFamily ||\n \"'Playfair Display', 'Cormorant Garamond', serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base * 1.2}px`,\n radius: `${props.block.cardRadius ?? 8}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-gold\" :style=\"containerStyle\">\n <div class=\"cd-gold__marble\" aria-hidden=\"true\" />\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-gold__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 150}ms`,\n }\"\n >\n <div class=\"cd-gold__frame\" />\n <div class=\"cd-gold__shine\" />\n <span\n class=\"cd-gold__digit\"\n :key=\"seg.value\"\n :style=\"{ fontSize: cardSize.fontSize }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-gold__label\"\n :style=\"{ fontSize: `${block.labelFontSize}px` }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-gold {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n overflow: hidden;\n isolation: isolate;\n color: #f8e9b0;\n}\n.cd-gold__marble {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(\n ellipse at 20% 10%,\n rgba(212, 175, 55, 0.12),\n transparent 55%\n ),\n radial-gradient(\n ellipse at 80% 90%,\n rgba(212, 175, 55, 0.08),\n transparent 55%\n ),\n radial-gradient(circle at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.6) 100%);\n pointer-events: none;\n z-index: 0;\n}\n.cd-gold__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(180deg, #14110d, #0a0805 70%, #14110d);\n box-shadow:\n 0 18px 40px rgba(0, 0, 0, 0.6),\n inset 0 0 40px rgba(0, 0, 0, 0.6);\n overflow: hidden;\n animation: cd-gold-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease;\n}\n.cd-gold__cell:hover {\n transform: translateY(-4px);\n box-shadow:\n 0 28px 50px rgba(0, 0, 0, 0.7),\n inset 0 0 40px rgba(212, 175, 55, 0.15);\n}\n@keyframes cd-gold-rise {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-gold__frame {\n position: absolute;\n inset: 6px;\n border-radius: inherit;\n border: 1px solid;\n border-image: linear-gradient(\n 135deg,\n #d4af37 0%,\n #fff8d1 25%,\n #d4af37 50%,\n #8a6c1c 75%,\n #d4af37 100%\n )\n 1;\n pointer-events: none;\n filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.35));\n}\n.cd-gold__shine {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 115deg,\n transparent 30%,\n rgba(255, 240, 180, 0.18) 48%,\n rgba(255, 240, 180, 0.04) 52%,\n transparent 70%\n );\n background-size: 200% 200%;\n background-position: 200% 0;\n animation: cd-gold-sheen 5s ease-in-out infinite;\n pointer-events: none;\n}\n@keyframes cd-gold-sheen {\n 0%,\n 100% {\n background-position: 200% 0;\n }\n 50% {\n background-position: -50% 0;\n }\n}\n.cd-gold__digit {\n position: relative;\n z-index: 2;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n background: linear-gradient(\n 180deg,\n #fff8c5 0%,\n #ecc966 25%,\n #d4af37 50%,\n #8c6f24 75%,\n #fce39c 100%\n );\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n display: inline-block;\n animation: cd-gold-soft var(--cd-tick, 700ms) ease-out;\n}\n@keyframes cd-gold-soft {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n.cd-gold__label {\n position: relative;\n z-index: 2;\n margin-top: 8px;\n font-style: italic;\n letter-spacing: 0.4em;\n text-transform: uppercase;\n font-weight: 500;\n color: rgba(212, 175, 55, 0.8);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(circle at 30% 20%, #1c1410 0%, #050302 70%)\",\n fontFamily:\n props.block.fontFamily ||\n \"'Playfair Display', 'Cormorant Garamond', serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base * 1.2}px`,\n radius: `${props.block.cardRadius ?? 8}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-gold\" :style=\"containerStyle\">\n <div class=\"cd-gold__marble\" aria-hidden=\"true\" />\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-gold__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 150}ms`,\n }\"\n >\n <div class=\"cd-gold__frame\" />\n <div class=\"cd-gold__shine\" />\n <span\n class=\"cd-gold__digit\"\n :key=\"seg.value\"\n :style=\"{ fontSize: cardSize.fontSize }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-gold__label\"\n :style=\"{ fontSize: `${block.labelFontSize}px` }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-gold {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n overflow: hidden;\n isolation: isolate;\n color: #f8e9b0;\n}\n.cd-gold__marble {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(\n ellipse at 20% 10%,\n rgba(212, 175, 55, 0.12),\n transparent 55%\n ),\n radial-gradient(\n ellipse at 80% 90%,\n rgba(212, 175, 55, 0.08),\n transparent 55%\n ),\n radial-gradient(circle at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.6) 100%);\n pointer-events: none;\n z-index: 0;\n}\n.cd-gold__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(180deg, #14110d, #0a0805 70%, #14110d);\n box-shadow:\n 0 18px 40px rgba(0, 0, 0, 0.6),\n inset 0 0 40px rgba(0, 0, 0, 0.6);\n overflow: hidden;\n animation: cd-gold-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease;\n}\n.cd-gold__cell:hover {\n transform: translateY(-4px);\n box-shadow:\n 0 28px 50px rgba(0, 0, 0, 0.7),\n inset 0 0 40px rgba(212, 175, 55, 0.15);\n}\n@keyframes cd-gold-rise {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-gold__frame {\n position: absolute;\n inset: 6px;\n border-radius: inherit;\n border: 1px solid;\n border-image: linear-gradient(\n 135deg,\n #d4af37 0%,\n #fff8d1 25%,\n #d4af37 50%,\n #8a6c1c 75%,\n #d4af37 100%\n )\n 1;\n pointer-events: none;\n filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.35));\n}\n.cd-gold__shine {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 115deg,\n transparent 30%,\n rgba(255, 240, 180, 0.18) 48%,\n rgba(255, 240, 180, 0.04) 52%,\n transparent 70%\n );\n background-size: 200% 200%;\n background-position: 200% 0;\n animation: cd-gold-sheen 5s ease-in-out infinite;\n pointer-events: none;\n}\n@keyframes cd-gold-sheen {\n 0%,\n 100% {\n background-position: 200% 0;\n }\n 50% {\n background-position: -50% 0;\n }\n}\n.cd-gold__digit {\n position: relative;\n z-index: 2;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n background: linear-gradient(\n 180deg,\n #fff8c5 0%,\n #ecc966 25%,\n #d4af37 50%,\n #8c6f24 75%,\n #fce39c 100%\n );\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n display: inline-block;\n animation: cd-gold-soft var(--cd-tick, 700ms) ease-out;\n}\n@keyframes cd-gold-soft {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n.cd-gold__label {\n position: relative;\n z-index: 2;\n margin-top: 8px;\n font-style: italic;\n letter-spacing: 0.4em;\n text-transform: uppercase;\n font-weight: 500;\n color: rgba(212, 175, 55, 0.8);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)\",\n fontFamily: props.block.fontFamily || \"'Inter', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n perspective: \"1200px\",\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 22}px`,\n };\n});\n\nconst tilt = ref<Record<string, { rx: number; ry: number }>>({});\n\nfunction onMove(key: string, e: MouseEvent): void {\n if (!props.block.enableHoverFx) return;\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n const x = (e.clientX - rect.left) / rect.width - 0.5;\n const y = (e.clientY - rect.top) / rect.height - 0.5;\n tilt.value = { ...tilt.value, [key]: { rx: -y * 18, ry: x * 18 } };\n}\nfunction onLeave(key: string): void {\n tilt.value = { ...tilt.value, [key]: { rx: 0, ry: 0 } };\n}\n</script>\n\n<template>\n <div class=\"cd-3d\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-3d__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 100}ms`,\n transform: `rotateX(${tilt[seg.key]?.rx ?? 0}deg) rotateY(${\n tilt[seg.key]?.ry ?? 0\n }deg)`,\n }\"\n @mousemove=\"onMove(seg.key, $event)\"\n @mouseleave=\"onLeave(seg.key)\"\n >\n <div class=\"cd-3d__shine\" />\n <div\n class=\"cd-3d__digit\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#1f2937',\n }\"\n >\n <span :key=\"seg.value\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-3d__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#6b7280',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-3d {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n}\n.cd-3d__cell {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(180deg, #ffffff, #f1f5f9);\n box-shadow:\n 0 30px 60px -20px rgba(31, 41, 55, 0.4),\n 0 18px 36px -18px rgba(31, 41, 55, 0.3),\n 0 -2px 6px rgba(255, 255, 255, 0.6) inset,\n 0 1px 0 rgba(255, 255, 255, 0.9) inset;\n transform-style: preserve-3d;\n transition:\n transform 0.18s ease-out,\n box-shadow 0.3s ease;\n animation: cd-3d-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n will-change: transform;\n overflow: hidden;\n}\n@keyframes cd-3d-rise {\n from {\n opacity: 0;\n transform: translateY(28px) scale(0.94);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-3d__shine {\n position: absolute;\n inset: 0;\n background: radial-gradient(\n ellipse at 30% 20%,\n rgba(255, 255, 255, 0.7) 0%,\n transparent 55%\n );\n pointer-events: none;\n}\n.cd-3d__digit {\n position: relative;\n z-index: 1;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n letter-spacing: -0.03em;\n transform: translateZ(40px);\n}\n.cd-3d__digit span {\n display: inline-block;\n animation: cd-3d-tick var(--cd-tick, 600ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-3d-tick {\n 0% {\n opacity: 0;\n transform: translateY(-12px) scale(1.1);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-3d__label {\n position: relative;\n z-index: 1;\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.18em;\n font-weight: 500;\n transform: translateZ(20px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)\",\n fontFamily: props.block.fontFamily || \"'Inter', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n perspective: \"1200px\",\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 22}px`,\n };\n});\n\nconst tilt = ref<Record<string, { rx: number; ry: number }>>({});\n\nfunction onMove(key: string, e: MouseEvent): void {\n if (!props.block.enableHoverFx) return;\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n const x = (e.clientX - rect.left) / rect.width - 0.5;\n const y = (e.clientY - rect.top) / rect.height - 0.5;\n tilt.value = { ...tilt.value, [key]: { rx: -y * 18, ry: x * 18 } };\n}\nfunction onLeave(key: string): void {\n tilt.value = { ...tilt.value, [key]: { rx: 0, ry: 0 } };\n}\n</script>\n\n<template>\n <div class=\"cd-3d\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-3d__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 100}ms`,\n transform: `rotateX(${tilt[seg.key]?.rx ?? 0}deg) rotateY(${\n tilt[seg.key]?.ry ?? 0\n }deg)`,\n }\"\n @mousemove=\"onMove(seg.key, $event)\"\n @mouseleave=\"onLeave(seg.key)\"\n >\n <div class=\"cd-3d__shine\" />\n <div\n class=\"cd-3d__digit\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#1f2937',\n }\"\n >\n <span :key=\"seg.value\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-3d__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#6b7280',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-3d {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 18px;\n}\n.cd-3d__cell {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(180deg, #ffffff, #f1f5f9);\n box-shadow:\n 0 30px 60px -20px rgba(31, 41, 55, 0.4),\n 0 18px 36px -18px rgba(31, 41, 55, 0.3),\n 0 -2px 6px rgba(255, 255, 255, 0.6) inset,\n 0 1px 0 rgba(255, 255, 255, 0.9) inset;\n transform-style: preserve-3d;\n transition:\n transform 0.18s ease-out,\n box-shadow 0.3s ease;\n animation: cd-3d-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n will-change: transform;\n overflow: hidden;\n}\n@keyframes cd-3d-rise {\n from {\n opacity: 0;\n transform: translateY(28px) scale(0.94);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-3d__shine {\n position: absolute;\n inset: 0;\n background: radial-gradient(\n ellipse at 30% 20%,\n rgba(255, 255, 255, 0.7) 0%,\n transparent 55%\n );\n pointer-events: none;\n}\n.cd-3d__digit {\n position: relative;\n z-index: 1;\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n letter-spacing: -0.03em;\n transform: translateZ(40px);\n}\n.cd-3d__digit span {\n display: inline-block;\n animation: cd-3d-tick var(--cd-tick, 600ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-3d-tick {\n 0% {\n opacity: 0;\n transform: translateY(-12px) scale(1.1);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-3d__label {\n position: relative;\n z-index: 1;\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.18em;\n font-weight: 500;\n transform: translateZ(20px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(120deg, #fb7185, #f97316 30%, #facc15 60%, #34d399 100%)\",\n fontFamily: props.block.fontFamily || \"'Inter', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n backgroundSize: \"300% 300%\",\n animation: \"cd-liquid-bg 14s ease infinite\",\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.5}px`,\n height: `${base * 2.5}px`,\n fontSize: `${base}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-liquid\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-liquid__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n animationDelay: `${i * 800}ms, ${i * 120}ms`,\n }\"\n >\n <span class=\"cd-liquid__inner\">\n <span\n class=\"cd-liquid__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-liquid__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.92)',\n }\"\n >\n {{ seg.label }}\n </span>\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-liquid {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 24px;\n overflow: hidden;\n}\n@keyframes cd-liquid-bg {\n 0%,\n 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n}\n.cd-liquid__cell {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n border: 1px solid rgba(255, 255, 255, 0.35);\n box-shadow:\n 0 16px 40px rgba(0, 0, 0, 0.18),\n inset 0 1px 0 rgba(255, 255, 255, 0.4);\n animation:\n cd-liquid-blob 9s ease-in-out infinite,\n cd-liquid-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n will-change: border-radius, transform;\n}\n@keyframes cd-liquid-blob {\n 0%,\n 100% {\n border-radius: 38% 62% 70% 30% / 50% 35% 65% 50%;\n transform: rotate(0deg);\n }\n 33% {\n border-radius: 60% 40% 30% 70% / 60% 60% 40% 40%;\n transform: rotate(6deg);\n }\n 66% {\n border-radius: 30% 70% 50% 50% / 40% 50% 60% 60%;\n transform: rotate(-4deg);\n }\n}\n@keyframes cd-liquid-rise {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n }\n}\n.cd-liquid__inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.cd-liquid__digit {\n font-weight: 800;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n display: inline-block;\n animation: cd-liquid-morph var(--cd-tick, 700ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-liquid-morph {\n 0% {\n opacity: 0;\n transform: scale(0.5) rotate(-10deg);\n filter: blur(6px);\n }\n 60% {\n opacity: 1;\n transform: scale(1.1) rotate(2deg);\n filter: blur(0);\n }\n 100% {\n transform: scale(1) rotate(0);\n }\n}\n.cd-liquid__label {\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: 0.22em;\n font-weight: 600;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(120deg, #fb7185, #f97316 30%, #facc15 60%, #34d399 100%)\",\n fontFamily: props.block.fontFamily || \"'Inter', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n backgroundSize: \"300% 300%\",\n animation: \"cd-liquid-bg 14s ease infinite\",\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.5}px`,\n height: `${base * 2.5}px`,\n fontSize: `${base}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-liquid\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-liquid__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n animationDelay: `${i * 800}ms, ${i * 120}ms`,\n }\"\n >\n <span class=\"cd-liquid__inner\">\n <span\n class=\"cd-liquid__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-liquid__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.92)',\n }\"\n >\n {{ seg.label }}\n </span>\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-liquid {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 24px;\n overflow: hidden;\n}\n@keyframes cd-liquid-bg {\n 0%,\n 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n}\n.cd-liquid__cell {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.18);\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n border: 1px solid rgba(255, 255, 255, 0.35);\n box-shadow:\n 0 16px 40px rgba(0, 0, 0, 0.18),\n inset 0 1px 0 rgba(255, 255, 255, 0.4);\n animation:\n cd-liquid-blob 9s ease-in-out infinite,\n cd-liquid-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n will-change: border-radius, transform;\n}\n@keyframes cd-liquid-blob {\n 0%,\n 100% {\n border-radius: 38% 62% 70% 30% / 50% 35% 65% 50%;\n transform: rotate(0deg);\n }\n 33% {\n border-radius: 60% 40% 30% 70% / 60% 60% 40% 40%;\n transform: rotate(6deg);\n }\n 66% {\n border-radius: 30% 70% 50% 50% / 40% 50% 60% 60%;\n transform: rotate(-4deg);\n }\n}\n@keyframes cd-liquid-rise {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n }\n}\n.cd-liquid__inner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.cd-liquid__digit {\n font-weight: 800;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n display: inline-block;\n animation: cd-liquid-morph var(--cd-tick, 700ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-liquid-morph {\n 0% {\n opacity: 0;\n transform: scale(0.5) rotate(-10deg);\n filter: blur(6px);\n }\n 60% {\n opacity: 1;\n transform: scale(1.1) rotate(2deg);\n filter: blur(0);\n }\n 100% {\n transform: scale(1) rotate(0);\n }\n}\n.cd-liquid__label {\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: 0.22em;\n font-weight: 600;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 380));\n\nconst containerStyle = computed(\n () =>\n ({\n background: props.block.backgroundColor || \"#0a0a0a\",\n fontFamily:\n props.block.fontFamily ||\n \"'Inter', 'SF Pro Display', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 12}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-saas\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-saas__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 80}ms`,\n }\"\n >\n <div\n class=\"cd-saas__digit\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#fafafa',\n }\"\n >\n <span :key=\"seg.value\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-saas__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(250,250,250,0.5)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-saas {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n}\n.cd-saas__cell {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: #141414;\n border: 1px solid rgba(255, 255, 255, 0.08);\n box-shadow:\n 0 1px 0 rgba(255, 255, 255, 0.03) inset,\n 0 0 0 1px rgba(255, 255, 255, 0.02);\n transition:\n border-color 0.3s ease,\n transform 0.3s ease;\n animation: cd-saas-fade 600ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n.cd-saas__cell:hover {\n border-color: rgba(255, 255, 255, 0.16);\n transform: translateY(-2px);\n}\n@keyframes cd-saas-fade {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-saas__digit {\n font-weight: 600;\n letter-spacing: -0.04em;\n font-variant-numeric: tabular-nums;\n}\n.cd-saas__digit span {\n display: inline-block;\n animation: cd-saas-tick var(--cd-tick, 380ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-saas-tick {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-saas__label {\n margin-top: 8px;\n font-weight: 500;\n letter-spacing: -0.01em;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 380));\n\nconst containerStyle = computed(\n () =>\n ({\n background: props.block.backgroundColor || \"#0a0a0a\",\n fontFamily:\n props.block.fontFamily ||\n \"'Inter', 'SF Pro Display', system-ui, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 12}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-saas\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-saas__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 80}ms`,\n }\"\n >\n <div\n class=\"cd-saas__digit\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#fafafa',\n }\"\n >\n <span :key=\"seg.value\">{{ seg.value }}</span>\n </div>\n <div\n class=\"cd-saas__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(250,250,250,0.5)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-saas {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n}\n.cd-saas__cell {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: #141414;\n border: 1px solid rgba(255, 255, 255, 0.08);\n box-shadow:\n 0 1px 0 rgba(255, 255, 255, 0.03) inset,\n 0 0 0 1px rgba(255, 255, 255, 0.02);\n transition:\n border-color 0.3s ease,\n transform 0.3s ease;\n animation: cd-saas-fade 600ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n.cd-saas__cell:hover {\n border-color: rgba(255, 255, 255, 0.16);\n transform: translateY(-2px);\n}\n@keyframes cd-saas-fade {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-saas__digit {\n font-weight: 600;\n letter-spacing: -0.04em;\n font-variant-numeric: tabular-nums;\n}\n.cd-saas__digit span {\n display: inline-block;\n animation: cd-saas-tick var(--cd-tick, 380ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-saas-tick {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-saas__label {\n margin-top: 8px;\n font-weight: 500;\n letter-spacing: -0.01em;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(180deg, #2a2a2a 0%, #111 100%)\",\n fontFamily:\n props.block.fontFamily || \"'IBM Plex Mono', 'Roboto Mono', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 0.85}px`,\n height: `${base * 1.4}px`,\n fontSize: `${base}px`,\n };\n});\n\nfunction digitOffset(d: string): string {\n const n = parseInt(d, 10);\n if (Number.isNaN(n)) return \"0%\";\n // Strip is 1000% (10× wheel height) tall and contains 10 digit slots.\n // translateY % is relative to the element's OWN height, so 1 slot = 10%.\n return `${-n * 10}%`;\n}\n</script>\n\n<template>\n <div class=\"cd-mech\" :style=\"containerStyle\">\n <div v-for=\"seg in segments\" :key=\"seg.key\" class=\"cd-mech__group\">\n <div class=\"cd-mech__panel\">\n <div\n v-for=\"(_, ci) in seg.value\"\n :key=\"ci\"\n class=\"cd-mech__wheel\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n fontSize: cardSize.fontSize,\n }\"\n >\n <div class=\"cd-mech__shadow cd-mech__shadow--top\" />\n <div class=\"cd-mech__shadow cd-mech__shadow--bot\" />\n <div\n class=\"cd-mech__strip\"\n :style=\"{ transform: `translateY(${digitOffset(seg.value[ci])})` }\"\n >\n <span v-for=\"n in 10\" :key=\"n\">{{ n - 1 }}</span>\n </div>\n </div>\n </div>\n <div\n class=\"cd-mech__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255, 255, 255, 0.55)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-mech {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid rgba(255, 255, 255, 0.06);\n}\n.cd-mech__group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n}\n.cd-mech__panel {\n display: flex;\n gap: 4px;\n padding: 8px 10px;\n background: linear-gradient(180deg, #1a1a1a, #050505);\n border-radius: 8px;\n box-shadow:\n inset 0 0 14px rgba(0, 0, 0, 0.85),\n 0 4px 14px rgba(0, 0, 0, 0.55);\n}\n.cd-mech__wheel {\n position: relative;\n overflow: hidden;\n background: linear-gradient(180deg, #3a3a3a 0%, #b0b0b0 50%, #3a3a3a 100%);\n border-radius: 4px;\n box-shadow:\n inset 0 6px 8px rgba(0, 0, 0, 0.5),\n inset 0 -6px 8px rgba(0, 0, 0, 0.5);\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n color: #1a1a1a;\n}\n.cd-mech__shadow {\n position: absolute;\n left: 0;\n right: 0;\n height: 32%;\n pointer-events: none;\n z-index: 2;\n}\n.cd-mech__shadow--top {\n top: 0;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);\n}\n.cd-mech__shadow--bot {\n bottom: 0;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);\n}\n.cd-mech__strip {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n height: 1000%;\n transition: transform var(--cd-tick, 600ms) cubic-bezier(0.65, 0.05, 0.36, 1);\n will-change: transform;\n}\n.cd-mech__strip span {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 10%;\n}\n.cd-mech__label {\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(180deg, #2a2a2a 0%, #111 100%)\",\n fontFamily:\n props.block.fontFamily || \"'IBM Plex Mono', 'Roboto Mono', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 0.85}px`,\n height: `${base * 1.4}px`,\n fontSize: `${base}px`,\n };\n});\n\nfunction digitOffset(d: string): string {\n const n = parseInt(d, 10);\n if (Number.isNaN(n)) return \"0%\";\n // Strip is 1000% (10× wheel height) tall and contains 10 digit slots.\n // translateY % is relative to the element's OWN height, so 1 slot = 10%.\n return `${-n * 10}%`;\n}\n</script>\n\n<template>\n <div class=\"cd-mech\" :style=\"containerStyle\">\n <div v-for=\"seg in segments\" :key=\"seg.key\" class=\"cd-mech__group\">\n <div class=\"cd-mech__panel\">\n <div\n v-for=\"(_, ci) in seg.value\"\n :key=\"ci\"\n class=\"cd-mech__wheel\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n fontSize: cardSize.fontSize,\n }\"\n >\n <div class=\"cd-mech__shadow cd-mech__shadow--top\" />\n <div class=\"cd-mech__shadow cd-mech__shadow--bot\" />\n <div\n class=\"cd-mech__strip\"\n :style=\"{ transform: `translateY(${digitOffset(seg.value[ci])})` }\"\n >\n <span v-for=\"n in 10\" :key=\"n\">{{ n - 1 }}</span>\n </div>\n </div>\n </div>\n <div\n class=\"cd-mech__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255, 255, 255, 0.55)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-mech {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid rgba(255, 255, 255, 0.06);\n}\n.cd-mech__group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n}\n.cd-mech__panel {\n display: flex;\n gap: 4px;\n padding: 8px 10px;\n background: linear-gradient(180deg, #1a1a1a, #050505);\n border-radius: 8px;\n box-shadow:\n inset 0 0 14px rgba(0, 0, 0, 0.85),\n 0 4px 14px rgba(0, 0, 0, 0.55);\n}\n.cd-mech__wheel {\n position: relative;\n overflow: hidden;\n background: linear-gradient(180deg, #3a3a3a 0%, #b0b0b0 50%, #3a3a3a 100%);\n border-radius: 4px;\n box-shadow:\n inset 0 6px 8px rgba(0, 0, 0, 0.5),\n inset 0 -6px 8px rgba(0, 0, 0, 0.5);\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n color: #1a1a1a;\n}\n.cd-mech__shadow {\n position: absolute;\n left: 0;\n right: 0;\n height: 32%;\n pointer-events: none;\n z-index: 2;\n}\n.cd-mech__shadow--top {\n top: 0;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);\n}\n.cd-mech__shadow--bot {\n bottom: 0;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);\n}\n.cd-mech__strip {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n height: 1000%;\n transition: transform var(--cd-tick, 600ms) cubic-bezier(0.65, 0.05, 0.36, 1);\n will-change: transform;\n}\n.cd-mech__strip span {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 10%;\n}\n.cd-mech__label {\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #fce7f3 0%, #ddd6fe 50%, #cffafe 100%)\",\n fontFamily: props.block.fontFamily || \"'Plus Jakarta Sans', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 28}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-blob\" :style=\"containerStyle\">\n <div class=\"cd-blob__bg cd-blob__bg--a\" />\n <div class=\"cd-blob__bg cd-blob__bg--b\" />\n <div class=\"cd-blob__bg cd-blob__bg--c\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-blob__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 700}ms`,\n }\"\n >\n <span\n class=\"cd-blob__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#1f2937',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-blob__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#6b7280',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-blob {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 22px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-blob__bg {\n position: absolute;\n border-radius: 50%;\n filter: blur(50px);\n opacity: 0.55;\n z-index: 0;\n}\n.cd-blob__bg--a {\n width: 280px;\n height: 280px;\n background: #f0abfc;\n top: -60px;\n left: -40px;\n animation: cd-blob-float 12s ease-in-out infinite;\n}\n.cd-blob__bg--b {\n width: 240px;\n height: 240px;\n background: #93c5fd;\n bottom: -50px;\n right: -30px;\n animation: cd-blob-float 16s ease-in-out infinite reverse;\n}\n.cd-blob__bg--c {\n width: 200px;\n height: 200px;\n background: #fde68a;\n top: 20%;\n left: 35%;\n animation: cd-blob-float 18s ease-in-out infinite;\n}\n@keyframes cd-blob-float {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 33% {\n transform: translate(30px, -25px) scale(1.08);\n }\n 66% {\n transform: translate(-25px, 25px) scale(0.94);\n }\n}\n.cd-blob__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.55);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.6);\n box-shadow:\n 0 14px 40px -10px rgba(60, 60, 120, 0.25),\n inset 0 1px 0 rgba(255, 255, 255, 0.7);\n animation: cd-blob-bob 6s ease-in-out infinite;\n transition: transform 0.4s ease;\n}\n.cd-blob__cell:hover {\n transform: translateY(-3px);\n}\n@keyframes cd-blob-bob {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-6px);\n }\n}\n.cd-blob__digit {\n font-weight: 700;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n display: inline-block;\n animation: cd-blob-tick var(--cd-tick, 500ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-blob-tick {\n 0% {\n opacity: 0;\n transform: scale(0.7);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n.cd-blob__label {\n margin-top: 6px;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #fce7f3 0%, #ddd6fe 50%, #cffafe 100%)\",\n fontFamily: props.block.fontFamily || \"'Plus Jakarta Sans', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 28}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-blob\" :style=\"containerStyle\">\n <div class=\"cd-blob__bg cd-blob__bg--a\" />\n <div class=\"cd-blob__bg cd-blob__bg--b\" />\n <div class=\"cd-blob__bg cd-blob__bg--c\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-blob__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 700}ms`,\n }\"\n >\n <span\n class=\"cd-blob__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#1f2937',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-blob__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#6b7280',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-blob {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 22px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-blob__bg {\n position: absolute;\n border-radius: 50%;\n filter: blur(50px);\n opacity: 0.55;\n z-index: 0;\n}\n.cd-blob__bg--a {\n width: 280px;\n height: 280px;\n background: #f0abfc;\n top: -60px;\n left: -40px;\n animation: cd-blob-float 12s ease-in-out infinite;\n}\n.cd-blob__bg--b {\n width: 240px;\n height: 240px;\n background: #93c5fd;\n bottom: -50px;\n right: -30px;\n animation: cd-blob-float 16s ease-in-out infinite reverse;\n}\n.cd-blob__bg--c {\n width: 200px;\n height: 200px;\n background: #fde68a;\n top: 20%;\n left: 35%;\n animation: cd-blob-float 18s ease-in-out infinite;\n}\n@keyframes cd-blob-float {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 33% {\n transform: translate(30px, -25px) scale(1.08);\n }\n 66% {\n transform: translate(-25px, 25px) scale(0.94);\n }\n}\n.cd-blob__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.55);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.6);\n box-shadow:\n 0 14px 40px -10px rgba(60, 60, 120, 0.25),\n inset 0 1px 0 rgba(255, 255, 255, 0.7);\n animation: cd-blob-bob 6s ease-in-out infinite;\n transition: transform 0.4s ease;\n}\n.cd-blob__cell:hover {\n transform: translateY(-3px);\n}\n@keyframes cd-blob-bob {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-6px);\n }\n}\n.cd-blob__digit {\n font-weight: 700;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n display: inline-block;\n animation: cd-blob-tick var(--cd-tick, 500ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-blob-tick {\n 0% {\n opacity: 0;\n transform: scale(0.7);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n.cd-blob__label {\n margin-top: 6px;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background: props.block.backgroundColor || \"#0c0c0c\",\n fontFamily:\n props.block.fontFamily ||\n \"'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace\",\n padding: `${layout.value.padding}px`,\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst fontSize = computed(\n () => `${props.block.digitFontSize * 0.55 * layout.value.digitScale}px`,\n);\nconst digitFontSize = computed(\n () => `${props.block.digitFontSize * layout.value.digitScale}px`,\n);\n\nconst segmentLine = computed(() =>\n props.segments.map((s) => `${s.value}${s.label[0] ?? \"\"}`).join(\" \"),\n);\n</script>\n\n<template>\n <div class=\"cd-cli\" :style=\"containerStyle\">\n <div class=\"cd-cli__chrome\" :style=\"{ fontSize: fontSize }\">\n <span class=\"cd-cli__dot cd-cli__dot--r\" />\n <span class=\"cd-cli__dot cd-cli__dot--y\" />\n <span class=\"cd-cli__dot cd-cli__dot--g\" />\n <span class=\"cd-cli__title\">~/countdown — bash</span>\n </div>\n <div class=\"cd-cli__body\">\n <div class=\"cd-cli__line\" :style=\"{ fontSize: fontSize }\">\n <span class=\"cd-cli__user\">user@launch</span>\n <span class=\"cd-cli__sep\">:</span>\n <span class=\"cd-cli__path\">~</span>\n <span class=\"cd-cli__sep\">$</span>\n <span class=\"cd-cli__cmd\">countdown --remaining</span>\n </div>\n <div class=\"cd-cli__output\" :style=\"{ fontSize: digitFontSize }\">\n <span\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-cli__seg\"\n :style=\"{ animationDelay: `${i * 60}ms` }\"\n >\n <span :key=\"seg.value\" class=\"cd-cli__num\">{{ seg.value }}</span>\n <span class=\"cd-cli__unit\">{{\n (seg.label[0] || \"\").toLowerCase()\n }}</span>\n </span>\n </div>\n <div class=\"cd-cli__line\" :style=\"{ fontSize: fontSize }\">\n <span class=\"cd-cli__user\">user@launch</span>\n <span class=\"cd-cli__sep\">:</span>\n <span class=\"cd-cli__path\">~</span>\n <span class=\"cd-cli__sep\">$</span>\n <span class=\"cd-cli__caret\">▌</span>\n </div>\n <span class=\"cd-cli__hidden\" aria-hidden=\"true\">{{ segmentLine }}</span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-cli {\n display: flex;\n flex-direction: column;\n border-radius: 10px;\n overflow: hidden;\n border: 1px solid #1f1f1f;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);\n color: #d1fae5;\n}\n.cd-cli__chrome {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #1a1a1a;\n border-bottom: 1px solid #0a0a0a;\n color: #6b7280;\n}\n.cd-cli__dot {\n width: 11px;\n height: 11px;\n border-radius: 50%;\n display: inline-block;\n}\n.cd-cli__dot--r {\n background: #ff5f57;\n}\n.cd-cli__dot--y {\n background: #febc2e;\n}\n.cd-cli__dot--g {\n background: #28c840;\n}\n.cd-cli__title {\n margin-left: 12px;\n font-weight: 500;\n}\n.cd-cli__body {\n padding: 14px 18px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.cd-cli__line {\n display: flex;\n align-items: center;\n gap: 4px;\n white-space: nowrap;\n}\n.cd-cli__user {\n color: #34d399;\n font-weight: 600;\n}\n.cd-cli__path {\n color: #60a5fa;\n}\n.cd-cli__sep {\n color: #6b7280;\n margin: 0 2px;\n}\n.cd-cli__cmd {\n color: #f9fafb;\n margin-left: 6px;\n}\n.cd-cli__output {\n display: flex;\n align-items: baseline;\n flex-wrap: wrap;\n gap: 0.5em;\n font-weight: 700;\n color: #4ade80;\n}\n.cd-cli__seg {\n display: inline-flex;\n align-items: baseline;\n gap: 2px;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 0 8px rgba(74, 222, 128, 0.5);\n animation: cd-cli-type 700ms ease-out backwards;\n}\n@keyframes cd-cli-type {\n from {\n opacity: 0;\n transform: translateX(-6px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.cd-cli__num {\n display: inline-block;\n animation: cd-cli-tick var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-cli-tick {\n from {\n color: #fff;\n text-shadow: 0 0 14px rgba(74, 222, 128, 0.9);\n }\n to {\n color: #4ade80;\n }\n}\n.cd-cli__unit {\n font-size: 0.45em;\n color: #6b7280;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n text-shadow: none;\n}\n.cd-cli__caret {\n display: inline-block;\n width: 0.6em;\n color: #4ade80;\n animation: cd-cli-blink 1s steps(2, end) infinite;\n}\n@keyframes cd-cli-blink {\n 50% {\n opacity: 0;\n }\n}\n.cd-cli__hidden {\n display: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background: props.block.backgroundColor || \"#0c0c0c\",\n fontFamily:\n props.block.fontFamily ||\n \"'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace\",\n padding: `${layout.value.padding}px`,\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst fontSize = computed(\n () => `${props.block.digitFontSize * 0.55 * layout.value.digitScale}px`,\n);\nconst digitFontSize = computed(\n () => `${props.block.digitFontSize * layout.value.digitScale}px`,\n);\n\nconst segmentLine = computed(() =>\n props.segments.map((s) => `${s.value}${s.label[0] ?? \"\"}`).join(\" \"),\n);\n</script>\n\n<template>\n <div class=\"cd-cli\" :style=\"containerStyle\">\n <div class=\"cd-cli__chrome\" :style=\"{ fontSize: fontSize }\">\n <span class=\"cd-cli__dot cd-cli__dot--r\" />\n <span class=\"cd-cli__dot cd-cli__dot--y\" />\n <span class=\"cd-cli__dot cd-cli__dot--g\" />\n <span class=\"cd-cli__title\">~/countdown — bash</span>\n </div>\n <div class=\"cd-cli__body\">\n <div class=\"cd-cli__line\" :style=\"{ fontSize: fontSize }\">\n <span class=\"cd-cli__user\">user@launch</span>\n <span class=\"cd-cli__sep\">:</span>\n <span class=\"cd-cli__path\">~</span>\n <span class=\"cd-cli__sep\">$</span>\n <span class=\"cd-cli__cmd\">countdown --remaining</span>\n </div>\n <div class=\"cd-cli__output\" :style=\"{ fontSize: digitFontSize }\">\n <span\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-cli__seg\"\n :style=\"{ animationDelay: `${i * 60}ms` }\"\n >\n <span :key=\"seg.value\" class=\"cd-cli__num\">{{ seg.value }}</span>\n <span class=\"cd-cli__unit\">{{\n (seg.label[0] || \"\").toLowerCase()\n }}</span>\n </span>\n </div>\n <div class=\"cd-cli__line\" :style=\"{ fontSize: fontSize }\">\n <span class=\"cd-cli__user\">user@launch</span>\n <span class=\"cd-cli__sep\">:</span>\n <span class=\"cd-cli__path\">~</span>\n <span class=\"cd-cli__sep\">$</span>\n <span class=\"cd-cli__caret\">▌</span>\n </div>\n <span class=\"cd-cli__hidden\" aria-hidden=\"true\">{{ segmentLine }}</span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-cli {\n display: flex;\n flex-direction: column;\n border-radius: 10px;\n overflow: hidden;\n border: 1px solid #1f1f1f;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);\n color: #d1fae5;\n}\n.cd-cli__chrome {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #1a1a1a;\n border-bottom: 1px solid #0a0a0a;\n color: #6b7280;\n}\n.cd-cli__dot {\n width: 11px;\n height: 11px;\n border-radius: 50%;\n display: inline-block;\n}\n.cd-cli__dot--r {\n background: #ff5f57;\n}\n.cd-cli__dot--y {\n background: #febc2e;\n}\n.cd-cli__dot--g {\n background: #28c840;\n}\n.cd-cli__title {\n margin-left: 12px;\n font-weight: 500;\n}\n.cd-cli__body {\n padding: 14px 18px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.cd-cli__line {\n display: flex;\n align-items: center;\n gap: 4px;\n white-space: nowrap;\n}\n.cd-cli__user {\n color: #34d399;\n font-weight: 600;\n}\n.cd-cli__path {\n color: #60a5fa;\n}\n.cd-cli__sep {\n color: #6b7280;\n margin: 0 2px;\n}\n.cd-cli__cmd {\n color: #f9fafb;\n margin-left: 6px;\n}\n.cd-cli__output {\n display: flex;\n align-items: baseline;\n flex-wrap: wrap;\n gap: 0.5em;\n font-weight: 700;\n color: #4ade80;\n}\n.cd-cli__seg {\n display: inline-flex;\n align-items: baseline;\n gap: 2px;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 0 8px rgba(74, 222, 128, 0.5);\n animation: cd-cli-type 700ms ease-out backwards;\n}\n@keyframes cd-cli-type {\n from {\n opacity: 0;\n transform: translateX(-6px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.cd-cli__num {\n display: inline-block;\n animation: cd-cli-tick var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-cli-tick {\n from {\n color: #fff;\n text-shadow: 0 0 14px rgba(74, 222, 128, 0.9);\n }\n to {\n color: #4ade80;\n }\n}\n.cd-cli__unit {\n font-size: 0.45em;\n color: #6b7280;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n text-shadow: none;\n}\n.cd-cli__caret {\n display: inline-block;\n width: 0.6em;\n color: #4ade80;\n animation: cd-cli-blink 1s steps(2, end) infinite;\n}\n@keyframes cd-cli-blink {\n 50% {\n opacity: 0;\n }\n}\n.cd-cli__hidden {\n display: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(ellipse at center, #1e1b4b 0%, #050314 80%)\",\n fontFamily:\n props.block.fontFamily || \"'Space Grotesk', 'Orbitron', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 18}px`,\n };\n});\n\nconst stars = Array.from({ length: 50 }, (_, i) => i);\n\nfunction starStyle(i: number): Record<string, string> {\n const x = ((i * 73) % 100) + (i % 7);\n const y = ((i * 31) % 100) + (i % 5);\n const size = 1 + ((i * 13) % 3);\n const delay = (i * 0.18) % 4;\n return {\n left: `${x}%`,\n top: `${y}%`,\n width: `${size}px`,\n height: `${size}px`,\n animationDelay: `${delay}s`,\n };\n}\n</script>\n\n<template>\n <div class=\"cd-galaxy\" :style=\"containerStyle\">\n <div class=\"cd-galaxy__nebula\" aria-hidden=\"true\" />\n <div class=\"cd-galaxy__stars\" aria-hidden=\"true\">\n <span\n v-for=\"i in stars\"\n :key=\"i\"\n class=\"cd-galaxy__star\"\n :style=\"starStyle(i)\"\n />\n </div>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-galaxy__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 110}ms`,\n }\"\n >\n <span\n class=\"cd-galaxy__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-galaxy__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(196, 181, 253, 0.85)',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-galaxy {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-galaxy__nebula {\n position: absolute;\n inset: -25%;\n background:\n radial-gradient(\n circle at 20% 30%,\n rgba(167, 139, 250, 0.45),\n transparent 50%\n ),\n radial-gradient(\n circle at 80% 70%,\n rgba(244, 114, 182, 0.35),\n transparent 55%\n ),\n radial-gradient(\n circle at 60% 30%,\n rgba(96, 165, 250, 0.25),\n transparent 50%\n );\n filter: blur(40px);\n animation: cd-galaxy-drift 30s ease-in-out infinite;\n pointer-events: none;\n}\n@keyframes cd-galaxy-drift {\n 0%,\n 100% {\n transform: translate(0, 0) rotate(0);\n }\n 50% {\n transform: translate(20px, -10px) rotate(8deg);\n }\n}\n.cd-galaxy__stars {\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n.cd-galaxy__star {\n position: absolute;\n background: #ffffff;\n border-radius: 50%;\n box-shadow: 0 0 6px rgba(255, 255, 255, 0.85);\n animation: cd-galaxy-twinkle 3s ease-in-out infinite;\n}\n@keyframes cd-galaxy-twinkle {\n 0%,\n 100% {\n opacity: 0.25;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: scale(1.4);\n }\n}\n.cd-galaxy__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(15, 10, 40, 0.55);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid rgba(167, 139, 250, 0.35);\n box-shadow:\n 0 0 30px rgba(124, 58, 237, 0.35),\n inset 0 0 20px rgba(196, 181, 253, 0.1);\n animation: cd-galaxy-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-galaxy-rise {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-galaxy__digit {\n font-weight: 700;\n letter-spacing: 0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 12px rgba(196, 181, 253, 0.85),\n 0 0 28px rgba(124, 58, 237, 0.55);\n display: inline-block;\n animation: cd-galaxy-tick var(--cd-tick, 700ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-galaxy-tick {\n 0% {\n opacity: 0;\n transform: scale(1.2) rotate(-3deg);\n filter: blur(4px);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0);\n filter: blur(0);\n }\n}\n.cd-galaxy__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.28em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(ellipse at center, #1e1b4b 0%, #050314 80%)\",\n fontFamily:\n props.block.fontFamily || \"'Space Grotesk', 'Orbitron', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 18}px`,\n };\n});\n\nconst stars = Array.from({ length: 50 }, (_, i) => i);\n\nfunction starStyle(i: number): Record<string, string> {\n const x = ((i * 73) % 100) + (i % 7);\n const y = ((i * 31) % 100) + (i % 5);\n const size = 1 + ((i * 13) % 3);\n const delay = (i * 0.18) % 4;\n return {\n left: `${x}%`,\n top: `${y}%`,\n width: `${size}px`,\n height: `${size}px`,\n animationDelay: `${delay}s`,\n };\n}\n</script>\n\n<template>\n <div class=\"cd-galaxy\" :style=\"containerStyle\">\n <div class=\"cd-galaxy__nebula\" aria-hidden=\"true\" />\n <div class=\"cd-galaxy__stars\" aria-hidden=\"true\">\n <span\n v-for=\"i in stars\"\n :key=\"i\"\n class=\"cd-galaxy__star\"\n :style=\"starStyle(i)\"\n />\n </div>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-galaxy__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 110}ms`,\n }\"\n >\n <span\n class=\"cd-galaxy__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-galaxy__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(196, 181, 253, 0.85)',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-galaxy {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-galaxy__nebula {\n position: absolute;\n inset: -25%;\n background:\n radial-gradient(\n circle at 20% 30%,\n rgba(167, 139, 250, 0.45),\n transparent 50%\n ),\n radial-gradient(\n circle at 80% 70%,\n rgba(244, 114, 182, 0.35),\n transparent 55%\n ),\n radial-gradient(\n circle at 60% 30%,\n rgba(96, 165, 250, 0.25),\n transparent 50%\n );\n filter: blur(40px);\n animation: cd-galaxy-drift 30s ease-in-out infinite;\n pointer-events: none;\n}\n@keyframes cd-galaxy-drift {\n 0%,\n 100% {\n transform: translate(0, 0) rotate(0);\n }\n 50% {\n transform: translate(20px, -10px) rotate(8deg);\n }\n}\n.cd-galaxy__stars {\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n.cd-galaxy__star {\n position: absolute;\n background: #ffffff;\n border-radius: 50%;\n box-shadow: 0 0 6px rgba(255, 255, 255, 0.85);\n animation: cd-galaxy-twinkle 3s ease-in-out infinite;\n}\n@keyframes cd-galaxy-twinkle {\n 0%,\n 100% {\n opacity: 0.25;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: scale(1.4);\n }\n}\n.cd-galaxy__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(15, 10, 40, 0.55);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid rgba(167, 139, 250, 0.35);\n box-shadow:\n 0 0 30px rgba(124, 58, 237, 0.35),\n inset 0 0 20px rgba(196, 181, 253, 0.1);\n animation: cd-galaxy-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-galaxy-rise {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-galaxy__digit {\n font-weight: 700;\n letter-spacing: 0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 12px rgba(196, 181, 253, 0.85),\n 0 0 28px rgba(124, 58, 237, 0.55);\n display: inline-block;\n animation: cd-galaxy-tick var(--cd-tick, 700ms) cubic-bezier(0.16, 1, 0.3, 1);\n}\n@keyframes cd-galaxy-tick {\n 0% {\n opacity: 0;\n transform: scale(1.2) rotate(-3deg);\n filter: blur(4px);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0);\n filter: blur(0);\n }\n}\n.cd-galaxy__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.28em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #0f0524 0%, #1a0033 50%, #002a52 100%)\",\n fontFamily:\n props.block.fontFamily || \"'Orbitron', 'Bebas Neue', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 6}px`,\n };\n});\n\nconst kanji = [\"時\", \"刻\", \"未\", \"来\", \"夢\", \"光\", \"影\", \"霊\"];\nfunction pickKanji(i: number): string {\n return kanji[i % kanji.length];\n}\n</script>\n\n<template>\n <div class=\"cd-anime\" :style=\"containerStyle\">\n <div class=\"cd-anime__lines\" aria-hidden=\"true\">\n <span\n v-for=\"i in 6\"\n :key=\"i\"\n :style=\"{ animationDelay: `${i * 0.4}s` }\"\n />\n </div>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-anime__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 130}ms`,\n }\"\n >\n <span class=\"cd-anime__corner cd-anime__corner--tl\" />\n <span class=\"cd-anime__corner cd-anime__corner--tr\" />\n <span class=\"cd-anime__corner cd-anime__corner--bl\" />\n <span class=\"cd-anime__corner cd-anime__corner--br\" />\n <span class=\"cd-anime__kanji\" aria-hidden=\"true\">{{ pickKanji(i) }}</span>\n <span\n class=\"cd-anime__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-anime__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#ec4899',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-anime {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-anime__lines {\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n.cd-anime__lines span {\n position: absolute;\n left: -10%;\n right: -10%;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(236, 72, 153, 0.7),\n transparent\n );\n animation: cd-anime-streak 5s linear infinite;\n opacity: 0.55;\n}\n.cd-anime__lines span:nth-child(1) {\n top: 12%;\n}\n.cd-anime__lines span:nth-child(2) {\n top: 28%;\n}\n.cd-anime__lines span:nth-child(3) {\n top: 45%;\n}\n.cd-anime__lines span:nth-child(4) {\n top: 60%;\n}\n.cd-anime__lines span:nth-child(5) {\n top: 76%;\n}\n.cd-anime__lines span:nth-child(6) {\n top: 90%;\n}\n@keyframes cd-anime-streak {\n 0% {\n transform: translateX(-30%);\n opacity: 0;\n }\n 20% {\n opacity: 0.8;\n }\n 100% {\n transform: translateX(30%);\n opacity: 0;\n }\n}\n.cd-anime__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(\n 135deg,\n rgba(236, 72, 153, 0.15),\n rgba(34, 211, 238, 0.15)\n );\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(236, 72, 153, 0.5);\n box-shadow:\n 0 0 24px rgba(236, 72, 153, 0.4),\n inset 0 0 24px rgba(34, 211, 238, 0.18);\n animation: cd-anime-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-anime-rise {\n from {\n opacity: 0;\n transform: translateY(20px) skewX(-3deg);\n }\n to {\n opacity: 1;\n transform: translateY(0) skewX(0);\n }\n}\n.cd-anime__corner {\n position: absolute;\n width: 14px;\n height: 14px;\n border: 2px solid #22d3ee;\n filter: drop-shadow(0 0 4px #22d3ee);\n}\n.cd-anime__corner--tl {\n top: 4px;\n left: 4px;\n border-right: none;\n border-bottom: none;\n}\n.cd-anime__corner--tr {\n top: 4px;\n right: 4px;\n border-left: none;\n border-bottom: none;\n}\n.cd-anime__corner--bl {\n bottom: 4px;\n left: 4px;\n border-right: none;\n border-top: none;\n}\n.cd-anime__corner--br {\n bottom: 4px;\n right: 4px;\n border-left: none;\n border-top: none;\n}\n.cd-anime__kanji {\n position: absolute;\n font-size: 80px;\n color: rgba(236, 72, 153, 0.12);\n font-weight: 900;\n pointer-events: none;\n user-select: none;\n bottom: -10px;\n right: -6px;\n line-height: 1;\n}\n.cd-anime__digit {\n position: relative;\n font-weight: 700;\n letter-spacing: 0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 10px rgba(236, 72, 153, 0.95),\n 2px 0 0 rgba(34, 211, 238, 0.45),\n -2px 0 0 rgba(248, 113, 113, 0.35);\n display: inline-block;\n animation: cd-anime-glitch var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-anime-glitch {\n 0% {\n transform: translate(0, 0);\n opacity: 0;\n }\n 20% {\n transform: translate(-2px, 1px);\n opacity: 0.6;\n }\n 40% {\n transform: translate(2px, -1px);\n }\n 60% {\n transform: translate(-1px, 0);\n opacity: 1;\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.cd-anime__label {\n position: relative;\n margin-top: 6px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.3em;\n text-shadow: 0 0 6px rgba(236, 72, 153, 0.6);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #0f0524 0%, #1a0033 50%, #002a52 100%)\",\n fontFamily:\n props.block.fontFamily || \"'Orbitron', 'Bebas Neue', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 6}px`,\n };\n});\n\nconst kanji = [\"時\", \"刻\", \"未\", \"来\", \"夢\", \"光\", \"影\", \"霊\"];\nfunction pickKanji(i: number): string {\n return kanji[i % kanji.length];\n}\n</script>\n\n<template>\n <div class=\"cd-anime\" :style=\"containerStyle\">\n <div class=\"cd-anime__lines\" aria-hidden=\"true\">\n <span\n v-for=\"i in 6\"\n :key=\"i\"\n :style=\"{ animationDelay: `${i * 0.4}s` }\"\n />\n </div>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-anime__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 130}ms`,\n }\"\n >\n <span class=\"cd-anime__corner cd-anime__corner--tl\" />\n <span class=\"cd-anime__corner cd-anime__corner--tr\" />\n <span class=\"cd-anime__corner cd-anime__corner--bl\" />\n <span class=\"cd-anime__corner cd-anime__corner--br\" />\n <span class=\"cd-anime__kanji\" aria-hidden=\"true\">{{ pickKanji(i) }}</span>\n <span\n class=\"cd-anime__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-anime__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#ec4899',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-anime {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-anime__lines {\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n.cd-anime__lines span {\n position: absolute;\n left: -10%;\n right: -10%;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(236, 72, 153, 0.7),\n transparent\n );\n animation: cd-anime-streak 5s linear infinite;\n opacity: 0.55;\n}\n.cd-anime__lines span:nth-child(1) {\n top: 12%;\n}\n.cd-anime__lines span:nth-child(2) {\n top: 28%;\n}\n.cd-anime__lines span:nth-child(3) {\n top: 45%;\n}\n.cd-anime__lines span:nth-child(4) {\n top: 60%;\n}\n.cd-anime__lines span:nth-child(5) {\n top: 76%;\n}\n.cd-anime__lines span:nth-child(6) {\n top: 90%;\n}\n@keyframes cd-anime-streak {\n 0% {\n transform: translateX(-30%);\n opacity: 0;\n }\n 20% {\n opacity: 0.8;\n }\n 100% {\n transform: translateX(30%);\n opacity: 0;\n }\n}\n.cd-anime__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(\n 135deg,\n rgba(236, 72, 153, 0.15),\n rgba(34, 211, 238, 0.15)\n );\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(236, 72, 153, 0.5);\n box-shadow:\n 0 0 24px rgba(236, 72, 153, 0.4),\n inset 0 0 24px rgba(34, 211, 238, 0.18);\n animation: cd-anime-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-anime-rise {\n from {\n opacity: 0;\n transform: translateY(20px) skewX(-3deg);\n }\n to {\n opacity: 1;\n transform: translateY(0) skewX(0);\n }\n}\n.cd-anime__corner {\n position: absolute;\n width: 14px;\n height: 14px;\n border: 2px solid #22d3ee;\n filter: drop-shadow(0 0 4px #22d3ee);\n}\n.cd-anime__corner--tl {\n top: 4px;\n left: 4px;\n border-right: none;\n border-bottom: none;\n}\n.cd-anime__corner--tr {\n top: 4px;\n right: 4px;\n border-left: none;\n border-bottom: none;\n}\n.cd-anime__corner--bl {\n bottom: 4px;\n left: 4px;\n border-right: none;\n border-top: none;\n}\n.cd-anime__corner--br {\n bottom: 4px;\n right: 4px;\n border-left: none;\n border-top: none;\n}\n.cd-anime__kanji {\n position: absolute;\n font-size: 80px;\n color: rgba(236, 72, 153, 0.12);\n font-weight: 900;\n pointer-events: none;\n user-select: none;\n bottom: -10px;\n right: -6px;\n line-height: 1;\n}\n.cd-anime__digit {\n position: relative;\n font-weight: 700;\n letter-spacing: 0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 10px rgba(236, 72, 153, 0.95),\n 2px 0 0 rgba(34, 211, 238, 0.45),\n -2px 0 0 rgba(248, 113, 113, 0.35);\n display: inline-block;\n animation: cd-anime-glitch var(--cd-tick, 600ms) ease-out;\n}\n@keyframes cd-anime-glitch {\n 0% {\n transform: translate(0, 0);\n opacity: 0;\n }\n 20% {\n transform: translate(-2px, 1px);\n opacity: 0.6;\n }\n 40% {\n transform: translate(2px, -1px);\n }\n 60% {\n transform: translate(-1px, 0);\n opacity: 1;\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.cd-anime__label {\n position: relative;\n margin-top: 6px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.3em;\n text-shadow: 0 0 6px rgba(236, 72, 153, 0.6);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #fdf6ec 0%, #f9e3d2 100%)\",\n fontFamily:\n props.block.fontFamily ||\n \"'Cormorant Garamond', 'Playfair Display', serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.6}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base * 1.1}px`,\n radius: `${props.block.cardRadius ?? 999}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-wedding\" :style=\"containerStyle\">\n <svg\n class=\"cd-wedding__floral cd-wedding__floral--l\"\n viewBox=\"0 0 80 200\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M40 5 C 60 40, 30 60, 50 90 S 30 140, 40 195\"\n fill=\"none\"\n stroke=\"#b08d57\"\n stroke-width=\"0.8\"\n />\n <circle\n cx=\"58\"\n cy=\"40\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"32\"\n cy=\"80\"\n r=\"5\"\n fill=\"#fcd5ce\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"48\"\n cy=\"130\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"34\"\n cy=\"170\"\n r=\"5\"\n fill=\"#f1c0e8\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n </svg>\n <svg\n class=\"cd-wedding__floral cd-wedding__floral--r\"\n viewBox=\"0 0 80 200\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M40 5 C 20 40, 50 60, 30 90 S 50 140, 40 195\"\n fill=\"none\"\n stroke=\"#b08d57\"\n stroke-width=\"0.8\"\n />\n <circle\n cx=\"22\"\n cy=\"40\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"48\"\n cy=\"80\"\n r=\"5\"\n fill=\"#fcd5ce\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"32\"\n cy=\"130\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"46\"\n cy=\"170\"\n r=\"5\"\n fill=\"#f1c0e8\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n </svg>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-wedding__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 130}ms`,\n }\"\n >\n <span\n class=\"cd-wedding__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#704214',\n }\"\n >\n {{ seg.value }}\n </span>\n <span class=\"cd-wedding__rule\" aria-hidden=\"true\" />\n <span\n class=\"cd-wedding__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#a07b3c',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-wedding {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n overflow: hidden;\n}\n.cd-wedding__floral {\n position: absolute;\n height: 80%;\n top: 10%;\n width: auto;\n opacity: 0.65;\n pointer-events: none;\n}\n.cd-wedding__floral--l {\n left: 4%;\n transform: rotate(-4deg);\n}\n.cd-wedding__floral--r {\n right: 4%;\n transform: rotate(4deg) scaleX(-1);\n}\n.cd-wedding__cell {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.65);\n backdrop-filter: blur(6px);\n border: 1px solid rgba(176, 141, 87, 0.45);\n box-shadow:\n 0 12px 30px -12px rgba(176, 141, 87, 0.4),\n inset 0 0 0 6px rgba(255, 255, 255, 0.5);\n animation: cd-wed-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n transition: transform 0.4s ease;\n}\n.cd-wedding__cell:hover {\n transform: translateY(-3px);\n}\n@keyframes cd-wed-rise {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-wedding__digit {\n font-weight: 500;\n font-style: italic;\n font-variant-numeric: tabular-nums;\n display: inline-block;\n animation: cd-wed-fade var(--cd-tick, 700ms) ease-out;\n}\n@keyframes cd-wed-fade {\n from {\n opacity: 0;\n transform: translateY(-4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-wedding__rule {\n width: 36px;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n #b08d57 30%,\n #b08d57 70%,\n transparent\n );\n margin: 4px 0 6px;\n}\n.cd-wedding__label {\n font-style: italic;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 700));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #fdf6ec 0%, #f9e3d2 100%)\",\n fontFamily:\n props.block.fontFamily ||\n \"'Cormorant Garamond', 'Playfair Display', serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.6}px`,\n height: `${base * 2.6}px`,\n fontSize: `${base * 1.1}px`,\n radius: `${props.block.cardRadius ?? 999}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-wedding\" :style=\"containerStyle\">\n <svg\n class=\"cd-wedding__floral cd-wedding__floral--l\"\n viewBox=\"0 0 80 200\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M40 5 C 60 40, 30 60, 50 90 S 30 140, 40 195\"\n fill=\"none\"\n stroke=\"#b08d57\"\n stroke-width=\"0.8\"\n />\n <circle\n cx=\"58\"\n cy=\"40\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"32\"\n cy=\"80\"\n r=\"5\"\n fill=\"#fcd5ce\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"48\"\n cy=\"130\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"34\"\n cy=\"170\"\n r=\"5\"\n fill=\"#f1c0e8\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n </svg>\n <svg\n class=\"cd-wedding__floral cd-wedding__floral--r\"\n viewBox=\"0 0 80 200\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M40 5 C 20 40, 50 60, 30 90 S 50 140, 40 195\"\n fill=\"none\"\n stroke=\"#b08d57\"\n stroke-width=\"0.8\"\n />\n <circle\n cx=\"22\"\n cy=\"40\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"48\"\n cy=\"80\"\n r=\"5\"\n fill=\"#fcd5ce\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"32\"\n cy=\"130\"\n r=\"6\"\n fill=\"#fef3c7\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n <circle\n cx=\"46\"\n cy=\"170\"\n r=\"5\"\n fill=\"#f1c0e8\"\n stroke=\"#b08d57\"\n stroke-width=\"0.6\"\n />\n </svg>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-wedding__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 130}ms`,\n }\"\n >\n <span\n class=\"cd-wedding__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#704214',\n }\"\n >\n {{ seg.value }}\n </span>\n <span class=\"cd-wedding__rule\" aria-hidden=\"true\" />\n <span\n class=\"cd-wedding__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || '#a07b3c',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-wedding {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n overflow: hidden;\n}\n.cd-wedding__floral {\n position: absolute;\n height: 80%;\n top: 10%;\n width: auto;\n opacity: 0.65;\n pointer-events: none;\n}\n.cd-wedding__floral--l {\n left: 4%;\n transform: rotate(-4deg);\n}\n.cd-wedding__floral--r {\n right: 4%;\n transform: rotate(4deg) scaleX(-1);\n}\n.cd-wedding__cell {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.65);\n backdrop-filter: blur(6px);\n border: 1px solid rgba(176, 141, 87, 0.45);\n box-shadow:\n 0 12px 30px -12px rgba(176, 141, 87, 0.4),\n inset 0 0 0 6px rgba(255, 255, 255, 0.5);\n animation: cd-wed-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n transition: transform 0.4s ease;\n}\n.cd-wedding__cell:hover {\n transform: translateY(-3px);\n}\n@keyframes cd-wed-rise {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-wedding__digit {\n font-weight: 500;\n font-style: italic;\n font-variant-numeric: tabular-nums;\n display: inline-block;\n animation: cd-wed-fade var(--cd-tick, 700ms) ease-out;\n}\n@keyframes cd-wed-fade {\n from {\n opacity: 0;\n transform: translateY(-4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-wedding__rule {\n width: 36px;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n #b08d57 30%,\n #b08d57 70%,\n transparent\n );\n margin: 4px 0 6px;\n}\n.cd-wedding__label {\n font-style: italic;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #fff7c2 0%, #ffd6e0 100%)\",\n fontFamily:\n props.block.fontFamily ||\n \"'Fredoka', 'Baloo 2', 'Comic Sans MS', cursive, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base * 1.1}px`,\n radius: `${props.block.cardRadius ?? 28}px`,\n };\n});\n\nconst PALETTE = [\n \"#fb7185\",\n \"#fbbf24\",\n \"#34d399\",\n \"#60a5fa\",\n \"#a78bfa\",\n \"#f472b6\",\n];\nfunction color(i: number): string {\n return PALETTE[i % PALETTE.length];\n}\n</script>\n\n<template>\n <div class=\"cd-kids\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-kids__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n background: color(i),\n animationDelay: `${i * 220}ms`,\n }\"\n >\n <span\n class=\"cd-kids__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-kids__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.95)',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-kids {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 22px;\n}\n.cd-kids__cell {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border: 4px solid rgba(0, 0, 0, 0.15);\n box-shadow:\n 0 10px 0 rgba(0, 0, 0, 0.18),\n inset 0 -8px 0 rgba(0, 0, 0, 0.12),\n inset 0 4px 0 rgba(255, 255, 255, 0.35);\n animation:\n cd-kids-bob 2.4s ease-in-out infinite,\n cd-kids-pop 700ms cubic-bezier(0.34, 1.56, 0.64, 1) backwards;\n transition: transform 0.18s ease;\n}\n.cd-kids__cell:hover {\n transform: rotate(-3deg) scale(1.05);\n}\n@keyframes cd-kids-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-10px) rotate(1deg);\n }\n}\n@keyframes cd-kids-pop {\n from {\n opacity: 0;\n transform: scale(0.4) rotate(-15deg);\n }\n to {\n opacity: 1;\n transform: scale(1) rotate(0);\n }\n}\n.cd-kids__digit {\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 4px 0 rgba(0, 0, 0, 0.18);\n display: inline-block;\n animation: cd-kids-bounce var(--cd-tick, 600ms)\n cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n@keyframes cd-kids-bounce {\n 0% {\n transform: scale(0.3) translateY(-30px);\n opacity: 0;\n }\n 60% {\n transform: scale(1.2) translateY(0);\n opacity: 1;\n }\n 100% {\n transform: scale(1) translateY(0);\n }\n}\n.cd-kids__label {\n margin-top: 4px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 600));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(135deg, #fff7c2 0%, #ffd6e0 100%)\",\n fontFamily:\n props.block.fontFamily ||\n \"'Fredoka', 'Baloo 2', 'Comic Sans MS', cursive, sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base * 1.1}px`,\n radius: `${props.block.cardRadius ?? 28}px`,\n };\n});\n\nconst PALETTE = [\n \"#fb7185\",\n \"#fbbf24\",\n \"#34d399\",\n \"#60a5fa\",\n \"#a78bfa\",\n \"#f472b6\",\n];\nfunction color(i: number): string {\n return PALETTE[i % PALETTE.length];\n}\n</script>\n\n<template>\n <div class=\"cd-kids\" :style=\"containerStyle\">\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-kids__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n background: color(i),\n animationDelay: `${i * 220}ms`,\n }\"\n >\n <span\n class=\"cd-kids__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-kids__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.95)',\n }\"\n >\n {{ seg.label }}\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-kids {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 22px;\n}\n.cd-kids__cell {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border: 4px solid rgba(0, 0, 0, 0.15);\n box-shadow:\n 0 10px 0 rgba(0, 0, 0, 0.18),\n inset 0 -8px 0 rgba(0, 0, 0, 0.12),\n inset 0 4px 0 rgba(255, 255, 255, 0.35);\n animation:\n cd-kids-bob 2.4s ease-in-out infinite,\n cd-kids-pop 700ms cubic-bezier(0.34, 1.56, 0.64, 1) backwards;\n transition: transform 0.18s ease;\n}\n.cd-kids__cell:hover {\n transform: rotate(-3deg) scale(1.05);\n}\n@keyframes cd-kids-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-10px) rotate(1deg);\n }\n}\n@keyframes cd-kids-pop {\n from {\n opacity: 0;\n transform: scale(0.4) rotate(-15deg);\n }\n to {\n opacity: 1;\n transform: scale(1) rotate(0);\n }\n}\n.cd-kids__digit {\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 4px 0 rgba(0, 0, 0, 0.18);\n display: inline-block;\n animation: cd-kids-bounce var(--cd-tick, 600ms)\n cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n@keyframes cd-kids-bounce {\n 0% {\n transform: scale(0.3) translateY(-30px);\n opacity: 0;\n }\n 60% {\n transform: scale(1.2) translateY(0);\n opacity: 1;\n }\n 100% {\n transform: scale(1) translateY(0);\n }\n}\n.cd-kids__label {\n margin-top: 4px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(180deg, #1f2226 0%, #0e1013 100%)\",\n fontFamily:\n props.block.fontFamily || \"'Bebas Neue', 'IBM Plex Mono', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-ind\" :style=\"containerStyle\">\n <div class=\"cd-ind__stripes\" aria-hidden=\"true\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-ind__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n animationDelay: `${i * 90}ms`,\n }\"\n >\n <div class=\"cd-ind__rivet cd-ind__rivet--tl\" />\n <div class=\"cd-ind__rivet cd-ind__rivet--tr\" />\n <div class=\"cd-ind__rivet cd-ind__rivet--bl\" />\n <div class=\"cd-ind__rivet cd-ind__rivet--br\" />\n\n <div class=\"cd-ind__panel\">\n <span\n class=\"cd-ind__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#fbbf24',\n }\"\n >\n {{ seg.value }}\n </span>\n </div>\n <div\n class=\"cd-ind__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.7)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-ind {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n overflow: hidden;\n isolation: isolate;\n border: 1px solid rgba(255, 255, 255, 0.08);\n}\n.cd-ind__stripes {\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 45deg,\n rgba(251, 191, 36, 0.06) 0,\n rgba(251, 191, 36, 0.06) 14px,\n rgba(0, 0, 0, 0) 14px,\n rgba(0, 0, 0, 0) 28px\n );\n pointer-events: none;\n}\n.cd-ind__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(180deg, #2c3036, #14171b);\n border: 1px solid rgba(0, 0, 0, 0.6);\n border-radius: 4px;\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.12),\n inset 0 -1px 0 rgba(0, 0, 0, 0.6),\n 0 6px 14px rgba(0, 0, 0, 0.55);\n animation: cd-ind-slide 600ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-ind-slide {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-ind__rivet {\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, #5d626a, #1a1d22);\n box-shadow:\n inset 0 -1px 1px rgba(0, 0, 0, 0.6),\n 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n.cd-ind__rivet--tl {\n top: 6px;\n left: 6px;\n}\n.cd-ind__rivet--tr {\n top: 6px;\n right: 6px;\n}\n.cd-ind__rivet--bl {\n bottom: 30%;\n left: 6px;\n}\n.cd-ind__rivet--br {\n bottom: 30%;\n right: 6px;\n}\n.cd-ind__panel {\n margin: 8px 14px 4px;\n padding: 6px 14px;\n background: #0a0c0f;\n border-radius: 3px;\n border: 1px solid #000;\n box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.85);\n}\n.cd-ind__digit {\n font-weight: 700;\n letter-spacing: 0.08em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 6px rgba(251, 191, 36, 0.6),\n 0 0 14px rgba(251, 146, 60, 0.4);\n display: inline-block;\n animation: cd-ind-flash var(--cd-tick, 500ms) ease-out;\n}\n@keyframes cd-ind-flash {\n 0% {\n opacity: 0.3;\n filter: brightness(2);\n }\n 100% {\n opacity: 1;\n filter: brightness(1);\n }\n}\n.cd-ind__label {\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 600;\n margin-top: 4px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"linear-gradient(180deg, #1f2226 0%, #0e1013 100%)\",\n fontFamily:\n props.block.fontFamily || \"'Bebas Neue', 'IBM Plex Mono', monospace\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.4}px`,\n height: `${base * 2.4}px`,\n fontSize: `${base}px`,\n };\n});\n</script>\n\n<template>\n <div class=\"cd-ind\" :style=\"containerStyle\">\n <div class=\"cd-ind__stripes\" aria-hidden=\"true\" />\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-ind__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n animationDelay: `${i * 90}ms`,\n }\"\n >\n <div class=\"cd-ind__rivet cd-ind__rivet--tl\" />\n <div class=\"cd-ind__rivet cd-ind__rivet--tr\" />\n <div class=\"cd-ind__rivet cd-ind__rivet--bl\" />\n <div class=\"cd-ind__rivet cd-ind__rivet--br\" />\n\n <div class=\"cd-ind__panel\">\n <span\n class=\"cd-ind__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#fbbf24',\n }\"\n >\n {{ seg.value }}\n </span>\n </div>\n <div\n class=\"cd-ind__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || 'rgba(255,255,255,0.7)',\n }\"\n >\n {{ seg.label }}\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-ind {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n overflow: hidden;\n isolation: isolate;\n border: 1px solid rgba(255, 255, 255, 0.08);\n}\n.cd-ind__stripes {\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 45deg,\n rgba(251, 191, 36, 0.06) 0,\n rgba(251, 191, 36, 0.06) 14px,\n rgba(0, 0, 0, 0) 14px,\n rgba(0, 0, 0, 0) 28px\n );\n pointer-events: none;\n}\n.cd-ind__cell {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(180deg, #2c3036, #14171b);\n border: 1px solid rgba(0, 0, 0, 0.6);\n border-radius: 4px;\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.12),\n inset 0 -1px 0 rgba(0, 0, 0, 0.6),\n 0 6px 14px rgba(0, 0, 0, 0.55);\n animation: cd-ind-slide 600ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-ind-slide {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.cd-ind__rivet {\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, #5d626a, #1a1d22);\n box-shadow:\n inset 0 -1px 1px rgba(0, 0, 0, 0.6),\n 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n.cd-ind__rivet--tl {\n top: 6px;\n left: 6px;\n}\n.cd-ind__rivet--tr {\n top: 6px;\n right: 6px;\n}\n.cd-ind__rivet--bl {\n bottom: 30%;\n left: 6px;\n}\n.cd-ind__rivet--br {\n bottom: 30%;\n right: 6px;\n}\n.cd-ind__panel {\n margin: 8px 14px 4px;\n padding: 6px 14px;\n background: #0a0c0f;\n border-radius: 3px;\n border: 1px solid #000;\n box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.85);\n}\n.cd-ind__digit {\n font-weight: 700;\n letter-spacing: 0.08em;\n font-variant-numeric: tabular-nums;\n text-shadow:\n 0 0 6px rgba(251, 191, 36, 0.6),\n 0 0 14px rgba(251, 146, 60, 0.4);\n display: inline-block;\n animation: cd-ind-flash var(--cd-tick, 500ms) ease-out;\n}\n@keyframes cd-ind-flash {\n 0% {\n opacity: 0.3;\n filter: brightness(2);\n }\n 100% {\n opacity: 1;\n filter: brightness(1);\n }\n}\n.cd-ind__label {\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 600;\n margin-top: 4px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration, withAlpha } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\nconst accent = computed(() => props.block.accentColor || \"#a78bfa\");\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(ellipse at 30% 30%, #0d0a2c 0%, #02010c 80%)\",\n fontFamily:\n props.block.fontFamily || \"'Space Grotesk', 'Inter', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-accent\": accent.value,\n \"--cd-glow\": withAlpha(accent.value, 0.5),\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.5}px`,\n height: `${base * 2.5}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 16}px`,\n };\n});\n\nconst nodes = Array.from({ length: 6 }, (_, i) => i);\n</script>\n\n<template>\n <div class=\"cd-ai\" :style=\"containerStyle\">\n <svg class=\"cd-ai__neural\" viewBox=\"0 0 400 200\" aria-hidden=\"true\">\n <g\n stroke=\"var(--cd-accent)\"\n stroke-width=\"0.5\"\n opacity=\"0.55\"\n fill=\"none\"\n >\n <line x1=\"40\" y1=\"40\" x2=\"200\" y2=\"100\" />\n <line x1=\"40\" y1=\"100\" x2=\"200\" y2=\"40\" />\n <line x1=\"40\" y1=\"160\" x2=\"200\" y2=\"100\" />\n <line x1=\"200\" y1=\"40\" x2=\"360\" y2=\"100\" />\n <line x1=\"200\" y1=\"100\" x2=\"360\" y2=\"40\" />\n <line x1=\"200\" y1=\"100\" x2=\"360\" y2=\"160\" />\n </g>\n <g fill=\"var(--cd-accent)\">\n <circle cx=\"40\" cy=\"40\" r=\"3\" />\n <circle cx=\"40\" cy=\"100\" r=\"3\" />\n <circle cx=\"40\" cy=\"160\" r=\"3\" />\n <circle cx=\"200\" cy=\"40\" r=\"3\" />\n <circle cx=\"200\" cy=\"100\" r=\"3\" />\n <circle cx=\"360\" cy=\"40\" r=\"3\" />\n <circle cx=\"360\" cy=\"100\" r=\"3\" />\n <circle cx=\"360\" cy=\"160\" r=\"3\" />\n </g>\n </svg>\n\n <div class=\"cd-ai__data\" aria-hidden=\"true\">\n <span\n v-for=\"i in nodes\"\n :key=\"i\"\n :style=\"{ animationDelay: `${i * 0.5}s` }\"\n />\n </div>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-ai__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 110}ms`,\n }\"\n >\n <span class=\"cd-ai__halo\" />\n <span class=\"cd-ai__inner\">\n <span\n class=\"cd-ai__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-ai__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || withAlpha(accent, 0.85),\n }\"\n >\n {{ seg.label }}\n </span>\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-ai {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 16px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-ai__neural {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0.35;\n filter: drop-shadow(0 0 4px var(--cd-glow));\n pointer-events: none;\n}\n.cd-ai__neural circle {\n animation: cd-ai-pulse 2.5s ease-in-out infinite;\n}\n.cd-ai__neural circle:nth-child(2n) {\n animation-delay: 0.4s;\n}\n.cd-ai__neural circle:nth-child(3n) {\n animation-delay: 0.8s;\n}\n@keyframes cd-ai-pulse {\n 0%,\n 100% {\n transform-origin: center;\n opacity: 0.45;\n r: 2.5;\n }\n 50% {\n opacity: 1;\n r: 4;\n }\n}\n.cd-ai__data {\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n.cd-ai__data span {\n position: absolute;\n top: 0;\n height: 70%;\n width: 1px;\n background: linear-gradient(\n 180deg,\n transparent,\n var(--cd-accent),\n transparent\n );\n filter: drop-shadow(0 0 4px var(--cd-glow));\n opacity: 0;\n animation: cd-ai-stream 4s linear infinite;\n}\n.cd-ai__data span:nth-child(1) {\n left: 18%;\n}\n.cd-ai__data span:nth-child(2) {\n left: 32%;\n}\n.cd-ai__data span:nth-child(3) {\n left: 46%;\n}\n.cd-ai__data span:nth-child(4) {\n left: 60%;\n}\n.cd-ai__data span:nth-child(5) {\n left: 74%;\n}\n.cd-ai__data span:nth-child(6) {\n left: 88%;\n}\n@keyframes cd-ai-stream {\n 0% {\n transform: translateY(-100%);\n opacity: 0;\n }\n 20% {\n opacity: 1;\n }\n 100% {\n transform: translateY(180%);\n opacity: 0;\n }\n}\n.cd-ai__cell {\n position: relative;\n z-index: 1;\n background: rgba(8, 6, 28, 0.78);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid var(--cd-glow);\n box-shadow:\n 0 0 20px var(--cd-glow),\n inset 0 1px 0 rgba(255, 255, 255, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n animation: cd-ai-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-ai-rise {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-ai__halo {\n position: absolute;\n inset: -1px;\n border-radius: inherit;\n background: conic-gradient(\n from 90deg,\n transparent 0%,\n var(--cd-accent) 25%,\n transparent 50%,\n var(--cd-accent) 75%,\n transparent 100%\n );\n filter: blur(8px);\n opacity: 0.65;\n animation: cd-ai-spin 8s linear infinite;\n z-index: 0;\n}\n@keyframes cd-ai-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.cd-ai__inner {\n position: relative;\n z-index: 1;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n border-radius: inherit;\n background: rgba(8, 6, 28, 0.92);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.cd-ai__digit {\n font-weight: 700;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 0 12px var(--cd-glow);\n display: inline-block;\n animation: cd-ai-tick var(--cd-tick, 500ms) ease-out;\n}\n@keyframes cd-ai-tick {\n 0% {\n opacity: 0;\n transform: scale(1.2);\n filter: blur(4px);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n filter: blur(0);\n }\n}\n.cd-ai__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 500;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport type { CountdownStyleProps } from \"./shared\";\nimport { resolveLayoutTokens, speedDuration, withAlpha } from \"./shared\";\n\nconst props = defineProps<CountdownStyleProps>();\nconst layout = computed(() => resolveLayoutTokens(props.block, props.viewport));\nconst tickMs = computed(() => speedDuration(props.block.animationSpeed, 500));\nconst accent = computed(() => props.block.accentColor || \"#a78bfa\");\n\nconst containerStyle = computed(\n () =>\n ({\n background:\n props.block.backgroundColor ||\n \"radial-gradient(ellipse at 30% 30%, #0d0a2c 0%, #02010c 80%)\",\n fontFamily:\n props.block.fontFamily || \"'Space Grotesk', 'Inter', sans-serif\",\n padding: `${layout.value.padding}px`,\n gap: `${layout.value.gap}px`,\n flexDirection: layout.value.stack ? \"column\" : \"row\",\n minHeight: layout.value.fullscreen ? \"60vh\" : undefined,\n \"--cd-accent\": accent.value,\n \"--cd-glow\": withAlpha(accent.value, 0.5),\n \"--cd-tick\": `${tickMs.value}ms`,\n }) as Record<string, string | number | undefined>,\n);\n\nconst cardSize = computed(() => {\n const base = props.block.digitFontSize * layout.value.digitScale;\n return {\n width: `${base * 2.5}px`,\n height: `${base * 2.5}px`,\n fontSize: `${base}px`,\n radius: `${props.block.cardRadius ?? 16}px`,\n };\n});\n\nconst nodes = Array.from({ length: 6 }, (_, i) => i);\n</script>\n\n<template>\n <div class=\"cd-ai\" :style=\"containerStyle\">\n <svg class=\"cd-ai__neural\" viewBox=\"0 0 400 200\" aria-hidden=\"true\">\n <g\n stroke=\"var(--cd-accent)\"\n stroke-width=\"0.5\"\n opacity=\"0.55\"\n fill=\"none\"\n >\n <line x1=\"40\" y1=\"40\" x2=\"200\" y2=\"100\" />\n <line x1=\"40\" y1=\"100\" x2=\"200\" y2=\"40\" />\n <line x1=\"40\" y1=\"160\" x2=\"200\" y2=\"100\" />\n <line x1=\"200\" y1=\"40\" x2=\"360\" y2=\"100\" />\n <line x1=\"200\" y1=\"100\" x2=\"360\" y2=\"40\" />\n <line x1=\"200\" y1=\"100\" x2=\"360\" y2=\"160\" />\n </g>\n <g fill=\"var(--cd-accent)\">\n <circle cx=\"40\" cy=\"40\" r=\"3\" />\n <circle cx=\"40\" cy=\"100\" r=\"3\" />\n <circle cx=\"40\" cy=\"160\" r=\"3\" />\n <circle cx=\"200\" cy=\"40\" r=\"3\" />\n <circle cx=\"200\" cy=\"100\" r=\"3\" />\n <circle cx=\"360\" cy=\"40\" r=\"3\" />\n <circle cx=\"360\" cy=\"100\" r=\"3\" />\n <circle cx=\"360\" cy=\"160\" r=\"3\" />\n </g>\n </svg>\n\n <div class=\"cd-ai__data\" aria-hidden=\"true\">\n <span\n v-for=\"i in nodes\"\n :key=\"i\"\n :style=\"{ animationDelay: `${i * 0.5}s` }\"\n />\n </div>\n\n <div\n v-for=\"(seg, i) in segments\"\n :key=\"seg.key\"\n class=\"cd-ai__cell\"\n :style=\"{\n width: cardSize.width,\n height: cardSize.height,\n borderRadius: cardSize.radius,\n animationDelay: `${i * 110}ms`,\n }\"\n >\n <span class=\"cd-ai__halo\" />\n <span class=\"cd-ai__inner\">\n <span\n class=\"cd-ai__digit\"\n :key=\"seg.value\"\n :style=\"{\n fontSize: cardSize.fontSize,\n color: block.digitColor || '#ffffff',\n }\"\n >\n {{ seg.value }}\n </span>\n <span\n class=\"cd-ai__label\"\n :style=\"{\n fontSize: `${block.labelFontSize}px`,\n color: block.labelColor || withAlpha(accent, 0.85),\n }\"\n >\n {{ seg.label }}\n </span>\n </span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.cd-ai {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 16px;\n overflow: hidden;\n isolation: isolate;\n}\n.cd-ai__neural {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0.35;\n filter: drop-shadow(0 0 4px var(--cd-glow));\n pointer-events: none;\n}\n.cd-ai__neural circle {\n animation: cd-ai-pulse 2.5s ease-in-out infinite;\n}\n.cd-ai__neural circle:nth-child(2n) {\n animation-delay: 0.4s;\n}\n.cd-ai__neural circle:nth-child(3n) {\n animation-delay: 0.8s;\n}\n@keyframes cd-ai-pulse {\n 0%,\n 100% {\n transform-origin: center;\n opacity: 0.45;\n r: 2.5;\n }\n 50% {\n opacity: 1;\n r: 4;\n }\n}\n.cd-ai__data {\n position: absolute;\n inset: 0;\n pointer-events: none;\n}\n.cd-ai__data span {\n position: absolute;\n top: 0;\n height: 70%;\n width: 1px;\n background: linear-gradient(\n 180deg,\n transparent,\n var(--cd-accent),\n transparent\n );\n filter: drop-shadow(0 0 4px var(--cd-glow));\n opacity: 0;\n animation: cd-ai-stream 4s linear infinite;\n}\n.cd-ai__data span:nth-child(1) {\n left: 18%;\n}\n.cd-ai__data span:nth-child(2) {\n left: 32%;\n}\n.cd-ai__data span:nth-child(3) {\n left: 46%;\n}\n.cd-ai__data span:nth-child(4) {\n left: 60%;\n}\n.cd-ai__data span:nth-child(5) {\n left: 74%;\n}\n.cd-ai__data span:nth-child(6) {\n left: 88%;\n}\n@keyframes cd-ai-stream {\n 0% {\n transform: translateY(-100%);\n opacity: 0;\n }\n 20% {\n opacity: 1;\n }\n 100% {\n transform: translateY(180%);\n opacity: 0;\n }\n}\n.cd-ai__cell {\n position: relative;\n z-index: 1;\n background: rgba(8, 6, 28, 0.78);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: 1px solid var(--cd-glow);\n box-shadow:\n 0 0 20px var(--cd-glow),\n inset 0 1px 0 rgba(255, 255, 255, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n animation: cd-ai-rise 800ms cubic-bezier(0.16, 1, 0.3, 1) backwards;\n}\n@keyframes cd-ai-rise {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.9);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n.cd-ai__halo {\n position: absolute;\n inset: -1px;\n border-radius: inherit;\n background: conic-gradient(\n from 90deg,\n transparent 0%,\n var(--cd-accent) 25%,\n transparent 50%,\n var(--cd-accent) 75%,\n transparent 100%\n );\n filter: blur(8px);\n opacity: 0.65;\n animation: cd-ai-spin 8s linear infinite;\n z-index: 0;\n}\n@keyframes cd-ai-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.cd-ai__inner {\n position: relative;\n z-index: 1;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n border-radius: inherit;\n background: rgba(8, 6, 28, 0.92);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.cd-ai__digit {\n font-weight: 700;\n letter-spacing: -0.02em;\n font-variant-numeric: tabular-nums;\n text-shadow: 0 0 12px var(--cd-glow);\n display: inline-block;\n animation: cd-ai-tick var(--cd-tick, 500ms) ease-out;\n}\n@keyframes cd-ai-tick {\n 0% {\n opacity: 0;\n transform: scale(1.2);\n filter: blur(4px);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n filter: blur(0);\n }\n}\n.cd-ai__label {\n margin-top: 6px;\n text-transform: uppercase;\n letter-spacing: 0.3em;\n font-weight: 500;\n}\n</style>\n","import type { Component } from \"vue\";\nimport type { CountdownStyle } from \"@aswin.dev/types\";\n\nimport MinimalStyle from \"./MinimalStyle.vue\";\nimport MatrixStyle from \"./MatrixStyle.vue\";\nimport FlipClockStyle from \"./FlipClockStyle.vue\";\nimport GlassmorphismStyle from \"./GlassmorphismStyle.vue\";\nimport NeonGamingStyle from \"./NeonGamingStyle.vue\";\nimport RetroLedStyle from \"./RetroLedStyle.vue\";\nimport SciFiHologramStyle from \"./SciFiHologramStyle.vue\";\nimport LuxuryGoldStyle from \"./LuxuryGoldStyle.vue\";\nimport Floating3dStyle from \"./Floating3dStyle.vue\";\nimport LiquidMorphStyle from \"./LiquidMorphStyle.vue\";\nimport MinimalDarkSaasStyle from \"./MinimalDarkSaasStyle.vue\";\nimport MechanicalCounterStyle from \"./MechanicalCounterStyle.vue\";\nimport GradientBlobStyle from \"./GradientBlobStyle.vue\";\nimport TerminalCliStyle from \"./TerminalCliStyle.vue\";\nimport SpaceGalaxyStyle from \"./SpaceGalaxyStyle.vue\";\nimport AnimeCyberpunkStyle from \"./AnimeCyberpunkStyle.vue\";\nimport LuxuryWeddingStyle from \"./LuxuryWeddingStyle.vue\";\nimport KidsCartoonStyle from \"./KidsCartoonStyle.vue\";\nimport IndustrialTechStyle from \"./IndustrialTechStyle.vue\";\nimport AiFuturisticStyle from \"./AiFuturisticStyle.vue\";\n\nexport interface CountdownStyleEntry {\n id: CountdownStyle;\n /** Stable English label — translated in the toolbar via i18n. */\n label: string;\n component: Component;\n}\n\nexport const COUNTDOWN_STYLES: readonly CountdownStyleEntry[] = [\n { id: \"minimal\", label: \"Minimal Modern\", component: MinimalStyle },\n { id: \"matrix\", label: \"Matrix Cyberpunk\", component: MatrixStyle },\n { id: \"flip\", label: \"Flip Clock\", component: FlipClockStyle },\n {\n id: \"glassmorphism\",\n label: \"Glassmorphism\",\n component: GlassmorphismStyle,\n },\n { id: \"neonGaming\", label: \"Neon Gaming\", component: NeonGamingStyle },\n { id: \"retroLed\", label: \"Retro LED\", component: RetroLedStyle },\n {\n id: \"scifiHologram\",\n label: \"Sci-Fi Hologram\",\n component: SciFiHologramStyle,\n },\n { id: \"luxuryGold\", label: \"Luxury Gold\", component: LuxuryGoldStyle },\n { id: \"floating3d\", label: \"3D Floating\", component: Floating3dStyle },\n { id: \"liquidMorph\", label: \"Liquid Morph\", component: LiquidMorphStyle },\n {\n id: \"minimalDarkSaas\",\n label: \"Minimal Dark SaaS\",\n component: MinimalDarkSaasStyle,\n },\n {\n id: \"mechanicalCounter\",\n label: \"Mechanical Counter\",\n component: MechanicalCounterStyle,\n },\n { id: \"gradientBlob\", label: \"Gradient Blob\", component: GradientBlobStyle },\n { id: \"terminalCli\", label: \"Terminal CLI\", component: TerminalCliStyle },\n { id: \"spaceGalaxy\", label: \"Space Galaxy\", component: SpaceGalaxyStyle },\n {\n id: \"animeCyberpunk\",\n label: \"Anime Cyberpunk\",\n component: AnimeCyberpunkStyle,\n },\n {\n id: \"luxuryWedding\",\n label: \"Luxury Wedding\",\n component: LuxuryWeddingStyle,\n },\n { id: \"kidsCartoon\", label: \"Kids Cartoon\", component: KidsCartoonStyle },\n {\n id: \"industrialTech\",\n label: \"Industrial Tech\",\n component: IndustrialTechStyle,\n },\n { id: \"aiFuturistic\", label: \"AI Futuristic\", component: AiFuturisticStyle },\n] as const;\n\nconst STYLE_MAP: Record<CountdownStyle, Component> = COUNTDOWN_STYLES.reduce(\n (acc, entry) => {\n acc[entry.id] = entry.component;\n return acc;\n },\n {} as Record<CountdownStyle, Component>,\n);\n\nexport function resolveCountdownStyleComponent(\n style: CountdownStyle | undefined,\n): Component {\n return STYLE_MAP[style ?? \"minimal\"] ?? MinimalStyle;\n}\n\nexport { MinimalStyle };\n","<script setup lang=\"ts\">\nimport type {\n CountdownBlock as CountdownBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed, toRef } from \"vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useCountdownTimer } from \"../../composables/useCountdownTimer\";\nimport { resolveCountdownStyleComponent } from \"./countdown\";\nimport \"./countdown/countdown-themes.css\";\n\nconst props = defineProps<{\n block: CountdownBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst blockRef = toRef(props, \"block\");\nconst timer = useCountdownTimer(blockRef);\n\n// Themed variants are temporarily disabled — every countdown renders as the\n// Minimal Modern style. The CountdownStyle field is still on the schema and\n// every themed component is still registered, so re-enabling is a one-liner:\n// switch this back to `resolveCountdownStyleComponent(props.block.style)`.\nconst styleComponent = computed(() =>\n resolveCountdownStyleComponent(\"minimal\"),\n);\n\nconst separatorChar = computed(() => props.block.separator);\nconst themeKey = \"minimal\";\n</script>\n\n<template>\n \n <div\n v-if=\"!block.targetDate\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8 tpl:text-sm tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ t.countdown.setDate }}\n </div>\n\n \n <div\n v-else-if=\"timer.isExpired.value && block.hideOnExpiry\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-4 tpl:text-xs tpl:text-[var(--tpl-text-dim)] tpl:opacity-50\"\n >\n {{ t.countdown.hidden }}\n </div>\n\n \n <div\n v-else-if=\"timer.isExpired.value\"\n :style=\"{\n backgroundColor: block.backgroundColor,\n fontFamily: block.fontFamily || 'inherit',\n }\"\n class=\"tpl:py-4 tpl:text-center\"\n >\n <span\n :style=\"{\n fontSize: `${block.digitFontSize}px`,\n color: block.digitColor,\n }\"\n >\n {{ block.expiredMessage }}\n </span>\n </div>\n\n \n <component\n v-else\n :is=\"styleComponent\"\n :block=\"block\"\n :viewport=\"viewport\"\n :segments=\"timer.segments.value\"\n :separator=\"separatorChar\"\n :data-cd-theme=\"themeKey\"\n />\n</template>\n","<script setup lang=\"ts\">\nimport type {\n CountdownBlock as CountdownBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed, toRef } from \"vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useCountdownTimer } from \"../../composables/useCountdownTimer\";\nimport { resolveCountdownStyleComponent } from \"./countdown\";\nimport \"./countdown/countdown-themes.css\";\n\nconst props = defineProps<{\n block: CountdownBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst blockRef = toRef(props, \"block\");\nconst timer = useCountdownTimer(blockRef);\n\n// Themed variants are temporarily disabled — every countdown renders as the\n// Minimal Modern style. The CountdownStyle field is still on the schema and\n// every themed component is still registered, so re-enabling is a one-liner:\n// switch this back to `resolveCountdownStyleComponent(props.block.style)`.\nconst styleComponent = computed(() =>\n resolveCountdownStyleComponent(\"minimal\"),\n);\n\nconst separatorChar = computed(() => props.block.separator);\nconst themeKey = \"minimal\";\n</script>\n\n<template>\n \n <div\n v-if=\"!block.targetDate\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8 tpl:text-sm tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ t.countdown.setDate }}\n </div>\n\n \n <div\n v-else-if=\"timer.isExpired.value && block.hideOnExpiry\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-4 tpl:text-xs tpl:text-[var(--tpl-text-dim)] tpl:opacity-50\"\n >\n {{ t.countdown.hidden }}\n </div>\n\n \n <div\n v-else-if=\"timer.isExpired.value\"\n :style=\"{\n backgroundColor: block.backgroundColor,\n fontFamily: block.fontFamily || 'inherit',\n }\"\n class=\"tpl:py-4 tpl:text-center\"\n >\n <span\n :style=\"{\n fontSize: `${block.digitFontSize}px`,\n color: block.digitColor,\n }\"\n >\n {{ block.expiredMessage }}\n </span>\n </div>\n\n \n <component\n v-else\n :is=\"styleComponent\"\n :block=\"block\"\n :viewport=\"viewport\"\n :segments=\"timer.segments.value\"\n :separator=\"separatorChar\"\n :data-cd-theme=\"themeKey\"\n />\n</template>\n","<script setup lang=\"ts\">\nimport type {\n FormBlock as FormBlockType,\n FormFieldData,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: FormBlockType;\n viewport: ViewportSize;\n}>();\n\nfunction hasVisibleLabel(field: FormFieldData): boolean {\n return Boolean(field.label?.trim());\n}\n\n/** When there is no visible label element, expose a short name for screen readers. */\nfunction inputAriaLabel(field: FormFieldData): string | undefined {\n if (hasVisibleLabel(field)) return undefined;\n const p = field.placeholder?.trim();\n if (p) return p;\n const n = field.name?.trim();\n if (n) return n;\n if (field.type === \"email\") return \"Email\";\n if (field.type === \"phone\") return \"Phone\";\n return \"Input\";\n}\n\nfunction spacingCss(s: {\n top: number;\n right: number;\n bottom: number;\n left: number;\n}): string {\n return `${s.top}px ${s.right}px ${s.bottom}px ${s.left}px`;\n}\n\nfunction inputType(field: FormFieldData): string {\n if (field.type === \"email\") return \"email\";\n if (field.type === \"phone\") return \"tel\";\n return \"text\";\n}\n\nconst labelStyle = computed(\n (): Record<string, string> => ({\n display: \"block\",\n marginBottom: \"6px\",\n fontSize: `${props.block.labelFontSize}px`,\n color: props.block.labelColor,\n fontWeight: \"500\",\n }),\n);\n\nconst inputStyle = computed(\n (): Record<string, string> => ({\n boxSizing: \"border-box\",\n display: \"block\",\n width: \"100%\",\n padding: spacingCss(props.block.inputPadding),\n fontSize: `${props.block.inputFontSize}px`,\n color: props.block.inputTextColor,\n backgroundColor: props.block.inputBackgroundColor,\n borderRadius: `${props.block.inputBorderRadius}px`,\n border:\n props.block.inputBorderWidth > 0\n ? `${props.block.inputBorderWidth}px solid ${props.block.inputBorderColor}`\n : \"none\",\n outline: \"none\",\n }),\n);\n\nconst stackGap = computed(() => `${props.block.inputSpacing}px`);\n\nconst buttonStyle = computed(\n (): Record<string, string> => ({\n display: \"block\",\n width: \"100%\",\n padding: spacingCss(props.block.inputPadding),\n fontSize: `${props.block.buttonFontSize}px`,\n color: props.block.buttonTextColor,\n backgroundColor: props.block.buttonBackgroundColor,\n borderRadius: `${props.block.buttonBorderRadius}px`,\n border: \"none\",\n fontWeight: \"600\",\n cursor: \"pointer\",\n textAlign: \"center\",\n }),\n);\n\nconst placeholderHex = computed(() => props.block.inputPlaceholderColor);\nconst formId = computed(() => `tpl-form-${props.block.id}`);\n\nconst buttonRowStyle = computed((): Record<string, string> => {\n if (props.block.buttonLayout === \"two_lines\") {\n return { display: \"block\", marginTop: stackGap.value };\n }\n return {\n display: \"flex\",\n gap: stackGap.value,\n alignItems: \"stretch\",\n marginTop: stackGap.value,\n };\n});\n</script>\n\n<template>\n <div :id=\"formId\" class=\"tpl-form-root tpl:w-full\">\n <div\n v-if=\"block.fields.length === 0\"\n class=\"tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-6 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n Add a field from the Fields tab to begin.\n </div>\n\n <div\n v-else\n class=\"tpl-form-stack\"\n :style=\"{\n display: 'flex',\n flexDirection: 'column',\n gap: stackGap,\n }\"\n >\n <div\n v-for=\"field in block.fields\"\n :key=\"field.id\"\n class=\"tpl-form-field tpl:flex tpl:flex-col tpl:gap-1\"\n >\n <label\n v-if=\"hasVisibleLabel(field)\"\n :for=\"`${field.id}-input`\"\n class=\"tpl-form-label tpl:block tpl:leading-snug\"\n :style=\"labelStyle\"\n >\n {{ field.label.trim()\n }}<span\n v-if=\"field.required\"\n class=\"tpl:ml-1 tpl:text-[var(--tpl-danger)]\"\n >*</span\n >\n </label>\n <input\n :id=\"`${field.id}-input`\"\n class=\"tpl-form-input\"\n :type=\"inputType(field)\"\n :name=\"field.name\"\n :placeholder=\"field.placeholder\"\n :aria-label=\"inputAriaLabel(field)\"\n value=\"\"\n :required=\"field.required\"\n readonly\n tabindex=\"-1\"\n :style=\"inputStyle\"\n />\n </div>\n </div>\n\n <div :style=\"buttonRowStyle\">\n <button type=\"button\" :style=\"buttonStyle\" tabindex=\"-1\">\n {{ block.submitButtonText }}\n </button>\n </div>\n\n <div\n v-if=\"block.termsEnabled && block.termsContent\"\n class=\"tpl:mt-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:leading-snug\"\n v-html=\"block.termsContent\"\n />\n </div>\n</template>\n\n<style scoped>\n.tpl-form-root {\n --tpl-form-ph: v-bind(placeholderHex);\n}\n.tpl-form-input::placeholder {\n color: var(--tpl-form-ph);\n opacity: 1;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type {\n FormBlock as FormBlockType,\n FormFieldData,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: FormBlockType;\n viewport: ViewportSize;\n}>();\n\nfunction hasVisibleLabel(field: FormFieldData): boolean {\n return Boolean(field.label?.trim());\n}\n\n/** When there is no visible label element, expose a short name for screen readers. */\nfunction inputAriaLabel(field: FormFieldData): string | undefined {\n if (hasVisibleLabel(field)) return undefined;\n const p = field.placeholder?.trim();\n if (p) return p;\n const n = field.name?.trim();\n if (n) return n;\n if (field.type === \"email\") return \"Email\";\n if (field.type === \"phone\") return \"Phone\";\n return \"Input\";\n}\n\nfunction spacingCss(s: {\n top: number;\n right: number;\n bottom: number;\n left: number;\n}): string {\n return `${s.top}px ${s.right}px ${s.bottom}px ${s.left}px`;\n}\n\nfunction inputType(field: FormFieldData): string {\n if (field.type === \"email\") return \"email\";\n if (field.type === \"phone\") return \"tel\";\n return \"text\";\n}\n\nconst labelStyle = computed(\n (): Record<string, string> => ({\n display: \"block\",\n marginBottom: \"6px\",\n fontSize: `${props.block.labelFontSize}px`,\n color: props.block.labelColor,\n fontWeight: \"500\",\n }),\n);\n\nconst inputStyle = computed(\n (): Record<string, string> => ({\n boxSizing: \"border-box\",\n display: \"block\",\n width: \"100%\",\n padding: spacingCss(props.block.inputPadding),\n fontSize: `${props.block.inputFontSize}px`,\n color: props.block.inputTextColor,\n backgroundColor: props.block.inputBackgroundColor,\n borderRadius: `${props.block.inputBorderRadius}px`,\n border:\n props.block.inputBorderWidth > 0\n ? `${props.block.inputBorderWidth}px solid ${props.block.inputBorderColor}`\n : \"none\",\n outline: \"none\",\n }),\n);\n\nconst stackGap = computed(() => `${props.block.inputSpacing}px`);\n\nconst buttonStyle = computed(\n (): Record<string, string> => ({\n display: \"block\",\n width: \"100%\",\n padding: spacingCss(props.block.inputPadding),\n fontSize: `${props.block.buttonFontSize}px`,\n color: props.block.buttonTextColor,\n backgroundColor: props.block.buttonBackgroundColor,\n borderRadius: `${props.block.buttonBorderRadius}px`,\n border: \"none\",\n fontWeight: \"600\",\n cursor: \"pointer\",\n textAlign: \"center\",\n }),\n);\n\nconst placeholderHex = computed(() => props.block.inputPlaceholderColor);\nconst formId = computed(() => `tpl-form-${props.block.id}`);\n\nconst buttonRowStyle = computed((): Record<string, string> => {\n if (props.block.buttonLayout === \"two_lines\") {\n return { display: \"block\", marginTop: stackGap.value };\n }\n return {\n display: \"flex\",\n gap: stackGap.value,\n alignItems: \"stretch\",\n marginTop: stackGap.value,\n };\n});\n</script>\n\n<template>\n <div :id=\"formId\" class=\"tpl-form-root tpl:w-full\">\n <div\n v-if=\"block.fields.length === 0\"\n class=\"tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-6 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n Add a field from the Fields tab to begin.\n </div>\n\n <div\n v-else\n class=\"tpl-form-stack\"\n :style=\"{\n display: 'flex',\n flexDirection: 'column',\n gap: stackGap,\n }\"\n >\n <div\n v-for=\"field in block.fields\"\n :key=\"field.id\"\n class=\"tpl-form-field tpl:flex tpl:flex-col tpl:gap-1\"\n >\n <label\n v-if=\"hasVisibleLabel(field)\"\n :for=\"`${field.id}-input`\"\n class=\"tpl-form-label tpl:block tpl:leading-snug\"\n :style=\"labelStyle\"\n >\n {{ field.label.trim()\n }}<span\n v-if=\"field.required\"\n class=\"tpl:ml-1 tpl:text-[var(--tpl-danger)]\"\n >*</span\n >\n </label>\n <input\n :id=\"`${field.id}-input`\"\n class=\"tpl-form-input\"\n :type=\"inputType(field)\"\n :name=\"field.name\"\n :placeholder=\"field.placeholder\"\n :aria-label=\"inputAriaLabel(field)\"\n value=\"\"\n :required=\"field.required\"\n readonly\n tabindex=\"-1\"\n :style=\"inputStyle\"\n />\n </div>\n </div>\n\n <div :style=\"buttonRowStyle\">\n <button type=\"button\" :style=\"buttonStyle\" tabindex=\"-1\">\n {{ block.submitButtonText }}\n </button>\n </div>\n\n <div\n v-if=\"block.termsEnabled && block.termsContent\"\n class=\"tpl:mt-3 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:leading-snug\"\n v-html=\"block.termsContent\"\n />\n </div>\n</template>\n\n<style scoped>\n.tpl-form-root {\n --tpl-form-ph: v-bind(placeholderHex);\n}\n.tpl-form-input::placeholder {\n color: var(--tpl-form-ph);\n opacity: 1;\n}\n</style>\n","import type { SocialPlatform } from \"@aswin.dev/types\";\n\nexport interface SocialIconDefinition {\n name: string;\n color: string;\n path: string;\n}\n\nexport const socialIcons: Record<SocialPlatform, SocialIconDefinition> = {\n facebook: {\n name: \"Facebook\",\n color: \"#1877F2\",\n path: \"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\",\n },\n twitter: {\n name: \"X\",\n color: \"#000000\",\n path: \"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\",\n },\n instagram: {\n name: \"Instagram\",\n color: \"#E4405F\",\n path: \"M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z\",\n },\n linkedin: {\n name: \"LinkedIn\",\n color: \"#0A66C2\",\n path: \"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\",\n },\n youtube: {\n name: \"YouTube\",\n color: \"#FF0000\",\n path: \"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\",\n },\n tiktok: {\n name: \"TikTok\",\n color: \"#000000\",\n path: \"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\",\n },\n pinterest: {\n name: \"Pinterest\",\n color: \"#BD081C\",\n path: \"M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z\",\n },\n email: {\n name: \"Email\",\n color: \"#6B7280\",\n path: \"M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z\",\n },\n whatsapp: {\n name: \"WhatsApp\",\n color: \"#25D366\",\n path: \"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\",\n },\n telegram: {\n name: \"Telegram\",\n color: \"#26A5E4\",\n path: \"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\",\n },\n discord: {\n name: \"Discord\",\n color: \"#5865F2\",\n path: \"M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z\",\n },\n snapchat: {\n name: \"Snapchat\",\n color: \"#FFFC00\",\n path: \"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12.017-5.373 12.017-12.001C24.034 5.367 18.644 0 12.017 0z\",\n },\n reddit: {\n name: \"Reddit\",\n color: \"#FF4500\",\n path: \"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z\",\n },\n github: {\n name: \"GitHub\",\n color: \"#181717\",\n path: \"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\",\n },\n dribbble: {\n name: \"Dribbble\",\n color: \"#EA4C89\",\n path: \"M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.392-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z\",\n },\n behance: {\n name: \"Behance\",\n color: \"#1769FF\",\n path: \"M22 7h-7V5h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-3.074 0-5.564-1.729-5.564-5.675 0-3.91 2.325-5.92 5.466-5.92 3.082 0 4.964 1.782 5.375 4.426.078.506.109 1.188.095 2.14H15.97c.13 3.211 3.483 3.312 4.588 2.029h3.168zm-7.686-4h4.965c-.105-1.547-1.136-2.219-2.477-2.219-1.466 0-2.277.768-2.488 2.219zm-9.574 6.988H0V5.021h6.953c5.476.081 5.58 5.444 2.72 6.906 3.461 1.26 3.577 8.061-3.207 8.061zM3 11h3.584c2.508 0 2.906-3-.312-3H3v3zm3.391 3H3v3.016h3.341c3.055 0 2.868-3.016.05-3.016z\",\n },\n};\n\nexport const socialIconSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n small: 24,\n medium: 32,\n large: 48,\n};\n\nexport const socialPlatformOptions: SocialPlatform[] = [\n \"facebook\",\n \"twitter\",\n \"instagram\",\n \"linkedin\",\n \"youtube\",\n \"tiktok\",\n \"pinterest\",\n \"email\",\n \"whatsapp\",\n \"telegram\",\n \"discord\",\n \"snapchat\",\n \"reddit\",\n \"github\",\n \"dribbble\",\n \"behance\",\n];\n","<script setup lang=\"ts\">\nimport { socialIcons, socialIconSizeMap } from \"../../constants/socialIcons\";\nimport type {\n SocialIconSize,\n SocialIconStyle,\n SocialPlatform,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n platform: SocialPlatform;\n iconStyle: SocialIconStyle;\n iconSize: SocialIconSize;\n}>();\n\nconst iconDef = computed(() => socialIcons[props.platform]);\nconst size = computed(() => socialIconSizeMap[props.iconSize]);\n\nconst containerStyle = computed(() => {\n const baseStyles: Record<string, string> = {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: `${size.value}px`,\n height: `${size.value}px`,\n };\n\n switch (props.iconStyle) {\n case \"solid\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"4px\",\n };\n case \"outlined\":\n return {\n ...baseStyles,\n backgroundColor: \"transparent\",\n border: `2px solid ${iconDef.value.color}`,\n borderRadius: \"4px\",\n };\n case \"rounded\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"8px\",\n };\n case \"square\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"0\",\n };\n case \"circle\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"50%\",\n };\n default:\n return baseStyles;\n }\n});\n\nconst svgSize = computed(() => Math.floor(size.value * 0.6));\n\nconst svgColor = computed(() => {\n if (props.iconStyle === \"outlined\") {\n return iconDef.value.color;\n }\n return \"#ffffff\";\n});\n</script>\n\n<template>\n <span :style=\"containerStyle\">\n <svg\n :width=\"svgSize\"\n :height=\"svgSize\"\n viewBox=\"0 0 24 24\"\n :fill=\"svgColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path :d=\"iconDef.path\" />\n </svg>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { socialIcons, socialIconSizeMap } from \"../../constants/socialIcons\";\nimport type {\n SocialIconSize,\n SocialIconStyle,\n SocialPlatform,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n platform: SocialPlatform;\n iconStyle: SocialIconStyle;\n iconSize: SocialIconSize;\n}>();\n\nconst iconDef = computed(() => socialIcons[props.platform]);\nconst size = computed(() => socialIconSizeMap[props.iconSize]);\n\nconst containerStyle = computed(() => {\n const baseStyles: Record<string, string> = {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: `${size.value}px`,\n height: `${size.value}px`,\n };\n\n switch (props.iconStyle) {\n case \"solid\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"4px\",\n };\n case \"outlined\":\n return {\n ...baseStyles,\n backgroundColor: \"transparent\",\n border: `2px solid ${iconDef.value.color}`,\n borderRadius: \"4px\",\n };\n case \"rounded\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"8px\",\n };\n case \"square\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"0\",\n };\n case \"circle\":\n return {\n ...baseStyles,\n backgroundColor: iconDef.value.color,\n borderRadius: \"50%\",\n };\n default:\n return baseStyles;\n }\n});\n\nconst svgSize = computed(() => Math.floor(size.value * 0.6));\n\nconst svgColor = computed(() => {\n if (props.iconStyle === \"outlined\") {\n return iconDef.value.color;\n }\n return \"#ffffff\";\n});\n</script>\n\n<template>\n <span :style=\"containerStyle\">\n <svg\n :width=\"svgSize\"\n :height=\"svgSize\"\n viewBox=\"0 0 24 24\"\n :fill=\"svgColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path :d=\"iconDef.path\" />\n </svg>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport SocialIconSvg from \"./SocialIconSvg.vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n SocialIconsBlock as SocialIconsBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Share2 } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: SocialIconsBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst containerStyle = computed(() => ({\n display: \"flex\",\n flexWrap: \"wrap\" as const,\n gap: `${props.block.spacing}px`,\n justifyContent:\n props.block.align === \"left\"\n ? \"flex-start\"\n : props.block.align === \"right\"\n ? \"flex-end\"\n : \"center\",\n}));\n\nconst hasIcons = computed(() => props.block.icons.length > 0);\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div v-if=\"hasIcons\" :style=\"containerStyle\">\n <a\n v-for=\"icon in block.icons\"\n :key=\"icon.id\"\n :href=\"icon.url || '#'\"\n class=\"tpl:cursor-default\"\n @click.prevent\n >\n <SocialIconSvg\n :platform=\"icon.platform\"\n :icon-style=\"block.iconStyle\"\n :icon-size=\"block.iconSize\"\n />\n </a>\n </div>\n <div\n v-else\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Share2 :size=\"16\" />\n <span>{{ t.social.addIcons }}</span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport SocialIconSvg from \"./SocialIconSvg.vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n SocialIconsBlock as SocialIconsBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Share2 } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: SocialIconsBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\n\nconst containerStyle = computed(() => ({\n display: \"flex\",\n flexWrap: \"wrap\" as const,\n gap: `${props.block.spacing}px`,\n justifyContent:\n props.block.align === \"left\"\n ? \"flex-start\"\n : props.block.align === \"right\"\n ? \"flex-end\"\n : \"center\",\n}));\n\nconst hasIcons = computed(() => props.block.icons.length > 0);\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div v-if=\"hasIcons\" :style=\"containerStyle\">\n <a\n v-for=\"icon in block.icons\"\n :key=\"icon.id\"\n :href=\"icon.url || '#'\"\n class=\"tpl:cursor-default\"\n @click.prevent\n >\n <SocialIconSvg\n :platform=\"icon.platform\"\n :icon-style=\"block.iconStyle\"\n :icon-size=\"block.iconSize\"\n />\n </a>\n </div>\n <div\n v-else\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Share2 :size=\"16\" />\n <span>{{ t.social.addIcons }}</span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n SpacerBlock as SpacerBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\nimport { EDITOR_KEY, requireInject } from \"../../keys\";\n\nconst props = defineProps<{\n block: SpacerBlockType;\n viewport: ViewportSize;\n}>();\n\nconst editor = requireInject(EDITOR_KEY, \"SpacerBlock\");\n\nconst spacerStyle = computed(() => ({\n height: `${props.block.height}px`,\n minHeight: `${props.block.height}px`,\n ...(editor.state.previewMode ? {} : { borderColor: \"var(--tpl-border)\" }),\n}));\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div\n :style=\"spacerStyle\"\n class=\"tpl:relative tpl:flex tpl:items-center tpl:justify-center\"\n :class=\"{\n 'tpl:border-y tpl:border-dashed': !editor.state.previewMode,\n }\"\n >\n <span\n v-if=\"!editor.state.previewMode\"\n class=\"tpl:absolute tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium\"\n style=\"\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text-dim);\n \"\n >\n {{ block.height }}px\n </span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n SpacerBlock as SpacerBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\nimport { EDITOR_KEY, requireInject } from \"../../keys\";\n\nconst props = defineProps<{\n block: SpacerBlockType;\n viewport: ViewportSize;\n}>();\n\nconst editor = requireInject(EDITOR_KEY, \"SpacerBlock\");\n\nconst spacerStyle = computed(() => ({\n height: `${props.block.height}px`,\n minHeight: `${props.block.height}px`,\n ...(editor.state.previewMode ? {} : { borderColor: \"var(--tpl-border)\" }),\n}));\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div\n :style=\"spacerStyle\"\n class=\"tpl:relative tpl:flex tpl:items-center tpl:justify-center\"\n :class=\"{\n 'tpl:border-y tpl:border-dashed': !editor.state.previewMode,\n }\"\n >\n <span\n v-if=\"!editor.state.previewMode\"\n class=\"tpl:absolute tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium\"\n style=\"\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text-dim);\n \"\n >\n {{ block.height }}px\n </span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n TableBlock as TableBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Table } from \"@lucide/vue\";\nimport { computed, type Directive } from \"vue\";\nimport { EDITOR_KEY, requireInject } from \"../../keys\";\n\n// Hydrate a contenteditable cell's text imperatively. v-text would re-apply\n// on every prop update and overwrite the user's keystrokes mid-edit when\n// external content lands (collab event, undo replay, autosave round-trip),\n// so we skip the update while the cell is focused — DOM is the source of\n// truth during edit, and the prop syncs back via @blur.\nconst vCellContent: Directive<HTMLElement, string> = {\n mounted(el, binding) {\n el.textContent = binding.value ?? \"\";\n },\n updated(el, binding) {\n if (binding.value === binding.oldValue) return;\n if (el.ownerDocument.activeElement === el) return;\n el.textContent = binding.value ?? \"\";\n },\n};\n\nconst props = defineProps<{\n block: TableBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\nconst editor = requireInject(EDITOR_KEY, \"TableBlock\");\n\nconst hasRows = computed(() => props.block.rows.length > 0);\n\nconst tableStyle = computed(\n (): Record<string, string> => ({\n width: \"100%\",\n borderCollapse: \"collapse\",\n fontSize: `${props.block.fontSize}px`,\n color: props.block.color,\n textAlign: props.block.textAlign,\n fontFamily: props.block.fontFamily || \"inherit\",\n }),\n);\n\nconst cellStyle = computed(\n (): Record<string, string> => ({\n border: `${props.block.borderWidth}px solid ${props.block.borderColor}`,\n padding: `${props.block.cellPadding}px`,\n textAlign: props.block.textAlign,\n }),\n);\n\nconst headerCellStyle = computed(\n (): Record<string, string> => ({\n ...cellStyle.value,\n fontWeight: \"bold\",\n backgroundColor: props.block.headerBackgroundColor || \"transparent\",\n }),\n);\n\nconst headerRow = computed(() =>\n props.block.hasHeaderRow && props.block.rows.length > 0\n ? props.block.rows[0]\n : null,\n);\n\nconst dataRows = computed(() =>\n props.block.hasHeaderRow ? props.block.rows.slice(1) : props.block.rows,\n);\n\nfunction onCellClick(): void {\n editor.selectBlock(props.block.id);\n}\n\nfunction onCellBlur(rowId: string, cellId: string, event: FocusEvent): void {\n const target = event.target as HTMLElement;\n const content = target.innerText.trim();\n\n const updatedRows = props.block.rows.map((row) => {\n if (row.id !== rowId) return row;\n return {\n ...row,\n cells: row.cells.map((cell) =>\n cell.id === cellId ? { ...cell, content } : cell,\n ),\n };\n });\n\n editor.updateBlock(props.block.id, { rows: updatedRows });\n}\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <table v-if=\"hasRows\" :style=\"tableStyle\" class=\"tpl-table-editable\">\n <thead v-if=\"headerRow\">\n <tr>\n <th\n v-for=\"cell in headerRow.cells\"\n :key=\"cell.id\"\n :style=\"headerCellStyle\"\n :aria-label=\"t.table.cellPlaceholder\"\n contenteditable=\"true\"\n :data-placeholder=\"t.table.cellPlaceholder\"\n @blur=\"onCellBlur(headerRow!.id, cell.id, $event)\"\n @keydown.enter.prevent=\"($event.target as HTMLElement).blur()\"\n @click.stop=\"onCellClick\"\n v-cell-content=\"cell.content\"\n />\n </tr>\n </thead>\n <tbody>\n <tr v-for=\"row in dataRows\" :key=\"row.id\">\n <td\n v-for=\"cell in row.cells\"\n :key=\"cell.id\"\n :style=\"cellStyle\"\n :aria-label=\"t.table.cellPlaceholder\"\n contenteditable=\"true\"\n :data-placeholder=\"t.table.cellPlaceholder\"\n @blur=\"onCellBlur(row.id, cell.id, $event)\"\n @keydown.enter.prevent=\"($event.target as HTMLElement).blur()\"\n @click.stop=\"onCellClick\"\n v-cell-content=\"cell.content\"\n />\n </tr>\n </tbody>\n </table>\n <div\n v-else\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Table :size=\"16\" />\n <span>{{ t.table.empty }}</span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.tpl-table-editable :deep(th[contenteditable]),\n.tpl-table-editable :deep(td[contenteditable]) {\n outline: none;\n cursor: text;\n min-width: 2rem;\n}\n\n.tpl-table-editable :deep(th[contenteditable]:empty::before),\n.tpl-table-editable :deep(td[contenteditable]:empty::before) {\n content: attr(data-placeholder);\n color: var(--tpl-text-dim);\n pointer-events: none;\n}\n\n.tpl-table-editable :deep(th[contenteditable]:focus),\n.tpl-table-editable :deep(td[contenteditable]:focus) {\n outline: 2px solid var(--tpl-primary);\n outline-offset: -2px;\n border-radius: 1px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables/useI18n\";\nimport type {\n TableBlock as TableBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { Table } from \"@lucide/vue\";\nimport { computed, type Directive } from \"vue\";\nimport { EDITOR_KEY, requireInject } from \"../../keys\";\n\n// Hydrate a contenteditable cell's text imperatively. v-text would re-apply\n// on every prop update and overwrite the user's keystrokes mid-edit when\n// external content lands (collab event, undo replay, autosave round-trip),\n// so we skip the update while the cell is focused — DOM is the source of\n// truth during edit, and the prop syncs back via @blur.\nconst vCellContent: Directive<HTMLElement, string> = {\n mounted(el, binding) {\n el.textContent = binding.value ?? \"\";\n },\n updated(el, binding) {\n if (binding.value === binding.oldValue) return;\n if (el.ownerDocument.activeElement === el) return;\n el.textContent = binding.value ?? \"\";\n },\n};\n\nconst props = defineProps<{\n block: TableBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\nconst editor = requireInject(EDITOR_KEY, \"TableBlock\");\n\nconst hasRows = computed(() => props.block.rows.length > 0);\n\nconst tableStyle = computed(\n (): Record<string, string> => ({\n width: \"100%\",\n borderCollapse: \"collapse\",\n fontSize: `${props.block.fontSize}px`,\n color: props.block.color,\n textAlign: props.block.textAlign,\n fontFamily: props.block.fontFamily || \"inherit\",\n }),\n);\n\nconst cellStyle = computed(\n (): Record<string, string> => ({\n border: `${props.block.borderWidth}px solid ${props.block.borderColor}`,\n padding: `${props.block.cellPadding}px`,\n textAlign: props.block.textAlign,\n }),\n);\n\nconst headerCellStyle = computed(\n (): Record<string, string> => ({\n ...cellStyle.value,\n fontWeight: \"bold\",\n backgroundColor: props.block.headerBackgroundColor || \"transparent\",\n }),\n);\n\nconst headerRow = computed(() =>\n props.block.hasHeaderRow && props.block.rows.length > 0\n ? props.block.rows[0]\n : null,\n);\n\nconst dataRows = computed(() =>\n props.block.hasHeaderRow ? props.block.rows.slice(1) : props.block.rows,\n);\n\nfunction onCellClick(): void {\n editor.selectBlock(props.block.id);\n}\n\nfunction onCellBlur(rowId: string, cellId: string, event: FocusEvent): void {\n const target = event.target as HTMLElement;\n const content = target.innerText.trim();\n\n const updatedRows = props.block.rows.map((row) => {\n if (row.id !== rowId) return row;\n return {\n ...row,\n cells: row.cells.map((cell) =>\n cell.id === cellId ? { ...cell, content } : cell,\n ),\n };\n });\n\n editor.updateBlock(props.block.id, { rows: updatedRows });\n}\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <table v-if=\"hasRows\" :style=\"tableStyle\" class=\"tpl-table-editable\">\n <thead v-if=\"headerRow\">\n <tr>\n <th\n v-for=\"cell in headerRow.cells\"\n :key=\"cell.id\"\n :style=\"headerCellStyle\"\n :aria-label=\"t.table.cellPlaceholder\"\n contenteditable=\"true\"\n :data-placeholder=\"t.table.cellPlaceholder\"\n @blur=\"onCellBlur(headerRow!.id, cell.id, $event)\"\n @keydown.enter.prevent=\"($event.target as HTMLElement).blur()\"\n @click.stop=\"onCellClick\"\n v-cell-content=\"cell.content\"\n />\n </tr>\n </thead>\n <tbody>\n <tr v-for=\"row in dataRows\" :key=\"row.id\">\n <td\n v-for=\"cell in row.cells\"\n :key=\"cell.id\"\n :style=\"cellStyle\"\n :aria-label=\"t.table.cellPlaceholder\"\n contenteditable=\"true\"\n :data-placeholder=\"t.table.cellPlaceholder\"\n @blur=\"onCellBlur(row.id, cell.id, $event)\"\n @keydown.enter.prevent=\"($event.target as HTMLElement).blur()\"\n @click.stop=\"onCellClick\"\n v-cell-content=\"cell.content\"\n />\n </tr>\n </tbody>\n </table>\n <div\n v-else\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Table :size=\"16\" />\n <span>{{ t.table.empty }}</span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.tpl-table-editable :deep(th[contenteditable]),\n.tpl-table-editable :deep(td[contenteditable]) {\n outline: none;\n cursor: text;\n min-width: 2rem;\n}\n\n.tpl-table-editable :deep(th[contenteditable]:empty::before),\n.tpl-table-editable :deep(td[contenteditable]:empty::before) {\n content: attr(data-placeholder);\n color: var(--tpl-text-dim);\n pointer-events: none;\n}\n\n.tpl-table-editable :deep(th[contenteditable]:focus),\n.tpl-table-editable :deep(td[contenteditable]:focus) {\n outline: 2px solid var(--tpl-primary);\n outline-offset: -2px;\n border-radius: 1px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useEditableTextBlock } from \"../../composables/useEditableTextBlock\";\nimport type {\n TitleBlock as TitleBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { HEADING_LEVEL_FONT_SIZE } from \"@aswin.dev/types\";\nimport { computed, defineAsyncComponent } from \"vue\";\n\nconst props = defineProps<{\n block: TitleBlockType;\n viewport: ViewportSize;\n}>();\n\nconst TitleEditor = defineAsyncComponent(() => import(\"./TitleEditor.vue\"));\n\nconst {\n isEditing,\n blockRef,\n toolbarPosition,\n resolvedContent,\n handleDoubleClick,\n handleEditorDone,\n} = useEditableTextBlock(() => props.block.content);\n\nconst titleStyle = computed(() => {\n const fontSize = HEADING_LEVEL_FONT_SIZE[props.block.level];\n const style: Record<string, string> = {\n fontSize: `${fontSize}px`,\n color: props.block.color,\n textAlign: props.block.textAlign,\n };\n if (props.block.fontFamily) {\n style.fontFamily = props.block.fontFamily;\n }\n return style;\n});\n</script>\n\n<template>\n <div\n ref=\"blockRef\"\n class=\"tpl:min-h-[1em] tpl:w-full\"\n :style=\"titleStyle\"\n @dblclick=\"handleDoubleClick\"\n >\n <TitleEditor\n v-if=\"isEditing\"\n :block=\"block\"\n :toolbar-position=\"toolbarPosition\"\n @done=\"handleEditorDone\"\n />\n \n <div\n v-else\n class=\"tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0\"\n v-html=\"resolvedContent\"\n />\n \n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useEditableTextBlock } from \"../../composables/useEditableTextBlock\";\nimport type {\n TitleBlock as TitleBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { HEADING_LEVEL_FONT_SIZE } from \"@aswin.dev/types\";\nimport { computed, defineAsyncComponent } from \"vue\";\n\nconst props = defineProps<{\n block: TitleBlockType;\n viewport: ViewportSize;\n}>();\n\nconst TitleEditor = defineAsyncComponent(() => import(\"./TitleEditor.vue\"));\n\nconst {\n isEditing,\n blockRef,\n toolbarPosition,\n resolvedContent,\n handleDoubleClick,\n handleEditorDone,\n} = useEditableTextBlock(() => props.block.content);\n\nconst titleStyle = computed(() => {\n const fontSize = HEADING_LEVEL_FONT_SIZE[props.block.level];\n const style: Record<string, string> = {\n fontSize: `${fontSize}px`,\n color: props.block.color,\n textAlign: props.block.textAlign,\n };\n if (props.block.fontFamily) {\n style.fontFamily = props.block.fontFamily;\n }\n return style;\n});\n</script>\n\n<template>\n <div\n ref=\"blockRef\"\n class=\"tpl:min-h-[1em] tpl:w-full\"\n :style=\"titleStyle\"\n @dblclick=\"handleDoubleClick\"\n >\n <TitleEditor\n v-if=\"isEditing\"\n :block=\"block\"\n :toolbar-position=\"toolbarPosition\"\n @done=\"handleEditorDone\"\n />\n \n <div\n v-else\n class=\"tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0\"\n v-html=\"resolvedContent\"\n />\n \n </div>\n</template>\n","<template>\n <div\n class=\"tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/30\"\n :class=\"hoverEffect && 'tpl:transition-opacity tpl:group-hover:bg-black/40'\"\n >\n <div\n class=\"tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-white/90 tpl:shadow-lg\"\n >\n <svg\n class=\"tpl:ml-1 tpl:text-[var(--tpl-danger)]\"\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n >\n <polygon points=\"5,3 19,12 5,21\" />\n </svg>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nwithDefaults(\n defineProps<{\n hoverEffect?: boolean;\n }>(),\n { hoverEffect: false },\n);\n</script>\n","<template>\n <div\n class=\"tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/30\"\n :class=\"hoverEffect && 'tpl:transition-opacity tpl:group-hover:bg-black/40'\"\n >\n <div\n class=\"tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-white/90 tpl:shadow-lg\"\n >\n <svg\n class=\"tpl:ml-1 tpl:text-[var(--tpl-danger)]\"\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n >\n <polygon points=\"5,3 19,12 5,21\" />\n </svg>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nwithDefaults(\n defineProps<{\n hoverEffect?: boolean;\n }>(),\n { hoverEffect: false },\n);\n</script>\n","/**\n * Extract video ID and thumbnail URL from common video platforms\n */\n\ninterface VideoInfo {\n platform: \"youtube\" | \"vimeo\" | \"unknown\";\n videoId: string | null;\n thumbnailUrl: string | null;\n}\n\nexport function parseVideoUrl(url: string): VideoInfo {\n if (!url) {\n return { platform: \"unknown\", videoId: null, thumbnailUrl: null };\n }\n\n // YouTube patterns. Host is matched case-insensitively because URLs pasted\n // from the address bar can have an uppercase scheme/host.\n const youtubePatterns = [\n /(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/|youtube\\.com\\/embed\\/)([a-zA-Z0-9_-]{11})/i,\n /youtube\\.com\\/shorts\\/([a-zA-Z0-9_-]{11})/i,\n ];\n\n for (const pattern of youtubePatterns) {\n const match = url.match(pattern);\n if (match) {\n const videoId = match[1];\n return {\n platform: \"youtube\",\n videoId,\n thumbnailUrl: `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`,\n };\n }\n }\n\n // Vimeo patterns\n const vimeoPattern = /vimeo\\.com\\/(?:video\\/)?(\\d+)/i;\n const vimeoMatch = url.match(vimeoPattern);\n if (vimeoMatch) {\n const videoId = vimeoMatch[1];\n return {\n platform: \"vimeo\",\n videoId,\n // Vimeo requires API call for thumbnail, use placeholder\n thumbnailUrl: `https://vumbnail.com/${videoId}.jpg`,\n };\n }\n\n return { platform: \"unknown\", videoId: null, thumbnailUrl: null };\n}\n\nexport function getVideoThumbnail(\n url: string,\n customThumbnail?: string,\n): string | null {\n // Custom thumbnail takes priority\n if (customThumbnail) {\n return customThumbnail;\n }\n\n const info = parseVideoUrl(url);\n return info.thumbnailUrl;\n}\n","<script setup lang=\"ts\">\nimport VideoPlayButton from \"./VideoPlayButton.vue\";\nimport { useI18n, useMergeTag } from \"../../composables\";\nimport type {\n VideoBlock as VideoBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { getVideoThumbnail } from \"../../utils/videoThumbnail\";\nimport { containsMergeTag } from \"@aswin.dev/types\";\nimport { Video } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: VideoBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\nconst { syntax } = useMergeTag();\n\nconst hasMergeTagUrl = computed(\n () =>\n containsMergeTag(props.block.url, syntax) ||\n containsMergeTag(props.block.thumbnailUrl, syntax),\n);\n\nconst effectiveThumbnail = computed(() => {\n if (hasMergeTagUrl.value) return null;\n return getVideoThumbnail(props.block.url, props.block.thumbnailUrl);\n});\n\nconst containerStyle = computed(() => ({\n textAlign: props.block.align,\n}));\n\nconst thumbnailStyle = computed(() => ({\n maxWidth: \"100%\",\n width: props.block.width === \"full\" ? \"100%\" : `${props.block.width}px`,\n display: \"block\",\n margin: props.block.align === \"center\" ? \"0 auto\" : undefined,\n marginLeft: props.block.align === \"right\" ? \"auto\" : undefined,\n}));\n\nconst mergeTagLabel = computed(() => {\n if (containsMergeTag(props.block.url, syntax)) return props.block.url;\n return props.block.thumbnailUrl;\n});\n</script>\n\n<template>\n <div class=\"tpl:w-full\" :style=\"containerStyle\">\n \n <div\n v-if=\"hasMergeTagUrl && block.placeholderUrl\"\n class=\"tpl:relative tpl:inline-block\"\n :style=\"thumbnailStyle\"\n >\n <img\n class=\"tpl:w-full tpl:border-0\"\n :src=\"block.placeholderUrl\"\n :alt=\"block.alt\"\n />\n <VideoPlayButton />\n </div>\n \n <div\n v-else-if=\"hasMergeTagUrl\"\n class=\"tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]\"\n style=\"\n border-color: color-mix(in srgb, var(--tpl-primary) 40%, transparent);\n \"\n :style=\"thumbnailStyle\"\n >\n <Video\n :size=\"36\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.5\"\n />\n <span\n class=\"tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.7\"\n >\n {{ mergeTagLabel }}\n </span>\n </div>\n \n <template v-else-if=\"effectiveThumbnail\">\n <a\n v-if=\"block.url\"\n :href=\"block.url\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"tpl:group tpl:relative tpl:inline-block\"\n :style=\"thumbnailStyle\"\n @click.prevent\n >\n <img\n class=\"tpl:w-full tpl:border-0\"\n :src=\"effectiveThumbnail\"\n :alt=\"block.alt\"\n />\n <VideoPlayButton hover-effect />\n </a>\n <div v-else class=\"tpl:relative tpl:inline-block\" :style=\"thumbnailStyle\">\n <img\n class=\"tpl:w-full tpl:border-0\"\n :src=\"effectiveThumbnail\"\n :alt=\"block.alt\"\n />\n <VideoPlayButton />\n </div>\n </template>\n \n <div\n v-else\n class=\"tpl:flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Video\n :size=\"40\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-border-light)]\"\n />\n <span>{{ t.video.addVideo }}</span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport VideoPlayButton from \"./VideoPlayButton.vue\";\nimport { useI18n, useMergeTag } from \"../../composables\";\nimport type {\n VideoBlock as VideoBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { getVideoThumbnail } from \"../../utils/videoThumbnail\";\nimport { containsMergeTag } from \"@aswin.dev/types\";\nimport { Video } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n block: VideoBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\nconst { syntax } = useMergeTag();\n\nconst hasMergeTagUrl = computed(\n () =>\n containsMergeTag(props.block.url, syntax) ||\n containsMergeTag(props.block.thumbnailUrl, syntax),\n);\n\nconst effectiveThumbnail = computed(() => {\n if (hasMergeTagUrl.value) return null;\n return getVideoThumbnail(props.block.url, props.block.thumbnailUrl);\n});\n\nconst containerStyle = computed(() => ({\n textAlign: props.block.align,\n}));\n\nconst thumbnailStyle = computed(() => ({\n maxWidth: \"100%\",\n width: props.block.width === \"full\" ? \"100%\" : `${props.block.width}px`,\n display: \"block\",\n margin: props.block.align === \"center\" ? \"0 auto\" : undefined,\n marginLeft: props.block.align === \"right\" ? \"auto\" : undefined,\n}));\n\nconst mergeTagLabel = computed(() => {\n if (containsMergeTag(props.block.url, syntax)) return props.block.url;\n return props.block.thumbnailUrl;\n});\n</script>\n\n<template>\n <div class=\"tpl:w-full\" :style=\"containerStyle\">\n \n <div\n v-if=\"hasMergeTagUrl && block.placeholderUrl\"\n class=\"tpl:relative tpl:inline-block\"\n :style=\"thumbnailStyle\"\n >\n <img\n class=\"tpl:w-full tpl:border-0\"\n :src=\"block.placeholderUrl\"\n :alt=\"block.alt\"\n />\n <VideoPlayButton />\n </div>\n \n <div\n v-else-if=\"hasMergeTagUrl\"\n class=\"tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]\"\n style=\"\n border-color: color-mix(in srgb, var(--tpl-primary) 40%, transparent);\n \"\n :style=\"thumbnailStyle\"\n >\n <Video\n :size=\"36\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.5\"\n />\n <span\n class=\"tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n style=\"opacity: 0.7\"\n >\n {{ mergeTagLabel }}\n </span>\n </div>\n \n <template v-else-if=\"effectiveThumbnail\">\n <a\n v-if=\"block.url\"\n :href=\"block.url\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"tpl:group tpl:relative tpl:inline-block\"\n :style=\"thumbnailStyle\"\n @click.prevent\n >\n <img\n class=\"tpl:w-full tpl:border-0\"\n :src=\"effectiveThumbnail\"\n :alt=\"block.alt\"\n />\n <VideoPlayButton hover-effect />\n </a>\n <div v-else class=\"tpl:relative tpl:inline-block\" :style=\"thumbnailStyle\">\n <img\n class=\"tpl:w-full tpl:border-0\"\n :src=\"effectiveThumbnail\"\n :alt=\"block.alt\"\n />\n <VideoPlayButton />\n </div>\n </template>\n \n <div\n v-else\n class=\"tpl:flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]\"\n >\n <Video\n :size=\"40\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-border-light)]\"\n />\n <span>{{ t.video.addVideo }}</span>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport BlockWrapper from \"./BlockWrapper.vue\";\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CountdownBlockComponent from \"./CountdownBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport FormBlockComponent from \"./FormBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport { useI18n } from \"../../composables\";\nimport { resolveBlockComponent } from \"../../utils/blockComponentResolver\";\nimport type {\n Block,\n CustomBlock as CustomBlockType,\n SectionBlock as SectionBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport draggable from \"vuedraggable\";\nimport {\n EDITOR_KEY,\n CONDITION_PREVIEW_KEY,\n BLOCK_REGISTRY_KEY,\n requireInject,\n} from \"../../keys\";\n\n/** Must stay in sync with Canvas `blockComponentMap` except nested `section` is disallowed. */\nconst sectionBlockComponentMap: Record<string, Component> = {\n title: TitleBlock,\n paragraph: ParagraphBlock,\n image: ImageBlock,\n button: ButtonBlock,\n input: InputBlock,\n divider: DividerBlock,\n spacer: SpacerBlock,\n html: HtmlBlock,\n social: SocialIconsBlock,\n menu: MenuBlock,\n table: TableBlock,\n video: VideoBlock,\n countdown: CountdownBlockComponent,\n form: FormBlockComponent,\n custom: CustomBlock,\n};\n\nconst props = defineProps<{\n block: SectionBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\nconst editor = requireInject(EDITOR_KEY, \"SectionBlock\");\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n switch (props.block.columns) {\n case \"2\":\n return [\"50%\", \"50%\"];\n case \"3\":\n return [\"33.33%\", \"33.33%\", \"33.33%\"];\n case \"1-2\":\n return [\"33.33%\", \"66.67%\"];\n case \"2-1\":\n return [\"66.67%\", \"33.33%\"];\n default:\n return [\"100%\"];\n }\n});\n\nconst columns = computed(() => {\n const count = columnWidths.value.length;\n const children = [...props.block.children];\n while (children.length < count) {\n children.push([]);\n }\n return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n return columns.value[colIndex] || [];\n}\n\nfunction setColumnBlocks(colIndex: number, blocks: Block[]): void {\n const newChildren = [...props.block.children];\n while (newChildren.length <= colIndex) {\n newChildren.push([]);\n }\n newChildren[colIndex] = blocks;\n editor.updateBlock(props.block.id, { children: newChildren });\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n return resolveBlockComponent(block, blockRegistry, sectionBlockComponentMap);\n}\n\nfunction handleFetchData(\n block: Block,\n payload: {\n fieldValues: Record<string, unknown>;\n dataSourceFetched: boolean;\n },\n): void {\n if (block.type !== \"custom\") {\n return;\n }\n\n editor.updateBlock(block.id, {\n fieldValues: payload.fieldValues,\n dataSourceFetched: payload.dataSourceFetched,\n } as Partial<CustomBlockType>);\n}\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div class=\"tpl:flex tpl:gap-0\">\n <div\n v-for=\"(_, colIndex) in columns\"\n :key=\"colIndex\"\n class=\"tpl:relative tpl:min-h-[60px] tpl:rounded\"\n :class=\"\n getColumnBlocks(colIndex).length === 0\n ? 'tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]'\n : ''\n \"\n :style=\"{ width: columnWidths[colIndex] }\"\n >\n <draggable\n :model-value=\"getColumnBlocks(colIndex)\"\n :group=\"{\n name: 'blocks',\n pull: true,\n put: (_to: unknown, _from: unknown, el: HTMLElement) =>\n el.dataset.blockType !== 'section',\n }\"\n item-key=\"id\"\n :animation=\"150\"\n ghost-class=\"tpl-ghost\"\n :empty-insert-threshold=\"20\"\n class=\"tpl:min-h-[60px]\"\n @update:model-value=\"(val: Block[]) => setColumnBlocks(colIndex, val)\"\n >\n <template #item=\"{ element: childBlock }\">\n <div v-show=\"!conditionPreview?.isHidden(childBlock.id)\">\n <BlockWrapper\n :block=\"childBlock\"\n :is-selected=\"editor.state.selectedBlockId === childBlock.id\"\n :viewport=\"viewport\"\n @select=\"editor.selectBlock(childBlock.id)\"\n >\n <component\n :is=\"getBlockComponent(childBlock)\"\n :block=\"childBlock\"\n :viewport=\"viewport\"\n @fetch-data=\"handleFetchData(childBlock, $event)\"\n @update=\"\n (updates: Partial<Block>) =>\n editor.updateBlock(childBlock.id, updates)\n \"\n />\n </BlockWrapper>\n </div>\n </template>\n </draggable>\n <div\n v-if=\"getColumnBlocks(colIndex).length === 0\"\n data-testid=\"section-drop-hint\"\n class=\"tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n >\n <span>{{ t.section.dropHere }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport BlockWrapper from \"./BlockWrapper.vue\";\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CountdownBlockComponent from \"./CountdownBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport FormBlockComponent from \"./FormBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport { useI18n } from \"../../composables\";\nimport { resolveBlockComponent } from \"../../utils/blockComponentResolver\";\nimport type {\n Block,\n CustomBlock as CustomBlockType,\n SectionBlock as SectionBlockType,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport draggable from \"vuedraggable\";\nimport {\n EDITOR_KEY,\n CONDITION_PREVIEW_KEY,\n BLOCK_REGISTRY_KEY,\n requireInject,\n} from \"../../keys\";\n\n/** Must stay in sync with Canvas `blockComponentMap` except nested `section` is disallowed. */\nconst sectionBlockComponentMap: Record<string, Component> = {\n title: TitleBlock,\n paragraph: ParagraphBlock,\n image: ImageBlock,\n button: ButtonBlock,\n input: InputBlock,\n divider: DividerBlock,\n spacer: SpacerBlock,\n html: HtmlBlock,\n social: SocialIconsBlock,\n menu: MenuBlock,\n table: TableBlock,\n video: VideoBlock,\n countdown: CountdownBlockComponent,\n form: FormBlockComponent,\n custom: CustomBlock,\n};\n\nconst props = defineProps<{\n block: SectionBlockType;\n viewport: ViewportSize;\n}>();\n\nconst { t } = useI18n();\nconst editor = requireInject(EDITOR_KEY, \"SectionBlock\");\nconst conditionPreview = inject(CONDITION_PREVIEW_KEY, null);\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n switch (props.block.columns) {\n case \"2\":\n return [\"50%\", \"50%\"];\n case \"3\":\n return [\"33.33%\", \"33.33%\", \"33.33%\"];\n case \"1-2\":\n return [\"33.33%\", \"66.67%\"];\n case \"2-1\":\n return [\"66.67%\", \"33.33%\"];\n default:\n return [\"100%\"];\n }\n});\n\nconst columns = computed(() => {\n const count = columnWidths.value.length;\n const children = [...props.block.children];\n while (children.length < count) {\n children.push([]);\n }\n return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n return columns.value[colIndex] || [];\n}\n\nfunction setColumnBlocks(colIndex: number, blocks: Block[]): void {\n const newChildren = [...props.block.children];\n while (newChildren.length <= colIndex) {\n newChildren.push([]);\n }\n newChildren[colIndex] = blocks;\n editor.updateBlock(props.block.id, { children: newChildren });\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n return resolveBlockComponent(block, blockRegistry, sectionBlockComponentMap);\n}\n\nfunction handleFetchData(\n block: Block,\n payload: {\n fieldValues: Record<string, unknown>;\n dataSourceFetched: boolean;\n },\n): void {\n if (block.type !== \"custom\") {\n return;\n }\n\n editor.updateBlock(block.id, {\n fieldValues: payload.fieldValues,\n dataSourceFetched: payload.dataSourceFetched,\n } as Partial<CustomBlockType>);\n}\n</script>\n\n<template>\n <div class=\"tpl:w-full\">\n <div class=\"tpl:flex tpl:gap-0\">\n <div\n v-for=\"(_, colIndex) in columns\"\n :key=\"colIndex\"\n class=\"tpl:relative tpl:min-h-[60px] tpl:rounded\"\n :class=\"\n getColumnBlocks(colIndex).length === 0\n ? 'tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]'\n : ''\n \"\n :style=\"{ width: columnWidths[colIndex] }\"\n >\n <draggable\n :model-value=\"getColumnBlocks(colIndex)\"\n :group=\"{\n name: 'blocks',\n pull: true,\n put: (_to: unknown, _from: unknown, el: HTMLElement) =>\n el.dataset.blockType !== 'section',\n }\"\n item-key=\"id\"\n :animation=\"150\"\n ghost-class=\"tpl-ghost\"\n :empty-insert-threshold=\"20\"\n class=\"tpl:min-h-[60px]\"\n @update:model-value=\"(val: Block[]) => setColumnBlocks(colIndex, val)\"\n >\n <template #item=\"{ element: childBlock }\">\n <div v-show=\"!conditionPreview?.isHidden(childBlock.id)\">\n <BlockWrapper\n :block=\"childBlock\"\n :is-selected=\"editor.state.selectedBlockId === childBlock.id\"\n :viewport=\"viewport\"\n @select=\"editor.selectBlock(childBlock.id)\"\n >\n <component\n :is=\"getBlockComponent(childBlock)\"\n :block=\"childBlock\"\n :viewport=\"viewport\"\n @fetch-data=\"handleFetchData(childBlock, $event)\"\n @update=\"\n (updates: Partial<Block>) =>\n editor.updateBlock(childBlock.id, updates)\n \"\n />\n </BlockWrapper>\n </div>\n </template>\n </draggable>\n <div\n v-if=\"getColumnBlocks(colIndex).length === 0\"\n data-testid=\"section-drop-hint\"\n class=\"tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n >\n <span>{{ t.section.dropHere }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n","import {\n computed,\n provide,\n ref,\n watch,\n type Component,\n type ComputedRef,\n type DeepReadonly,\n type Ref,\n} from \"vue\";\nimport { useEventListener } from \"@vueuse/core\";\nimport {\n useHistory,\n useHistoryInterceptor,\n useBlockActions,\n useAutoSave,\n useConditionPreview,\n} from \"@aswin.dev/core\";\nimport type {\n UseHistoryReturn,\n UseBlockActionsReturn,\n UseConditionPreviewReturn,\n UseAutoSaveReturn,\n} from \"@aswin.dev/core\";\nimport type {\n Block,\n BlockDefaults,\n CustomBlockDefinition,\n DisplayConditionsConfig,\n MergeTagsConfig,\n TemplateContent,\n TemplateSettings,\n ThemeOverrides,\n UiTheme,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { resolveSyntax } from \"@aswin.dev/types\";\nimport type { Translations } from \"../i18n\";\nimport type { OnRequestMedia } from \"../index\";\nimport type { EditorCapabilities } from \"../types/editor-capabilities\";\nimport type { EditorType } from \"../types/editor-type\";\nimport { normalizeEditorType } from \"../types/editor-type\";\nimport {\n TRANSLATIONS_KEY,\n EDITOR_KEY,\n EDITOR_TYPE_KEY,\n HISTORY_KEY,\n BLOCK_ACTIONS_KEY,\n CONDITION_PREVIEW_KEY,\n FONTS_MANAGER_KEY,\n THEME_STYLES_KEY,\n UI_THEME_KEY,\n BLOCK_DEFAULTS_KEY,\n BLOCK_REGISTRY_KEY,\n CUSTOM_BLOCK_DEFINITIONS_KEY,\n MERGE_TAGS_KEY,\n MERGE_TAG_SYNTAX_KEY,\n MERGE_TAG_AUTOCOMPLETE_KEY,\n ON_REQUEST_MERGE_TAG_KEY,\n ON_REQUEST_MEDIA_KEY,\n DISPLAY_CONDITIONS_KEY,\n ALLOW_CUSTOM_CONDITIONS_KEY,\n CAPABILITIES_KEY,\n KEYBOARD_REORDER_KEY,\n ACCESSIBILITY_LINT_KEY,\n} from \"../keys\";\nimport {\n useAccessibilityLint,\n type UseAccessibilityLintReturn,\n} from \"./useAccessibilityLint\";\nimport type { A11yOptions } from \"@aswin.dev/quality\";\nimport type { UseFontsReturn } from \"./useFonts\";\nimport { useI18n, type UseI18nReturn } from \"./useI18n\";\nimport {\n useKeyboardReorder,\n type UseKeyboardReorderReturn,\n} from \"./useKeyboardReorder\";\nimport { useUiTheme } from \"./useUiTheme\";\nimport { useThemeStyles } from \"./useThemeStyles\";\nimport {\n useBlockRegistry,\n type UseBlockRegistryReturn,\n} from \"./useBlockRegistry\";\nimport { registerBuiltInBlocks } from \"../utils/registerBuiltInBlocks\";\nimport { handleEditorKeydown } from \"../utils/keyboardShortcuts\";\n\n// Block components — shared between OSS and Cloud editors\nimport { defineAsyncComponent } from \"vue\";\nimport ButtonBlock from \"../components/blocks/ButtonBlock.vue\";\n// Cloud-only at insertion; lazy so OSS users without countdown content pay nothing.\nconst CountdownBlockComponent = defineAsyncComponent(\n () => import(\"../components/blocks/CountdownBlock.vue\"),\n);\nimport CustomBlockComponent from \"../components/blocks/CustomBlock.vue\";\nimport DividerBlock from \"../components/blocks/DividerBlock.vue\";\nimport HtmlBlock from \"../components/blocks/HtmlBlock.vue\";\nimport ImageBlock from \"../components/blocks/ImageBlock.vue\";\nimport InputBlock from \"../components/blocks/InputBlock.vue\";\nimport MenuBlock from \"../components/blocks/MenuBlock.vue\";\nimport ParagraphBlock from \"../components/blocks/ParagraphBlock.vue\";\nimport SectionBlock from \"../components/blocks/SectionBlock.vue\";\nimport SocialIconsBlock from \"../components/blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"../components/blocks/SpacerBlock.vue\";\nimport TableBlock from \"../components/blocks/TableBlock.vue\";\nimport TitleBlock from \"../components/blocks/TitleBlock.vue\";\nimport VideoBlock from \"../components/blocks/VideoBlock.vue\";\n\nconst BLOCK_COMPONENT_MAP: Record<string, Component> = {\n section: SectionBlock,\n title: TitleBlock,\n paragraph: ParagraphBlock,\n image: ImageBlock,\n button: ButtonBlock,\n input: InputBlock,\n divider: DividerBlock,\n video: VideoBlock,\n social: SocialIconsBlock,\n menu: MenuBlock,\n table: TableBlock,\n spacer: SpacerBlock,\n html: HtmlBlock,\n countdown: CountdownBlockComponent,\n};\n\n/**\n * Minimal editor interface shared by both OSS and Cloud UseEditorReturn.\n * Cloud adds extra methods (create, load, save, etc.) that useEditorCore doesn't need.\n */\nexport interface BaseEditorReturn {\n state: DeepReadonly<{\n content: TemplateContent;\n selectedBlockId: string | null;\n viewport: ViewportSize;\n darkMode: boolean;\n previewMode: boolean;\n uiTheme: UiTheme;\n isDirty: boolean;\n template?: { id: string } | null;\n isLoading?: boolean;\n isSaving?: boolean;\n }>;\n content: Ref<TemplateContent>;\n selectedBlock: Ref<Block | null>;\n savedBlockIds?: Ref<Set<string>>;\n setContent: (content: TemplateContent, markDirty?: boolean) => void;\n selectBlock: (blockId: string | null) => void;\n setViewport: (viewport: ViewportSize) => void;\n setDarkMode: (darkMode: boolean) => void;\n setPreviewMode: (previewMode: boolean) => void;\n setUiTheme: (theme: UiTheme) => void;\n updateBlock: (blockId: string, updates: Partial<Block>) => void;\n updateSettings: (updates: Partial<TemplateSettings>) => void;\n addBlock: (\n block: Block,\n targetSectionId?: string,\n columnIndex?: number,\n index?: number,\n ) => void;\n removeBlock: (blockId: string) => void;\n moveBlock: (\n blockId: string,\n newIndex: number,\n targetSectionId?: string,\n columnIndex?: number,\n ) => void;\n isBlockLocked: (blockId: string) => boolean;\n markDirty: () => void;\n ensureCanvasPages: () => void;\n switchCanvasPage: (pageId: string) => void;\n addCanvasPage: () => void;\n removeCanvasPage: (pageId: string) => void;\n renameCanvasPage: (pageId: string, title: string) => void;\n switchToNextCanvasPage: () => boolean;\n switchToPreviousCanvasPage: () => boolean;\n}\n\nexport interface UseEditorCoreOptions {\n editor: BaseEditorReturn;\n\n config: {\n uiTheme?: UiTheme;\n theme?: ThemeOverrides;\n blockDefaults?: BlockDefaults;\n customBlocks?: CustomBlockDefinition[];\n mergeTags?: MergeTagsConfig;\n displayConditions?: DisplayConditionsConfig;\n onRequestMedia?: OnRequestMedia | null;\n onSave?: () => void;\n accessibility?: A11yOptions;\n editorType?: string | EditorType | null;\n };\n\n translations: Translations;\n fontsManager: UseFontsReturn;\n\n /** Extra options passed to useHistory (Cloud passes isRemoteOperation) */\n historyOptions?: { isRemoteOperation?: () => boolean };\n\n /** Auto-save configuration. Pass null to skip auto-save. */\n autoSaveOptions?: {\n onChange: () => void | Promise<void>;\n debounce?: number;\n enabled?: () => boolean;\n } | null;\n\n /** Extra CSS custom properties merged into theme styles (Cloud uses for drop-zone text) */\n themeExtraStyles?: () => Record<string, string>;\n\n /** Extra keyboard shortcut hooks (Cloud passes onBeforeUndo for collab warning) */\n keyboardOptions?: { onBeforeUndo?: () => void };\n\n /** Cloud capabilities exposed to OSS components. Empty in OSS mode. */\n capabilities?: EditorCapabilities;\n}\n\nexport interface UseEditorCoreReturn {\n t: Translations;\n format: UseI18nReturn[\"format\"];\n history: UseHistoryReturn;\n blockActions: UseBlockActionsReturn;\n conditionPreview: UseConditionPreviewReturn;\n autoSave: UseAutoSaveReturn | null;\n resolvedTheme: ComputedRef<string>;\n themeStyles: ComputedRef<Record<string, string>>;\n themeOverrides: Ref<ThemeOverrides>;\n registry: UseBlockRegistryReturn;\n keyboardReorder: UseKeyboardReorderReturn;\n accessibilityLint: UseAccessibilityLintReturn | null;\n registerCustomBlocks: (definitions: CustomBlockDefinition[]) => void;\n destroy: () => void;\n}\n\nexport function useEditorCore(\n options: UseEditorCoreOptions,\n): UseEditorCoreReturn {\n const { editor, config, translations, fontsManager } = options;\n\n // --- i18n ---\n const { t, format } = useI18n(translations);\n\n // --- UI Theme ---\n editor.setUiTheme(config.uiTheme ?? \"auto\");\n const uiThemeRef = computed(() => editor.state.uiTheme);\n const { resolvedTheme } = useUiTheme(uiThemeRef);\n\n // --- Theme styles ---\n const themeOverrides = ref<ThemeOverrides>(config.theme ?? {});\n const { themeStyles } = useThemeStyles({\n themeOverrides,\n resolvedTheme,\n extraStyles: options.themeExtraStyles,\n });\n\n // --- History ---\n const history = useHistory({\n content: editor.content,\n setContent: (content: TemplateContent, markDirty?: boolean) =>\n editor.setContent(content, markDirty),\n ...options.historyOptions,\n });\n useHistoryInterceptor(editor, history);\n\n // --- Block actions ---\n const blockActions = useBlockActions({\n addBlock: editor.addBlock,\n removeBlock: editor.removeBlock,\n updateBlock: editor.updateBlock,\n selectBlock: editor.selectBlock,\n blockDefaults: config.blockDefaults,\n });\n\n // --- Condition preview ---\n const conditionPreview = useConditionPreview(editor);\n\n // --- Auto-save ---\n const autoSave =\n options.autoSaveOptions !== null && options.autoSaveOptions !== undefined\n ? useAutoSave({\n content: editor.content,\n isDirty: () => editor.state.isDirty,\n ...options.autoSaveOptions,\n })\n : null;\n\n // Pause/resume auto-save during history navigation (undo/redo)\n let stopNavigatingWatch: (() => void) | null = null;\n if (autoSave) {\n stopNavigatingWatch = watch(history.isNavigating, (navigating) => {\n if (navigating) {\n autoSave.pause();\n } else {\n autoSave.resume();\n }\n });\n }\n\n // --- Keyboard reorder (GitHub-style lift/move/drop via keyboard) ---\n const keyboardReorder = useKeyboardReorder(editor, { t, format });\n\n // --- Block registry ---\n const registry = useBlockRegistry();\n registerBuiltInBlocks(registry, BLOCK_COMPONENT_MAP);\n\n // Register custom blocks provided at init time (Cloud may defer this to initialize())\n if (config.customBlocks?.length) {\n for (const definition of config.customBlocks) {\n registry.registerCustom(definition, CustomBlockComponent);\n }\n }\n\n function registerCustomBlocks(definitions: CustomBlockDefinition[]): void {\n for (const definition of definitions) {\n registry.registerCustom(definition, CustomBlockComponent);\n }\n }\n\n // --- Keyboard shortcuts ---\n function handleKeyboard(e: KeyboardEvent): void {\n handleEditorKeydown(e, {\n history,\n selectBlock: (id) => editor.selectBlock(id),\n getSelectedBlockId: () => editor.state.selectedBlockId,\n removeBlock: (id) => editor.removeBlock(id),\n onSave: config.onSave,\n onBeforeUndo: options.keyboardOptions?.onBeforeUndo,\n });\n }\n\n useEventListener(document, \"keydown\", handleKeyboard);\n\n // --- Provides (18 shared keys) ---\n provide(TRANSLATIONS_KEY, translations);\n provide(EDITOR_KEY, editor);\n provide(EDITOR_TYPE_KEY, normalizeEditorType(config.editorType));\n provide(HISTORY_KEY, history);\n provide(BLOCK_ACTIONS_KEY, blockActions);\n provide(CONDITION_PREVIEW_KEY, conditionPreview);\n provide(FONTS_MANAGER_KEY, fontsManager);\n provide(THEME_STYLES_KEY, themeStyles);\n provide(UI_THEME_KEY, resolvedTheme);\n provide(BLOCK_DEFAULTS_KEY, config.blockDefaults);\n provide(BLOCK_REGISTRY_KEY, registry);\n provide(CUSTOM_BLOCK_DEFINITIONS_KEY, config.customBlocks ?? []);\n\n const mergeTagSyntax = resolveSyntax(config.mergeTags?.syntax);\n provide(MERGE_TAGS_KEY, config.mergeTags?.tags ?? []);\n provide(MERGE_TAG_SYNTAX_KEY, mergeTagSyntax);\n provide(ON_REQUEST_MERGE_TAG_KEY, config.mergeTags?.onRequest ?? null);\n provide(MERGE_TAG_AUTOCOMPLETE_KEY, config.mergeTags?.autocomplete !== false);\n\n provide(ON_REQUEST_MEDIA_KEY, config.onRequestMedia ?? null);\n\n provide(DISPLAY_CONDITIONS_KEY, config.displayConditions?.conditions ?? []);\n provide(\n ALLOW_CUSTOM_CONDITIONS_KEY,\n config.displayConditions?.allowCustom ?? false,\n );\n\n // Default empty capabilities for OSS mode.\n // CloudEditor overrides this via provide() after cloud composables are ready.\n provide(CAPABILITIES_KEY, options.capabilities ?? {});\n\n provide(KEYBOARD_REORDER_KEY, keyboardReorder);\n\n // --- Accessibility lint ---\n // editor.updateBlock / updateSettings are wrapped by useHistoryInterceptor,\n // so each patch lands as its own undo entry. Simple and explicit.\n const accessibilityLint: UseAccessibilityLintReturn | null =\n config.accessibility?.disabled === true\n ? null\n : useAccessibilityLint({\n content: editor.content,\n options: config.accessibility ?? {},\n updateBlock: editor.updateBlock,\n updateSettings: editor.updateSettings,\n });\n provide(ACCESSIBILITY_LINT_KEY, accessibilityLint);\n\n // --- Cleanup ---\n function destroy(): void {\n stopNavigatingWatch?.();\n accessibilityLint?.destroy();\n autoSave?.destroy();\n history.destroy();\n }\n\n return {\n t,\n format,\n history,\n blockActions,\n conditionPreview,\n autoSave,\n resolvedTheme,\n themeStyles,\n themeOverrides,\n registry,\n keyboardReorder,\n accessibilityLint,\n registerCustomBlocks,\n destroy,\n };\n}\n","import type {\n AuthConfig,\n AuthRequestOptions,\n SdkAuthConfig,\n TestEmailConfig,\n TokenData,\n UserConfig,\n} from \"@aswin.dev/types\";\nimport { SdkError } from \"@aswin.dev/types\";\n\nexport type {\n AuthConfig,\n AuthRequestOptions,\n SdkAuthConfig,\n TestEmailConfig,\n UserConfig,\n};\n\nexport class AuthManager {\n private static readonly DEFAULT_BASE_URL = \"https://templatical.com\";\n\n private accessToken: string | null = null;\n private expiresAt: Date | null = null;\n private _projectId: string | null = null;\n private _tenantId: string | null = null;\n private _tenantSlug: string | null = null;\n private _testEmailConfig: TestEmailConfig | null = null;\n private _userConfig: UserConfig | null = null;\n private readonly url: string;\n private readonly baseUrl: string;\n private readonly requestOptions: AuthRequestOptions;\n private readonly onError?: (error: Error) => void;\n private refreshPromise: Promise<string> | null = null;\n\n private static readonly REFRESH_THRESHOLD_MS = 60 * 1000;\n\n constructor(config: AuthConfig) {\n this.url = config.url;\n this.baseUrl = (config.baseUrl ?? AuthManager.DEFAULT_BASE_URL).replace(\n /\\/$/,\n \"\",\n );\n this.requestOptions = config.requestOptions ?? {};\n this.onError = config.onError;\n }\n\n resolveUrl(path: string): string {\n if (path.startsWith(\"http://\") || path.startsWith(\"https://\")) {\n return path;\n }\n\n const normalizedPath = path.startsWith(\"/\") ? path : `/${path}`;\n return `${this.baseUrl}${normalizedPath}`;\n }\n\n get projectId(): string {\n if (!this._projectId) {\n throw new Error(\"Project ID not available. Call initialize() first.\");\n }\n return this._projectId;\n }\n\n get tenantId(): string {\n if (!this._tenantId) {\n throw new Error(\"Tenant ID not available. Call initialize() first.\");\n }\n return this._tenantId;\n }\n\n get tenantSlug(): string {\n if (!this._tenantSlug) {\n throw new Error(\"Tenant slug not available. Call initialize() first.\");\n }\n return this._tenantSlug;\n }\n\n get testEmailConfig(): TestEmailConfig | null {\n return this._testEmailConfig;\n }\n\n get userConfig(): UserConfig | null {\n return this._userConfig;\n }\n\n get accessTokenValue(): string | null {\n return this.accessToken;\n }\n\n async initialize(): Promise<void> {\n await this.ensureToken();\n }\n\n private async ensureToken(): Promise<string> {\n if (this.accessToken && !this.isTokenExpiringSoon()) {\n return this.accessToken;\n }\n return this.refreshToken();\n }\n\n private isTokenExpiringSoon(): boolean {\n if (!this.expiresAt) {\n return true;\n }\n const timeUntilExpiry = this.expiresAt.getTime() - Date.now();\n return timeUntilExpiry < AuthManager.REFRESH_THRESHOLD_MS;\n }\n\n async refreshToken(): Promise<string> {\n if (this.refreshPromise) {\n return this.refreshPromise;\n }\n\n this.refreshPromise = this.performRefresh();\n\n try {\n const token = await this.refreshPromise;\n return token;\n } finally {\n this.refreshPromise = null;\n }\n }\n\n private async performRefresh(): Promise<string> {\n try {\n const method = this.requestOptions.method ?? \"POST\";\n const headers: Record<string, string> = {\n Accept: \"application/json\",\n ...this.requestOptions.headers,\n };\n\n const fetchOptions: RequestInit = {\n method,\n headers,\n credentials: this.requestOptions.credentials ?? \"include\",\n };\n\n if (method === \"POST\" && this.requestOptions.body) {\n headers[\"Content-Type\"] = \"application/json\";\n fetchOptions.body = JSON.stringify(this.requestOptions.body);\n }\n\n const response = await fetch(this.url, fetchOptions);\n\n if (!response.ok) {\n throw new SdkError(\n `Token refresh failed: ${response.status}`,\n response.status,\n );\n }\n\n const data: TokenData = await response.json();\n\n if (!data.token || !data.expires_at || !data.project_id || !data.tenant) {\n throw new Error(\n \"Invalid token response: missing token, expires_at, project_id, or tenant\",\n );\n }\n\n this.accessToken = data.token;\n this.expiresAt = new Date(data.expires_at * 1000);\n this._projectId = data.project_id;\n this._tenantSlug = data.tenant;\n\n if (data.test_email?.allowed_emails && data.test_email?.signature) {\n this._testEmailConfig = {\n allowedEmails: data.test_email.allowed_emails,\n signature: data.test_email.signature,\n };\n } else {\n this._testEmailConfig = null;\n }\n\n if (data.user?.id && data.user?.name && data.user?.signature) {\n this._userConfig = {\n id: data.user.id,\n name: data.user.name,\n signature: data.user.signature,\n };\n } else {\n this._userConfig = null;\n }\n\n return this.accessToken;\n } catch (error) {\n const wrappedError =\n error instanceof Error\n ? error\n : new Error(\"Token refresh failed\", { cause: error });\n this.onError?.(wrappedError);\n throw wrappedError;\n }\n }\n\n async authenticatedFetch(\n url: string,\n options: RequestInit = {},\n ): Promise<Response> {\n const token = await this.ensureToken();\n const resolvedUrl = this.resolveUrl(url);\n\n const makeRequest = async (authToken: string): Promise<Response> => {\n return fetch(resolvedUrl, {\n ...options,\n headers: {\n ...options.headers,\n Authorization: `Bearer ${authToken}`,\n },\n });\n };\n\n let response = await makeRequest(token);\n\n if (response.status === 401) {\n const newToken = await this.refreshToken();\n response = await makeRequest(newToken);\n }\n\n return response;\n }\n}\n\nexport function createSdkAuthManager(\n config: SdkAuthConfig,\n onError?: (error: Error) => void,\n): AuthManager {\n if (config.mode === \"direct\") {\n const baseUrl = (config.baseUrl ?? \"https://templatical.com\").replace(\n /\\/$/,\n \"\",\n );\n\n return new AuthManager({\n url: `${baseUrl}/api/v1/auth/token`,\n baseUrl: config.baseUrl,\n requestOptions: {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: {\n client_id: config.clientId,\n client_secret: config.clientSecret,\n tenant: config.tenant,\n client_type: \"sdk\",\n },\n },\n onError,\n });\n }\n\n return new AuthManager({\n url: config.url,\n baseUrl: config.baseUrl,\n requestOptions: config.requestOptions,\n onError,\n });\n}\n","export function buildUrl(\n template: string,\n params: Record<string, string>,\n): string {\n return template.replace(/\\{(\\w+)\\}/g, (_, key: string) =>\n encodeURIComponent(params[key] ?? \"\"),\n );\n}\n\nconst BASE = \"/api/v1/projects/{project}/tenants/{tenant}\";\nconst TEMPLATE = `${BASE}/templates/{template}`;\nconst AI = `${TEMPLATE}/ai`;\nconst MEDIA = `${BASE}/media`;\nconst FOLDERS = `${MEDIA}/folders`;\nconst MODULES = `${BASE}/saved-modules`;\n\nexport const API_ROUTES = {\n health: \"/api/v1/health\",\n \"projects.config\": `${BASE}/config`,\n \"broadcasting.auth\": `${BASE}/broadcasting/auth`,\n \"templates.store\": `${BASE}/templates`,\n \"templates.show\": `${TEMPLATE}`,\n \"templates.update\": `${TEMPLATE}`,\n \"templates.destroy\": `${TEMPLATE}`,\n \"templates.export\": `${TEMPLATE}/export`,\n \"templates.importFromBeefree\": `${BASE}/templates/import/from-beefree`,\n \"templates.sendTestEmail\": `${TEMPLATE}/send-test-email`,\n \"snapshots.index\": `${TEMPLATE}/snapshots`,\n \"snapshots.store\": `${TEMPLATE}/snapshots`,\n \"snapshots.show\": `${TEMPLATE}/snapshots/{snapshot}`,\n \"snapshots.restore\": `${TEMPLATE}/snapshots/{snapshot}/restore`,\n \"comments.index\": `${TEMPLATE}/comments`,\n \"comments.store\": `${TEMPLATE}/comments`,\n \"comments.update\": `${TEMPLATE}/comments/{comment}`,\n \"comments.destroy\": `${TEMPLATE}/comments/{comment}`,\n \"comments.resolve\": `${TEMPLATE}/comments/{comment}/resolve`,\n \"ai.generate\": `${AI}/generate`,\n \"ai.conversationMessages\": `${AI}/conversation-messages`,\n \"ai.suggestions\": `${AI}/suggestions`,\n \"ai.rewriteText\": `${AI}/rewrite-text`,\n \"ai.score\": `${AI}/score`,\n \"ai.fixFinding\": `${AI}/fix-finding`,\n \"ai.generateFromDesign\": `${AI}/generate-from-design`,\n \"media.upload\": `${MEDIA}/upload`,\n \"media.browse\": `${MEDIA}/browse`,\n \"media.delete\": `${MEDIA}/delete`,\n \"media.move\": `${MEDIA}/move`,\n \"media.update\": `${MEDIA}/{media}`,\n \"media.replace\": `${MEDIA}/{media}/replace`,\n \"media.checkUsage\": `${MEDIA}/check-usage`,\n \"media.frequentlyUsed\": `${MEDIA}/frequently-used`,\n \"media.importFromUrl\": `${MEDIA}/import-from-url`,\n \"folders.index\": `${FOLDERS}`,\n \"folders.store\": `${FOLDERS}`,\n \"folders.update\": `${FOLDERS}/{mediaFolder}`,\n \"folders.destroy\": `${FOLDERS}/{mediaFolder}`,\n \"savedModules.index\": `${MODULES}`,\n \"savedModules.store\": `${MODULES}`,\n \"savedModules.update\": `${MODULES}/{savedModule}`,\n \"savedModules.destroy\": `${MODULES}/{savedModule}`,\n} as const;\n","import type {\n ApiError,\n ApiResponse,\n Comment,\n CustomFont,\n PlanConfig,\n SavedModule,\n Template,\n TemplateContent,\n TemplateSnapshot,\n} from \"@aswin.dev/types\";\nimport { SdkError } from \"@aswin.dev/types\";\nimport type { Block } from \"@aswin.dev/types\";\nimport type { AuthManager } from \"./auth\";\nimport { API_ROUTES, buildUrl } from \"./url-builder\";\n\nexport class ApiClient {\n constructor(private readonly authManager: AuthManager) {}\n\n private get projectId(): string {\n return this.authManager.projectId;\n }\n\n private get tenantSlug(): string {\n return this.authManager.tenantSlug;\n }\n\n private get baseParams(): Record<string, string> {\n return { project: this.projectId, tenant: this.tenantSlug };\n }\n\n private async request<T>(\n path: string,\n options: RequestInit = {},\n ): Promise<T> {\n const response = await this.authManager.authenticatedFetch(path, {\n ...options,\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n ...options.headers,\n },\n });\n\n if (!response.ok) {\n const error: ApiError = await response.json().catch(() => ({\n message: `HTTP error ${response.status}`,\n }));\n\n const errorMessage = this.extractFirstValidationError(error);\n throw new SdkError(errorMessage, response.status);\n }\n\n if (response.status === 204) {\n return undefined as T;\n }\n\n const json: ApiResponse<T> = await response.json();\n return json.data;\n }\n\n private extractFirstValidationError(error: ApiError): string {\n if (error.errors) {\n const firstField = Object.keys(error.errors)[0];\n if (firstField && error.errors[firstField]?.length > 0) {\n return error.errors[firstField][0];\n }\n }\n return error.message;\n }\n\n async createTemplate(content: TemplateContent): Promise<Template> {\n return this.request<Template>(\n buildUrl(API_ROUTES[\"templates.store\"], this.baseParams),\n {\n method: \"POST\",\n body: JSON.stringify({ content }),\n },\n );\n }\n\n async getTemplate(id: string): Promise<Template> {\n return this.request<Template>(\n buildUrl(API_ROUTES[\"templates.show\"], {\n ...this.baseParams,\n template: id,\n }),\n );\n }\n\n async updateTemplate(\n id: string,\n content: TemplateContent,\n ): Promise<Template> {\n return this.request<Template>(\n buildUrl(API_ROUTES[\"templates.update\"], {\n ...this.baseParams,\n template: id,\n }),\n {\n method: \"PUT\",\n body: JSON.stringify({ content }),\n },\n );\n }\n\n async createSnapshot(\n templateId: string,\n content: TemplateContent,\n ): Promise<TemplateSnapshot> {\n return this.request<TemplateSnapshot>(\n buildUrl(API_ROUTES[\"snapshots.store\"], {\n ...this.baseParams,\n template: templateId,\n }),\n {\n method: \"POST\",\n body: JSON.stringify({ content }),\n },\n );\n }\n\n async deleteTemplate(id: string): Promise<void> {\n return this.request<void>(\n buildUrl(API_ROUTES[\"templates.destroy\"], {\n ...this.baseParams,\n template: id,\n }),\n {\n method: \"DELETE\",\n },\n );\n }\n\n async getSnapshots(templateId: string): Promise<TemplateSnapshot[]> {\n return this.request<TemplateSnapshot[]>(\n buildUrl(API_ROUTES[\"snapshots.index\"], {\n ...this.baseParams,\n template: templateId,\n }),\n );\n }\n\n async restoreSnapshot(\n templateId: string,\n snapshotId: string,\n ): Promise<Template> {\n return this.request<Template>(\n buildUrl(API_ROUTES[\"snapshots.restore\"], {\n ...this.baseParams,\n template: templateId,\n snapshot: snapshotId,\n }),\n {\n method: \"POST\",\n },\n );\n }\n\n async exportTemplate(\n templateId: string,\n fontsPayload?: {\n customFonts: CustomFont[];\n defaultFallback: string;\n },\n ): Promise<{ html: string; mjml: string }> {\n const body = fontsPayload\n ? JSON.stringify({\n custom_fonts: fontsPayload.customFonts,\n default_fallback: fontsPayload.defaultFallback,\n })\n : undefined;\n\n return this.request<{ html: string; mjml: string }>(\n buildUrl(API_ROUTES[\"templates.export\"], {\n ...this.baseParams,\n template: templateId,\n }),\n {\n method: \"POST\",\n body,\n },\n );\n }\n\n async sendTestEmail(\n templateId: string,\n payload: {\n recipient: string;\n html: string;\n allowed_emails: string[];\n signature: string;\n },\n ): Promise<void> {\n await this.request<void>(\n buildUrl(API_ROUTES[\"templates.sendTestEmail\"], {\n ...this.baseParams,\n template: templateId,\n }),\n {\n method: \"POST\",\n body: JSON.stringify(payload),\n },\n );\n }\n\n private commentsUrl(templateId: string, commentId?: string): string {\n if (commentId) {\n return buildUrl(API_ROUTES[\"comments.update\"], {\n ...this.baseParams,\n template: templateId,\n comment: commentId,\n });\n }\n return buildUrl(API_ROUTES[\"comments.index\"], {\n ...this.baseParams,\n template: templateId,\n });\n }\n\n async getComments(templateId: string): Promise<Comment[]> {\n return this.request<Comment[]>(this.commentsUrl(templateId));\n }\n\n async createComment(\n templateId: string,\n data: {\n body: string;\n block_id?: string;\n parent_id?: string;\n user_id: string;\n user_name: string;\n user_signature: string;\n },\n headers?: Record<string, string>,\n ): Promise<Comment> {\n return this.request<Comment>(this.commentsUrl(templateId), {\n method: \"POST\",\n body: JSON.stringify(data),\n headers,\n });\n }\n\n async updateComment(\n templateId: string,\n commentId: string,\n data: {\n body: string;\n user_id: string;\n user_name: string;\n user_signature: string;\n },\n headers?: Record<string, string>,\n ): Promise<Comment> {\n return this.request<Comment>(this.commentsUrl(templateId, commentId), {\n method: \"PUT\",\n body: JSON.stringify(data),\n headers,\n });\n }\n\n async deleteComment(\n templateId: string,\n commentId: string,\n data: {\n user_id: string;\n user_name: string;\n user_signature: string;\n },\n headers?: Record<string, string>,\n ): Promise<void> {\n return this.request<void>(this.commentsUrl(templateId, commentId), {\n method: \"DELETE\",\n body: JSON.stringify(data),\n headers,\n });\n }\n\n async resolveComment(\n templateId: string,\n commentId: string,\n data: {\n user_id: string;\n user_name: string;\n user_signature: string;\n },\n headers?: Record<string, string>,\n ): Promise<Comment> {\n return this.request<Comment>(\n buildUrl(API_ROUTES[\"comments.resolve\"], {\n ...this.baseParams,\n template: templateId,\n comment: commentId,\n }),\n {\n method: \"POST\",\n body: JSON.stringify(data),\n headers,\n },\n );\n }\n\n async fetchConfig(): Promise<PlanConfig> {\n return this.request<PlanConfig>(\n buildUrl(API_ROUTES[\"projects.config\"], this.baseParams),\n );\n }\n\n async listModules(search?: string): Promise<SavedModule[]> {\n const url = buildUrl(API_ROUTES[\"savedModules.index\"], this.baseParams);\n const query = search ? `?search=${encodeURIComponent(search)}` : \"\";\n return this.request<SavedModule[]>(`${url}${query}`);\n }\n\n async createModule(data: {\n name: string;\n content: Block[];\n }): Promise<SavedModule> {\n return this.request<SavedModule>(\n buildUrl(API_ROUTES[\"savedModules.store\"], this.baseParams),\n {\n method: \"POST\",\n body: JSON.stringify(data),\n },\n );\n }\n\n async updateModule(\n id: string,\n data: Partial<{ name: string; content: Block[] }>,\n ): Promise<SavedModule> {\n return this.request<SavedModule>(\n buildUrl(API_ROUTES[\"savedModules.update\"], {\n ...this.baseParams,\n savedModule: id,\n }),\n {\n method: \"PUT\",\n body: JSON.stringify(data),\n },\n );\n }\n\n async deleteModule(id: string): Promise<void> {\n return this.request<void>(\n buildUrl(API_ROUTES[\"savedModules.destroy\"], {\n ...this.baseParams,\n savedModule: id,\n }),\n {\n method: \"DELETE\",\n },\n );\n }\n}\n","import type { WebSocketServerConfig } from \"@aswin.dev/types\";\nimport type { AuthManager } from \"./auth\";\nimport { API_ROUTES, buildUrl } from \"./url-builder\";\nimport type Pusher from \"pusher-js\";\nimport type { Channel, PresenceChannel } from \"pusher-js\";\n\ntype PusherType = Pusher;\n\nexport interface WebSocketConfig {\n host: string;\n port: number;\n appKey: string;\n}\n\nexport function resolveWebSocketConfig(\n serverConfig: WebSocketServerConfig,\n): WebSocketConfig {\n return {\n host: serverConfig.host,\n port: serverConfig.port,\n appKey: serverConfig.app_key,\n };\n}\n\nexport interface PresenceMember {\n id: string;\n name: string;\n type: \"user\" | \"mcp\";\n}\n\nexport interface WebSocketClientOptions {\n authManager: AuthManager;\n config: WebSocketConfig;\n onError?: (error: Error) => void;\n}\n\nexport class WebSocketClient {\n private pusher: PusherType | null = null;\n private readonly authManager: AuthManager;\n private readonly config: WebSocketConfig;\n private readonly onError?: (error: Error) => void;\n\n constructor(options: WebSocketClientOptions) {\n this.authManager = options.authManager;\n this.config = options.config;\n this.onError = options.onError;\n }\n\n async connect(): Promise<void> {\n if (this.pusher) {\n return;\n }\n\n let Pusher: typeof import(\"pusher-js\").default;\n try {\n ({ default: Pusher } = await import(\"pusher-js\"));\n } catch {\n throw new Error(\n \"Cloud features require the optional peer dependency 'pusher-js'. Install it with: npm install pusher-js\",\n );\n }\n\n const { host, port, appKey } = this.config;\n const authEndpoint = this.authManager.resolveUrl(\n buildUrl(API_ROUTES[\"broadcasting.auth\"], {\n project: this.authManager.projectId,\n tenant: this.authManager.tenantSlug,\n }),\n );\n\n this.pusher = new Pusher(appKey, {\n wsHost: host,\n wsPort: port,\n wssPort: port,\n forceTLS: true,\n disableStats: true,\n enabledTransports: [\"ws\", \"wss\"],\n cluster: \"\",\n channelAuthorization: {\n transport: \"ajax\",\n endpoint: authEndpoint,\n headers: {\n Authorization: `Bearer ${this.authManager.accessTokenValue}`,\n Accept: \"application/json\",\n },\n params: {\n user_id: this.authManager.userConfig?.id ?? \"\",\n user_name: this.authManager.userConfig?.name ?? \"\",\n user_signature: this.authManager.userConfig?.signature ?? \"\",\n },\n },\n });\n\n this.pusher.connection.bind(\"error\", (error: unknown) => {\n this.onError?.(\n error instanceof Error\n ? error\n : new Error(\"WebSocket connection error\"),\n );\n });\n }\n\n subscribePresence(channelName: string): PresenceChannel {\n if (!this.pusher) {\n throw new Error(\"WebSocketClient not connected. Call connect() first.\");\n }\n\n return this.pusher.subscribe(channelName) as PresenceChannel;\n }\n\n unsubscribe(channelName: string): void {\n this.pusher?.unsubscribe(channelName);\n }\n\n getChannel(channelName: string): Channel | undefined {\n return this.pusher?.channel(channelName);\n }\n\n disconnect(): void {\n if (this.pusher) {\n this.pusher.disconnect();\n this.pusher = null;\n }\n }\n\n getSocketId(): string | null {\n return this.pusher?.connection.socket_id ?? null;\n }\n\n get isConnected(): boolean {\n return this.pusher?.connection.state === \"connected\";\n }\n}\n","import type { McpOperationPayload } from \"@aswin.dev/types\";\nimport type {\n Block,\n TemplateContent,\n TemplateSettings,\n} from \"@aswin.dev/types\";\nimport type { UseEditorReturn } from \"./editor\";\n\nexport function handleOperation(\n editor: UseEditorReturn,\n payload: McpOperationPayload,\n): void {\n const { operation, data } = payload;\n\n switch (operation) {\n case \"add_block\":\n editor.addBlock(\n data.block as Block,\n data.section_id as string | undefined,\n data.column_index as number | undefined,\n data.index as number | undefined,\n );\n break;\n\n case \"update_block\":\n editor.updateBlock(\n data.block_id as string,\n data.updates as Partial<Block>,\n );\n break;\n\n case \"delete_block\":\n editor.removeBlock(data.block_id as string);\n break;\n\n case \"move_block\":\n editor.moveBlock(\n data.block_id as string,\n data.index as number,\n data.section_id as string | undefined,\n data.column_index as number | undefined,\n );\n break;\n\n case \"update_settings\":\n editor.updateSettings(data.updates as Partial<TemplateSettings>);\n break;\n\n case \"set_content\":\n editor.setContent(data.content as TemplateContent);\n break;\n\n case \"update_block_style\":\n editor.updateBlock(\n data.block_id as string,\n {\n styles: data.styles,\n } as Partial<Block>,\n );\n break;\n }\n}\n","import type {\n EditorState,\n Template,\n TemplateDefaults,\n UiTheme,\n ViewportSize,\n} from \"@aswin.dev/types\";\nimport { SdkError } from \"@aswin.dev/types\";\nimport { ApiClient } from \"./api\";\nimport type { AuthManager } from \"./auth\";\nimport type {\n Block,\n TemplateContent,\n TemplateSettings,\n} from \"@aswin.dev/types\";\nimport {\n createDefaultTemplateContent,\n normalizeTemplateContentPages,\n} from \"@aswin.dev/types\";\nimport { computed, reactive, readonly, type DeepReadonly, type Ref } from \"vue\";\n\nexport interface UseEditorOptions {\n authManager: AuthManager;\n defaultFontFamily?: string;\n templateDefaults?: TemplateDefaults;\n onError?: (error: Error) => void;\n lockedBlocks?: Ref<Map<string, unknown>>;\n}\n\nexport interface UseEditorReturn {\n state: DeepReadonly<EditorState>;\n content: Ref<TemplateContent>;\n selectedBlock: Ref<Block | null>;\n setContent: (content: TemplateContent, markDirty?: boolean) => void;\n selectBlock: (blockId: string | null) => void;\n setViewport: (viewport: ViewportSize) => void;\n setDarkMode: (darkMode: boolean) => void;\n setPreviewMode: (previewMode: boolean) => void;\n setUiTheme: (theme: UiTheme) => void;\n updateBlock: (blockId: string, updates: Partial<Block>) => void;\n updateSettings: (updates: Partial<TemplateSettings>) => void;\n addBlock: (\n block: Block,\n targetSectionId?: string,\n columnIndex?: number,\n index?: number,\n ) => void;\n removeBlock: (blockId: string) => void;\n moveBlock: (\n blockId: string,\n newIndex: number,\n targetSectionId?: string,\n columnIndex?: number,\n ) => void;\n savedBlockIds: Ref<Set<string>>;\n isBlockLocked: (blockId: string) => boolean;\n create: (content?: TemplateContent) => Promise<Template>;\n load: (templateId: string) => Promise<Template>;\n save: () => Promise<Template>;\n createSnapshot: () => Promise<void>;\n hasTemplate: () => boolean;\n markDirty: () => void;\n ensureCanvasPages: () => void;\n switchCanvasPage: (pageId: string) => void;\n addCanvasPage: () => void;\n removeCanvasPage: (pageId: string) => void;\n renameCanvasPage: (pageId: string, title: string) => void;\n switchToNextCanvasPage: () => boolean;\n switchToPreviousCanvasPage: () => boolean;\n}\n\nexport function useEditor(options: UseEditorOptions): UseEditorReturn {\n const api = new ApiClient(options.authManager);\n\n const state = reactive<EditorState>({\n template: null,\n content: normalizeTemplateContentPages(\n createDefaultTemplateContent(\n options.defaultFontFamily,\n options.templateDefaults,\n ),\n ),\n selectedBlockId: null,\n viewport: \"desktop\",\n darkMode: false,\n previewMode: false,\n isDirty: false,\n isSaving: false,\n isLoading: false,\n uiTheme: \"auto\",\n });\n\n const content = computed({\n get: () => state.content,\n set: (value: TemplateContent) => {\n state.content = normalizeTemplateContentPages(value);\n state.isDirty = true;\n },\n });\n\n const selectedBlock = computed(() => {\n if (!state.selectedBlockId) return null;\n return findBlockById(state.content.blocks, state.selectedBlockId);\n });\n\n const savedBlockIds = computed<Set<string>>(() => {\n const ids = new Set<string>();\n const blocks = state.template?.content?.blocks;\n if (!blocks) {\n return ids;\n }\n for (const block of blocks) {\n ids.add(block.id);\n if (block.type === \"section\") {\n for (const column of block.children) {\n for (const child of column) {\n ids.add(child.id);\n }\n }\n }\n }\n return ids;\n });\n\n function findBlockById(blocks: Block[], id: string): Block | null {\n for (const block of blocks) {\n if (block.id === id) return block;\n if (block.type === \"section\") {\n for (const column of block.children) {\n const found = findBlockById(column, id);\n if (found) return found;\n }\n }\n }\n return null;\n }\n\n function findBlockParent(\n blocks: Block[],\n id: string,\n parent: {\n blocks: Block[];\n sectionId?: string;\n columnIndex?: number;\n } = { blocks },\n ): { blocks: Block[]; sectionId?: string; columnIndex?: number } | null {\n for (let i = 0; i < blocks.length; i++) {\n const block = blocks[i];\n if (block.id === id) return parent;\n if (block.type === \"section\") {\n for (let colIdx = 0; colIdx < block.children.length; colIdx++) {\n const result = findBlockParent(block.children[colIdx], id, {\n blocks: block.children[colIdx],\n sectionId: block.id,\n columnIndex: colIdx,\n });\n if (result) return result;\n }\n }\n }\n return null;\n }\n\n function isBlockLocked(blockId: string): boolean {\n return options.lockedBlocks?.value.has(blockId) ?? false;\n }\n\n function setContent(newContent: TemplateContent, markDirty = true): void {\n state.content = normalizeTemplateContentPages(newContent);\n if (markDirty) {\n state.isDirty = true;\n }\n }\n\n function selectBlock(blockId: string | null): void {\n if (blockId && isBlockLocked(blockId)) {\n return;\n }\n state.selectedBlockId = blockId;\n }\n\n function setViewport(viewport: ViewportSize): void {\n state.viewport = viewport;\n }\n\n function setDarkMode(darkMode: boolean): void {\n state.darkMode = darkMode;\n }\n\n function setUiTheme(theme: UiTheme): void {\n state.uiTheme = theme;\n }\n\n function setPreviewMode(previewMode: boolean): void {\n state.previewMode = previewMode;\n if (previewMode) {\n state.selectedBlockId = null;\n }\n }\n\n function updateBlock(blockId: string, updates: Partial<Block>): void {\n if (isBlockLocked(blockId)) {\n return;\n }\n const block = findBlockById(state.content.blocks, blockId);\n if (block) {\n Object.assign(block, updates);\n state.isDirty = true;\n }\n }\n\n function updateSettings(updates: Partial<TemplateSettings>): void {\n state.content.settings = { ...state.content.settings, ...updates };\n state.isDirty = true;\n }\n\n function addBlock(\n block: Block,\n targetSectionId?: string,\n columnIndex = 0,\n index?: number,\n ): void {\n if (targetSectionId) {\n const section = findBlockById(state.content.blocks, targetSectionId);\n if (section && section.type === \"section\") {\n section.children[columnIndex] = section.children[columnIndex] || [];\n const targetArray = section.children[columnIndex];\n if (index !== undefined && index < targetArray.length) {\n targetArray.splice(index, 0, block);\n } else {\n targetArray.push(block);\n }\n }\n } else {\n if (index !== undefined && index < state.content.blocks.length) {\n state.content.blocks.splice(index, 0, block);\n } else {\n state.content.blocks.push(block);\n }\n }\n state.isDirty = true;\n }\n\n function removeBlock(blockId: string): void {\n if (isBlockLocked(blockId)) {\n return;\n }\n const parent = findBlockParent(state.content.blocks, blockId);\n if (parent) {\n const index = parent.blocks.findIndex((b) => b.id === blockId);\n if (index !== -1) {\n parent.blocks.splice(index, 1);\n if (state.selectedBlockId === blockId) {\n state.selectedBlockId = null;\n }\n state.isDirty = true;\n }\n }\n }\n\n function moveBlock(\n blockId: string,\n newIndex: number,\n targetSectionId?: string,\n columnIndex = 0,\n ): void {\n const parent = findBlockParent(state.content.blocks, blockId);\n if (!parent) return;\n\n const oldIndex = parent.blocks.findIndex((b) => b.id === blockId);\n if (oldIndex === -1) return;\n\n const [block] = parent.blocks.splice(oldIndex, 1);\n\n if (targetSectionId) {\n const section = findBlockById(state.content.blocks, targetSectionId);\n if (section && section.type === \"section\") {\n section.children[columnIndex] = section.children[columnIndex] || [];\n section.children[columnIndex].splice(newIndex, 0, block);\n }\n } else {\n state.content.blocks.splice(newIndex, 0, block);\n }\n\n state.isDirty = true;\n }\n\n async function create(content?: TemplateContent): Promise<Template> {\n state.isLoading = true;\n try {\n if (content) {\n state.content = normalizeTemplateContentPages(content);\n }\n const template = await api.createTemplate(state.content);\n state.template = template;\n state.isDirty = false;\n return template;\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n } finally {\n state.isLoading = false;\n }\n }\n\n async function load(templateId: string): Promise<Template> {\n state.isLoading = true;\n try {\n const template = await api.getTemplate(templateId);\n state.template = template;\n state.content = normalizeTemplateContentPages(template.content);\n state.isDirty = false;\n return template;\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n } finally {\n state.isLoading = false;\n }\n }\n\n async function save(): Promise<Template> {\n if (!state.template?.id) {\n throw new SdkError(\n \"No template loaded. Call create() or load() before saving.\",\n );\n }\n\n state.isSaving = true;\n try {\n const template = await api.updateTemplate(\n state.template.id,\n state.content,\n );\n state.template = template;\n state.isDirty = false;\n return template;\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n } finally {\n state.isSaving = false;\n }\n }\n\n async function createSnapshot(): Promise<void> {\n if (!state.template?.id) {\n return;\n }\n\n try {\n await api.createSnapshot(state.template.id, state.content);\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n }\n }\n\n function hasTemplate(): boolean {\n return state.template?.id !== undefined;\n }\n\n function markDirty(): void {\n state.isDirty = true;\n }\n\n function ensureCanvasPages(): void {\n if (state.content.canvasPages?.length) {\n return;\n }\n const id = crypto.randomUUID();\n const blocks = state.content.blocks;\n state.content.canvasPages = [{ id, title: \"Step 1\", blocks }];\n state.content.activeCanvasPageId = id;\n state.content.blocks = blocks;\n state.isDirty = true;\n }\n\n function switchCanvasPage(pageId: string): void {\n const pages = state.content.canvasPages;\n if (!pages?.length) {\n return;\n }\n const page = pages.find((p) => p.id === pageId);\n if (!page) {\n return;\n }\n state.selectedBlockId = null;\n state.content.blocks = page.blocks;\n state.content.activeCanvasPageId = pageId;\n state.isDirty = true;\n }\n\n function addCanvasPage(): void {\n ensureCanvasPages();\n const pages = state.content.canvasPages!;\n const id = crypto.randomUUID();\n const title = `Step ${pages.length + 1}`;\n const newBlocks: Block[] = [];\n pages.push({ id, title, blocks: newBlocks });\n switchCanvasPage(id);\n }\n\n function removeCanvasPage(pageId: string): void {\n const pages = state.content.canvasPages;\n if (!pages || pages.length <= 1) {\n return;\n }\n const idx = pages.findIndex((p) => p.id === pageId);\n if (idx === -1) {\n return;\n }\n pages.splice(idx, 1);\n if (state.content.activeCanvasPageId === pageId) {\n const next = pages[Math.min(idx, pages.length - 1)];\n switchCanvasPage(next.id);\n } else {\n state.content.canvasPages = [...pages];\n state.isDirty = true;\n }\n }\n\n function renameCanvasPage(pageId: string, title: string): void {\n const pages = state.content.canvasPages;\n if (!pages) {\n return;\n }\n const page = pages.find((p) => p.id === pageId);\n if (!page) {\n return;\n }\n page.title = title.trim() || page.title;\n state.isDirty = true;\n }\n\n function switchToNextCanvasPage(): boolean {\n const pages = state.content.canvasPages;\n if (!pages?.length) {\n return false;\n }\n const activeId = state.content.activeCanvasPageId;\n const idx = pages.findIndex((p) => p.id === activeId);\n if (idx === -1 || idx >= pages.length - 1) {\n return false;\n }\n switchCanvasPage(pages[idx + 1].id);\n return true;\n }\n\n function switchToPreviousCanvasPage(): boolean {\n const pages = state.content.canvasPages;\n if (!pages?.length) {\n return false;\n }\n const activeId = state.content.activeCanvasPageId;\n const idx = pages.findIndex((p) => p.id === activeId);\n if (idx <= 0) {\n return false;\n }\n switchCanvasPage(pages[idx - 1].id);\n return true;\n }\n\n return {\n state: readonly(state),\n content,\n selectedBlock,\n savedBlockIds,\n isBlockLocked,\n setContent,\n selectBlock,\n setViewport,\n setDarkMode,\n setUiTheme,\n setPreviewMode,\n updateBlock,\n updateSettings,\n addBlock,\n removeBlock,\n moveBlock,\n create,\n load,\n save,\n createSnapshot,\n hasTemplate,\n markDirty,\n ensureCanvasPages,\n switchCanvasPage,\n addCanvasPage,\n removeCanvasPage,\n renameCanvasPage,\n switchToNextCanvasPage,\n switchToPreviousCanvasPage,\n };\n}\n","import type { AiChatMessage } from \"@aswin.dev/types\";\nimport type { AuthManager } from \"./auth\";\nimport { API_ROUTES, buildUrl } from \"./url-builder\";\nimport type { MergeTag, TemplateContent } from \"@aswin.dev/types\";\nimport { ref } from \"vue\";\n\nexport interface UseAiChatOptions {\n authManager: AuthManager;\n getTemplateId: () => string | null;\n onApply?: (content: TemplateContent) => void;\n onError?: (error: Error) => void;\n}\n\nexport interface UseAiChatReturn {\n messages: ReturnType<typeof ref<AiChatMessage[]>>;\n isGenerating: ReturnType<typeof ref<boolean>>;\n isLoadingHistory: ReturnType<typeof ref<boolean>>;\n isLastChangeReverted: ReturnType<typeof ref<boolean>>;\n lastApplyMessageId: ReturnType<typeof ref<string | null>>;\n error: ReturnType<typeof ref<string | null>>;\n failedPrompt: ReturnType<typeof ref<string | null>>;\n suggestions: ReturnType<typeof ref<string[]>>;\n isLoadingSuggestions: ReturnType<typeof ref<boolean>>;\n sendPrompt: (\n prompt: string,\n currentContent: TemplateContent,\n mergeTags: MergeTag[],\n ) => Promise<TemplateContent | null>;\n toggleLastRevert: () => void;\n loadConversation: () => Promise<void>;\n loadSuggestions: (\n currentContent: TemplateContent,\n mergeTags: MergeTag[],\n ) => Promise<void>;\n clearChat: () => void;\n}\n\nlet messageIdCounter = 0;\n\nfunction generateMessageId(): string {\n return `msg_${Date.now()}_${++messageIdCounter}`;\n}\n\nexport function useAiChat(options: UseAiChatOptions): UseAiChatReturn {\n const { authManager, getTemplateId, onApply, onError } = options;\n\n const messages = ref<AiChatMessage[]>([]);\n const isGenerating = ref(false);\n const isLoadingHistory = ref(false);\n const error = ref<string | null>(null);\n const failedPrompt = ref<string | null>(null);\n const conversationId = ref<string | null>(null);\n const lastApplyMessageId = ref<string | null>(null);\n const lastPreviousContent = ref<TemplateContent | null>(null);\n const lastAppliedContent = ref<TemplateContent | null>(null);\n const isLastChangeReverted = ref(false);\n const suggestions = ref<string[]>([]);\n const isLoadingSuggestions = ref(false);\n\n function updateMessage(msgId: string, updates: Partial<AiChatMessage>): void {\n const idx = messages.value.findIndex((m) => m.id === msgId);\n if (idx === -1) {\n return;\n }\n\n const updated = { ...messages.value[idx], ...updates };\n messages.value = [\n ...messages.value.slice(0, idx),\n updated,\n ...messages.value.slice(idx + 1),\n ];\n }\n\n async function loadConversation(): Promise<void> {\n const templateId = getTemplateId();\n if (!templateId) {\n return;\n }\n\n isLoadingHistory.value = true;\n\n try {\n const url = buildUrl(API_ROUTES[\"ai.conversationMessages\"], {\n project: authManager.projectId,\n tenant: authManager.tenantSlug,\n template: templateId,\n });\n\n const response = await authManager.authenticatedFetch(url, {\n method: \"GET\",\n headers: {\n Accept: \"application/json\",\n },\n });\n\n if (!response.ok) {\n return;\n }\n\n const data = await response.json();\n\n if (data.conversation_id) {\n conversationId.value = data.conversation_id;\n }\n\n if (Array.isArray(data.data) && data.data.length > 0) {\n messages.value = data.data.map(\n (msg: {\n id: string;\n role: \"user\" | \"assistant\";\n content: string;\n created_at: string;\n }) => ({\n id: msg.id,\n role: msg.role,\n content: msg.content,\n timestamp: new Date(msg.created_at).getTime(),\n }),\n );\n }\n } catch {\n // Silently fail - chat will start fresh\n } finally {\n isLoadingHistory.value = false;\n }\n }\n\n async function loadSuggestions(\n currentContent: TemplateContent,\n mergeTags: MergeTag[],\n ): Promise<void> {\n const templateId = getTemplateId();\n if (!templateId) {\n return;\n }\n\n isLoadingSuggestions.value = true;\n\n try {\n const url = buildUrl(API_ROUTES[\"ai.suggestions\"], {\n project: authManager.projectId,\n tenant: authManager.tenantSlug,\n template: templateId,\n });\n\n const response = await authManager.authenticatedFetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"text/event-stream\",\n },\n body: JSON.stringify({\n current_content: currentContent,\n merge_tags: mergeTags.map((p) => ({\n label: p.label,\n value: p.value,\n })),\n }),\n });\n\n if (!response.ok) {\n return;\n }\n\n const reader = response.body?.getReader();\n if (!reader) {\n return;\n }\n\n const decoder = new TextDecoder();\n let buffer = \"\";\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) {\n break;\n }\n\n buffer += decoder.decode(value, { stream: true });\n\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() ?? \"\";\n\n for (const line of lines) {\n if (!line.startsWith(\"data: \")) {\n continue;\n }\n\n let event;\n try {\n event = JSON.parse(line.slice(6));\n } catch {\n continue;\n }\n\n if (event.type === \"done\" && Array.isArray(event.suggestions)) {\n suggestions.value = event.suggestions.slice(0, 3);\n }\n }\n }\n } catch {\n // Silently fail - suggestions are non-critical\n } finally {\n isLoadingSuggestions.value = false;\n }\n }\n\n async function sendPrompt(\n prompt: string,\n currentContent: TemplateContent,\n mergeTags: MergeTag[],\n ): Promise<TemplateContent | null> {\n const templateId = getTemplateId();\n if (!templateId) {\n throw new Error(\"Template must be saved before using AI generation\");\n }\n\n isGenerating.value = true;\n error.value = null;\n failedPrompt.value = null;\n suggestions.value = [];\n\n const userMsgId = generateMessageId();\n messages.value = [\n ...messages.value,\n {\n id: userMsgId,\n role: \"user\",\n content: prompt,\n timestamp: Date.now(),\n },\n ];\n\n const assistantMsgId = generateMessageId();\n messages.value = [\n ...messages.value,\n {\n id: assistantMsgId,\n role: \"assistant\",\n content: \"\",\n timestamp: Date.now(),\n },\n ];\n\n try {\n const url = buildUrl(API_ROUTES[\"ai.generate\"], {\n project: authManager.projectId,\n tenant: authManager.tenantSlug,\n template: templateId,\n });\n\n const response = await authManager.authenticatedFetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"text/event-stream\",\n },\n body: JSON.stringify({\n prompt,\n current_content: currentContent,\n merge_tags: mergeTags.map((p) => ({\n label: p.label,\n value: p.value,\n })),\n conversation_id: conversationId.value,\n }),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => null);\n if (response.status === 403) {\n throw new Error(\"ai_generation_not_available\");\n }\n throw new Error(errorData?.message || \"Failed to generate template\");\n }\n\n const reader = response.body?.getReader();\n if (!reader) {\n throw new Error(\"Failed to read stream\");\n }\n\n const decoder = new TextDecoder();\n let buffer = \"\";\n let result: TemplateContent | null = null;\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) {\n break;\n }\n\n buffer += decoder.decode(value, { stream: true });\n\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() ?? \"\";\n\n for (const line of lines) {\n if (!line.startsWith(\"data: \")) {\n continue;\n }\n\n const jsonStr = line.slice(6);\n\n let event;\n try {\n event = JSON.parse(jsonStr);\n } catch {\n continue;\n }\n\n if (event.type === \"text\") {\n updateMessage(assistantMsgId, {\n content:\n (messages.value.find((m) => m.id === assistantMsgId)\n ?.content ?? \"\") + event.text,\n });\n } else if (event.type === \"error\") {\n throw new Error(event.message || \"Failed to generate template\");\n } else if (event.type === \"done\") {\n if (event.conversation_id) {\n conversationId.value = event.conversation_id;\n }\n\n updateMessage(assistantMsgId, {\n content: event.text,\n });\n\n result = event.content ?? null;\n\n if (result) {\n lastPreviousContent.value = currentContent;\n lastAppliedContent.value = result;\n lastApplyMessageId.value = assistantMsgId;\n isLastChangeReverted.value = false;\n onApply?.(result);\n } else {\n error.value = \"ai_apply_failed\";\n }\n }\n }\n }\n } finally {\n // Release the underlying network resource even on early exit.\n // Without this, throwing out of the loop (e.g. on an `error` SSE\n // event) leaves the socket and read buffer attached until GC.\n reader.cancel().catch(() => {});\n }\n\n return result;\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to generate template\", { cause: err });\n error.value = wrappedError.message;\n failedPrompt.value = prompt;\n onError?.(wrappedError);\n\n messages.value = messages.value.filter(\n (m) => m.id !== userMsgId && m.id !== assistantMsgId,\n );\n\n return null;\n } finally {\n isGenerating.value = false;\n }\n }\n\n function toggleLastRevert(): void {\n if (isLastChangeReverted.value) {\n if (lastAppliedContent.value) {\n onApply?.(lastAppliedContent.value);\n }\n isLastChangeReverted.value = false;\n } else {\n if (lastPreviousContent.value) {\n onApply?.(lastPreviousContent.value);\n }\n isLastChangeReverted.value = true;\n }\n }\n\n function clearChat(): void {\n messages.value = [];\n conversationId.value = null;\n error.value = null;\n lastApplyMessageId.value = null;\n lastPreviousContent.value = null;\n lastAppliedContent.value = null;\n isLastChangeReverted.value = false;\n }\n\n return {\n messages,\n isGenerating,\n isLoadingHistory,\n isLastChangeReverted,\n lastApplyMessageId,\n error,\n failedPrompt,\n suggestions,\n isLoadingSuggestions,\n sendPrompt,\n toggleLastRevert,\n loadConversation,\n loadSuggestions,\n clearChat,\n };\n}\n","import type { AiConfig } from \"@aswin.dev/types\";\nimport { computed, type ComputedRef } from \"vue\";\n\nexport interface UseAiConfigReturn {\n isFeatureEnabled: (feature: keyof AiConfig) => boolean;\n hasAnyMenuFeature: ComputedRef<boolean>;\n}\n\nexport function useAiConfig(config?: AiConfig | false): UseAiConfigReturn {\n function isFeatureEnabled(feature: keyof AiConfig): boolean {\n if (config === false) {\n return false;\n }\n\n return config?.[feature] !== false;\n }\n\n const hasAnyMenuFeature = computed(\n () =>\n isFeatureEnabled(\"chat\") ||\n isFeatureEnabled(\"scoring\") ||\n isFeatureEnabled(\"designToTemplate\"),\n );\n\n return {\n isFeatureEnabled,\n hasAnyMenuFeature,\n };\n}\n","import type {\n ScoringCategory,\n ScoringFinding,\n ScoringResult,\n} from \"@aswin.dev/types\";\nimport type { AuthManager } from \"./auth\";\nimport { API_ROUTES, buildUrl } from \"./url-builder\";\nimport type { MergeTag, TemplateContent } from \"@aswin.dev/types\";\nimport { ref } from \"vue\";\n\nexport interface UseTemplateScoringOptions {\n authManager: AuthManager;\n getTemplateId: () => string | null;\n}\n\nexport interface UseTemplateScoringReturn {\n isScoring: ReturnType<typeof ref<boolean>>;\n scoringResult: ReturnType<typeof ref<ScoringResult | null>>;\n error: ReturnType<typeof ref<string | null>>;\n fixingFindingId: ReturnType<typeof ref<string | null>>;\n fixStreamingText: ReturnType<typeof ref<string>>;\n fixError: ReturnType<typeof ref<string | null>>;\n score: (\n content: TemplateContent,\n mergeTags: MergeTag[],\n ) => Promise<ScoringResult | null>;\n fixFinding: (\n blockContent: string,\n finding: ScoringFinding,\n mergeTags: MergeTag[],\n ) => Promise<string | null>;\n removeFinding: (category: ScoringCategory, findingId: string) => void;\n reset: () => void;\n}\n\nexport function useTemplateScoring(\n options: UseTemplateScoringOptions,\n): UseTemplateScoringReturn {\n const { authManager, getTemplateId } = options;\n\n const isScoring = ref(false);\n const scoringResult = ref<ScoringResult | null>(null);\n const error = ref<string | null>(null);\n const fixingFindingId = ref<string | null>(null);\n const fixStreamingText = ref(\"\");\n const fixError = ref<string | null>(null);\n\n async function score(\n content: TemplateContent,\n mergeTags: MergeTag[],\n ): Promise<ScoringResult | null> {\n const templateId = getTemplateId();\n if (!templateId) {\n return null;\n }\n\n isScoring.value = true;\n error.value = null;\n scoringResult.value = null;\n\n try {\n const url = buildUrl(API_ROUTES[\"ai.score\"], {\n project: authManager.projectId,\n tenant: authManager.tenantSlug,\n template: templateId,\n });\n\n const response = await authManager.authenticatedFetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"text/event-stream\",\n },\n body: JSON.stringify({\n current_content: content,\n merge_tags: mergeTags.map((p) => ({\n label: p.label,\n value: p.value,\n })),\n }),\n });\n\n if (!response.ok) {\n if (response.status === 403) {\n throw new Error(\"ai_generation_not_available\");\n }\n const errorData = await response.json().catch(() => null);\n throw new Error(errorData?.message || \"Failed to score template\");\n }\n\n const reader = response.body?.getReader();\n if (!reader) {\n throw new Error(\"Failed to read stream\");\n }\n\n const decoder = new TextDecoder();\n let buffer = \"\";\n let result: ScoringResult | null = null;\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) {\n break;\n }\n\n buffer += decoder.decode(value, { stream: true });\n\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() ?? \"\";\n\n for (const line of lines) {\n if (!line.startsWith(\"data: \")) {\n continue;\n }\n\n let event;\n try {\n event = JSON.parse(line.slice(6));\n } catch {\n continue;\n }\n\n if (event.type === \"error\") {\n throw new Error(event.message || \"Failed to score template\");\n }\n\n if (event.type === \"done\") {\n result = event.result ?? null;\n }\n }\n }\n\n if (result) {\n for (const [category, categoryData] of Object.entries(\n result.categories,\n )) {\n for (const finding of categoryData.findings) {\n finding.category = category as ScoringCategory;\n }\n }\n }\n\n scoringResult.value = result;\n return result;\n } catch (err) {\n error.value =\n err instanceof Error ? err.message : \"Failed to score template\";\n return null;\n } finally {\n isScoring.value = false;\n }\n }\n\n async function fixFinding(\n blockContent: string,\n finding: ScoringFinding,\n mergeTags: MergeTag[],\n ): Promise<string | null> {\n const templateId = getTemplateId();\n if (!templateId) {\n return null;\n }\n\n fixingFindingId.value = finding.id;\n fixStreamingText.value = \"\";\n fixError.value = null;\n\n try {\n const url = buildUrl(API_ROUTES[\"ai.fixFinding\"], {\n project: authManager.projectId,\n tenant: authManager.tenantSlug,\n template: templateId,\n });\n\n const response = await authManager.authenticatedFetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"text/event-stream\",\n },\n body: JSON.stringify({\n content: blockContent,\n finding: {\n id: finding.id,\n message: finding.message,\n suggestion: finding.suggestion,\n category: finding.category,\n },\n merge_tags: mergeTags.map((p) => ({\n label: p.label,\n value: p.value,\n })),\n }),\n });\n\n if (!response.ok) {\n if (response.status === 403) {\n throw new Error(\"ai_generation_not_available\");\n }\n const errorData = await response.json().catch(() => null);\n throw new Error(errorData?.message || \"Failed to fix finding\");\n }\n\n const reader = response.body?.getReader();\n if (!reader) {\n throw new Error(\"Failed to read stream\");\n }\n\n const decoder = new TextDecoder();\n let buffer = \"\";\n let result: string | null = null;\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) {\n break;\n }\n\n buffer += decoder.decode(value, { stream: true });\n\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() ?? \"\";\n\n for (const line of lines) {\n if (!line.startsWith(\"data: \")) {\n continue;\n }\n\n let event;\n try {\n event = JSON.parse(line.slice(6));\n } catch {\n continue;\n }\n\n if (event.type === \"text\") {\n fixStreamingText.value += event.text;\n } else if (event.type === \"error\") {\n throw new Error(event.message || \"Failed to fix finding\");\n } else if (event.type === \"done\") {\n result = event.content ?? null;\n }\n }\n }\n\n return result;\n } catch (err) {\n fixError.value =\n err instanceof Error ? err.message : \"Failed to fix finding\";\n return null;\n } finally {\n fixingFindingId.value = null;\n }\n }\n\n function removeFinding(category: ScoringCategory, findingId: string): void {\n if (!scoringResult.value) {\n return;\n }\n\n const cat = scoringResult.value.categories[category];\n if (!cat) {\n return;\n }\n\n cat.findings = cat.findings.filter((f) => f.id !== findingId);\n }\n\n function reset(): void {\n isScoring.value = false;\n scoringResult.value = null;\n error.value = null;\n fixingFindingId.value = null;\n fixStreamingText.value = \"\";\n fixError.value = null;\n }\n\n return {\n isScoring,\n scoringResult,\n error,\n fixingFindingId,\n fixStreamingText,\n fixError,\n score,\n fixFinding,\n removeFinding,\n reset,\n };\n}\n","import type { AuthManager } from \"./auth\";\nimport { API_ROUTES, buildUrl } from \"./url-builder\";\nimport type { TemplateContent } from \"@aswin.dev/types\";\nimport { ref } from \"vue\";\n\nexport interface UseDesignReferenceOptions {\n authManager: AuthManager;\n getTemplateId: () => string | null;\n onApply?: (content: TemplateContent) => void;\n onError?: (error: Error) => void;\n}\n\nexport interface UseDesignReferenceReturn {\n isGenerating: ReturnType<typeof ref<boolean>>;\n error: ReturnType<typeof ref<string | null>>;\n generate: (input: DesignReferenceInput) => Promise<TemplateContent | null>;\n reset: () => void;\n}\n\nexport interface DesignReferenceInput {\n prompt?: string;\n imageUpload?: File;\n pdfUpload?: File;\n}\n\nexport function useDesignReference(\n options: UseDesignReferenceOptions,\n): UseDesignReferenceReturn {\n const { authManager, getTemplateId, onApply, onError } = options;\n\n const isGenerating = ref(false);\n const error = ref<string | null>(null);\n\n async function generate(\n input: DesignReferenceInput,\n ): Promise<TemplateContent | null> {\n const templateId = getTemplateId();\n if (!templateId) {\n throw new Error(\"Template must be saved before using design reference\");\n }\n\n isGenerating.value = true;\n error.value = null;\n\n try {\n const formData = new FormData();\n\n if (input.prompt) {\n formData.append(\"prompt\", input.prompt);\n }\n\n if (input.imageUpload) {\n formData.append(\"image_upload\", input.imageUpload);\n }\n\n if (input.pdfUpload) {\n formData.append(\"pdf_upload\", input.pdfUpload);\n }\n\n const url = buildUrl(API_ROUTES[\"ai.generateFromDesign\"], {\n project: authManager.projectId,\n tenant: authManager.tenantSlug,\n template: templateId,\n });\n\n const response = await authManager.authenticatedFetch(url, {\n method: \"POST\",\n headers: {\n Accept: \"text/event-stream\",\n },\n body: formData,\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => null);\n if (response.status === 403) {\n throw new Error(\"ai_generation_not_available\");\n }\n throw new Error(\n errorData?.message || \"Failed to generate template from design\",\n );\n }\n\n const reader = response.body?.getReader();\n if (!reader) {\n throw new Error(\"Failed to read stream\");\n }\n\n const decoder = new TextDecoder();\n let buffer = \"\";\n let result: TemplateContent | null = null;\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) {\n break;\n }\n\n buffer += decoder.decode(value, { stream: true });\n\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() ?? \"\";\n\n for (const line of lines) {\n if (!line.startsWith(\"data: \")) {\n continue;\n }\n\n const jsonStr = line.slice(6);\n\n let event;\n try {\n event = JSON.parse(jsonStr);\n } catch {\n continue;\n }\n\n if (event.type === \"error\") {\n throw new Error(\n event.message || \"Failed to generate template from design\",\n );\n }\n\n if (event.type === \"done\") {\n result = event.content ?? null;\n\n if (result) {\n onApply?.(result);\n }\n }\n }\n }\n\n return result;\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to generate template from design\", {\n cause: err,\n });\n error.value = wrappedError.message;\n onError?.(wrappedError);\n\n return null;\n } finally {\n isGenerating.value = false;\n }\n }\n\n function reset(): void {\n isGenerating.value = false;\n error.value = null;\n }\n\n return {\n isGenerating,\n error,\n generate,\n reset,\n };\n}\n","import type {\n Comment,\n CommentEvent,\n CommentThread,\n UserConfig,\n} from \"@aswin.dev/types\";\nimport { ApiClient } from \"./api\";\nimport type { AuthManager } from \"./auth\";\nimport { computed, ref, type ComputedRef, type Ref } from \"vue\";\n\nexport interface UseCommentsOptions {\n authManager: AuthManager;\n getTemplateId: () => string | null;\n getSocketId?: () => string | null;\n onComment?: (event: CommentEvent) => void;\n onError?: (error: Error) => void;\n isAuthReady?: Ref<boolean>;\n hasCommentingFeature?: () => boolean;\n}\n\nexport interface UseCommentsReturn {\n comments: Ref<CommentThread[]>;\n isLoading: Ref<boolean>;\n isSubmitting: Ref<boolean>;\n isEnabled: ComputedRef<boolean>;\n commentCountByBlock: ComputedRef<Map<string, number>>;\n totalCount: ComputedRef<number>;\n unresolvedCount: ComputedRef<number>;\n loadComments: () => Promise<void>;\n addComment: (\n body: string,\n blockId?: string,\n parentId?: string,\n ) => Promise<Comment | null>;\n editComment: (commentId: string, body: string) => Promise<Comment | null>;\n removeComment: (commentId: string) => Promise<boolean>;\n toggleResolve: (commentId: string) => Promise<Comment | null>;\n applyRemoteCreate: (comment: Comment) => void;\n applyRemoteUpdate: (comment: Comment) => void;\n applyRemoteDelete: (commentId: string, parentId: string | null) => void;\n}\n\nexport function useComments(options: UseCommentsOptions): UseCommentsReturn {\n const {\n authManager,\n getTemplateId,\n getSocketId,\n onComment,\n onError,\n hasCommentingFeature,\n } = options;\n\n const api = new ApiClient(authManager);\n const comments = ref<CommentThread[]>([]);\n const isLoading = ref(false);\n const isSubmitting = ref(false);\n\n const isEnabled = computed<boolean>(() => {\n const featureAvailable = hasCommentingFeature?.() ?? false;\n return featureAvailable && authManager.userConfig !== null;\n });\n\n const totalCount = computed<number>(() => {\n let count = 0;\n for (const thread of comments.value) {\n count += 1 + (thread.replies?.length ?? 0);\n }\n return count;\n });\n\n const unresolvedCount = computed<number>(() => {\n return comments.value.filter((c) => !c.resolved_at).length;\n });\n\n const commentCountByBlock = computed<Map<string, number>>(() => {\n const map = new Map<string, number>();\n for (const thread of comments.value) {\n if (thread.block_id) {\n map.set(\n thread.block_id,\n (map.get(thread.block_id) ?? 0) + 1 + (thread.replies?.length ?? 0),\n );\n }\n }\n return map;\n });\n\n function getUserPayload(): {\n user_id: string;\n user_name: string;\n user_signature: string;\n } {\n const user: UserConfig | null = authManager.userConfig;\n if (!user) {\n throw new Error(\"User config not available\");\n }\n return {\n user_id: user.id,\n user_name: user.name,\n user_signature: user.signature,\n };\n }\n\n function socketHeaders(): Record<string, string> | undefined {\n const socketId = getSocketId?.();\n if (!socketId) {\n return undefined;\n }\n return { \"X-Socket-ID\": socketId };\n }\n\n function emitEvent(type: CommentEvent[\"type\"], comment: Comment): void {\n onComment?.({ type, comment });\n }\n\n function findComment(commentId: string): Comment | null {\n for (const thread of comments.value) {\n if (thread.id === commentId) {\n return thread;\n }\n for (const reply of thread.replies ?? []) {\n if (reply.id === commentId) {\n return reply;\n }\n }\n }\n return null;\n }\n\n async function loadComments(): Promise<void> {\n const templateId = getTemplateId();\n if (!templateId) {\n return;\n }\n\n isLoading.value = true;\n\n try {\n comments.value = await api.getComments(templateId);\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to load comments\", { cause: err });\n onError?.(wrappedError);\n } finally {\n isLoading.value = false;\n }\n }\n\n async function addComment(\n body: string,\n blockId?: string,\n parentId?: string,\n ): Promise<Comment | null> {\n const templateId = getTemplateId();\n if (!templateId) {\n return null;\n }\n\n isSubmitting.value = true;\n\n try {\n const comment = await api.createComment(\n templateId,\n {\n body,\n block_id: blockId,\n parent_id: parentId,\n ...getUserPayload(),\n },\n socketHeaders(),\n );\n\n if (parentId) {\n const parent = findComment(parentId);\n if (parent) {\n parent.replies = [...(parent.replies ?? []), comment];\n }\n } else {\n comments.value = [...comments.value, comment];\n }\n\n emitEvent(\"created\", comment);\n return comment;\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to create comment\", { cause: err });\n onError?.(wrappedError);\n return null;\n } finally {\n isSubmitting.value = false;\n }\n }\n\n async function editComment(\n commentId: string,\n body: string,\n ): Promise<Comment | null> {\n const templateId = getTemplateId();\n if (!templateId) {\n return null;\n }\n\n isSubmitting.value = true;\n\n try {\n const updated = await api.updateComment(\n templateId,\n commentId,\n {\n body,\n ...getUserPayload(),\n },\n socketHeaders(),\n );\n\n updateCommentInState(commentId, updated);\n emitEvent(\"updated\", updated);\n return updated;\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to update comment\", { cause: err });\n onError?.(wrappedError);\n return null;\n } finally {\n isSubmitting.value = false;\n }\n }\n\n async function removeComment(commentId: string): Promise<boolean> {\n const templateId = getTemplateId();\n if (!templateId) {\n return false;\n }\n\n const comment = findComment(commentId);\n if (!comment) {\n return false;\n }\n\n const commentSnapshot = {\n ...comment,\n replies: [...(comment.replies ?? [])],\n };\n\n isSubmitting.value = true;\n\n try {\n await api.deleteComment(\n templateId,\n commentId,\n getUserPayload(),\n socketHeaders(),\n );\n\n if (comment.parent_id) {\n const parent = findComment(comment.parent_id);\n if (parent) {\n parent.replies = (parent.replies ?? []).filter(\n (r) => r.id !== commentId,\n );\n }\n } else {\n comments.value = comments.value.filter((c) => c.id !== commentId);\n }\n\n emitEvent(\"deleted\", commentSnapshot);\n return true;\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to delete comment\", { cause: err });\n onError?.(wrappedError);\n return false;\n } finally {\n isSubmitting.value = false;\n }\n }\n\n async function toggleResolve(commentId: string): Promise<Comment | null> {\n const templateId = getTemplateId();\n if (!templateId) {\n return null;\n }\n\n isSubmitting.value = true;\n\n try {\n const updated = await api.resolveComment(\n templateId,\n commentId,\n getUserPayload(),\n socketHeaders(),\n );\n\n updateCommentInState(commentId, updated);\n\n const eventType = updated.resolved_at ? \"resolved\" : \"unresolved\";\n emitEvent(eventType, updated);\n return updated;\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to toggle comment resolution\", { cause: err });\n onError?.(wrappedError);\n return null;\n } finally {\n isSubmitting.value = false;\n }\n }\n\n function applyRemoteCreate(comment: Comment): void {\n if (comment.parent_id) {\n const parent = findComment(comment.parent_id);\n if (parent) {\n parent.replies = [...(parent.replies ?? []), comment];\n }\n } else {\n comments.value = [...comments.value, comment];\n }\n emitEvent(\"created\", comment);\n }\n\n function applyRemoteUpdate(comment: Comment): void {\n updateCommentInState(comment.id, comment);\n emitEvent(\"updated\", comment);\n }\n\n function applyRemoteDelete(commentId: string, parentId: string | null): void {\n const comment = findComment(commentId);\n const snapshot = comment\n ? { ...comment, replies: [...(comment.replies ?? [])] }\n : null;\n\n if (parentId) {\n const parent = findComment(parentId);\n if (parent) {\n parent.replies = (parent.replies ?? []).filter(\n (r) => r.id !== commentId,\n );\n }\n } else {\n comments.value = comments.value.filter((c) => c.id !== commentId);\n }\n\n if (snapshot) {\n emitEvent(\"deleted\", snapshot);\n }\n }\n\n function updateCommentInState(commentId: string, updated: Comment): void {\n for (let i = 0; i < comments.value.length; i++) {\n if (comments.value[i].id === commentId) {\n comments.value = [\n ...comments.value.slice(0, i),\n { ...updated, replies: comments.value[i].replies },\n ...comments.value.slice(i + 1),\n ];\n return;\n }\n\n const replies = comments.value[i].replies ?? [];\n for (let j = 0; j < replies.length; j++) {\n if (replies[j].id === commentId) {\n const newReplies = [\n ...replies.slice(0, j),\n updated,\n ...replies.slice(j + 1),\n ];\n comments.value = [\n ...comments.value.slice(0, i),\n { ...comments.value[i], replies: newReplies },\n ...comments.value.slice(i + 1),\n ];\n return;\n }\n }\n }\n }\n\n return {\n comments,\n isLoading,\n isSubmitting,\n isEnabled,\n commentCountByBlock,\n totalCount,\n unresolvedCount,\n loadComments,\n addComment,\n editComment,\n removeComment,\n toggleResolve,\n applyRemoteCreate,\n applyRemoteUpdate,\n applyRemoteDelete,\n };\n}\n","import type { UseCommentsReturn } from \"./comments\";\nimport type { Comment } from \"@aswin.dev/types\";\nimport type { PresenceChannel } from \"pusher-js\";\nimport { onScopeDispose, watch, type Ref } from \"vue\";\n\nexport interface CommentBroadcastPayload {\n action:\n | \"comment_created\"\n | \"comment_updated\"\n | \"comment_deleted\"\n | \"comment_resolved\"\n | \"comment_unresolved\";\n comment: Comment;\n}\n\nexport interface UseCommentListenerOptions {\n comments: UseCommentsReturn;\n channel: Ref<PresenceChannel | null>;\n}\n\nexport function useCommentListener(options: UseCommentListenerOptions): void {\n const { comments, channel } = options;\n\n watch(channel, (newChannel, oldChannel) => {\n if (oldChannel) {\n oldChannel.unbind(\"comment-broadcast\");\n }\n\n if (newChannel) {\n newChannel.bind(\n \"comment-broadcast\",\n (payload: CommentBroadcastPayload) => {\n handleCommentBroadcast(comments, payload);\n },\n );\n }\n });\n\n // The watch only unbinds on channel *transitions*. On scope dispose the\n // currently-bound handler stays attached, processing broadcasts on a\n // dead component. Explicitly tear it down.\n onScopeDispose(() => {\n channel.value?.unbind(\"comment-broadcast\");\n });\n}\n\nfunction handleCommentBroadcast(\n comments: UseCommentsReturn,\n payload: CommentBroadcastPayload,\n): void {\n switch (payload.action) {\n case \"comment_created\":\n comments.applyRemoteCreate(payload.comment);\n break;\n case \"comment_updated\":\n comments.applyRemoteUpdate(payload.comment);\n break;\n case \"comment_deleted\":\n comments.applyRemoteDelete(payload.comment.id, payload.comment.parent_id);\n break;\n case \"comment_resolved\":\n case \"comment_unresolved\":\n comments.applyRemoteUpdate(payload.comment);\n break;\n }\n}\n","import type { UseEditorReturn } from \"./editor\";\nimport type { AuthManager } from \"./auth\";\nimport type { Collaborator, McpOperationPayload } from \"@aswin.dev/types\";\nimport { handleOperation } from \"./mcp-operation-handler\";\nimport type { PresenceMember } from \"./websocket-client\";\nimport type { PresenceChannel } from \"pusher-js\";\nimport { computed, onScopeDispose, ref, watch, type Ref } from \"vue\";\n\nconst COLLAB_EVENTS = [\n \"pusher:member_added\",\n \"pusher:member_removed\",\n \"client-block_locked\",\n \"client-block_unlocked\",\n \"client-operation\",\n \"mcp-operation\",\n] as const;\n\nfunction unbindCollabEvents(channel: PresenceChannel): void {\n for (const event of COLLAB_EVENTS) {\n channel.unbind(event);\n }\n}\n\nconst COLLABORATOR_COLORS = [\n \"#3b82f6\",\n \"#ef4444\",\n \"#10b981\",\n \"#f59e0b\",\n \"#8b5cf6\",\n \"#ec4899\",\n \"#06b6d4\",\n \"#f97316\",\n \"#6366f1\",\n \"#14b8a6\",\n];\n\nexport interface UseCollaborationOptions {\n authManager: AuthManager;\n editor: UseEditorReturn;\n channel: Ref<PresenceChannel | null>;\n onError?: (error: Error) => void;\n onCollaboratorJoined?: (collaborator: Collaborator) => void;\n onCollaboratorLeft?: (collaborator: Collaborator) => void;\n onBlockLocked?: (event: {\n blockId: string;\n collaborator: Collaborator;\n }) => void;\n onBlockUnlocked?: (event: {\n blockId: string;\n collaborator: Collaborator;\n }) => void;\n}\n\nexport interface UseCollaborationReturn {\n collaborators: Ref<Collaborator[]>;\n lockedBlocks: Ref<Map<string, Collaborator>>;\n}\n\nexport function useCollaboration(\n options: UseCollaborationOptions,\n): UseCollaborationReturn & {\n _broadcastOperation: (payload: McpOperationPayload) => void;\n _isProcessingRemoteOperation: () => boolean;\n} {\n const { authManager, editor, channel } = options;\n\n const collaborators = ref<Collaborator[]>([]);\n const lockedBlocks = ref<Map<string, Collaborator>>(new Map());\n\n let colorIndex = 0;\n let isProcessingRemoteOperation = false;\n\n const myUserId = computed(() => authManager.userConfig?.id ?? \"\");\n\n function assignColor(): string {\n const color = COLLABORATOR_COLORS[colorIndex % COLLABORATOR_COLORS.length];\n colorIndex++;\n return color;\n }\n\n function addCollaborator(member: PresenceMember): Collaborator | undefined {\n if (member.id === myUserId.value) {\n return undefined;\n }\n\n if (collaborators.value.some((c) => c.id === member.id)) {\n return undefined;\n }\n\n const collaborator: Collaborator = {\n id: member.id,\n name: member.name,\n color: assignColor(),\n selectedBlockId: null,\n };\n\n collaborators.value = [...collaborators.value, collaborator];\n\n return collaborator;\n }\n\n function removeCollaborator(memberId: string): void {\n const newLockedBlocks = new Map(lockedBlocks.value);\n for (const [blockId, collaborator] of newLockedBlocks) {\n if (collaborator.id === memberId) {\n newLockedBlocks.delete(blockId);\n }\n }\n lockedBlocks.value = newLockedBlocks;\n\n collaborators.value = collaborators.value.filter((c) => c.id !== memberId);\n }\n\n function handleBlockLocked(data: { blockId: string; userId: string }): void {\n const collaborator = collaborators.value.find((c) => c.id === data.userId);\n if (!collaborator) {\n return;\n }\n\n collaborators.value = collaborators.value.map((c) =>\n c.id === data.userId ? { ...c, selectedBlockId: data.blockId } : c,\n );\n\n const newLockedBlocks = new Map(lockedBlocks.value);\n for (const [blockId, holder] of newLockedBlocks) {\n if (holder.id === data.userId) {\n newLockedBlocks.delete(blockId);\n }\n }\n\n newLockedBlocks.set(data.blockId, {\n ...collaborator,\n selectedBlockId: data.blockId,\n });\n lockedBlocks.value = newLockedBlocks;\n\n if (editor.state.selectedBlockId === data.blockId) {\n editor.selectBlock(null);\n }\n }\n\n function handleBlockUnlocked(data: { blockId: string }): void {\n const newLockedBlocks = new Map(lockedBlocks.value);\n const holder = newLockedBlocks.get(data.blockId);\n newLockedBlocks.delete(data.blockId);\n lockedBlocks.value = newLockedBlocks;\n\n if (holder) {\n collaborators.value = collaborators.value.map((c) =>\n c.id === holder.id ? { ...c, selectedBlockId: null } : c,\n );\n }\n }\n\n function handleRemoteOperation(payload: McpOperationPayload): void {\n isProcessingRemoteOperation = true;\n try {\n handleOperation(editor, payload);\n } finally {\n isProcessingRemoteOperation = false;\n }\n }\n\n function broadcastOperation(payload: McpOperationPayload): void {\n if (!channel.value || isProcessingRemoteOperation) {\n return;\n }\n\n channel.value.trigger(\"client-operation\", payload);\n }\n\n function broadcastBlockLocked(blockId: string): void {\n if (!channel.value) {\n return;\n }\n\n channel.value.trigger(\"client-block_locked\", {\n blockId,\n userId: myUserId.value,\n });\n }\n\n function broadcastBlockUnlocked(blockId: string): void {\n if (!channel.value) {\n return;\n }\n\n channel.value.trigger(\"client-block_unlocked\", { blockId });\n }\n\n watch(\n () => editor.state.selectedBlockId,\n (newBlockId, oldBlockId) => {\n if (isProcessingRemoteOperation) {\n return;\n }\n\n if (oldBlockId) {\n broadcastBlockUnlocked(oldBlockId);\n }\n\n if (newBlockId) {\n broadcastBlockLocked(newBlockId);\n }\n },\n );\n\n watch(channel, (newChannel, oldChannel) => {\n if (oldChannel) {\n unbindCollabEvents(oldChannel);\n }\n\n if (!newChannel) {\n collaborators.value = [];\n lockedBlocks.value = new Map();\n colorIndex = 0;\n return;\n }\n\n const members = (\n newChannel as PresenceChannel & {\n members: {\n each: (\n callback: (member: { id: string; info: PresenceMember }) => void,\n ) => void;\n };\n }\n ).members;\n if (members) {\n members.each((member: { id: string; info: PresenceMember }) => {\n addCollaborator(member.info);\n });\n }\n\n newChannel.bind(\n \"pusher:member_added\",\n (member: { id: string; info: PresenceMember }) => {\n const collaborator = addCollaborator(member.info);\n if (collaborator) {\n options.onCollaboratorJoined?.(collaborator);\n }\n },\n );\n\n newChannel.bind(\n \"pusher:member_removed\",\n (member: { id: string; info: PresenceMember }) => {\n const collaborator = collaborators.value.find(\n (c) => c.id === member.id,\n );\n removeCollaborator(member.id);\n if (collaborator) {\n options.onCollaboratorLeft?.(collaborator);\n }\n },\n );\n\n newChannel.bind(\n \"client-block_locked\",\n (data: { blockId: string; userId: string }) => {\n handleBlockLocked(data);\n const collaborator = collaborators.value.find(\n (c) => c.id === data.userId,\n );\n if (collaborator) {\n options.onBlockLocked?.({\n blockId: data.blockId,\n collaborator,\n });\n }\n },\n );\n\n newChannel.bind(\"client-block_unlocked\", (data: { blockId: string }) => {\n const holder = lockedBlocks.value.get(data.blockId);\n handleBlockUnlocked(data);\n if (holder) {\n options.onBlockUnlocked?.({\n blockId: data.blockId,\n collaborator: holder,\n });\n }\n });\n\n newChannel.bind(\"client-operation\", (payload: McpOperationPayload) => {\n handleRemoteOperation(payload);\n });\n\n newChannel.bind(\"mcp-operation\", (payload: McpOperationPayload) => {\n handleRemoteOperation(payload);\n });\n });\n\n // The watch above only unbinds when the channel ref *changes*. On scope\n // dispose (component unmount) the watch is auto-stopped but the currently\n // bound listeners stay attached forever — handlers fire on a dead component\n // and accumulate on remount. Tear them down explicitly.\n onScopeDispose(() => {\n if (channel.value) {\n unbindCollabEvents(channel.value);\n }\n });\n\n return {\n collaborators,\n lockedBlocks,\n _broadcastOperation: broadcastOperation,\n _isProcessingRemoteOperation: () => isProcessingRemoteOperation,\n };\n}\n","import type { McpOperationPayload } from \"@aswin.dev/types\";\nimport type { UseEditorReturn } from \"../editor\";\n\ninterface BroadcastTarget {\n _broadcastOperation: (payload: McpOperationPayload) => void;\n}\n\n/**\n * Wraps editor mutation methods to broadcast operations to collaboration\n * peers after each mutation executes. Mutates the editor object in place.\n *\n * Must be applied **before** the history interceptor so the call chain is:\n * history.record() → broadcast + original mutation.\n */\nexport function useCollaborationBroadcast(\n editor: UseEditorReturn,\n collaboration: BroadcastTarget,\n): void {\n const originalAddBlock = editor.addBlock;\n const originalUpdateBlock = editor.updateBlock;\n const originalRemoveBlock = editor.removeBlock;\n const originalMoveBlock = editor.moveBlock;\n const originalUpdateSettings = editor.updateSettings;\n const originalSetContent = editor.setContent;\n\n editor.addBlock = (block, targetSectionId?, columnIndex?) => {\n originalAddBlock(block, targetSectionId, columnIndex);\n collaboration._broadcastOperation({\n operation: \"add_block\",\n data: {\n block,\n section_id: targetSectionId,\n column_index: columnIndex,\n },\n timestamp: Date.now(),\n });\n };\n\n editor.updateBlock = (blockId, updates) => {\n originalUpdateBlock(blockId, updates);\n collaboration._broadcastOperation({\n operation: \"update_block\",\n data: { block_id: blockId, updates },\n timestamp: Date.now(),\n });\n };\n\n editor.removeBlock = (blockId) => {\n originalRemoveBlock(blockId);\n collaboration._broadcastOperation({\n operation: \"delete_block\",\n data: { block_id: blockId },\n timestamp: Date.now(),\n });\n };\n\n editor.moveBlock = (blockId, newIndex, targetSectionId?, columnIndex?) => {\n originalMoveBlock(blockId, newIndex, targetSectionId, columnIndex);\n collaboration._broadcastOperation({\n operation: \"move_block\",\n data: {\n block_id: blockId,\n index: newIndex,\n section_id: targetSectionId,\n column_index: columnIndex,\n },\n timestamp: Date.now(),\n });\n };\n\n editor.updateSettings = (updates) => {\n originalUpdateSettings(updates);\n collaboration._broadcastOperation({\n operation: \"update_settings\",\n data: { updates },\n timestamp: Date.now(),\n });\n };\n\n editor.setContent = (content, markDirty?) => {\n originalSetContent(content, markDirty);\n collaboration._broadcastOperation({\n operation: \"set_content\",\n data: { content },\n timestamp: Date.now(),\n });\n };\n}\n","import type { AuthManager } from \"./auth\";\nimport type { WebSocketConfig } from \"./websocket-client\";\nimport { WebSocketClient } from \"./websocket-client\";\nimport type { PresenceChannel } from \"pusher-js\";\nimport { ref, type Ref } from \"vue\";\n\nexport interface UseWebSocketOptions {\n authManager: AuthManager;\n onError?: (error: Error) => void;\n}\n\nexport interface UseWebSocketReturn {\n channel: Ref<PresenceChannel | null>;\n isConnected: Ref<boolean>;\n connect: (templateId: string, config: WebSocketConfig) => Promise<void>;\n disconnect: () => void;\n getSocketId: () => string | null;\n}\n\nexport function useWebSocket(options: UseWebSocketOptions): UseWebSocketReturn {\n const { authManager, onError } = options;\n\n const channel = ref<PresenceChannel | null>(\n null,\n ) as Ref<PresenceChannel | null>;\n const isConnected = ref(false);\n\n let wsClient: WebSocketClient | null = null;\n let channelName: string | null = null;\n\n async function connect(\n templateId: string,\n config: WebSocketConfig,\n ): Promise<void> {\n if (wsClient) {\n return;\n }\n\n wsClient = new WebSocketClient({\n authManager,\n config,\n onError,\n });\n\n await wsClient.connect();\n\n channelName = `presence-template.${templateId}`;\n const presenceChannel = wsClient.subscribePresence(channelName);\n\n presenceChannel.bind(\"pusher:subscription_succeeded\", () => {\n isConnected.value = true;\n channel.value = presenceChannel;\n });\n\n presenceChannel.bind(\"pusher:subscription_error\", (error: unknown) => {\n isConnected.value = false;\n channel.value = null;\n onError?.(\n error instanceof Error\n ? error\n : new Error(\"Failed to subscribe to template channel\"),\n );\n });\n }\n\n function disconnect(): void {\n if (channelName && wsClient) {\n wsClient.unsubscribe(channelName);\n }\n\n wsClient?.disconnect();\n wsClient = null;\n channelName = null;\n channel.value = null;\n isConnected.value = false;\n }\n\n function getSocketId(): string | null {\n return wsClient?.getSocketId() ?? null;\n }\n\n return {\n channel,\n isConnected,\n connect,\n disconnect,\n getSocketId,\n };\n}\n","import type { SavedModule } from \"@aswin.dev/types\";\nimport { ApiClient } from \"./api\";\nimport type { AuthManager } from \"./auth\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { ref, type Ref } from \"vue\";\n\nexport interface UseSavedModulesOptions {\n authManager: AuthManager;\n onError?: (error: Error) => void;\n}\n\nexport interface UseSavedModulesReturn {\n modules: Ref<SavedModule[]>;\n isLoading: Ref<boolean>;\n loadModules: (search?: string) => Promise<void>;\n createModule: (name: string, content: Block[]) => Promise<SavedModule>;\n updateModule: (\n id: string,\n data: Partial<{ name: string; content: Block[] }>,\n ) => Promise<SavedModule>;\n deleteModule: (id: string) => Promise<void>;\n}\n\nexport function useSavedModules(\n options: UseSavedModulesOptions,\n): UseSavedModulesReturn {\n const api = new ApiClient(options.authManager);\n\n const modules = ref<SavedModule[]>([]);\n const isLoading = ref(false);\n\n async function loadModules(search?: string): Promise<void> {\n isLoading.value = true;\n try {\n modules.value = await api.listModules(search);\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n } finally {\n isLoading.value = false;\n }\n }\n\n async function createModule(\n name: string,\n content: Block[],\n ): Promise<SavedModule> {\n try {\n const module = await api.createModule({ name, content });\n modules.value = [module, ...modules.value];\n return module;\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n }\n }\n\n async function updateModule(\n id: string,\n data: Partial<{ name: string; content: Block[] }>,\n ): Promise<SavedModule> {\n try {\n const updated = await api.updateModule(id, data);\n modules.value = modules.value.map((m) => (m.id === id ? updated : m));\n return updated;\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n }\n }\n\n async function deleteModule(id: string): Promise<void> {\n try {\n await api.deleteModule(id);\n modules.value = modules.value.filter((m) => m.id !== id);\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n }\n }\n\n return {\n modules,\n isLoading,\n loadModules,\n createModule,\n updateModule,\n deleteModule,\n };\n}\n","import type { Template, TemplateSnapshot } from \"@aswin.dev/types\";\nimport { ApiClient } from \"./api\";\nimport type { AuthManager } from \"./auth\";\nimport { ref, type Ref } from \"vue\";\n\nexport interface UseSnapshotHistoryOptions {\n authManager: AuthManager;\n templateId: string;\n onRestore?: (template: Template) => void;\n onError?: (error: Error) => void;\n}\n\nexport interface UseSnapshotHistoryReturn {\n snapshots: Ref<TemplateSnapshot[]>;\n isLoading: Ref<boolean>;\n isRestoring: Ref<boolean>;\n loadSnapshots: () => Promise<void>;\n restoreSnapshot: (snapshotId: string) => Promise<Template>;\n}\n\nexport function useSnapshotHistory(\n options: UseSnapshotHistoryOptions,\n): UseSnapshotHistoryReturn {\n const api = new ApiClient(options.authManager);\n\n const snapshots = ref<TemplateSnapshot[]>([]);\n const isLoading = ref(false);\n const isRestoring = ref(false);\n\n async function loadSnapshots(): Promise<void> {\n isLoading.value = true;\n try {\n snapshots.value = await api.getSnapshots(options.templateId);\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n } finally {\n isLoading.value = false;\n }\n }\n\n async function restoreSnapshot(snapshotId: string): Promise<Template> {\n isRestoring.value = true;\n try {\n const template = await api.restoreSnapshot(\n options.templateId,\n snapshotId,\n );\n options.onRestore?.(template);\n return template;\n } catch (error) {\n options.onError?.(error as Error);\n throw error;\n } finally {\n isRestoring.value = false;\n }\n }\n\n return {\n snapshots,\n isLoading,\n isRestoring,\n loadSnapshots,\n restoreSnapshot,\n };\n}\n","import type { ExportResult, Template, TestEmailConfig } from \"@aswin.dev/types\";\nimport type { AuthManager } from \"./auth\";\nimport { ApiClient } from \"./api\";\nimport type { ComputedRef, Ref } from \"vue\";\nimport { computed, ref, watch } from \"vue\";\n\nexport interface UseTestEmailOptions {\n authManager: AuthManager;\n getTemplateId: () => string | null;\n save: () => Promise<Template>;\n exportHtml: (templateId: string) => Promise<ExportResult>;\n onError?: (error: Error) => void;\n isAuthReady?: Ref<boolean>;\n onBeforeTestEmail?: (html: string) => string | Promise<string>;\n}\n\nexport interface UseTestEmailReturn {\n isEnabled: ComputedRef<boolean>;\n allowedEmails: ComputedRef<string[]>;\n isSending: Ref<boolean>;\n error: Ref<string | null>;\n sendTestEmail: (recipient: string) => Promise<void>;\n}\n\nexport function useTestEmail(options: UseTestEmailOptions): UseTestEmailReturn {\n const {\n authManager,\n getTemplateId,\n save,\n exportHtml,\n onError,\n isAuthReady,\n onBeforeTestEmail,\n } = options;\n const api = new ApiClient(authManager);\n\n const isSending = ref(false);\n const error = ref<string | null>(null);\n\n const testEmailConfig = ref<TestEmailConfig | null>(null);\n\n if (isAuthReady) {\n watch(\n isAuthReady,\n (ready) => {\n if (ready) {\n testEmailConfig.value = authManager.testEmailConfig;\n }\n },\n { immediate: true },\n );\n }\n\n const isEnabled = computed<boolean>(() => testEmailConfig.value !== null);\n\n const allowedEmails = computed<string[]>(\n () => testEmailConfig.value?.allowedEmails ?? [],\n );\n\n async function sendTestEmail(recipient: string): Promise<void> {\n if (!testEmailConfig.value) {\n throw new Error(\"Test email is not enabled for this project\");\n }\n\n const templateId = getTemplateId();\n if (!templateId) {\n throw new Error(\"Template must be saved before sending a test email\");\n }\n\n isSending.value = true;\n error.value = null;\n\n try {\n await save();\n\n let { html } = await exportHtml(templateId);\n\n if (onBeforeTestEmail) {\n html = await onBeforeTestEmail(html);\n }\n\n await api.sendTestEmail(templateId, {\n recipient,\n html,\n allowed_emails: testEmailConfig.value.allowedEmails,\n signature: testEmailConfig.value.signature,\n });\n } catch (err) {\n const wrappedError =\n err instanceof Error\n ? err\n : new Error(\"Failed to send test email\", { cause: err });\n error.value = wrappedError.message;\n onError?.(wrappedError);\n throw wrappedError;\n } finally {\n isSending.value = false;\n }\n }\n\n return {\n isEnabled,\n allowedEmails,\n isSending,\n error,\n sendTestEmail,\n };\n}\n","import type { CustomFont, ExportResult, FontsConfig } from \"@aswin.dev/types\";\nimport { ApiClient } from \"./api\";\nimport type { AuthManager } from \"./auth\";\n\nexport interface UseExportOptions {\n authManager: AuthManager;\n getFontsConfig?: () => FontsConfig | undefined;\n canUseCustomFonts?: () => boolean;\n}\n\nexport interface UseExportReturn {\n exportHtml: (templateId: string) => Promise<ExportResult>;\n getMjmlSource: (templateId: string) => Promise<string>;\n}\n\nexport function useExport(options: UseExportOptions): UseExportReturn {\n const { authManager, getFontsConfig, canUseCustomFonts } = options;\n const api = new ApiClient(authManager);\n\n function getExportFontsPayload(): {\n customFonts: CustomFont[];\n defaultFallback: string;\n } {\n const fontsConfig = getFontsConfig?.();\n const customFontsAllowed = canUseCustomFonts?.() ?? true;\n\n return {\n customFonts:\n customFontsAllowed && fontsConfig?.customFonts\n ? fontsConfig.customFonts\n : [],\n defaultFallback: fontsConfig?.defaultFallback ?? \"Arial, sans-serif\",\n };\n }\n\n async function exportHtml(templateId: string): Promise<ExportResult> {\n const fontsPayload = getExportFontsPayload();\n const result = await api.exportTemplate(templateId, fontsPayload);\n\n return {\n html: result.html,\n mjml: result.mjml,\n };\n }\n\n async function getMjmlSource(templateId: string): Promise<string> {\n const fontsPayload = getExportFontsPayload();\n const result = await api.exportTemplate(templateId, fontsPayload);\n return result.mjml;\n }\n\n return {\n exportHtml,\n getMjmlSource,\n };\n}\n","import type { PlanConfig, PlanFeatures } from \"@aswin.dev/types\";\nimport { ApiClient } from \"./api\";\nimport type { AuthManager } from \"./auth\";\nimport { computed, ref, type ComputedRef, type Ref } from \"vue\";\n\nexport interface UsePlanConfigOptions {\n authManager: AuthManager;\n onError?: (error: Error) => void;\n}\n\nexport interface UsePlanConfigReturn {\n config: Ref<PlanConfig | null>;\n isLoading: Ref<boolean>;\n hasFeature: (feature: keyof PlanFeatures) => boolean;\n features: ComputedRef<PlanFeatures | null>;\n fetchConfig: () => Promise<void>;\n}\n\nexport function usePlanConfig(\n options: UsePlanConfigOptions,\n): UsePlanConfigReturn {\n const { authManager, onError } = options;\n\n const config = ref<PlanConfig | null>(null);\n const isLoading = ref(false);\n\n const apiClient = new ApiClient(authManager);\n\n const features = computed(() => config.value?.features ?? null);\n\n function hasFeature(feature: keyof PlanFeatures): boolean {\n return config.value?.features[feature] ?? false;\n }\n\n async function fetchConfig(): Promise<void> {\n if (isLoading.value) {\n return;\n }\n\n isLoading.value = true;\n\n try {\n config.value = await apiClient.fetchConfig();\n } catch (error) {\n onError?.(\n error instanceof Error\n ? error\n : new Error(\"Failed to fetch config\", { cause: error }),\n );\n } finally {\n isLoading.value = false;\n }\n }\n\n return {\n config,\n isLoading,\n hasFeature,\n features,\n fetchConfig,\n };\n}\n","import type { HealthCheckResult } from \"@aswin.dev/types\";\nimport type { AuthManager } from \"./auth\";\nimport { API_ROUTES } from \"./url-builder\";\n\ninterface HealthCheckOptions {\n authManager?: AuthManager;\n baseUrl?: string;\n}\n\nconst WS_HANDSHAKE_TIMEOUT = 5000;\n\nfunction resolveHealthUrl(options: HealthCheckOptions): string {\n if (options.authManager) {\n return options.authManager.resolveUrl(API_ROUTES.health);\n }\n\n const base = (options.baseUrl ?? \"https://templatical.com\").replace(\n /\\/$/,\n \"\",\n );\n return `${base}${API_ROUTES.health}`;\n}\n\nasync function checkApiAndAuth(\n url: string,\n authManager?: AuthManager,\n): Promise<{\n api: { ok: boolean; latency: number };\n auth: { ok: boolean; error?: string };\n wsConfig?: { host: string; port: number; app_key: string };\n}> {\n const start = performance.now();\n\n try {\n const response = authManager\n ? await authManager.authenticatedFetch(API_ROUTES.health, {\n method: \"GET\",\n headers: { Accept: \"application/json\" },\n })\n : await fetch(url, {\n method: \"GET\",\n headers: { Accept: \"application/json\" },\n });\n\n const latency = Math.round(performance.now() - start);\n\n if (response.status === 401) {\n return {\n api: { ok: true, latency },\n auth: { ok: false, error: \"HTTP 401\" },\n };\n }\n\n if (!response.ok) {\n return {\n api: { ok: false, latency },\n auth: {\n ok: !authManager,\n error: authManager ? `HTTP ${response.status}` : undefined,\n },\n };\n }\n\n const data = await response.json();\n\n return {\n api: { ok: data.status === \"ok\", latency },\n auth: { ok: true },\n wsConfig: data.websocket,\n };\n } catch (error) {\n const latency = Math.round(performance.now() - start);\n\n return {\n api: { ok: false, latency },\n auth: {\n ok: !authManager,\n error: authManager\n ? error instanceof Error\n ? error.message\n : \"Authentication check failed\"\n : undefined,\n },\n };\n }\n}\n\nasync function checkWebSocket(wsConfig?: {\n host: string;\n port: number;\n app_key: string;\n}): Promise<{ ok: boolean; error?: string }> {\n if (!wsConfig?.host || !wsConfig?.app_key) {\n return { ok: false, error: \"WebSocket configuration not available\" };\n }\n\n if (typeof WebSocket === \"undefined\") {\n return {\n ok: false,\n error: \"WebSocket not supported in this environment\",\n };\n }\n\n const protocol = wsConfig.port === 443 ? \"wss\" : \"ws\";\n const url = `${protocol}://${wsConfig.host}:${wsConfig.port}/app/${wsConfig.app_key}?protocol=7&client=js&version=8.4.0-rc2&flash=false`;\n\n return new Promise((resolve) => {\n let ws: WebSocket | null = null;\n\n const timeout = setTimeout(() => {\n ws?.close();\n resolve({ ok: false, error: \"WebSocket connection timed out\" });\n }, WS_HANDSHAKE_TIMEOUT);\n\n try {\n ws = new WebSocket(url);\n } catch (error) {\n // Some browsers throw synchronously from `new WebSocket(...)`\n // (e.g. SecurityError on mixed content, InvalidAccessError on\n // malformed URL). Without this catch the queued timeout would\n // later access `ws` in TDZ and the outer promise would hang.\n clearTimeout(timeout);\n resolve({\n ok: false,\n error:\n error instanceof Error\n ? error.message\n : \"WebSocket connection failed\",\n });\n return;\n }\n\n ws.onopen = () => {\n clearTimeout(timeout);\n ws?.close();\n resolve({ ok: true });\n };\n\n ws.onerror = () => {\n clearTimeout(timeout);\n resolve({ ok: false, error: \"WebSocket connection failed\" });\n };\n });\n}\n\nexport async function performHealthCheck(\n options: HealthCheckOptions = {},\n): Promise<HealthCheckResult> {\n const healthUrl = resolveHealthUrl(options);\n\n const result = await checkApiAndAuth(healthUrl, options.authManager);\n const wsResult = await checkWebSocket(result.wsConfig);\n\n return {\n api: result.api,\n websocket: wsResult,\n auth: result.auth,\n overall: result.api.ok && result.auth.ok,\n };\n}\n","import type { UseEditorReturn } from \"./editor\";\nimport type { McpOperationPayload } from \"@aswin.dev/types\";\nimport { handleOperation } from \"./mcp-operation-handler\";\nimport type { PresenceChannel } from \"pusher-js\";\nimport { watch, type Ref } from \"vue\";\n\nexport interface UseMcpListenerOptions {\n editor: UseEditorReturn;\n channel: Ref<PresenceChannel | null>;\n onOperation?: (payload: McpOperationPayload) => void;\n}\n\nexport function useMcpListener(options: UseMcpListenerOptions): void {\n const { editor, channel, onOperation } = options;\n\n watch(channel, (newChannel, oldChannel) => {\n if (oldChannel) {\n oldChannel.unbind(\"mcp-operation\");\n }\n\n if (newChannel) {\n newChannel.bind(\"mcp-operation\", (payload: McpOperationPayload) => {\n handleOperation(editor, payload);\n onOperation?.(payload);\n });\n }\n });\n}\n","import { onBeforeUnmount } from \"vue\";\n\nexport interface AliveFlag {\n readonly alive: boolean;\n}\n\n/**\n * Returns a flag that flips to false on component unmount.\n * Use to guard post-`await` side effects that touch external state.\n *\n * ```ts\n * const aliveFlag = useAliveFlag();\n * async function load() {\n * const data = await fetch();\n * if (!aliveFlag.alive) return;\n * applyData(data);\n * }\n * ```\n */\nexport function useAliveFlag(): AliveFlag {\n const flag = { alive: true };\n onBeforeUnmount(() => {\n flag.alive = false;\n });\n return flag;\n}\n","<script setup lang=\"ts\">\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport { useAiChat } from \"@aswin.dev/core/cloud\";\nimport {\n CLOUD_TRANSLATIONS_KEY,\n EDITOR_KEY,\n AUTH_MANAGER_KEY,\n MERGE_TAGS_KEY,\n requireInject,\n} from \"../../keys\";\nimport { useAliveFlag } from \"../../composables/useAliveFlag\";\nimport type { TemplateContent } from \"@aswin.dev/types\";\nimport {\n CircleAlert,\n LoaderCircle,\n Redo2,\n Send,\n Sparkles,\n Trash2,\n Undo2,\n X,\n} from \"@lucide/vue\";\nimport { inject, nextTick, ref, watch } from \"vue\";\nimport { useIntervalFn, useTimeoutFn } from \"@vueuse/core\";\n\nconst props = defineProps<{\n visible: boolean;\n onApply?: (content: TemplateContent) => void;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n}>();\n\nconst cloudTranslations = requireInject(\n CLOUD_TRANSLATIONS_KEY,\n \"AiChatSidebar\",\n);\nconst editor = requireInject(EDITOR_KEY, \"AiChatSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"AiChatSidebar\");\nconst mergeTags = inject(MERGE_TAGS_KEY, []);\nconst aliveFlag = useAliveFlag();\n\nconst aiChat = useAiChat({\n authManager,\n getTemplateId: () => editor.state.template?.id ?? null,\n onApply: props.onApply,\n onError: undefined,\n});\n\nconst promptInput = ref(\"\");\nconst messagesContainer = ref<HTMLElement | null>(null);\nconst historyLoaded = ref(false);\nconst visibleSuggestionCount = ref(0);\n\nconst { pause: pauseReveal, resume: resumeReveal } = useIntervalFn(\n () => {\n const count = aiChat.suggestions.value?.length ?? 0;\n if (visibleSuggestionCount.value < count) {\n visibleSuggestionCount.value++;\n } else {\n pauseReveal();\n }\n },\n 150,\n { immediate: false },\n);\n\nconst { start: startRevealTimeout } = useTimeoutFn(() => resumeReveal(), 100, {\n immediate: false,\n});\n\nwatch(\n () => aiChat.suggestions.value?.length ?? 0,\n (count) => {\n pauseReveal();\n if (count === 0) {\n visibleSuggestionCount.value = 0;\n return;\n }\n\n visibleSuggestionCount.value = 0;\n startRevealTimeout();\n },\n);\n\nfunction scrollToBottom(): void {\n nextTick(() => {\n if (messagesContainer.value) {\n messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;\n }\n });\n}\n\nwatch(\n () => aiChat.messages.value?.length ?? 0,\n () => scrollToBottom(),\n);\n\nwatch(\n () => props.visible,\n async (isVisible) => {\n if (isVisible && !historyLoaded.value) {\n historyLoaded.value = true;\n await aiChat.loadConversation();\n if (!aliveFlag.alive) return;\n\n if (\n (aiChat.messages.value?.length ?? 0) === 0 &&\n editor.content.value.blocks.length === 0\n ) {\n aiChat.loadSuggestions(editor.content.value, mergeTags);\n }\n }\n },\n);\n\nasync function handleSend(): Promise<void> {\n const prompt = promptInput.value.trim();\n if (!prompt || aiChat.isGenerating.value) {\n return;\n }\n\n promptInput.value = \"\";\n aiChat.error.value = null;\n aiChat.failedPrompt.value = null;\n scrollToBottom();\n\n await aiChat.sendPrompt(prompt, editor.content.value, mergeTags);\n if (!aliveFlag.alive) return;\n\n if (aiChat.failedPrompt.value) {\n promptInput.value = aiChat.failedPrompt.value;\n }\n\n scrollToBottom();\n}\n\nfunction stripJsonBlock(text: string): string {\n return text\n .replace(/```json[\\s\\S]*?```/g, \"\")\n .replace(/```json[\\s\\S]*/g, \"\")\n .trim();\n}\n\nfunction handleSuggestionClick(suggestion: string): void {\n pauseReveal();\n promptInput.value = suggestion;\n handleSend();\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleSend();\n }\n}\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-ai-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-ai-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-ai-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n >\n <Sparkles :size=\"13\" :stroke-width=\"2\" />\n <span>\n {{ cloudTranslations.aiChat.title }}\n </span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <button\n v-if=\"(aiChat.messages.value?.length ?? 0) > 0\"\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n :title=\"cloudTranslations.aiChat.clear\"\n @click=\"aiChat.clearChat()\"\n >\n <Trash2 :size=\"14\" :stroke-width=\"2\" />\n </button>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div class=\"tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col\">\n \n <div\n ref=\"messagesContainer\"\n class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\"\n >\n \n <div\n v-if=\"aiChat.isLoadingHistory.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <LoaderCircle\n class=\"tpl-spinner tpl:text-[var(--tpl-text-muted)]\"\n :size=\"24\"\n :stroke-width=\"2\"\n />\n <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ cloudTranslations.aiChat.loadingHistory }}\n </p>\n </div>\n\n \n <div\n v-else-if=\"(aiChat.messages.value?.length ?? 0) === 0\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <Sparkles\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudTranslations.aiChat.placeholder }}\n </p>\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-4\">\n <div\n v-for=\"(message, index) in aiChat.messages.value\"\n :key=\"message.id\"\n class=\"tpl:flex tpl:flex-col tpl:gap-2\"\n >\n \n <div\n v-if=\"message.role === 'user'\"\n class=\"tpl:self-end tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm\"\n style=\"\n background-color: var(--tpl-primary-light);\n color: var(--tpl-text);\n max-width: 85%;\n box-shadow: var(--tpl-shadow);\n \"\n >\n {{ message.content }}\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-2\">\n <LoadingTrack\n v-if=\"\n !stripJsonBlock(message.content) &&\n aiChat.isGenerating.value &&\n index === (aiChat.messages.value?.length ?? 0) - 1\n \"\n />\n <div\n v-else\n class=\"tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm tpl:whitespace-pre-wrap\"\n style=\"\n max-width: 85%;\n background-color: var(--tpl-bg);\n color: var(--tpl-text);\n box-shadow: var(--tpl-shadow);\n \"\n >\n {{\n stripJsonBlock(message.content) ||\n cloudTranslations.aiChat.applied\n }}\n </div>\n <button\n v-if=\"\n message.id === aiChat.lastApplyMessageId.value &&\n !aiChat.isGenerating.value\n \"\n class=\"tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:self-start tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n style=\"\n border-color: var(--tpl-border);\n color: var(--tpl-text-muted);\n background-color: transparent;\n \"\n @click=\"aiChat.toggleLastRevert()\"\n >\n <template v-if=\"aiChat.isLastChangeReverted.value\">\n <Redo2 :size=\"12\" :stroke-width=\"2\" />\n {{ cloudTranslations.aiChat.reapply }}\n </template>\n <template v-else>\n <Undo2 :size=\"12\" :stroke-width=\"2\" />\n {{ cloudTranslations.aiChat.revert }}\n </template>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-if=\"aiChat.error.value\"\n class=\"tpl:mx-3 tpl:mb-2 tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs\"\n style=\"\n background-color: var(--tpl-danger-light);\n color: var(--tpl-danger);\n \"\n >\n <CircleAlert\n :size=\"14\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n />\n <span>{{\n aiChat.error.value === \"ai_apply_failed\"\n ? cloudTranslations.aiChat.applyFailed\n : cloudTranslations.aiChat.error\n }}</span>\n </div>\n\n \n <div\n v-if=\"(aiChat.suggestions.value?.length ?? 0) > 0\"\n class=\"tpl:absolute tpl:right-0 tpl:bottom-0 tpl:left-0 tpl:z-10 tpl:px-3 tpl:pb-3\"\n style=\"\n background-color: color-mix(\n in srgb,\n var(--tpl-bg) 50%,\n transparent\n );\n backdrop-filter: blur(2px);\n \"\n >\n <div class=\"tpl:flex tpl:flex-col tpl:gap-1.5\">\n <button\n v-for=\"(suggestion, index) in aiChat.suggestions.value ?? []\"\n :key=\"index\"\n class=\"tpl-suggestion-btn tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:leading-snug tpl:transition-all tpl:duration-300 tpl:ease-out\"\n :class=\"\n (aiChat.suggestions.value?.length ?? 0) - 1 - index <\n visibleSuggestionCount\n ? 'tpl:translate-y-0 tpl:opacity-100'\n : 'tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0'\n \"\n style=\"\n border-color: var(--tpl-border);\n color: var(--tpl-primary);\n background-color: var(--tpl-bg);\n box-shadow: var(--tpl-shadow);\n \"\n @click=\"handleSuggestionClick(suggestion)\"\n >\n {{ suggestion }}\n </button>\n </div>\n </div>\n </div>\n\n \n <div class=\"tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]\">\n <div\n class=\"tpl-ai-input-wrapper tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\"\n >\n <textarea\n v-model=\"promptInput\"\n class=\"tpl:max-h-32 tpl:min-h-[64px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-sm tpl:outline-none tpl:text-[var(--tpl-text)]\"\n :placeholder=\"cloudTranslations.aiChat.inputPlaceholder\"\n :disabled=\"aiChat.isGenerating.value\"\n rows=\"3\"\n @keydown=\"handleKeydown\"\n />\n <button\n class=\"tpl-ai-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]\"\n :disabled=\"!promptInput.trim() || aiChat.isGenerating.value\"\n @click=\"handleSend\"\n >\n <Send :size=\"16\" :stroke-width=\"2\" />\n </button>\n </div>\n\n \n <p\n class=\"tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudTranslations.aiMenu.disclaimer }}\n </p>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-ai-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-input-wrapper:focus-within {\n border-color: var(--tpl-primary);\n box-shadow: var(--tpl-ring);\n}\n\n.tpl-ai-send-btn:not(:disabled):hover {\n transform: scale(1.05);\n}\n\n.tpl-suggestion-btn:hover {\n border-color: var(--tpl-primary) !important;\n background-color: var(--tpl-primary-light) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport { useAiChat } from \"@aswin.dev/core/cloud\";\nimport {\n CLOUD_TRANSLATIONS_KEY,\n EDITOR_KEY,\n AUTH_MANAGER_KEY,\n MERGE_TAGS_KEY,\n requireInject,\n} from \"../../keys\";\nimport { useAliveFlag } from \"../../composables/useAliveFlag\";\nimport type { TemplateContent } from \"@aswin.dev/types\";\nimport {\n CircleAlert,\n LoaderCircle,\n Redo2,\n Send,\n Sparkles,\n Trash2,\n Undo2,\n X,\n} from \"@lucide/vue\";\nimport { inject, nextTick, ref, watch } from \"vue\";\nimport { useIntervalFn, useTimeoutFn } from \"@vueuse/core\";\n\nconst props = defineProps<{\n visible: boolean;\n onApply?: (content: TemplateContent) => void;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n}>();\n\nconst cloudTranslations = requireInject(\n CLOUD_TRANSLATIONS_KEY,\n \"AiChatSidebar\",\n);\nconst editor = requireInject(EDITOR_KEY, \"AiChatSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"AiChatSidebar\");\nconst mergeTags = inject(MERGE_TAGS_KEY, []);\nconst aliveFlag = useAliveFlag();\n\nconst aiChat = useAiChat({\n authManager,\n getTemplateId: () => editor.state.template?.id ?? null,\n onApply: props.onApply,\n onError: undefined,\n});\n\nconst promptInput = ref(\"\");\nconst messagesContainer = ref<HTMLElement | null>(null);\nconst historyLoaded = ref(false);\nconst visibleSuggestionCount = ref(0);\n\nconst { pause: pauseReveal, resume: resumeReveal } = useIntervalFn(\n () => {\n const count = aiChat.suggestions.value?.length ?? 0;\n if (visibleSuggestionCount.value < count) {\n visibleSuggestionCount.value++;\n } else {\n pauseReveal();\n }\n },\n 150,\n { immediate: false },\n);\n\nconst { start: startRevealTimeout } = useTimeoutFn(() => resumeReveal(), 100, {\n immediate: false,\n});\n\nwatch(\n () => aiChat.suggestions.value?.length ?? 0,\n (count) => {\n pauseReveal();\n if (count === 0) {\n visibleSuggestionCount.value = 0;\n return;\n }\n\n visibleSuggestionCount.value = 0;\n startRevealTimeout();\n },\n);\n\nfunction scrollToBottom(): void {\n nextTick(() => {\n if (messagesContainer.value) {\n messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;\n }\n });\n}\n\nwatch(\n () => aiChat.messages.value?.length ?? 0,\n () => scrollToBottom(),\n);\n\nwatch(\n () => props.visible,\n async (isVisible) => {\n if (isVisible && !historyLoaded.value) {\n historyLoaded.value = true;\n await aiChat.loadConversation();\n if (!aliveFlag.alive) return;\n\n if (\n (aiChat.messages.value?.length ?? 0) === 0 &&\n editor.content.value.blocks.length === 0\n ) {\n aiChat.loadSuggestions(editor.content.value, mergeTags);\n }\n }\n },\n);\n\nasync function handleSend(): Promise<void> {\n const prompt = promptInput.value.trim();\n if (!prompt || aiChat.isGenerating.value) {\n return;\n }\n\n promptInput.value = \"\";\n aiChat.error.value = null;\n aiChat.failedPrompt.value = null;\n scrollToBottom();\n\n await aiChat.sendPrompt(prompt, editor.content.value, mergeTags);\n if (!aliveFlag.alive) return;\n\n if (aiChat.failedPrompt.value) {\n promptInput.value = aiChat.failedPrompt.value;\n }\n\n scrollToBottom();\n}\n\nfunction stripJsonBlock(text: string): string {\n return text\n .replace(/```json[\\s\\S]*?```/g, \"\")\n .replace(/```json[\\s\\S]*/g, \"\")\n .trim();\n}\n\nfunction handleSuggestionClick(suggestion: string): void {\n pauseReveal();\n promptInput.value = suggestion;\n handleSend();\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleSend();\n }\n}\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-ai-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-ai-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-ai-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n >\n <Sparkles :size=\"13\" :stroke-width=\"2\" />\n <span>\n {{ cloudTranslations.aiChat.title }}\n </span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <button\n v-if=\"(aiChat.messages.value?.length ?? 0) > 0\"\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n :title=\"cloudTranslations.aiChat.clear\"\n @click=\"aiChat.clearChat()\"\n >\n <Trash2 :size=\"14\" :stroke-width=\"2\" />\n </button>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div class=\"tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col\">\n \n <div\n ref=\"messagesContainer\"\n class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\"\n >\n \n <div\n v-if=\"aiChat.isLoadingHistory.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <LoaderCircle\n class=\"tpl-spinner tpl:text-[var(--tpl-text-muted)]\"\n :size=\"24\"\n :stroke-width=\"2\"\n />\n <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ cloudTranslations.aiChat.loadingHistory }}\n </p>\n </div>\n\n \n <div\n v-else-if=\"(aiChat.messages.value?.length ?? 0) === 0\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <Sparkles\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudTranslations.aiChat.placeholder }}\n </p>\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-4\">\n <div\n v-for=\"(message, index) in aiChat.messages.value\"\n :key=\"message.id\"\n class=\"tpl:flex tpl:flex-col tpl:gap-2\"\n >\n \n <div\n v-if=\"message.role === 'user'\"\n class=\"tpl:self-end tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm\"\n style=\"\n background-color: var(--tpl-primary-light);\n color: var(--tpl-text);\n max-width: 85%;\n box-shadow: var(--tpl-shadow);\n \"\n >\n {{ message.content }}\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-2\">\n <LoadingTrack\n v-if=\"\n !stripJsonBlock(message.content) &&\n aiChat.isGenerating.value &&\n index === (aiChat.messages.value?.length ?? 0) - 1\n \"\n />\n <div\n v-else\n class=\"tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm tpl:whitespace-pre-wrap\"\n style=\"\n max-width: 85%;\n background-color: var(--tpl-bg);\n color: var(--tpl-text);\n box-shadow: var(--tpl-shadow);\n \"\n >\n {{\n stripJsonBlock(message.content) ||\n cloudTranslations.aiChat.applied\n }}\n </div>\n <button\n v-if=\"\n message.id === aiChat.lastApplyMessageId.value &&\n !aiChat.isGenerating.value\n \"\n class=\"tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:self-start tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n style=\"\n border-color: var(--tpl-border);\n color: var(--tpl-text-muted);\n background-color: transparent;\n \"\n @click=\"aiChat.toggleLastRevert()\"\n >\n <template v-if=\"aiChat.isLastChangeReverted.value\">\n <Redo2 :size=\"12\" :stroke-width=\"2\" />\n {{ cloudTranslations.aiChat.reapply }}\n </template>\n <template v-else>\n <Undo2 :size=\"12\" :stroke-width=\"2\" />\n {{ cloudTranslations.aiChat.revert }}\n </template>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-if=\"aiChat.error.value\"\n class=\"tpl:mx-3 tpl:mb-2 tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs\"\n style=\"\n background-color: var(--tpl-danger-light);\n color: var(--tpl-danger);\n \"\n >\n <CircleAlert\n :size=\"14\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n />\n <span>{{\n aiChat.error.value === \"ai_apply_failed\"\n ? cloudTranslations.aiChat.applyFailed\n : cloudTranslations.aiChat.error\n }}</span>\n </div>\n\n \n <div\n v-if=\"(aiChat.suggestions.value?.length ?? 0) > 0\"\n class=\"tpl:absolute tpl:right-0 tpl:bottom-0 tpl:left-0 tpl:z-10 tpl:px-3 tpl:pb-3\"\n style=\"\n background-color: color-mix(\n in srgb,\n var(--tpl-bg) 50%,\n transparent\n );\n backdrop-filter: blur(2px);\n \"\n >\n <div class=\"tpl:flex tpl:flex-col tpl:gap-1.5\">\n <button\n v-for=\"(suggestion, index) in aiChat.suggestions.value ?? []\"\n :key=\"index\"\n class=\"tpl-suggestion-btn tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:leading-snug tpl:transition-all tpl:duration-300 tpl:ease-out\"\n :class=\"\n (aiChat.suggestions.value?.length ?? 0) - 1 - index <\n visibleSuggestionCount\n ? 'tpl:translate-y-0 tpl:opacity-100'\n : 'tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0'\n \"\n style=\"\n border-color: var(--tpl-border);\n color: var(--tpl-primary);\n background-color: var(--tpl-bg);\n box-shadow: var(--tpl-shadow);\n \"\n @click=\"handleSuggestionClick(suggestion)\"\n >\n {{ suggestion }}\n </button>\n </div>\n </div>\n </div>\n\n \n <div class=\"tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]\">\n <div\n class=\"tpl-ai-input-wrapper tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\"\n >\n <textarea\n v-model=\"promptInput\"\n class=\"tpl:max-h-32 tpl:min-h-[64px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-sm tpl:outline-none tpl:text-[var(--tpl-text)]\"\n :placeholder=\"cloudTranslations.aiChat.inputPlaceholder\"\n :disabled=\"aiChat.isGenerating.value\"\n rows=\"3\"\n @keydown=\"handleKeydown\"\n />\n <button\n class=\"tpl-ai-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]\"\n :disabled=\"!promptInput.trim() || aiChat.isGenerating.value\"\n @click=\"handleSend\"\n >\n <Send :size=\"16\" :stroke-width=\"2\" />\n </button>\n </div>\n\n \n <p\n class=\"tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudTranslations.aiMenu.disclaimer }}\n </p>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-ai-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-ai-input-wrapper:focus-within {\n border-color: var(--tpl-primary);\n box-shadow: var(--tpl-ring);\n}\n\n.tpl-ai-send-btn:not(:disabled):hover {\n transform: scale(1.05);\n}\n\n.tpl-suggestion-btn:hover {\n border-color: var(--tpl-primary) !important;\n background-color: var(--tpl-primary-light) !important;\n}\n</style>\n","const MS_PER_MINUTE = 60000;\nconst MS_PER_HOUR = 3600000;\nconst MS_PER_DAY = 86400000;\n\nexport interface RelativeTimeLabels {\n justNow: string;\n minutesAgo: string;\n hoursAgo: string;\n daysAgo: string;\n}\n\n/**\n * Formats a date string as a relative time string (e.g. \"5 minutes ago\").\n * Uses the provided i18n labels with `{minutes}`, `{hours}`, `{days}` placeholders.\n *\n * Returns `null` when the date is older than `maxDays` (default: Infinity),\n * signaling the caller should use an absolute format instead.\n */\nexport function formatRelativeTime(\n dateString: string,\n labels: RelativeTimeLabels,\n format?: (\n template: string,\n values: Record<string, string | number>,\n ) => string,\n maxDays?: number,\n): string | null {\n const date = new Date(dateString);\n const time = date.getTime();\n if (Number.isNaN(time)) return null;\n const diff = Date.now() - time;\n // Tolerate up to a minute of clock skew (server slightly ahead of client).\n // Anything further in the future is suspicious — return null so the caller\n // falls back to an absolute date format rather than mislabeling it.\n if (diff < -MS_PER_MINUTE) return null;\n const minutes = Math.floor(diff / MS_PER_MINUTE);\n const hours = Math.floor(diff / MS_PER_HOUR);\n const days = Math.floor(diff / MS_PER_DAY);\n\n if (minutes < 1) return labels.justNow;\n\n if (minutes < 60) {\n return format\n ? format(labels.minutesAgo, { minutes })\n : labels.minutesAgo.replace(\"{minutes}\", String(minutes));\n }\n\n if (hours < 24) {\n return format\n ? format(labels.hoursAgo, { hours })\n : labels.hoursAgo.replace(\"{hours}\", String(hours));\n }\n\n if (maxDays !== undefined && days >= maxDays) {\n return null;\n }\n\n return format\n ? format(labels.daysAgo, { days })\n : labels.daysAgo.replace(\"{days}\", String(days));\n}\n","<script setup lang=\"ts\">\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport {\n EDITOR_KEY,\n AUTH_MANAGER_KEY,\n COMMENTS_KEY,\n requireInject,\n} from \"../../keys\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { Comment } from \"@aswin.dev/types\";\nimport {\n Check,\n CircleCheck,\n ChevronDown,\n ChevronUp,\n LoaderCircle,\n MessageCircle,\n Pencil,\n Reply,\n Send,\n Trash2,\n X,\n} from \"@lucide/vue\";\nimport { computed, nextTick, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n (e: \"filterBlock\", blockId: string | null): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"CommentsSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"CommentsSidebar\");\nconst comments = requireInject(COMMENTS_KEY, \"CommentsSidebar\");\n\ntype FilterMode = \"all\" | \"unresolved\" | \"block\";\nconst filterMode = ref<FilterMode>(\"unresolved\");\nconst filterBlockId = ref<string | null>(null);\n\nconst newCommentBody = ref(\"\");\nconst replyingTo = ref<string | null>(null);\nconst replyBody = ref(\"\");\nconst editingId = ref<string | null>(null);\nconst editBody = ref(\"\");\nconst expandedThreads = ref<Set<string>>(new Set());\nconst deletingId = ref<string | null>(null);\nconst newCommentInput = ref<HTMLTextAreaElement | null>(null);\n\nconst currentUserId = computed(() => authManager.userConfig?.id ?? null);\n\nconst allBlockIds = computed<Set<string>>(() => {\n const ids = new Set<string>();\n for (const block of editor.content.value.blocks) {\n ids.add(block.id);\n if (block.type === \"section\") {\n for (const column of block.children) {\n for (const child of column) {\n ids.add(child.id);\n }\n }\n }\n }\n return ids;\n});\n\nfunction isBlockMissing(blockId: string | null): boolean {\n if (!blockId) {\n return false;\n }\n return !allBlockIds.value.has(blockId);\n}\n\nconst isBlockFilterUnsaved = computed(() => {\n if (filterMode.value !== \"block\" || !filterBlockId.value) {\n return false;\n }\n return !(editor.savedBlockIds?.value.has(filterBlockId.value) ?? true);\n});\n\nconst filteredComments = computed(() => {\n let items = comments.comments.value;\n\n if (filterMode.value === \"unresolved\") {\n items = items.filter((c) => !c.resolved_at);\n } else if (filterMode.value === \"block\" && filterBlockId.value) {\n items = items.filter((c) => c.block_id === filterBlockId.value);\n }\n\n return items;\n});\n\nwatch(\n () => props.visible,\n (isVisible) => {\n if (isVisible) {\n comments.loadComments();\n }\n },\n);\n\nwatch(\n () => editor.state.selectedBlockId,\n (newBlockId) => {\n if (filterMode.value === \"block\" && newBlockId) {\n filterBlockId.value = newBlockId;\n }\n },\n);\n\nfunction setFilter(mode: FilterMode, blockId?: string): void {\n filterMode.value = mode;\n filterBlockId.value = mode === \"block\" ? (blockId ?? null) : null;\n}\n\nfunction filterByBlock(blockId: string): void {\n setFilter(\"block\", blockId);\n emit(\"filterBlock\", blockId);\n}\n\nfunction toggleThread(threadId: string): void {\n if (expandedThreads.value.has(threadId)) {\n expandedThreads.value.delete(threadId);\n } else {\n expandedThreads.value.add(threadId);\n }\n}\n\nfunction startReply(threadId: string): void {\n replyingTo.value = threadId;\n replyBody.value = \"\";\n editingId.value = null;\n\n if (!expandedThreads.value.has(threadId)) {\n expandedThreads.value.add(threadId);\n }\n}\n\nfunction cancelReply(): void {\n replyingTo.value = null;\n replyBody.value = \"\";\n}\n\nfunction startEdit(comment: Comment): void {\n editingId.value = comment.id;\n editBody.value = comment.body;\n replyingTo.value = null;\n}\n\nfunction cancelEdit(): void {\n editingId.value = null;\n editBody.value = \"\";\n}\n\nfunction confirmDelete(commentId: string): void {\n deletingId.value = commentId;\n}\n\nfunction cancelDelete(): void {\n deletingId.value = null;\n}\n\nasync function handleAddComment(): Promise<void> {\n const body = newCommentBody.value.trim();\n if (!body) {\n return;\n }\n\n const blockId =\n filterMode.value === \"block\" ? filterBlockId.value : undefined;\n await comments.addComment(body, blockId ?? undefined);\n newCommentBody.value = \"\";\n}\n\nasync function handleReply(parentId: string): Promise<void> {\n const body = replyBody.value.trim();\n if (!body) {\n return;\n }\n\n const parent = comments.comments.value.find((c) => c.id === parentId);\n await comments.addComment(body, parent?.block_id ?? undefined, parentId);\n replyingTo.value = null;\n replyBody.value = \"\";\n}\n\nasync function handleEdit(commentId: string): Promise<void> {\n const body = editBody.value.trim();\n if (!body) {\n return;\n }\n\n await comments.editComment(commentId, body);\n editingId.value = null;\n editBody.value = \"\";\n}\n\nasync function handleDelete(commentId: string): Promise<void> {\n await comments.removeComment(commentId);\n deletingId.value = null;\n}\n\nasync function handleResolve(commentId: string): Promise<void> {\n await comments.toggleResolve(commentId);\n}\n\nfunction isOwnComment(comment: Comment): boolean {\n return comment.author_identifier === currentUserId.value;\n}\n\nfunction formatTime(dateString: string): string {\n return formatRelativeTime(dateString, cloudT.snapshotHistory) ?? dateString;\n}\n\nfunction handleNewCommentKeydown(event: KeyboardEvent): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleAddComment();\n }\n}\n\nfunction handleReplyKeydown(event: KeyboardEvent, parentId: string): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleReply(parentId);\n }\n}\n\nfunction handleEditKeydown(event: KeyboardEvent, commentId: string): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleEdit(commentId);\n }\n if (event.key === \"Escape\") {\n cancelEdit();\n }\n}\n\nfunction focusNewComment(): void {\n nextTick(() => {\n newCommentInput.value?.focus();\n });\n}\n\ndefineExpose({ filterByBlock, focusNewComment });\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-comments-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-comments-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\"\n >\n <MessageCircle :size=\"13\" :stroke-width=\"2\" />\n <span>{{ cloudT.comments.title }}</span>\n <span\n v-if=\"comments.unresolvedCount.value > 0\"\n class=\"tpl:ml-1 tpl:inline-flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n >\n {{ comments.unresolvedCount.value }}\n </span>\n </div>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n\n \n <div\n class=\"tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2\"\n >\n <button\n class=\"tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150\"\n :class=\"\n filterMode === 'unresolved' ? 'tpl-comment-filter--active' : ''\n \"\n @click=\"setFilter('unresolved')\"\n >\n {{ cloudT.comments.filterUnresolved }}\n </button>\n <button\n class=\"tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150\"\n :class=\"filterMode === 'all' ? 'tpl-comment-filter--active' : ''\"\n @click=\"setFilter('all')\"\n >\n {{ cloudT.comments.filterAll }}\n </button>\n <button\n v-if=\"editor.state.selectedBlockId\"\n class=\"tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150\"\n :class=\"filterMode === 'block' ? 'tpl-comment-filter--active' : ''\"\n @click=\"setFilter('block', editor.state.selectedBlockId ?? undefined)\"\n >\n {{ cloudT.comments.filterBlock }}\n </button>\n </div>\n\n \n <div class=\"tpl:flex-1 tpl:overflow-y-auto\">\n \n <div\n v-if=\"comments.isLoading.value\"\n class=\"tpl:flex tpl:h-full tpl:items-center tpl:justify-center\"\n >\n <LoaderCircle\n class=\"tpl-spinner tpl:text-[var(--tpl-text-muted)]\"\n :size=\"24\"\n :stroke-width=\"2\"\n />\n </div>\n\n \n <div\n v-else-if=\"filteredComments.length === 0\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:px-6 tpl:text-center\"\n >\n <MessageCircle\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{\n filterMode === \"all\"\n ? cloudT.comments.noCommentsHint\n : cloudT.comments.noComments\n }}\n </p>\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3\">\n <div\n v-for=\"thread in filteredComments\"\n :key=\"thread.id\"\n class=\"tpl-comment-thread\"\n >\n \n <div\n class=\"tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3\"\n >\n \n <div\n class=\"tpl:flex tpl:items-start tpl:justify-between tpl:gap-2\"\n >\n <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n <span\n class=\"tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{\n isOwnComment(thread)\n ? cloudT.comments.ownedByYou\n : thread.author_name\n }}\n </span>\n <span class=\"tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\">\n {{ formatTime(thread.created_at) }}\n </span>\n <span\n v-if=\"thread.updated_at !== thread.created_at\"\n class=\"tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]\"\n >\n ({{ cloudT.comments.edited }})\n </span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-0.5\">\n \n <button\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"\n thread.resolved_at\n ? cloudT.comments.unresolve\n : cloudT.comments.resolve\n \"\n @click=\"handleResolve(thread.id)\"\n >\n <CircleCheck\n :size=\"13\"\n :stroke-width=\"2\"\n class=\"tpl-resolve-icon\"\n :style=\"{\n color: thread.resolved_at\n ? 'var(--tpl-primary)'\n : undefined,\n }\"\n />\n </button>\n \n <button\n v-if=\"isOwnComment(thread)\"\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.edit\"\n @click=\"startEdit(thread)\"\n >\n <Pencil :size=\"12\" :stroke-width=\"2\" />\n </button>\n \n <button\n v-if=\"isOwnComment(thread)\"\n class=\"tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.delete\"\n @click=\"confirmDelete(thread.id)\"\n >\n <Trash2 :size=\"12\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <Transition name=\"tpl-resolve\">\n <div\n v-if=\"thread.resolved_at\"\n class=\"tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]\"\n >\n <Check :size=\"10\" :stroke-width=\"2.5\" />\n <span>\n {{\n format(cloudT.comments.resolvedBy, {\n name: thread.resolved_by_name ?? \"\",\n })\n }}\n </span>\n </div>\n </Transition>\n\n \n <span\n v-if=\"thread.block_id && isBlockMissing(thread.block_id)\"\n class=\"tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]\"\n >\n {{ cloudT.comments.missingBlock }}\n </span>\n <button\n v-else-if=\"thread.block_id\"\n class=\"tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n @click=\"editor.selectBlock(thread.block_id ?? '')\"\n >\n Block\n </button>\n\n \n <div v-if=\"editingId === thread.id\" class=\"tpl:mt-2\">\n <textarea\n v-model=\"editBody\"\n class=\"tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n rows=\"3\"\n @keydown=\"handleEditKeydown($event, thread.id)\"\n />\n <div class=\"tpl:mt-1.5 tpl:flex tpl:gap-1.5\">\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"!editBody.trim() || comments.isSubmitting.value\"\n @click=\"handleEdit(thread.id)\"\n >\n {{ cloudT.comments.save }}\n </button>\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelEdit()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n </div>\n <p\n v-else\n class=\"tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]\"\n >\n {{ thread.body }}\n </p>\n\n \n <div\n v-if=\"deletingId === thread.id\"\n class=\"tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <span class=\"tpl:flex-1\">\n {{ cloudT.comments.deleteConfirm }}\n </span>\n <button\n class=\"tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]\"\n @click=\"handleDelete(thread.id)\"\n >\n {{ cloudT.comments.delete }}\n </button>\n <button\n class=\"tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelDelete()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n\n \n <div\n v-if=\"editingId !== thread.id && deletingId !== thread.id\"\n class=\"tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2\"\n >\n <button\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.reply\"\n @click=\"startReply(thread.id)\"\n >\n <Reply\n :size=\"13\"\n :stroke-width=\"2\"\n class=\"tpl:text-[var(--tpl-primary)]\"\n />\n </button>\n <button\n v-if=\"(thread.replies?.length ?? 0) > 0\"\n class=\"tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"toggleThread(thread.id)\"\n >\n <template v-if=\"expandedThreads.has(thread.id)\">\n <ChevronUp :size=\"11\" :stroke-width=\"2\" />\n </template>\n <template v-else>\n <ChevronDown :size=\"11\" :stroke-width=\"2\" />\n </template>\n {{\n (thread.replies?.length ?? 0) === 1\n ? format(cloudT.comments.replyOne, {\n count: String(thread.replies?.length ?? 0),\n })\n : format(cloudT.comments.replyMany, {\n count: String(thread.replies?.length ?? 0),\n })\n }}\n </button>\n </div>\n </div>\n\n \n <Transition name=\"tpl-replies\">\n <div\n v-if=\"\n expandedThreads.has(thread.id) &&\n (thread.replies?.length ?? 0) > 0\n \"\n class=\"tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2\"\n >\n <div\n v-for=\"(reply, index) in thread.replies\"\n :key=\"reply.id\"\n class=\"tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5\"\n :class=\"\n index < (thread.replies?.length ?? 0) - 1 ? 'tpl:mb-2' : ''\n \"\n >\n <div\n class=\"tpl:flex tpl:items-start tpl:justify-between tpl:gap-2\"\n >\n <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n <span\n class=\"tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{\n isOwnComment(reply)\n ? cloudT.comments.ownedByYou\n : reply.author_name\n }}\n </span>\n <span\n class=\"tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ formatTime(reply.created_at) }}\n </span>\n <span\n v-if=\"reply.updated_at !== reply.created_at\"\n class=\"tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]\"\n >\n ({{ cloudT.comments.edited }})\n </span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-0.5\">\n <button\n v-if=\"isOwnComment(reply)\"\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.edit\"\n @click=\"startEdit(reply)\"\n >\n <Pencil :size=\"11\" :stroke-width=\"2\" />\n </button>\n <button\n v-if=\"isOwnComment(reply)\"\n class=\"tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.delete\"\n @click=\"confirmDelete(reply.id)\"\n >\n <Trash2 :size=\"11\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div v-if=\"editingId === reply.id\" class=\"tpl:mt-1.5\">\n <textarea\n v-model=\"editBody\"\n class=\"tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n rows=\"2\"\n @keydown=\"handleEditKeydown($event, reply.id)\"\n />\n <div class=\"tpl:mt-1.5 tpl:flex tpl:gap-1.5\">\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"\n !editBody.trim() || comments.isSubmitting.value\n \"\n @click=\"handleEdit(reply.id)\"\n >\n {{ cloudT.comments.save }}\n </button>\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelEdit()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n </div>\n <p\n v-else\n class=\"tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]\"\n >\n {{ reply.body }}\n </p>\n\n \n <div\n v-if=\"deletingId === reply.id\"\n class=\"tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <span class=\"tpl:flex-1\">\n {{ cloudT.comments.deleteConfirm }}\n </span>\n <button\n class=\"tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]\"\n @click=\"handleDelete(reply.id)\"\n >\n {{ cloudT.comments.delete }}\n </button>\n <button\n class=\"tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelDelete()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n </div>\n </div>\n </Transition>\n\n \n <Transition name=\"tpl-replies\">\n <div\n v-if=\"replyingTo === thread.id\"\n class=\"tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2\"\n >\n <div class=\"tpl:flex tpl:items-end tpl:gap-2\">\n <textarea\n v-model=\"replyBody\"\n class=\"tpl:flex-1 tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n :placeholder=\"cloudT.comments.replyPlaceholder\"\n rows=\"2\"\n @keydown=\"handleReplyKeydown($event, thread.id)\"\n />\n <div class=\"tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1\">\n <button\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]\"\n :disabled=\"\n !replyBody.trim() || comments.isSubmitting.value\n \"\n @click=\"handleReply(thread.id)\"\n >\n <Send :size=\"14\" :stroke-width=\"2\" />\n </button>\n <button\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelReply()\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n </div>\n </Transition>\n </div>\n </div>\n </div>\n\n \n <div class=\"tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]\">\n <div\n v-if=\"isBlockFilterUnsaved\"\n class=\"tpl:flex tpl:min-h-[68px] tpl:items-center tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]\"\n >\n {{ cloudT.comments.saveTemplateFirst }}\n </div>\n <div\n v-else\n class=\"tpl-comments-input-wrapper tpl:flex tpl:min-h-[68px] tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\"\n >\n <textarea\n ref=\"newCommentInput\"\n v-model=\"newCommentBody\"\n class=\"tpl:max-h-24 tpl:min-h-[48px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-xs tpl:outline-none tpl:text-[var(--tpl-text)]\"\n :placeholder=\"cloudT.comments.placeholder\"\n :disabled=\"comments.isSubmitting.value\"\n rows=\"2\"\n @keydown=\"handleNewCommentKeydown\"\n />\n <button\n class=\"tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]\"\n :disabled=\"!newCommentBody.trim() || comments.isSubmitting.value\"\n @click=\"handleAddComment\"\n >\n <LoaderCircle\n v-if=\"comments.isSubmitting.value\"\n class=\"tpl-spinner\"\n :size=\"16\"\n :stroke-width=\"2\"\n />\n <Send v-else :size=\"16\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-comments-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-comments-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-comments-input-wrapper:focus-within {\n border-color: var(--tpl-primary);\n box-shadow: var(--tpl-ring);\n}\n\n.tpl-comments-send-btn:not(:disabled):hover {\n transform: scale(1.05);\n}\n\n.tpl-comment-filter {\n color: var(--tpl-text-muted);\n background-color: transparent;\n}\n\n.tpl-comment-filter:hover {\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text);\n}\n\n.tpl-comment-filter--active {\n background-color: var(--tpl-primary-light);\n color: var(--tpl-primary);\n}\n\n.tpl-comment-action {\n color: var(--tpl-text-dim);\n background-color: transparent;\n}\n\n.tpl-comment-action:hover {\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text);\n}\n\n.tpl-comment-delete:hover {\n background-color: var(--tpl-danger-light);\n color: var(--tpl-danger);\n}\n\n.tpl-comment-card {\n border-color: var(--tpl-border);\n background-color: var(--tpl-bg);\n}\n\n.tpl-comment-reply-card {\n border-color: var(--tpl-border);\n background-color: var(--tpl-bg);\n}\n\n.tpl-resolve-enter-active,\n.tpl-resolve-leave-active {\n transition:\n opacity 0.3s ease,\n transform 0.3s ease;\n}\n\n.tpl-resolve-enter-from,\n.tpl-resolve-leave-to {\n opacity: 0;\n transform: translateY(-4px);\n}\n\n.tpl-resolve-icon {\n transition:\n color 0.3s ease,\n transform 0.2s ease;\n}\n\n.tpl-resolve-icon:active {\n transform: scale(1.3);\n}\n\n.tpl-replies-enter-active,\n.tpl-replies-leave-active {\n transition:\n opacity 0.25s ease,\n transform 0.25s ease;\n}\n\n.tpl-replies-enter-from,\n.tpl-replies-leave-to {\n opacity: 0;\n transform: translateY(-4px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport {\n EDITOR_KEY,\n AUTH_MANAGER_KEY,\n COMMENTS_KEY,\n requireInject,\n} from \"../../keys\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { Comment } from \"@aswin.dev/types\";\nimport {\n Check,\n CircleCheck,\n ChevronDown,\n ChevronUp,\n LoaderCircle,\n MessageCircle,\n Pencil,\n Reply,\n Send,\n Trash2,\n X,\n} from \"@lucide/vue\";\nimport { computed, nextTick, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n (e: \"filterBlock\", blockId: string | null): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"CommentsSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"CommentsSidebar\");\nconst comments = requireInject(COMMENTS_KEY, \"CommentsSidebar\");\n\ntype FilterMode = \"all\" | \"unresolved\" | \"block\";\nconst filterMode = ref<FilterMode>(\"unresolved\");\nconst filterBlockId = ref<string | null>(null);\n\nconst newCommentBody = ref(\"\");\nconst replyingTo = ref<string | null>(null);\nconst replyBody = ref(\"\");\nconst editingId = ref<string | null>(null);\nconst editBody = ref(\"\");\nconst expandedThreads = ref<Set<string>>(new Set());\nconst deletingId = ref<string | null>(null);\nconst newCommentInput = ref<HTMLTextAreaElement | null>(null);\n\nconst currentUserId = computed(() => authManager.userConfig?.id ?? null);\n\nconst allBlockIds = computed<Set<string>>(() => {\n const ids = new Set<string>();\n for (const block of editor.content.value.blocks) {\n ids.add(block.id);\n if (block.type === \"section\") {\n for (const column of block.children) {\n for (const child of column) {\n ids.add(child.id);\n }\n }\n }\n }\n return ids;\n});\n\nfunction isBlockMissing(blockId: string | null): boolean {\n if (!blockId) {\n return false;\n }\n return !allBlockIds.value.has(blockId);\n}\n\nconst isBlockFilterUnsaved = computed(() => {\n if (filterMode.value !== \"block\" || !filterBlockId.value) {\n return false;\n }\n return !(editor.savedBlockIds?.value.has(filterBlockId.value) ?? true);\n});\n\nconst filteredComments = computed(() => {\n let items = comments.comments.value;\n\n if (filterMode.value === \"unresolved\") {\n items = items.filter((c) => !c.resolved_at);\n } else if (filterMode.value === \"block\" && filterBlockId.value) {\n items = items.filter((c) => c.block_id === filterBlockId.value);\n }\n\n return items;\n});\n\nwatch(\n () => props.visible,\n (isVisible) => {\n if (isVisible) {\n comments.loadComments();\n }\n },\n);\n\nwatch(\n () => editor.state.selectedBlockId,\n (newBlockId) => {\n if (filterMode.value === \"block\" && newBlockId) {\n filterBlockId.value = newBlockId;\n }\n },\n);\n\nfunction setFilter(mode: FilterMode, blockId?: string): void {\n filterMode.value = mode;\n filterBlockId.value = mode === \"block\" ? (blockId ?? null) : null;\n}\n\nfunction filterByBlock(blockId: string): void {\n setFilter(\"block\", blockId);\n emit(\"filterBlock\", blockId);\n}\n\nfunction toggleThread(threadId: string): void {\n if (expandedThreads.value.has(threadId)) {\n expandedThreads.value.delete(threadId);\n } else {\n expandedThreads.value.add(threadId);\n }\n}\n\nfunction startReply(threadId: string): void {\n replyingTo.value = threadId;\n replyBody.value = \"\";\n editingId.value = null;\n\n if (!expandedThreads.value.has(threadId)) {\n expandedThreads.value.add(threadId);\n }\n}\n\nfunction cancelReply(): void {\n replyingTo.value = null;\n replyBody.value = \"\";\n}\n\nfunction startEdit(comment: Comment): void {\n editingId.value = comment.id;\n editBody.value = comment.body;\n replyingTo.value = null;\n}\n\nfunction cancelEdit(): void {\n editingId.value = null;\n editBody.value = \"\";\n}\n\nfunction confirmDelete(commentId: string): void {\n deletingId.value = commentId;\n}\n\nfunction cancelDelete(): void {\n deletingId.value = null;\n}\n\nasync function handleAddComment(): Promise<void> {\n const body = newCommentBody.value.trim();\n if (!body) {\n return;\n }\n\n const blockId =\n filterMode.value === \"block\" ? filterBlockId.value : undefined;\n await comments.addComment(body, blockId ?? undefined);\n newCommentBody.value = \"\";\n}\n\nasync function handleReply(parentId: string): Promise<void> {\n const body = replyBody.value.trim();\n if (!body) {\n return;\n }\n\n const parent = comments.comments.value.find((c) => c.id === parentId);\n await comments.addComment(body, parent?.block_id ?? undefined, parentId);\n replyingTo.value = null;\n replyBody.value = \"\";\n}\n\nasync function handleEdit(commentId: string): Promise<void> {\n const body = editBody.value.trim();\n if (!body) {\n return;\n }\n\n await comments.editComment(commentId, body);\n editingId.value = null;\n editBody.value = \"\";\n}\n\nasync function handleDelete(commentId: string): Promise<void> {\n await comments.removeComment(commentId);\n deletingId.value = null;\n}\n\nasync function handleResolve(commentId: string): Promise<void> {\n await comments.toggleResolve(commentId);\n}\n\nfunction isOwnComment(comment: Comment): boolean {\n return comment.author_identifier === currentUserId.value;\n}\n\nfunction formatTime(dateString: string): string {\n return formatRelativeTime(dateString, cloudT.snapshotHistory) ?? dateString;\n}\n\nfunction handleNewCommentKeydown(event: KeyboardEvent): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleAddComment();\n }\n}\n\nfunction handleReplyKeydown(event: KeyboardEvent, parentId: string): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleReply(parentId);\n }\n}\n\nfunction handleEditKeydown(event: KeyboardEvent, commentId: string): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleEdit(commentId);\n }\n if (event.key === \"Escape\") {\n cancelEdit();\n }\n}\n\nfunction focusNewComment(): void {\n nextTick(() => {\n newCommentInput.value?.focus();\n });\n}\n\ndefineExpose({ filterByBlock, focusNewComment });\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-comments-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-comments-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\"\n >\n <MessageCircle :size=\"13\" :stroke-width=\"2\" />\n <span>{{ cloudT.comments.title }}</span>\n <span\n v-if=\"comments.unresolvedCount.value > 0\"\n class=\"tpl:ml-1 tpl:inline-flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n >\n {{ comments.unresolvedCount.value }}\n </span>\n </div>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n\n \n <div\n class=\"tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2\"\n >\n <button\n class=\"tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150\"\n :class=\"\n filterMode === 'unresolved' ? 'tpl-comment-filter--active' : ''\n \"\n @click=\"setFilter('unresolved')\"\n >\n {{ cloudT.comments.filterUnresolved }}\n </button>\n <button\n class=\"tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150\"\n :class=\"filterMode === 'all' ? 'tpl-comment-filter--active' : ''\"\n @click=\"setFilter('all')\"\n >\n {{ cloudT.comments.filterAll }}\n </button>\n <button\n v-if=\"editor.state.selectedBlockId\"\n class=\"tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150\"\n :class=\"filterMode === 'block' ? 'tpl-comment-filter--active' : ''\"\n @click=\"setFilter('block', editor.state.selectedBlockId ?? undefined)\"\n >\n {{ cloudT.comments.filterBlock }}\n </button>\n </div>\n\n \n <div class=\"tpl:flex-1 tpl:overflow-y-auto\">\n \n <div\n v-if=\"comments.isLoading.value\"\n class=\"tpl:flex tpl:h-full tpl:items-center tpl:justify-center\"\n >\n <LoaderCircle\n class=\"tpl-spinner tpl:text-[var(--tpl-text-muted)]\"\n :size=\"24\"\n :stroke-width=\"2\"\n />\n </div>\n\n \n <div\n v-else-if=\"filteredComments.length === 0\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:px-6 tpl:text-center\"\n >\n <MessageCircle\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{\n filterMode === \"all\"\n ? cloudT.comments.noCommentsHint\n : cloudT.comments.noComments\n }}\n </p>\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3\">\n <div\n v-for=\"thread in filteredComments\"\n :key=\"thread.id\"\n class=\"tpl-comment-thread\"\n >\n \n <div\n class=\"tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3\"\n >\n \n <div\n class=\"tpl:flex tpl:items-start tpl:justify-between tpl:gap-2\"\n >\n <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n <span\n class=\"tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{\n isOwnComment(thread)\n ? cloudT.comments.ownedByYou\n : thread.author_name\n }}\n </span>\n <span class=\"tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\">\n {{ formatTime(thread.created_at) }}\n </span>\n <span\n v-if=\"thread.updated_at !== thread.created_at\"\n class=\"tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]\"\n >\n ({{ cloudT.comments.edited }})\n </span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-0.5\">\n \n <button\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"\n thread.resolved_at\n ? cloudT.comments.unresolve\n : cloudT.comments.resolve\n \"\n @click=\"handleResolve(thread.id)\"\n >\n <CircleCheck\n :size=\"13\"\n :stroke-width=\"2\"\n class=\"tpl-resolve-icon\"\n :style=\"{\n color: thread.resolved_at\n ? 'var(--tpl-primary)'\n : undefined,\n }\"\n />\n </button>\n \n <button\n v-if=\"isOwnComment(thread)\"\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.edit\"\n @click=\"startEdit(thread)\"\n >\n <Pencil :size=\"12\" :stroke-width=\"2\" />\n </button>\n \n <button\n v-if=\"isOwnComment(thread)\"\n class=\"tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.delete\"\n @click=\"confirmDelete(thread.id)\"\n >\n <Trash2 :size=\"12\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <Transition name=\"tpl-resolve\">\n <div\n v-if=\"thread.resolved_at\"\n class=\"tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]\"\n >\n <Check :size=\"10\" :stroke-width=\"2.5\" />\n <span>\n {{\n format(cloudT.comments.resolvedBy, {\n name: thread.resolved_by_name ?? \"\",\n })\n }}\n </span>\n </div>\n </Transition>\n\n \n <span\n v-if=\"thread.block_id && isBlockMissing(thread.block_id)\"\n class=\"tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]\"\n >\n {{ cloudT.comments.missingBlock }}\n </span>\n <button\n v-else-if=\"thread.block_id\"\n class=\"tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n @click=\"editor.selectBlock(thread.block_id ?? '')\"\n >\n Block\n </button>\n\n \n <div v-if=\"editingId === thread.id\" class=\"tpl:mt-2\">\n <textarea\n v-model=\"editBody\"\n class=\"tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n rows=\"3\"\n @keydown=\"handleEditKeydown($event, thread.id)\"\n />\n <div class=\"tpl:mt-1.5 tpl:flex tpl:gap-1.5\">\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"!editBody.trim() || comments.isSubmitting.value\"\n @click=\"handleEdit(thread.id)\"\n >\n {{ cloudT.comments.save }}\n </button>\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelEdit()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n </div>\n <p\n v-else\n class=\"tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]\"\n >\n {{ thread.body }}\n </p>\n\n \n <div\n v-if=\"deletingId === thread.id\"\n class=\"tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <span class=\"tpl:flex-1\">\n {{ cloudT.comments.deleteConfirm }}\n </span>\n <button\n class=\"tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]\"\n @click=\"handleDelete(thread.id)\"\n >\n {{ cloudT.comments.delete }}\n </button>\n <button\n class=\"tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelDelete()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n\n \n <div\n v-if=\"editingId !== thread.id && deletingId !== thread.id\"\n class=\"tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2\"\n >\n <button\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.reply\"\n @click=\"startReply(thread.id)\"\n >\n <Reply\n :size=\"13\"\n :stroke-width=\"2\"\n class=\"tpl:text-[var(--tpl-primary)]\"\n />\n </button>\n <button\n v-if=\"(thread.replies?.length ?? 0) > 0\"\n class=\"tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"toggleThread(thread.id)\"\n >\n <template v-if=\"expandedThreads.has(thread.id)\">\n <ChevronUp :size=\"11\" :stroke-width=\"2\" />\n </template>\n <template v-else>\n <ChevronDown :size=\"11\" :stroke-width=\"2\" />\n </template>\n {{\n (thread.replies?.length ?? 0) === 1\n ? format(cloudT.comments.replyOne, {\n count: String(thread.replies?.length ?? 0),\n })\n : format(cloudT.comments.replyMany, {\n count: String(thread.replies?.length ?? 0),\n })\n }}\n </button>\n </div>\n </div>\n\n \n <Transition name=\"tpl-replies\">\n <div\n v-if=\"\n expandedThreads.has(thread.id) &&\n (thread.replies?.length ?? 0) > 0\n \"\n class=\"tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2\"\n >\n <div\n v-for=\"(reply, index) in thread.replies\"\n :key=\"reply.id\"\n class=\"tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5\"\n :class=\"\n index < (thread.replies?.length ?? 0) - 1 ? 'tpl:mb-2' : ''\n \"\n >\n <div\n class=\"tpl:flex tpl:items-start tpl:justify-between tpl:gap-2\"\n >\n <div class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n <span\n class=\"tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{\n isOwnComment(reply)\n ? cloudT.comments.ownedByYou\n : reply.author_name\n }}\n </span>\n <span\n class=\"tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ formatTime(reply.created_at) }}\n </span>\n <span\n v-if=\"reply.updated_at !== reply.created_at\"\n class=\"tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]\"\n >\n ({{ cloudT.comments.edited }})\n </span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-0.5\">\n <button\n v-if=\"isOwnComment(reply)\"\n class=\"tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.edit\"\n @click=\"startEdit(reply)\"\n >\n <Pencil :size=\"11\" :stroke-width=\"2\" />\n </button>\n <button\n v-if=\"isOwnComment(reply)\"\n class=\"tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150\"\n :title=\"cloudT.comments.delete\"\n @click=\"confirmDelete(reply.id)\"\n >\n <Trash2 :size=\"11\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div v-if=\"editingId === reply.id\" class=\"tpl:mt-1.5\">\n <textarea\n v-model=\"editBody\"\n class=\"tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n rows=\"2\"\n @keydown=\"handleEditKeydown($event, reply.id)\"\n />\n <div class=\"tpl:mt-1.5 tpl:flex tpl:gap-1.5\">\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"\n !editBody.trim() || comments.isSubmitting.value\n \"\n @click=\"handleEdit(reply.id)\"\n >\n {{ cloudT.comments.save }}\n </button>\n <button\n class=\"tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelEdit()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n </div>\n <p\n v-else\n class=\"tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]\"\n >\n {{ reply.body }}\n </p>\n\n \n <div\n v-if=\"deletingId === reply.id\"\n class=\"tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <span class=\"tpl:flex-1\">\n {{ cloudT.comments.deleteConfirm }}\n </span>\n <button\n class=\"tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]\"\n @click=\"handleDelete(reply.id)\"\n >\n {{ cloudT.comments.delete }}\n </button>\n <button\n class=\"tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelDelete()\"\n >\n {{ cloudT.comments.cancel }}\n </button>\n </div>\n </div>\n </div>\n </Transition>\n\n \n <Transition name=\"tpl-replies\">\n <div\n v-if=\"replyingTo === thread.id\"\n class=\"tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2\"\n >\n <div class=\"tpl:flex tpl:items-end tpl:gap-2\">\n <textarea\n v-model=\"replyBody\"\n class=\"tpl:flex-1 tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n :placeholder=\"cloudT.comments.replyPlaceholder\"\n rows=\"2\"\n @keydown=\"handleReplyKeydown($event, thread.id)\"\n />\n <div class=\"tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1\">\n <button\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]\"\n :disabled=\"\n !replyBody.trim() || comments.isSubmitting.value\n \"\n @click=\"handleReply(thread.id)\"\n >\n <Send :size=\"14\" :stroke-width=\"2\" />\n </button>\n <button\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"cancelReply()\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n </div>\n </Transition>\n </div>\n </div>\n </div>\n\n \n <div class=\"tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]\">\n <div\n v-if=\"isBlockFilterUnsaved\"\n class=\"tpl:flex tpl:min-h-[68px] tpl:items-center tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]\"\n >\n {{ cloudT.comments.saveTemplateFirst }}\n </div>\n <div\n v-else\n class=\"tpl-comments-input-wrapper tpl:flex tpl:min-h-[68px] tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\"\n >\n <textarea\n ref=\"newCommentInput\"\n v-model=\"newCommentBody\"\n class=\"tpl:max-h-24 tpl:min-h-[48px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-xs tpl:outline-none tpl:text-[var(--tpl-text)]\"\n :placeholder=\"cloudT.comments.placeholder\"\n :disabled=\"comments.isSubmitting.value\"\n rows=\"2\"\n @keydown=\"handleNewCommentKeydown\"\n />\n <button\n class=\"tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]\"\n :disabled=\"!newCommentBody.trim() || comments.isSubmitting.value\"\n @click=\"handleAddComment\"\n >\n <LoaderCircle\n v-if=\"comments.isSubmitting.value\"\n class=\"tpl-spinner\"\n :size=\"16\"\n :stroke-width=\"2\"\n />\n <Send v-else :size=\"16\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-comments-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-comments-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-comments-input-wrapper:focus-within {\n border-color: var(--tpl-primary);\n box-shadow: var(--tpl-ring);\n}\n\n.tpl-comments-send-btn:not(:disabled):hover {\n transform: scale(1.05);\n}\n\n.tpl-comment-filter {\n color: var(--tpl-text-muted);\n background-color: transparent;\n}\n\n.tpl-comment-filter:hover {\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text);\n}\n\n.tpl-comment-filter--active {\n background-color: var(--tpl-primary-light);\n color: var(--tpl-primary);\n}\n\n.tpl-comment-action {\n color: var(--tpl-text-dim);\n background-color: transparent;\n}\n\n.tpl-comment-action:hover {\n background-color: var(--tpl-bg-hover);\n color: var(--tpl-text);\n}\n\n.tpl-comment-delete:hover {\n background-color: var(--tpl-danger-light);\n color: var(--tpl-danger);\n}\n\n.tpl-comment-card {\n border-color: var(--tpl-border);\n background-color: var(--tpl-bg);\n}\n\n.tpl-comment-reply-card {\n border-color: var(--tpl-border);\n background-color: var(--tpl-bg);\n}\n\n.tpl-resolve-enter-active,\n.tpl-resolve-leave-active {\n transition:\n opacity 0.3s ease,\n transform 0.3s ease;\n}\n\n.tpl-resolve-enter-from,\n.tpl-resolve-leave-to {\n opacity: 0;\n transform: translateY(-4px);\n}\n\n.tpl-resolve-icon {\n transition:\n color 0.3s ease,\n transform 0.2s ease;\n}\n\n.tpl-resolve-icon:active {\n transform: scale(1.3);\n}\n\n.tpl-replies-enter-active,\n.tpl-replies-leave-active {\n transition:\n opacity 0.25s ease,\n transform 0.25s ease;\n}\n\n.tpl-replies-enter-from,\n.tpl-replies-leave-to {\n opacity: 0;\n transform: translateY(-4px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { MAX_UPLOAD_SIZE_BYTES } from \"../../constants/timeouts\";\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport { useDesignReference } from \"@aswin.dev/core/cloud\";\nimport { EDITOR_KEY, AUTH_MANAGER_KEY, requireInject } from \"../../keys\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { TemplateContent } from \"@aswin.dev/types\";\nimport {\n CircleAlert,\n FileImage,\n FileText,\n ImageUp,\n Upload,\n X,\n} from \"@lucide/vue\";\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n hasExistingBlocks: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n (e: \"apply\", content: TemplateContent): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"DesignReferenceSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"DesignReferenceSidebar\");\n\nconst designReference = useDesignReference({\n authManager,\n getTemplateId: () => editor.state.template?.id ?? null,\n onApply: (content) => emit(\"apply\", content),\n});\n\nconst fileInput = ref<HTMLInputElement | null>(null);\n\ntype SourceTab = \"image\" | \"pdf\";\n\nconst activeTab = ref<SourceTab>(\"image\");\nconst selectedFile = ref<File | null>(null);\nconst prompt = ref(\"\");\nconst filePreviewUrl = ref<string | null>(null);\nconst showConfirmation = ref(false);\nconst isDragging = ref(false);\n\nconst canGenerate = computed(() => {\n if (designReference.isGenerating.value) {\n return false;\n }\n\n return selectedFile.value !== null;\n});\n\nfunction selectTab(tab: SourceTab): void {\n activeTab.value = tab;\n clearFile();\n}\n\nfunction handleFileSelect(event: Event): void {\n const input = event.target as HTMLInputElement;\n const file = input.files?.[0];\n if (file) {\n setFile(file);\n }\n // Reset input so same file can be selected again\n input.value = \"\";\n}\n\nfunction setFile(file: File): void {\n // Validate file size (10MB)\n if (file.size > MAX_UPLOAD_SIZE_BYTES) {\n designReference.error.value = cloudT.designReference.fileTooLarge;\n return;\n }\n\n // Validate file type\n if (activeTab.value === \"image\") {\n const validTypes = [\"image/png\", \"image/jpeg\", \"image/jpg\", \"image/webp\"];\n if (!validTypes.includes(file.type)) {\n designReference.error.value = cloudT.designReference.invalidFileType;\n return;\n }\n } else if (activeTab.value === \"pdf\") {\n if (file.type !== \"application/pdf\") {\n designReference.error.value = cloudT.designReference.invalidFileType;\n return;\n }\n }\n\n selectedFile.value = file;\n designReference.error.value = null;\n\n // Create preview URL for images\n if (filePreviewUrl.value) {\n URL.revokeObjectURL(filePreviewUrl.value);\n }\n if (file.type.startsWith(\"image/\")) {\n filePreviewUrl.value = URL.createObjectURL(file);\n } else {\n filePreviewUrl.value = null;\n }\n}\n\nfunction clearFile(): void {\n if (filePreviewUrl.value) {\n URL.revokeObjectURL(filePreviewUrl.value);\n filePreviewUrl.value = null;\n }\n selectedFile.value = null;\n}\n\nfunction handleDragOver(event: DragEvent): void {\n event.preventDefault();\n isDragging.value = true;\n}\n\nfunction handleDragLeave(): void {\n isDragging.value = false;\n}\n\nfunction handleDrop(event: DragEvent): void {\n event.preventDefault();\n isDragging.value = false;\n\n const file = event.dataTransfer?.files?.[0];\n if (file) {\n setFile(file);\n }\n}\n\nfunction handleGenerate(): void {\n if (!canGenerate.value) {\n return;\n }\n\n // Show confirmation if there are existing blocks\n if (props.hasExistingBlocks && !showConfirmation.value) {\n showConfirmation.value = true;\n return;\n }\n\n showConfirmation.value = false;\n\n const input: {\n prompt?: string;\n imageUpload?: File;\n pdfUpload?: File;\n } = {};\n\n if (prompt.value.trim()) {\n input.prompt = prompt.value.trim();\n }\n\n if (activeTab.value === \"image\" && selectedFile.value) {\n input.imageUpload = selectedFile.value;\n } else if (activeTab.value === \"pdf\" && selectedFile.value) {\n input.pdfUpload = selectedFile.value;\n }\n\n designReference.generate(input);\n}\n\nfunction cancelConfirmation(): void {\n showConfirmation.value = false;\n}\n\n// Reset state when panel closes\nwatch(\n () => props.visible,\n (isVisible) => {\n if (!isVisible) {\n showConfirmation.value = false;\n }\n },\n);\n\nonBeforeUnmount(() => {\n if (filePreviewUrl.value) {\n URL.revokeObjectURL(filePreviewUrl.value);\n filePreviewUrl.value = null;\n }\n});\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-design-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-design-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n >\n <ImageUp :size=\"13\" :stroke-width=\"2\" />\n <span>{{ cloudT.designReference.title }}</span>\n </div>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n\n \n <div class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\">\n \n <div\n v-if=\"designReference.isGenerating.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <div\n class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3\"\n >\n <LoadingTrack />\n <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ cloudT.designReference.generating }}\n </p>\n </div>\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-4\">\n \n <div\n class=\"tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]\"\n >\n <button\n class=\"tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n :style=\"{\n backgroundColor:\n activeTab === 'image' ? 'var(--tpl-bg)' : 'transparent',\n color:\n activeTab === 'image'\n ? 'var(--tpl-primary)'\n : 'var(--tpl-text-muted)',\n boxShadow: activeTab === 'image' ? 'var(--tpl-shadow)' : 'none',\n }\"\n @click=\"selectTab('image')\"\n >\n <FileImage :size=\"12\" :stroke-width=\"2\" />\n {{ cloudT.designReference.uploadImage }}\n </button>\n <button\n class=\"tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n :style=\"{\n backgroundColor:\n activeTab === 'pdf' ? 'var(--tpl-bg)' : 'transparent',\n color:\n activeTab === 'pdf'\n ? 'var(--tpl-primary)'\n : 'var(--tpl-text-muted)',\n boxShadow: activeTab === 'pdf' ? 'var(--tpl-shadow)' : 'none',\n }\"\n @click=\"selectTab('pdf')\"\n >\n <FileText :size=\"12\" :stroke-width=\"2\" />\n {{ cloudT.designReference.uploadPdf }}\n </button>\n </div>\n\n \n <div>\n \n <div v-if=\"selectedFile\" class=\"tpl:flex tpl:flex-col tpl:gap-2\">\n <div\n class=\"tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\"\n >\n \n <img\n v-if=\"filePreviewUrl\"\n :src=\"filePreviewUrl\"\n :alt=\"selectedFile.name\"\n class=\"tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain\"\n />\n \n <div\n v-else\n class=\"tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2\"\n >\n <FileText\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <span class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\">\n {{ selectedFile.name }}\n </span>\n </div>\n \n <button\n class=\"tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]\"\n @click=\"clearFile\"\n >\n <X :size=\"12\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div\n v-else\n class=\"tpl-design-dropzone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border-2 tpl:border-dashed tpl:px-4 tpl:py-8 tpl:transition-colors tpl:duration-150\"\n :style=\"{\n borderColor: isDragging\n ? 'var(--tpl-primary)'\n : 'var(--tpl-border-light)',\n backgroundColor: isDragging\n ? 'var(--tpl-primary-light)'\n : 'var(--tpl-bg)',\n }\"\n @click=\"fileInput?.click()\"\n @dragover=\"handleDragOver\"\n @dragleave=\"handleDragLeave\"\n @drop=\"handleDrop\"\n >\n <Upload\n :size=\"24\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <span\n class=\"tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.designReference.dropHint }}\n </span>\n <span\n class=\"tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{\n activeTab === \"image\"\n ? cloudT.designReference.acceptedImages\n : cloudT.designReference.acceptedPdf\n }}\n </span>\n </div>\n <input\n ref=\"fileInput\"\n type=\"file\"\n class=\"tpl:hidden\"\n :accept=\"\n activeTab === 'image'\n ? 'image/png,image/jpeg,image/webp'\n : 'application/pdf'\n \"\n @change=\"handleFileSelect\"\n />\n </div>\n\n \n <div class=\"tpl:flex tpl:flex-col tpl:gap-1.5\">\n <label\n class=\"tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.designReference.promptLabel }}\n </label>\n <textarea\n v-model=\"prompt\"\n class=\"tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n :class=\"['tpl-design-prompt-input']\"\n :placeholder=\"cloudT.designReference.promptPlaceholder\"\n rows=\"3\"\n />\n </div>\n\n \n <div\n v-if=\"showConfirmation\"\n class=\"tpl:flex tpl:flex-col tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:px-3 tpl:py-3 tpl:bg-[var(--tpl-warning-light)] tpl:border tpl:border-[var(--tpl-warning)]\"\n >\n <p class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]\">\n {{ cloudT.designReference.replaceWarning }}\n </p>\n <div class=\"tpl:flex tpl:gap-2\">\n <button\n class=\"tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]\"\n style=\"background-color: transparent\"\n @click=\"cancelConfirmation\"\n >\n {{ cloudT.designReference.replaceCancel }}\n </button>\n <button\n class=\"tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n @click=\"handleGenerate\"\n >\n {{ cloudT.designReference.replaceConfirm }}\n </button>\n </div>\n </div>\n\n \n <div\n v-if=\"designReference.error.value\"\n class=\"tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <CircleAlert\n :size=\"14\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n />\n <span>{{ cloudT.designReference.error }}</span>\n </div>\n\n \n <button\n v-if=\"!showConfirmation\"\n class=\"tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"!canGenerate\"\n @click=\"handleGenerate\"\n >\n <ImageUp :size=\"16\" :stroke-width=\"2\" />\n {{ cloudT.designReference.generate }}\n </button>\n\n \n <p\n class=\"tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudT.aiMenu.disclaimer }}\n </p>\n </div>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-design-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-design-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-design-prompt-input:focus {\n border-color: var(--tpl-primary);\n box-shadow: var(--tpl-ring);\n}\n\n.tpl-design-dropzone:hover {\n border-color: var(--tpl-primary) !important;\n background-color: var(--tpl-primary-light) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { MAX_UPLOAD_SIZE_BYTES } from \"../../constants/timeouts\";\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport { useDesignReference } from \"@aswin.dev/core/cloud\";\nimport { EDITOR_KEY, AUTH_MANAGER_KEY, requireInject } from \"../../keys\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { TemplateContent } from \"@aswin.dev/types\";\nimport {\n CircleAlert,\n FileImage,\n FileText,\n ImageUp,\n Upload,\n X,\n} from \"@lucide/vue\";\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n hasExistingBlocks: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n (e: \"apply\", content: TemplateContent): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"DesignReferenceSidebar\");\nconst authManager = requireInject(AUTH_MANAGER_KEY, \"DesignReferenceSidebar\");\n\nconst designReference = useDesignReference({\n authManager,\n getTemplateId: () => editor.state.template?.id ?? null,\n onApply: (content) => emit(\"apply\", content),\n});\n\nconst fileInput = ref<HTMLInputElement | null>(null);\n\ntype SourceTab = \"image\" | \"pdf\";\n\nconst activeTab = ref<SourceTab>(\"image\");\nconst selectedFile = ref<File | null>(null);\nconst prompt = ref(\"\");\nconst filePreviewUrl = ref<string | null>(null);\nconst showConfirmation = ref(false);\nconst isDragging = ref(false);\n\nconst canGenerate = computed(() => {\n if (designReference.isGenerating.value) {\n return false;\n }\n\n return selectedFile.value !== null;\n});\n\nfunction selectTab(tab: SourceTab): void {\n activeTab.value = tab;\n clearFile();\n}\n\nfunction handleFileSelect(event: Event): void {\n const input = event.target as HTMLInputElement;\n const file = input.files?.[0];\n if (file) {\n setFile(file);\n }\n // Reset input so same file can be selected again\n input.value = \"\";\n}\n\nfunction setFile(file: File): void {\n // Validate file size (10MB)\n if (file.size > MAX_UPLOAD_SIZE_BYTES) {\n designReference.error.value = cloudT.designReference.fileTooLarge;\n return;\n }\n\n // Validate file type\n if (activeTab.value === \"image\") {\n const validTypes = [\"image/png\", \"image/jpeg\", \"image/jpg\", \"image/webp\"];\n if (!validTypes.includes(file.type)) {\n designReference.error.value = cloudT.designReference.invalidFileType;\n return;\n }\n } else if (activeTab.value === \"pdf\") {\n if (file.type !== \"application/pdf\") {\n designReference.error.value = cloudT.designReference.invalidFileType;\n return;\n }\n }\n\n selectedFile.value = file;\n designReference.error.value = null;\n\n // Create preview URL for images\n if (filePreviewUrl.value) {\n URL.revokeObjectURL(filePreviewUrl.value);\n }\n if (file.type.startsWith(\"image/\")) {\n filePreviewUrl.value = URL.createObjectURL(file);\n } else {\n filePreviewUrl.value = null;\n }\n}\n\nfunction clearFile(): void {\n if (filePreviewUrl.value) {\n URL.revokeObjectURL(filePreviewUrl.value);\n filePreviewUrl.value = null;\n }\n selectedFile.value = null;\n}\n\nfunction handleDragOver(event: DragEvent): void {\n event.preventDefault();\n isDragging.value = true;\n}\n\nfunction handleDragLeave(): void {\n isDragging.value = false;\n}\n\nfunction handleDrop(event: DragEvent): void {\n event.preventDefault();\n isDragging.value = false;\n\n const file = event.dataTransfer?.files?.[0];\n if (file) {\n setFile(file);\n }\n}\n\nfunction handleGenerate(): void {\n if (!canGenerate.value) {\n return;\n }\n\n // Show confirmation if there are existing blocks\n if (props.hasExistingBlocks && !showConfirmation.value) {\n showConfirmation.value = true;\n return;\n }\n\n showConfirmation.value = false;\n\n const input: {\n prompt?: string;\n imageUpload?: File;\n pdfUpload?: File;\n } = {};\n\n if (prompt.value.trim()) {\n input.prompt = prompt.value.trim();\n }\n\n if (activeTab.value === \"image\" && selectedFile.value) {\n input.imageUpload = selectedFile.value;\n } else if (activeTab.value === \"pdf\" && selectedFile.value) {\n input.pdfUpload = selectedFile.value;\n }\n\n designReference.generate(input);\n}\n\nfunction cancelConfirmation(): void {\n showConfirmation.value = false;\n}\n\n// Reset state when panel closes\nwatch(\n () => props.visible,\n (isVisible) => {\n if (!isVisible) {\n showConfirmation.value = false;\n }\n },\n);\n\nonBeforeUnmount(() => {\n if (filePreviewUrl.value) {\n URL.revokeObjectURL(filePreviewUrl.value);\n filePreviewUrl.value = null;\n }\n});\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-design-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-design-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n >\n <ImageUp :size=\"13\" :stroke-width=\"2\" />\n <span>{{ cloudT.designReference.title }}</span>\n </div>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n\n \n <div class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\">\n \n <div\n v-if=\"designReference.isGenerating.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <div\n class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3\"\n >\n <LoadingTrack />\n <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ cloudT.designReference.generating }}\n </p>\n </div>\n </div>\n\n \n <div v-else class=\"tpl:flex tpl:flex-col tpl:gap-4\">\n \n <div\n class=\"tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]\"\n >\n <button\n class=\"tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n :style=\"{\n backgroundColor:\n activeTab === 'image' ? 'var(--tpl-bg)' : 'transparent',\n color:\n activeTab === 'image'\n ? 'var(--tpl-primary)'\n : 'var(--tpl-text-muted)',\n boxShadow: activeTab === 'image' ? 'var(--tpl-shadow)' : 'none',\n }\"\n @click=\"selectTab('image')\"\n >\n <FileImage :size=\"12\" :stroke-width=\"2\" />\n {{ cloudT.designReference.uploadImage }}\n </button>\n <button\n class=\"tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150\"\n :style=\"{\n backgroundColor:\n activeTab === 'pdf' ? 'var(--tpl-bg)' : 'transparent',\n color:\n activeTab === 'pdf'\n ? 'var(--tpl-primary)'\n : 'var(--tpl-text-muted)',\n boxShadow: activeTab === 'pdf' ? 'var(--tpl-shadow)' : 'none',\n }\"\n @click=\"selectTab('pdf')\"\n >\n <FileText :size=\"12\" :stroke-width=\"2\" />\n {{ cloudT.designReference.uploadPdf }}\n </button>\n </div>\n\n \n <div>\n \n <div v-if=\"selectedFile\" class=\"tpl:flex tpl:flex-col tpl:gap-2\">\n <div\n class=\"tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\"\n >\n \n <img\n v-if=\"filePreviewUrl\"\n :src=\"filePreviewUrl\"\n :alt=\"selectedFile.name\"\n class=\"tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain\"\n />\n \n <div\n v-else\n class=\"tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2\"\n >\n <FileText\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <span class=\"tpl:text-xs tpl:text-[var(--tpl-text-muted)]\">\n {{ selectedFile.name }}\n </span>\n </div>\n \n <button\n class=\"tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]\"\n @click=\"clearFile\"\n >\n <X :size=\"12\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div\n v-else\n class=\"tpl-design-dropzone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border-2 tpl:border-dashed tpl:px-4 tpl:py-8 tpl:transition-colors tpl:duration-150\"\n :style=\"{\n borderColor: isDragging\n ? 'var(--tpl-primary)'\n : 'var(--tpl-border-light)',\n backgroundColor: isDragging\n ? 'var(--tpl-primary-light)'\n : 'var(--tpl-bg)',\n }\"\n @click=\"fileInput?.click()\"\n @dragover=\"handleDragOver\"\n @dragleave=\"handleDragLeave\"\n @drop=\"handleDrop\"\n >\n <Upload\n :size=\"24\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <span\n class=\"tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.designReference.dropHint }}\n </span>\n <span\n class=\"tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{\n activeTab === \"image\"\n ? cloudT.designReference.acceptedImages\n : cloudT.designReference.acceptedPdf\n }}\n </span>\n </div>\n <input\n ref=\"fileInput\"\n type=\"file\"\n class=\"tpl:hidden\"\n :accept=\"\n activeTab === 'image'\n ? 'image/png,image/jpeg,image/webp'\n : 'application/pdf'\n \"\n @change=\"handleFileSelect\"\n />\n </div>\n\n \n <div class=\"tpl:flex tpl:flex-col tpl:gap-1.5\">\n <label\n class=\"tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.designReference.promptLabel }}\n </label>\n <textarea\n v-model=\"prompt\"\n class=\"tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n :class=\"['tpl-design-prompt-input']\"\n :placeholder=\"cloudT.designReference.promptPlaceholder\"\n rows=\"3\"\n />\n </div>\n\n \n <div\n v-if=\"showConfirmation\"\n class=\"tpl:flex tpl:flex-col tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:px-3 tpl:py-3 tpl:bg-[var(--tpl-warning-light)] tpl:border tpl:border-[var(--tpl-warning)]\"\n >\n <p class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]\">\n {{ cloudT.designReference.replaceWarning }}\n </p>\n <div class=\"tpl:flex tpl:gap-2\">\n <button\n class=\"tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]\"\n style=\"background-color: transparent\"\n @click=\"cancelConfirmation\"\n >\n {{ cloudT.designReference.replaceCancel }}\n </button>\n <button\n class=\"tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n @click=\"handleGenerate\"\n >\n {{ cloudT.designReference.replaceConfirm }}\n </button>\n </div>\n </div>\n\n \n <div\n v-if=\"designReference.error.value\"\n class=\"tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <CircleAlert\n :size=\"14\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n />\n <span>{{ cloudT.designReference.error }}</span>\n </div>\n\n \n <button\n v-if=\"!showConfirmation\"\n class=\"tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"!canGenerate\"\n @click=\"handleGenerate\"\n >\n <ImageUp :size=\"16\" :stroke-width=\"2\" />\n {{ cloudT.designReference.generate }}\n </button>\n\n \n <p\n class=\"tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudT.aiMenu.disclaimer }}\n </p>\n </div>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-design-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-design-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-design-prompt-input:focus {\n border-color: var(--tpl-primary);\n box-shadow: var(--tpl-ring);\n}\n\n.tpl-design-dropzone:hover {\n border-color: var(--tpl-primary) !important;\n background-color: var(--tpl-primary-light) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useFocusTrap } from \"../../composables\";\nimport { UI_THEME_KEY } from \"../../keys\";\nimport { computed, inject, ref } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst dialogRef = ref<HTMLElement | null>(null);\nconst isVisible = computed(() => props.visible);\nuseFocusTrap(dialogRef, isVisible);\n\nconst tplUiTheme = inject(UI_THEME_KEY);\n\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.key === \"Escape\") {\n emit(\"close\");\n }\n emit(\"keydown\", event);\n}\n</script>\n\n<template>\n <Teleport to=\"body\">\n <Transition\n enter-active-class=\"tpl:transition tpl:duration-150\"\n enter-from-class=\"tpl:opacity-0\"\n enter-to-class=\"tpl:opacity-100\"\n leave-active-class=\"tpl:transition tpl:duration-100\"\n leave-from-class=\"tpl:opacity-100\"\n leave-to-class=\"tpl:opacity-0\"\n >\n <div\n v-if=\"visible\"\n :data-tpl-theme=\"tplUiTheme\"\n class=\"tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n style=\"\n background-color: var(--tpl-overlay);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n \"\n @click.self=\"emit('close')\"\n @keydown=\"handleKeydown\"\n >\n <div ref=\"dialogRef\">\n <slot />\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useFocusTrap } from \"../../composables\";\nimport { UI_THEME_KEY } from \"../../keys\";\nimport { computed, inject, ref } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n (e: \"keydown\", event: KeyboardEvent): void;\n}>();\n\nconst dialogRef = ref<HTMLElement | null>(null);\nconst isVisible = computed(() => props.visible);\nuseFocusTrap(dialogRef, isVisible);\n\nconst tplUiTheme = inject(UI_THEME_KEY);\n\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.key === \"Escape\") {\n emit(\"close\");\n }\n emit(\"keydown\", event);\n}\n</script>\n\n<template>\n <Teleport to=\"body\">\n <Transition\n enter-active-class=\"tpl:transition tpl:duration-150\"\n enter-from-class=\"tpl:opacity-0\"\n enter-to-class=\"tpl:opacity-100\"\n leave-active-class=\"tpl:transition tpl:duration-100\"\n leave-from-class=\"tpl:opacity-100\"\n leave-to-class=\"tpl:opacity-0\"\n >\n <div\n v-if=\"visible\"\n :data-tpl-theme=\"tplUiTheme\"\n class=\"tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center\"\n style=\"\n background-color: var(--tpl-overlay);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n \"\n @click.self=\"emit('close')\"\n @keydown=\"handleKeydown\"\n >\n <div ref=\"dialogRef\">\n <slot />\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport type { TemplateSnapshot } from \"@aswin.dev/types\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n Clock,\n LoaderCircle,\n} from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n snapshots: TemplateSnapshot[];\n isLoading: boolean;\n isRestoring: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"load\"): void;\n (e: \"navigate\", snapshot: TemplateSnapshot): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n// Track current position in snapshot history (0 = most recent)\nconst currentIndex = ref(-1);\n\n// Reset index when snapshots change (e.g., after a save creates a new snapshot)\nwatch(\n () => props.snapshots.length,\n () => {\n currentIndex.value = -1;\n },\n);\n\nconst canGoNewer = computed(() => {\n return (\n currentIndex.value > 0 && props.snapshots.length > 0 && !props.isRestoring\n );\n});\n\nconst canGoOlder = computed(() => {\n return (\n currentIndex.value < props.snapshots.length - 1 &&\n props.snapshots.length > 0 &&\n !props.isRestoring\n );\n});\n\nfunction goNewer(): void {\n if (!canGoNewer.value) return;\n currentIndex.value--;\n emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction goOlder(): void {\n if (!canGoOlder.value) return;\n currentIndex.value++;\n emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction toggleDropdown(): void {\n isOpen.value = !isOpen.value;\n if (isOpen.value && props.snapshots.length === 0) {\n emit(\"load\");\n }\n}\n\nfunction handleRestore(snapshotId: string): void {\n const index = props.snapshots.findIndex((s) => s.id === snapshotId);\n if (index !== -1) {\n currentIndex.value = index;\n emit(\"navigate\", props.snapshots[index]);\n }\n isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n const result = formatRelativeTime(\n dateString,\n cloudT.snapshotHistory,\n format,\n 7,\n );\n if (result !== null) return result;\n\n return new Date(dateString).toLocaleDateString(undefined, {\n month: \"short\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n}\n\nonClickOutside(dropdownRef, () => {\n isOpen.value = false;\n});\n</script>\n\n<template>\n <div\n ref=\"dropdownRef\"\n class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n >\n \n <button\n class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n :disabled=\"!canGoOlder\"\n :title=\"cloudT.snapshotHistory.olderSnapshot\"\n @click.stop=\"goOlder\"\n >\n <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n </button>\n\n \n <button\n class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n :title=\"cloudT.snapshotHistory.tooltip\"\n @click.stop=\"toggleDropdown\"\n >\n <Clock :size=\"16\" :stroke-width=\"1.5\" />\n <ChevronDown\n class=\"tpl:transition-transform tpl:duration-150\"\n :class=\"{ 'tpl:rotate-180': isOpen }\"\n :size=\"10\"\n :stroke-width=\"2\"\n />\n </button>\n\n <Transition name=\"tpl-dropdown\">\n <div\n v-if=\"isOpen\"\n class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n >\n <div\n class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n >\n {{ cloudT.snapshotHistory.dropdownTitle }}\n </div>\n\n <div\n v-if=\"isLoading\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n >\n <LoaderCircle\n class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n :size=\"20\"\n :stroke-width=\"2\"\n />\n </div>\n\n <div\n v-else-if=\"snapshots.length === 0\"\n class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.snapshotHistory.noSnapshots }}\n </div>\n\n <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n <button\n v-for=\"snapshot in snapshots\"\n :key=\"snapshot.id\"\n class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]\"\n style=\"background-color: transparent\"\n :disabled=\"isRestoring\"\n @click=\"handleRestore(snapshot.id)\"\n >\n <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n >\n <span>{{ formatDate(snapshot.created_at) }}</span>\n <span\n v-if=\"snapshot.is_autosave\"\n class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.snapshotHistory.auto }}\n </span>\n </div>\n </div>\n </button>\n </div>\n </div>\n </Transition>\n\n \n <button\n class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n :disabled=\"!canGoNewer\"\n :title=\"cloudT.snapshotHistory.newerSnapshot\"\n @click.stop=\"goNewer\"\n >\n <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { formatRelativeTime } from \"../../utils/formatRelativeTime\";\nimport type { TemplateSnapshot } from \"@aswin.dev/types\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport {\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n Clock,\n LoaderCircle,\n} from \"@lucide/vue\";\nimport { computed, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n snapshots: TemplateSnapshot[];\n isLoading: boolean;\n isRestoring: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"load\"): void;\n (e: \"navigate\", snapshot: TemplateSnapshot): void;\n}>();\n\nconst { format } = useI18n();\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst isOpen = ref(false);\nconst dropdownRef = ref<HTMLElement | null>(null);\n\n// Track current position in snapshot history (0 = most recent)\nconst currentIndex = ref(-1);\n\n// Reset index when snapshots change (e.g., after a save creates a new snapshot)\nwatch(\n () => props.snapshots.length,\n () => {\n currentIndex.value = -1;\n },\n);\n\nconst canGoNewer = computed(() => {\n return (\n currentIndex.value > 0 && props.snapshots.length > 0 && !props.isRestoring\n );\n});\n\nconst canGoOlder = computed(() => {\n return (\n currentIndex.value < props.snapshots.length - 1 &&\n props.snapshots.length > 0 &&\n !props.isRestoring\n );\n});\n\nfunction goNewer(): void {\n if (!canGoNewer.value) return;\n currentIndex.value--;\n emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction goOlder(): void {\n if (!canGoOlder.value) return;\n currentIndex.value++;\n emit(\"navigate\", props.snapshots[currentIndex.value]);\n}\n\nfunction toggleDropdown(): void {\n isOpen.value = !isOpen.value;\n if (isOpen.value && props.snapshots.length === 0) {\n emit(\"load\");\n }\n}\n\nfunction handleRestore(snapshotId: string): void {\n const index = props.snapshots.findIndex((s) => s.id === snapshotId);\n if (index !== -1) {\n currentIndex.value = index;\n emit(\"navigate\", props.snapshots[index]);\n }\n isOpen.value = false;\n}\n\nfunction formatDate(dateString: string): string {\n const result = formatRelativeTime(\n dateString,\n cloudT.snapshotHistory,\n format,\n 7,\n );\n if (result !== null) return result;\n\n return new Date(dateString).toLocaleDateString(undefined, {\n month: \"short\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n}\n\nonClickOutside(dropdownRef, () => {\n isOpen.value = false;\n});\n</script>\n\n<template>\n <div\n ref=\"dropdownRef\"\n class=\"tpl:relative tpl:flex tpl:items-center tpl:gap-0.5\"\n >\n \n <button\n class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n :disabled=\"!canGoOlder\"\n :title=\"cloudT.snapshotHistory.olderSnapshot\"\n @click.stop=\"goOlder\"\n >\n <ChevronLeft :size=\"14\" :stroke-width=\"2\" />\n </button>\n\n \n <button\n class=\"tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n :title=\"cloudT.snapshotHistory.tooltip\"\n @click.stop=\"toggleDropdown\"\n >\n <Clock :size=\"16\" :stroke-width=\"1.5\" />\n <ChevronDown\n class=\"tpl:transition-transform tpl:duration-150\"\n :class=\"{ 'tpl:rotate-180': isOpen }\"\n :size=\"10\"\n :stroke-width=\"2\"\n />\n </button>\n\n <Transition name=\"tpl-dropdown\">\n <div\n v-if=\"isOpen\"\n class=\"tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]\"\n style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n >\n <div\n class=\"tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]\"\n >\n {{ cloudT.snapshotHistory.dropdownTitle }}\n </div>\n\n <div\n v-if=\"isLoading\"\n class=\"tpl:flex tpl:items-center tpl:justify-center tpl:py-8\"\n >\n <LoaderCircle\n class=\"tpl:animate-spin tpl:text-[var(--tpl-primary)]\"\n :size=\"20\"\n :stroke-width=\"2\"\n />\n </div>\n\n <div\n v-else-if=\"snapshots.length === 0\"\n class=\"tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.snapshotHistory.noSnapshots }}\n </div>\n\n <div v-else class=\"tpl:max-h-64 tpl:overflow-y-auto\">\n <button\n v-for=\"snapshot in snapshots\"\n :key=\"snapshot.id\"\n class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]\"\n style=\"background-color: transparent\"\n :disabled=\"isRestoring\"\n @click=\"handleRestore(snapshot.id)\"\n >\n <div class=\"tpl:flex tpl:flex-col tpl:gap-0.5\">\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n >\n <span>{{ formatDate(snapshot.created_at) }}</span>\n <span\n v-if=\"snapshot.is_autosave\"\n class=\"tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.snapshotHistory.auto }}\n </span>\n </div>\n </div>\n </button>\n </div>\n </div>\n </Transition>\n\n \n <button\n class=\"tpl:flex tpl:size-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] disabled:tpl:cursor-not-allowed disabled:tpl:opacity-30 disabled:hover:tpl:bg-transparent tpl:text-[var(--tpl-text-muted)]\"\n :disabled=\"!canGoNewer\"\n :title=\"cloudT.snapshotHistory.newerSnapshot\"\n @click.stop=\"goNewer\"\n >\n <ChevronRight :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n</template>\n","export type ScoringSeverity = \"high\" | \"medium\" | \"low\" | string;\n\nexport function scoreColor(score: number): string {\n if (score >= 80) return \"var(--tpl-success)\";\n if (score >= 60) return \"var(--tpl-warning)\";\n return \"var(--tpl-danger)\";\n}\n\nexport function scoreBgColor(score: number): string {\n if (score >= 80) return \"var(--tpl-success-light)\";\n if (score >= 60) return \"var(--tpl-warning-light)\";\n return \"var(--tpl-danger-light)\";\n}\n\nexport function severityColor(severity: ScoringSeverity): string {\n if (severity === \"high\") return \"var(--tpl-danger)\";\n if (severity === \"medium\") return \"var(--tpl-warning)\";\n return \"var(--tpl-text-muted)\";\n}\n\nexport function severityBgColor(severity: ScoringSeverity): string {\n if (severity === \"high\") return \"var(--tpl-danger-light)\";\n if (severity === \"medium\") return \"var(--tpl-warning-light)\";\n return \"var(--tpl-bg-hover)\";\n}\n","<script setup lang=\"ts\">\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport {\n EDITOR_KEY,\n SCORING_KEY,\n MERGE_TAGS_KEY,\n requireInject,\n} from \"../../keys\";\nimport {\n scoreColor,\n scoreBgColor,\n severityColor,\n severityBgColor,\n} from \"../utils/scoringStyles\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { ScoringCategory, ScoringFinding } from \"@aswin.dev/types\";\nimport {\n CircleAlert,\n TriangleAlert,\n ChevronDown,\n Eye,\n Info,\n LoaderCircle,\n RefreshCw,\n ShieldCheck,\n ShieldX,\n Sparkles,\n X,\n Zap,\n} from \"@lucide/vue\";\nimport { inject, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"TemplateScoringPanel\");\nconst scoring = requireInject(SCORING_KEY, \"TemplateScoringPanel\");\nconst mergeTags = inject(MERGE_TAGS_KEY, []);\n\nconst expandedCategories = ref<Record<string, boolean>>({\n spam: true,\n readability: true,\n accessibility: true,\n bestPractices: true,\n});\n\nfunction toggleCategory(category: string): void {\n expandedCategories.value[category] = !expandedCategories.value[category];\n}\n\nconst categoryOrder: ScoringCategory[] = [\n \"spam\",\n \"readability\",\n \"accessibility\",\n \"bestPractices\",\n];\n\nconst categoryIcons: Record<ScoringCategory, typeof ShieldCheck> = {\n spam: ShieldX,\n readability: Eye,\n accessibility: Sparkles,\n bestPractices: Zap,\n};\n\nfunction triggerScore(): void {\n scoring.score(editor.content.value, mergeTags);\n}\n\nwatch(\n () => props.visible,\n (isVisible) => {\n if (isVisible && !scoring.scoringResult.value && !scoring.isScoring.value) {\n triggerScore();\n }\n },\n);\n\nasync function handleFix(finding: ScoringFinding): Promise<void> {\n if (!finding.blockId) {\n return;\n }\n\n // Get the block content from the editor\n const block = editor.content.value.blocks.find(\n (b) => b.id === finding.blockId,\n );\n if (!block) {\n return;\n }\n\n // Extract HTML content from the block (text blocks have content property)\n const blockContent = (block as unknown as Record<string, unknown>).content as\n | string\n | undefined;\n if (!blockContent) {\n return;\n }\n\n const fixedContent = await scoring.fixFinding(\n blockContent,\n finding,\n mergeTags,\n );\n\n if (fixedContent) {\n editor.updateBlock(finding.blockId, { content: fixedContent });\n scoring.removeFinding(finding.category, finding.id);\n }\n}\n\nfunction totalFindings(): number {\n if (!scoring.scoringResult.value) {\n return 0;\n }\n return categoryOrder.reduce((sum, cat) => {\n return (\n sum + (scoring.scoringResult.value?.categories[cat]?.findings.length ?? 0)\n );\n }, 0);\n}\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-scoring-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-scoring-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-scoring-panel tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n >\n <ShieldCheck :size=\"13\" :stroke-width=\"2\" />\n <span>{{ cloudT.scoring.title }}</span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <button\n v-if=\"scoring.scoringResult.value && !scoring.isScoring.value\"\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n :title=\"cloudT.scoring.rescore\"\n @click=\"triggerScore()\"\n >\n <RefreshCw :size=\"14\" :stroke-width=\"2\" />\n </button>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\">\n \n <div\n v-if=\"scoring.isScoring.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ cloudT.scoring.scoring }}\n </p>\n <LoadingTrack class=\"tpl:w-3/4\" />\n </div>\n\n \n <div\n v-else-if=\"scoring.error.value && !scoring.scoringResult.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <CircleAlert\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-danger)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.scoring.error }}\n </p>\n <button\n class=\"tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]\"\n @click=\"triggerScore()\"\n >\n <RefreshCw :size=\"12\" :stroke-width=\"2\" />\n {{ cloudT.scoring.rescore }}\n </button>\n </div>\n\n \n <div\n v-else-if=\"scoring.scoringResult.value\"\n class=\"tpl:flex tpl:flex-col tpl:gap-4\"\n >\n \n <div\n class=\"tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5\"\n :style=\"{\n backgroundColor: scoreBgColor(scoring.scoringResult.value.score),\n }\"\n >\n <span\n class=\"tpl:text-4xl tpl:font-bold tpl:tabular-nums\"\n :style=\"{\n color: scoreColor(scoring.scoringResult.value.score),\n }\"\n >\n {{ scoring.scoringResult.value.score }}\n </span>\n <span\n class=\"tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.scoring.overallScore }}\n </span>\n <span\n v-if=\"totalFindings() > 0\"\n class=\"tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ totalFindings() }}\n {{ cloudT.scoring.findings }}\n </span>\n </div>\n\n \n <div\n v-if=\"scoring.fixError.value\"\n class=\"tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <CircleAlert\n :size=\"14\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n />\n <span>{{ cloudT.scoring.fixError }}</span>\n </div>\n\n \n <div\n v-for=\"category in categoryOrder\"\n :key=\"category\"\n class=\"tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]\"\n >\n \n <button\n class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-2.5 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100 tpl:bg-[var(--tpl-bg)]\"\n @click=\"toggleCategory(category)\"\n >\n <component\n :is=\"categoryIcons[category]\"\n :size=\"14\"\n :stroke-width=\"2\"\n :style=\"{\n color: scoreColor(\n scoring.scoringResult.value.categories[category].score,\n ),\n }\"\n />\n <span\n class=\"tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n >\n {{ cloudT.scoring.categories[category] }}\n </span>\n <span\n class=\"tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums\"\n :style=\"{\n color: scoreColor(\n scoring.scoringResult.value.categories[category].score,\n ),\n backgroundColor: scoreBgColor(\n scoring.scoringResult.value.categories[category].score,\n ),\n }\"\n >\n {{ scoring.scoringResult.value.categories[category].score }}\n </span>\n <span\n v-if=\"\n scoring.scoringResult.value.categories[category].findings\n .length > 0\n \"\n class=\"tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{\n scoring.scoringResult.value.categories[category].findings\n .length\n }}\n </span>\n <ChevronDown\n :size=\"12\"\n :stroke-width=\"2\"\n class=\"tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]\"\n :class=\"\n expandedCategories[category]\n ? 'tpl:rotate-0'\n : 'tpl:-rotate-90'\n \"\n />\n </button>\n\n \n <div\n v-if=\"expandedCategories[category]\"\n class=\"tpl:border-t tpl:border-[var(--tpl-border)]\"\n >\n <div\n v-if=\"\n scoring.scoringResult.value.categories[category].findings\n .length === 0\n \"\n class=\"tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudT.scoring.noFindings }}\n </div>\n <div\n v-for=\"finding in scoring.scoringResult.value.categories[\n category\n ].findings\"\n :key=\"finding.id\"\n class=\"tpl:border-t tpl:px-3 tpl:py-2.5 first:tpl:border-t-0 tpl:border-[var(--tpl-border-light)]\"\n >\n <div class=\"tpl:flex tpl:items-start tpl:gap-2\">\n \n <component\n :is=\"\n finding.severity === 'high'\n ? CircleAlert\n : finding.severity === 'medium'\n ? TriangleAlert\n : Info\n \"\n :size=\"13\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n :style=\"{\n color: severityColor(finding.severity),\n }\"\n />\n <div class=\"tpl:flex-1 tpl:min-w-0\">\n \n <div class=\"tpl:flex tpl:items-start tpl:gap-1.5\">\n <span\n class=\"tpl:mt-0.5 tpl:shrink-0 tpl:rounded tpl:px-1 tpl:py-px tpl:text-[10px] tpl:font-medium tpl:leading-tight\"\n :style=\"{\n color: severityColor(finding.severity),\n backgroundColor: severityBgColor(finding.severity),\n }\"\n >\n {{ cloudT.scoring.severity[finding.severity] }}\n </span>\n <span\n class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]\"\n >\n {{ finding.message }}\n </span>\n </div>\n \n <p\n v-if=\"finding.suggestion\"\n class=\"tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ finding.suggestion }}\n </p>\n \n <div\n v-if=\"finding.blockId\"\n class=\"tpl:mt-2 tpl:flex tpl:justify-center\"\n >\n <button\n class=\"tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]\"\n style=\"background-color: transparent\"\n :disabled=\"scoring.fixingFindingId.value !== null\"\n @click=\"handleFix(finding)\"\n >\n <LoaderCircle\n v-if=\"scoring.fixingFindingId.value === finding.id\"\n class=\"tpl-spinner\"\n :size=\"11\"\n :stroke-width=\"2\"\n />\n <Sparkles v-else :size=\"11\" :stroke-width=\"2\" />\n {{\n scoring.fixingFindingId.value === finding.id\n ? cloudT.scoring.fixing\n : cloudT.scoring.fix\n }}\n </button>\n <p\n v-if=\"scoring.fixError.value\"\n class=\"tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]\"\n >\n {{ scoring.fixError.value }}\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-else\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <ShieldCheck\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.scoring.emptyState }}\n </p>\n </div>\n\n \n <p\n class=\"tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudT.aiMenu.disclaimer }}\n </p>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-scoring-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-scoring-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-scoring-fix-btn:not(:disabled):hover {\n border-color: var(--tpl-primary) !important;\n background-color: var(--tpl-primary-light) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport LoadingTrack from \"../../components/LoadingTrack.vue\";\nimport {\n EDITOR_KEY,\n SCORING_KEY,\n MERGE_TAGS_KEY,\n requireInject,\n} from \"../../keys\";\nimport {\n scoreColor,\n scoreBgColor,\n severityColor,\n severityBgColor,\n} from \"../utils/scoringStyles\";\nimport { useCloudI18nStrict } from \"../../composables/useCloudI18n\";\nimport type { ScoringCategory, ScoringFinding } from \"@aswin.dev/types\";\nimport {\n CircleAlert,\n TriangleAlert,\n ChevronDown,\n Eye,\n Info,\n LoaderCircle,\n RefreshCw,\n ShieldCheck,\n ShieldX,\n Sparkles,\n X,\n Zap,\n} from \"@lucide/vue\";\nimport { inject, ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n}>();\n\nconst emit = defineEmits<{\n (e: \"close\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\nconst editor = requireInject(EDITOR_KEY, \"TemplateScoringPanel\");\nconst scoring = requireInject(SCORING_KEY, \"TemplateScoringPanel\");\nconst mergeTags = inject(MERGE_TAGS_KEY, []);\n\nconst expandedCategories = ref<Record<string, boolean>>({\n spam: true,\n readability: true,\n accessibility: true,\n bestPractices: true,\n});\n\nfunction toggleCategory(category: string): void {\n expandedCategories.value[category] = !expandedCategories.value[category];\n}\n\nconst categoryOrder: ScoringCategory[] = [\n \"spam\",\n \"readability\",\n \"accessibility\",\n \"bestPractices\",\n];\n\nconst categoryIcons: Record<ScoringCategory, typeof ShieldCheck> = {\n spam: ShieldX,\n readability: Eye,\n accessibility: Sparkles,\n bestPractices: Zap,\n};\n\nfunction triggerScore(): void {\n scoring.score(editor.content.value, mergeTags);\n}\n\nwatch(\n () => props.visible,\n (isVisible) => {\n if (isVisible && !scoring.scoringResult.value && !scoring.isScoring.value) {\n triggerScore();\n }\n },\n);\n\nasync function handleFix(finding: ScoringFinding): Promise<void> {\n if (!finding.blockId) {\n return;\n }\n\n // Get the block content from the editor\n const block = editor.content.value.blocks.find(\n (b) => b.id === finding.blockId,\n );\n if (!block) {\n return;\n }\n\n // Extract HTML content from the block (text blocks have content property)\n const blockContent = (block as unknown as Record<string, unknown>).content as\n | string\n | undefined;\n if (!blockContent) {\n return;\n }\n\n const fixedContent = await scoring.fixFinding(\n blockContent,\n finding,\n mergeTags,\n );\n\n if (fixedContent) {\n editor.updateBlock(finding.blockId, { content: fixedContent });\n scoring.removeFinding(finding.category, finding.id);\n }\n}\n\nfunction totalFindings(): number {\n if (!scoring.scoringResult.value) {\n return 0;\n }\n return categoryOrder.reduce((sum, cat) => {\n return (\n sum + (scoring.scoringResult.value?.categories[cat]?.findings.length ?? 0)\n );\n }, 0);\n}\n</script>\n\n<template>\n <Transition\n enter-active-class=\"tpl-scoring-slide-enter-active\"\n enter-from-class=\"tpl:translate-x-full\"\n enter-to-class=\"tpl:translate-x-0\"\n leave-active-class=\"tpl-scoring-slide-leave-active\"\n leave-from-class=\"tpl:translate-x-0\"\n leave-to-class=\"tpl:translate-x-full\"\n >\n <div\n v-if=\"visible\"\n class=\"tpl-scoring-panel tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]\"\n >\n \n <div\n class=\"tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3\"\n >\n <div\n class=\"tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]\"\n >\n <ShieldCheck :size=\"13\" :stroke-width=\"2\" />\n <span>{{ cloudT.scoring.title }}</span>\n </div>\n <div class=\"tpl:flex tpl:items-center tpl:gap-1\">\n <button\n v-if=\"scoring.scoringResult.value && !scoring.isScoring.value\"\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n :title=\"cloudT.scoring.rescore\"\n @click=\"triggerScore()\"\n >\n <RefreshCw :size=\"14\" :stroke-width=\"2\" />\n </button>\n <button\n class=\"tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]\"\n @click=\"emit('close')\"\n >\n <X :size=\"14\" :stroke-width=\"2\" />\n </button>\n </div>\n </div>\n\n \n <div class=\"tpl:flex-1 tpl:overflow-y-auto tpl:p-4\">\n \n <div\n v-if=\"scoring.isScoring.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <p class=\"tpl:text-sm tpl:text-[var(--tpl-text-muted)]\">\n {{ cloudT.scoring.scoring }}\n </p>\n <LoadingTrack class=\"tpl:w-3/4\" />\n </div>\n\n \n <div\n v-else-if=\"scoring.error.value && !scoring.scoringResult.value\"\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <CircleAlert\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-danger)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.scoring.error }}\n </p>\n <button\n class=\"tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]\"\n @click=\"triggerScore()\"\n >\n <RefreshCw :size=\"12\" :stroke-width=\"2\" />\n {{ cloudT.scoring.rescore }}\n </button>\n </div>\n\n \n <div\n v-else-if=\"scoring.scoringResult.value\"\n class=\"tpl:flex tpl:flex-col tpl:gap-4\"\n >\n \n <div\n class=\"tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5\"\n :style=\"{\n backgroundColor: scoreBgColor(scoring.scoringResult.value.score),\n }\"\n >\n <span\n class=\"tpl:text-4xl tpl:font-bold tpl:tabular-nums\"\n :style=\"{\n color: scoreColor(scoring.scoringResult.value.score),\n }\"\n >\n {{ scoring.scoringResult.value.score }}\n </span>\n <span\n class=\"tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.scoring.overallScore }}\n </span>\n <span\n v-if=\"totalFindings() > 0\"\n class=\"tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ totalFindings() }}\n {{ cloudT.scoring.findings }}\n </span>\n </div>\n\n \n <div\n v-if=\"scoring.fixError.value\"\n class=\"tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]\"\n >\n <CircleAlert\n :size=\"14\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n />\n <span>{{ cloudT.scoring.fixError }}</span>\n </div>\n\n \n <div\n v-for=\"category in categoryOrder\"\n :key=\"category\"\n class=\"tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]\"\n >\n \n <button\n class=\"tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-2.5 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100 tpl:bg-[var(--tpl-bg)]\"\n @click=\"toggleCategory(category)\"\n >\n <component\n :is=\"categoryIcons[category]\"\n :size=\"14\"\n :stroke-width=\"2\"\n :style=\"{\n color: scoreColor(\n scoring.scoringResult.value.categories[category].score,\n ),\n }\"\n />\n <span\n class=\"tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]\"\n >\n {{ cloudT.scoring.categories[category] }}\n </span>\n <span\n class=\"tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums\"\n :style=\"{\n color: scoreColor(\n scoring.scoringResult.value.categories[category].score,\n ),\n backgroundColor: scoreBgColor(\n scoring.scoringResult.value.categories[category].score,\n ),\n }\"\n >\n {{ scoring.scoringResult.value.categories[category].score }}\n </span>\n <span\n v-if=\"\n scoring.scoringResult.value.categories[category].findings\n .length > 0\n \"\n class=\"tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{\n scoring.scoringResult.value.categories[category].findings\n .length\n }}\n </span>\n <ChevronDown\n :size=\"12\"\n :stroke-width=\"2\"\n class=\"tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]\"\n :class=\"\n expandedCategories[category]\n ? 'tpl:rotate-0'\n : 'tpl:-rotate-90'\n \"\n />\n </button>\n\n \n <div\n v-if=\"expandedCategories[category]\"\n class=\"tpl:border-t tpl:border-[var(--tpl-border)]\"\n >\n <div\n v-if=\"\n scoring.scoringResult.value.categories[category].findings\n .length === 0\n \"\n class=\"tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudT.scoring.noFindings }}\n </div>\n <div\n v-for=\"finding in scoring.scoringResult.value.categories[\n category\n ].findings\"\n :key=\"finding.id\"\n class=\"tpl:border-t tpl:px-3 tpl:py-2.5 first:tpl:border-t-0 tpl:border-[var(--tpl-border-light)]\"\n >\n <div class=\"tpl:flex tpl:items-start tpl:gap-2\">\n \n <component\n :is=\"\n finding.severity === 'high'\n ? CircleAlert\n : finding.severity === 'medium'\n ? TriangleAlert\n : Info\n \"\n :size=\"13\"\n :stroke-width=\"2\"\n class=\"tpl:mt-0.5 tpl:shrink-0\"\n :style=\"{\n color: severityColor(finding.severity),\n }\"\n />\n <div class=\"tpl:flex-1 tpl:min-w-0\">\n \n <div class=\"tpl:flex tpl:items-start tpl:gap-1.5\">\n <span\n class=\"tpl:mt-0.5 tpl:shrink-0 tpl:rounded tpl:px-1 tpl:py-px tpl:text-[10px] tpl:font-medium tpl:leading-tight\"\n :style=\"{\n color: severityColor(finding.severity),\n backgroundColor: severityBgColor(finding.severity),\n }\"\n >\n {{ cloudT.scoring.severity[finding.severity] }}\n </span>\n <span\n class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]\"\n >\n {{ finding.message }}\n </span>\n </div>\n \n <p\n v-if=\"finding.suggestion\"\n class=\"tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ finding.suggestion }}\n </p>\n \n <div\n v-if=\"finding.blockId\"\n class=\"tpl:mt-2 tpl:flex tpl:justify-center\"\n >\n <button\n class=\"tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]\"\n style=\"background-color: transparent\"\n :disabled=\"scoring.fixingFindingId.value !== null\"\n @click=\"handleFix(finding)\"\n >\n <LoaderCircle\n v-if=\"scoring.fixingFindingId.value === finding.id\"\n class=\"tpl-spinner\"\n :size=\"11\"\n :stroke-width=\"2\"\n />\n <Sparkles v-else :size=\"11\" :stroke-width=\"2\" />\n {{\n scoring.fixingFindingId.value === finding.id\n ? cloudT.scoring.fixing\n : cloudT.scoring.fix\n }}\n </button>\n <p\n v-if=\"scoring.fixError.value\"\n class=\"tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]\"\n >\n {{ scoring.fixError.value }}\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-else\n class=\"tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center\"\n >\n <ShieldCheck\n :size=\"32\"\n :stroke-width=\"1.5\"\n class=\"tpl:text-[var(--tpl-text-dim)]\"\n />\n <p\n class=\"tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.scoring.emptyState }}\n </p>\n </div>\n\n \n <p\n class=\"tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]\"\n >\n {{ cloudT.aiMenu.disclaimer }}\n </p>\n </div>\n </div>\n </Transition>\n</template>\n\n<style scoped>\n.tpl-scoring-slide-enter-active {\n transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-scoring-slide-leave-active {\n transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tpl-scoring-fix-btn:not(:disabled):hover {\n border-color: var(--tpl-primary) !important;\n background-color: var(--tpl-primary-light) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport TplModal from \"./TplModal.vue\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { LoaderCircle } from \"@lucide/vue\";\nimport { ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n allowedEmails: string[];\n isSending: boolean;\n error: string | null;\n}>();\n\nconst emit = defineEmits<{\n (e: \"send\", recipient: string): void;\n (e: \"close\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst recipient = ref(\"\");\n\nwatch(\n () => props.visible,\n (visible) => {\n if (visible) {\n recipient.value = props.allowedEmails[0] ?? \"\";\n }\n },\n);\n\nfunction handleSend(): void {\n if (!recipient.value || props.isSending) {\n return;\n }\n\n emit(\"send\", recipient.value);\n}\n\nfunction handleClose(): void {\n if (!props.isSending) {\n emit(\"close\");\n }\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleSend();\n }\n if (event.key === \"Escape\") {\n handleClose();\n }\n}\n</script>\n\n<template>\n <TplModal :visible=\"visible\" @close=\"handleClose\" @keydown=\"handleKeydown\">\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-busy=\"isSending\"\n aria-labelledby=\"tpl-test-email-title\"\n class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n style=\"\n background-color: var(--tpl-bg-elevated);\n box-shadow: var(--tpl-shadow-xl);\n \"\n >\n <h3\n id=\"tpl-test-email-title\"\n class=\"tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{ cloudT.testEmail.title }}\n </h3>\n\n \n <div class=\"tpl:mb-3\">\n <label\n class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.testEmail.recipientLabel }}\n </label>\n <input\n v-if=\"allowedEmails.length === 1\"\n type=\"text\"\n :value=\"recipient\"\n disabled\n class=\"tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n />\n <select\n v-else\n v-model=\"recipient\"\n class=\"tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n :disabled=\"isSending\"\n >\n <option v-for=\"email in allowedEmails\" :key=\"email\" :value=\"email\">\n {{ email }}\n </option>\n </select>\n </div>\n\n \n <p\n v-if=\"error\"\n role=\"alert\"\n class=\"tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n >\n {{ error }}\n </p>\n\n \n <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n <button\n type=\"button\"\n class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n :disabled=\"isSending\"\n :class=\"{\n 'tpl:cursor-not-allowed tpl:opacity-50': isSending,\n }\"\n @click=\"handleClose\"\n >\n {{ cloudT.testEmail.cancel }}\n </button>\n <button\n type=\"button\"\n class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"!recipient || isSending\"\n @click=\"handleSend\"\n >\n <span v-if=\"isSending\" class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n <LoaderCircle\n class=\"tpl:animate-spin\"\n :size=\"12\"\n :stroke-width=\"2\"\n />\n {{ cloudT.testEmail.sending }}\n </span>\n <span v-else>\n {{ cloudT.testEmail.send }}\n </span>\n </button>\n </div>\n </div>\n </TplModal>\n</template>\n","<script setup lang=\"ts\">\nimport TplModal from \"./TplModal.vue\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { LoaderCircle } from \"@lucide/vue\";\nimport { ref, watch } from \"vue\";\n\nconst props = defineProps<{\n visible: boolean;\n allowedEmails: string[];\n isSending: boolean;\n error: string | null;\n}>();\n\nconst emit = defineEmits<{\n (e: \"send\", recipient: string): void;\n (e: \"close\"): void;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst recipient = ref(\"\");\n\nwatch(\n () => props.visible,\n (visible) => {\n if (visible) {\n recipient.value = props.allowedEmails[0] ?? \"\";\n }\n },\n);\n\nfunction handleSend(): void {\n if (!recipient.value || props.isSending) {\n return;\n }\n\n emit(\"send\", recipient.value);\n}\n\nfunction handleClose(): void {\n if (!props.isSending) {\n emit(\"close\");\n }\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n if (event.key === \"Enter\" && !event.shiftKey) {\n event.preventDefault();\n handleSend();\n }\n if (event.key === \"Escape\") {\n handleClose();\n }\n}\n</script>\n\n<template>\n <TplModal :visible=\"visible\" @close=\"handleClose\" @keydown=\"handleKeydown\">\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-busy=\"isSending\"\n aria-labelledby=\"tpl-test-email-title\"\n class=\"tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5\"\n style=\"\n background-color: var(--tpl-bg-elevated);\n box-shadow: var(--tpl-shadow-xl);\n \"\n >\n <h3\n id=\"tpl-test-email-title\"\n class=\"tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]\"\n >\n {{ cloudT.testEmail.title }}\n </h3>\n\n \n <div class=\"tpl:mb-3\">\n <label\n class=\"tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\"\n >\n {{ cloudT.testEmail.recipientLabel }}\n </label>\n <input\n v-if=\"allowedEmails.length === 1\"\n type=\"text\"\n :value=\"recipient\"\n disabled\n class=\"tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n />\n <select\n v-else\n v-model=\"recipient\"\n class=\"tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]\"\n :disabled=\"isSending\"\n >\n <option v-for=\"email in allowedEmails\" :key=\"email\" :value=\"email\">\n {{ email }}\n </option>\n </select>\n </div>\n\n \n <p\n v-if=\"error\"\n role=\"alert\"\n class=\"tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]\"\n >\n {{ error }}\n </p>\n\n \n <div class=\"tpl:flex tpl:justify-end tpl:gap-2\">\n <button\n type=\"button\"\n class=\"tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]\"\n :disabled=\"isSending\"\n :class=\"{\n 'tpl:cursor-not-allowed tpl:opacity-50': isSending,\n }\"\n @click=\"handleClose\"\n >\n {{ cloudT.testEmail.cancel }}\n </button>\n <button\n type=\"button\"\n class=\"tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]\"\n :disabled=\"!recipient || isSending\"\n @click=\"handleSend\"\n >\n <span v-if=\"isSending\" class=\"tpl:flex tpl:items-center tpl:gap-1.5\">\n <LoaderCircle\n class=\"tpl:animate-spin\"\n :size=\"12\"\n :stroke-width=\"2\"\n />\n {{ cloudT.testEmail.sending }}\n </span>\n <span v-else>\n {{ cloudT.testEmail.send }}\n </span>\n </button>\n </div>\n </div>\n </TplModal>\n</template>\n"],"x_google_ignoreList":[0,17,18,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83],"mappings":"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"}