@vc-shell/framework 1.1.73 → 1.1.75

package/ui/components/molecules/vc-editor/vc-editor.stories.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
-import { VcEditor } from "./";
-import { ref } from "vue";
+import { VcEditor, type CustomToolbarButton, type CustomToolbarDropdown } from "./";
+import { ref, defineComponent, h } from "vue";
+import type { Editor } from "@tiptap/vue-3";
 
 const meta = {
   title: "molecules/VcEditor",
@@ -235,7 +236,7 @@ export const WithInitialContent: Story = {
 export const CustomToolbar: Story = {
   args: {
     label: "Editor with custom toolbar",
-    toolbar: ["bold", "italic", "title", "link", "image", "preview"],
+    toolbar: ["bold", "italic", "heading1", "heading2", "link", "image", "fontSize"],
   },
   render: (args) => ({
     components: { VcEditor },
@@ -246,3 +247,171 @@ export const CustomToolbar: Story = {
     template: '<vc-editor v-bind="args" v-model="content"></vc-editor>',
   }),
 };
+
+export const WithCustomButtons: Story = {
+  args: {
+    label: "Editor with custom plugin buttons",
+    customButtons: [
+      {
+        id: "clear-format",
+        label: "Clear Format",
+        icon: "lucide-remove-formatting",
+        action: (editor: Editor) => {
+          editor.chain().focus().clearNodes().unsetAllMarks().run();
+        },
+        isActive: () => false,
+        group: "format",
+        order: 1,
+      } as CustomToolbarButton,
+      {
+        id: "highlight",
+        label: "Highlight",
+        icon: "lucide-highlighter",
+        action: (editor: Editor) => {
+          editor.chain().focus().toggleHighlight().run();
+        },
+        isActive: (editor: Editor) => editor.isActive('highlight'),
+        group: "format",
+        order: 2,
+      } as CustomToolbarButton,
+      {
+        id: "text-align",
+        label: "Text Align",
+        options: [
+          { value: 'left', label: 'Left', action: (editor: Editor) => editor.chain().focus().setTextAlign('left').run() },
+          { value: 'center', label: 'Center', action: (editor: Editor) => editor.chain().focus().setTextAlign('center').run() },
+          { value: 'right', label: 'Right', action: (editor: Editor) => editor.chain().focus().setTextAlign('right').run() },
+          { value: 'justify', label: 'Justify', action: (editor: Editor) => editor.chain().focus().setTextAlign('justify').run() },
+        ],
+        getValue: (editor: Editor) => editor.getAttributes('paragraph').textAlign || 'left',
+        group: "align",
+        order: 1,
+      } as CustomToolbarDropdown,
+    ],
+  },
+  render: (args) => ({
+    components: { VcEditor },
+    setup() {
+      const content = ref("");
+      return { args, content };
+    },
+    template: '<vc-editor v-bind="args" v-model="content"></vc-editor>',
+  }),
+};
+
+// Custom component example
+const CustomEmojiButton = defineComponent({
+  props: {
+    editor: {
+      type: Object as () => Editor,
+      required: true,
+    },
+    disabled: Boolean,
+  },
+  setup(props) {
+    const emojis = ['😀', '😃', '😄', '😁', '😆', '😅', '😂', '🤣', '😊', '😇'];
+    const showPicker = ref(false);
+    
+    const insertEmoji = (emoji: string) => {
+      props.editor.chain().focus().insertContent(emoji).run();
+      showPicker.value = false;
+    };
+    
+    return () => h('div', { class: 'emoji-picker', style: { position: 'relative' } }, [
+      h('button', {
+        class: 'vc-editor-button',
+        disabled: props.disabled,
+        onClick: () => showPicker.value = !showPicker.value,
+        style: {
+          padding: '0.25rem 0.5rem',
+          borderRadius: '6px',
+          border: 'none',
+          background: 'transparent',
+          cursor: props.disabled ? 'not-allowed' : 'pointer',
+        }
+      }, '😊'),
+      showPicker.value && h('div', {
+        class: 'emoji-picker-menu',
+        style: {
+          position: 'absolute',
+          top: '100%',
+          left: 0,
+          background: 'white',
+          border: '1px solid #ccc',
+          borderRadius: '6px',
+          padding: '0.5rem',
+          display: 'flex',
+          gap: '0.25rem',
+          zIndex: 100,
+          boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
+        }
+      }, emojis.map(emoji => 
+        h('button', {
+          onClick: () => insertEmoji(emoji),
+          style: {
+            border: 'none',
+            background: 'transparent',
+            cursor: 'pointer',
+            fontSize: '1.25rem',
+            padding: '0.25rem',
+          }
+        }, emoji)
+      ))
+    ]);
+  },
+});
+
+export const WithCustomComponent: Story = {
+  args: {
+    label: "Editor with custom component plugin",
+    customButtons: [
+      {
+        id: "emoji",
+        label: "Insert Emoji",
+        icon: "lucide-smile",
+        action: () => {}, // Not used when component is provided
+        component: CustomEmojiButton,
+        group: "insert",
+        order: 1,
+      } as CustomToolbarButton,
+      {
+        id: "word-count",
+        label: "Word Count",
+        icon: "lucide-file-text",
+        action: (editor: Editor) => {
+          const text = editor.getText();
+          const wordCount = text.split(/\s+/).filter(word => word.length > 0).length;
+          alert(`Word count: ${wordCount}`);
+        },
+        group: "tools",
+        order: 1,
+      } as CustomToolbarButton,
+    ],
+  },
+  render: (args) => ({
+    components: { VcEditor },
+    setup() {
+      const content = ref("");
+      return { args, content };
+    },
+    template: '<vc-editor v-bind="args" v-model="content"></vc-editor>',
+  }),
+};
+
+export const WithTipTapExtensions: Story = {
+  args: {
+    label: "Editor with custom TipTap extensions",
+    extensions: [
+      // Add any custom TipTap extensions here
+      // For example: Highlight.configure({ multicolor: true })
+    ],
+  },
+  render: (args) => ({
+    components: { VcEditor },
+    setup() {
+      const content = ref("# Custom Extensions\n\nYou can add any TipTap extension to enhance the editor functionality.");
+      return { args, content };
+    },
+    template: '<vc-editor v-bind="args" v-model="content"></vc-editor>',
+  }),
+};

package/ui/components/molecules/vc-editor/vc-editor.vue

@@ -35,6 +35,7 @@
         :disabled="disabled"
         :content-type="detectedType"
         :toolbar="filteredToolbar"
+        :custom-buttons="props.customButtons || []"
         @upload-image="triggerImageUpload"
       />
 
@@ -139,7 +140,7 @@
     </slot>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import { ref, watch, onBeforeUnmount, computed } from "vue";
 import { useEditor, EditorContent } from "@tiptap/vue-3";
@@ -152,7 +153,9 @@ import { TableCell } from "@tiptap/extension-table-cell";
 import { Link } from "@tiptap/extension-link";
 import { Image } from "@tiptap/extension-image";
 import { Placeholder } from "@tiptap/extension-placeholder";
+import { TextStyle } from "@tiptap/extension-text-style";
 import { Markdown } from "tiptap-markdown";
+import { FontSize } from "./_internal/extensions/font-size";
 import { format } from "prettier/standalone";
 import * as prettierPluginHtml from "prettier/parser-html";
 // eslint-disable-next-line import/no-named-as-default
@@ -160,6 +163,10 @@ import DOMPurify from "dompurify";
 import { VcLabel, VcHint } from "../..";
 import VcEditorToolbar from "./_internal/vc-editor-toolbar.vue";
 import VcEditorButton from "./_internal/vc-editor-button.vue";
+import type { CustomToolbarItem } from "./_internal/toolbar-types";
+
+// Export types for external use
+export type { CustomToolbarItem, CustomToolbarButton, CustomToolbarDropdown } from "./_internal/toolbar-types";
 
 // Define toolbar button types
 type ToolbarNames =
@@ -176,6 +183,7 @@ type ToolbarNames =
   | "link"
   | "image"
   | "table"
+  | "fontSize"
   | "separator";
 
 export interface Props {
@@ -191,6 +199,8 @@ export interface Props {
   currentLanguage?: string;
   maxlength?: number;
   toolbar?: ToolbarNames[];
+  extensions?: any[];
+  customButtons?: CustomToolbarItem[];
 }
 
 export interface Emits {
@@ -231,6 +241,7 @@ const filteredToolbar = computed(() => {
       "link",
       "image",
       "table",
+      "fontSize",
     ] as ToolbarNames[];
   }
   return props.toolbar;
@@ -294,27 +305,38 @@ function detectContentType(content: string): "html" | "markdown" {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const extensions: any[] = [
-  StarterKit,
-  Underline,
-  Table.configure({ resizable: true }),
-  TableRow,
-  TableHeader,
-  TableCell,
-  Link.configure({ openOnClick: false }),
-  Image,
-  Placeholder.configure({ placeholder: props.placeholder }),
-  Markdown.configure({
-    html: true, // Allow HTML input/output
-    tightLists: true, // No <p> inside <li> in markdown output
-    tightListClass: "tight", // Add class to <ul> allowing you to remove <p> margins when tight
-    bulletListMarker: "-", // <li> prefix in markdown output
-    linkify: false, // Create links from "https://..." text
-    breaks: true, // New lines (\n) in markdown input are converted to <br>
-    transformPastedText: false, // Allow to paste markdown text in the editor
-    transformCopiedText: false, // Copied text is transformed to markdown
-  }),
-];
+const extensions = computed(() => {
+  const baseExtensions: any[] = [
+    StarterKit,
+    Underline,
+    TextStyle,
+    FontSize,
+    Table.configure({ resizable: true }),
+    TableRow,
+    TableHeader,
+    TableCell,
+    Link.configure({ openOnClick: false }),
+    Image,
+    Placeholder.configure({ placeholder: props.placeholder }),
+    Markdown.configure({
+      html: true, // Allow HTML input/output
+      tightLists: true, // No <p> inside <li> in markdown output
+      tightListClass: "tight", // Add class to <ul> allowing you to remove <p> margins when tight
+      bulletListMarker: "-", // <li> prefix in markdown output
+      linkify: false, // Create links from "https://..." text
+      breaks: true, // New lines (\n) in markdown input are converted to <br>
+      transformPastedText: false, // Allow to paste markdown text in the editor
+      transformCopiedText: false, // Copied text is transformed to markdown
+    }),
+  ];
+
+  // Add custom extensions if provided
+  if (props.extensions && props.extensions.length > 0) {
+    baseExtensions.push(...props.extensions);
+  }
+
+  return baseExtensions;
+});
 
 const formattedSource = ref(props.modelValue || "");
 
@@ -417,13 +439,13 @@ function toggleSideBySideView() {
 const editor = useEditor({
   content: props.modelValue,
   editable: !props.disabled,
-  extensions,
+  extensions: extensions.value,
   onUpdate: ({ editor: tipTapEditor }) => {
     // Always output in Markdown by default, unless HTML is detected
     const output =
       detectedType.value === "html"
         ? tipTapEditor.getHTML()
-        : (tipTapEditor.storage.markdown as { getMarkdown: () => string }).getMarkdown();
+        : (tipTapEditor.storage as any).markdown?.getMarkdown?.() || tipTapEditor.getHTML();
 
     // Check maxlength if specified
     if (props.maxlength && output.length > props.maxlength) {
@@ -448,10 +470,10 @@ watch(
     const editorContent =
       detectedType.value === "html"
         ? editor.value.getHTML()
-        : (editor.value.storage.markdown as { getMarkdown: () => string }).getMarkdown();
+        : (editor.value.storage as any).markdown?.getMarkdown?.() || editor.value.getHTML();
 
     if (editorContent !== value) {
-      editor.value.commands.setContent(value || "", false);
+      editor.value.commands.setContent(value || "");
     }
   },
 );
@@ -508,6 +530,7 @@ async function handleImageSelection(event: Event) {
     console.error("Image upload failed:", error);
   }
 }
+
 </script>
 
 <style lang="scss">

package/ui/components/molecules/vc-input-dropdown/vc-input-dropdown.vue

@@ -60,6 +60,7 @@
               </template>
             </slot>
             <VcButton
+              v-if="options && options.length"
               :icon="isOpened ? 'material-keyboard_arrow_up' : 'material-keyboard_arrow_down'"
               icon-size="s"
               text

package/ui/components/molecules/vc-slider/vc-slider.vue

@@ -6,15 +6,16 @@
         'vc-slider__swiper_overflow-visible': overflow,
         'vc-slider__swiper_navigation': navigation,
       }"
+      :modules="modules"
       :space-between="spaceBetweenSlides"
-      :navigation="buttonsList as any"
+      :navigation="navigation ? buttonsList : false"
       :slides-per-view="slidesPerView as any"
-      :resize-observer="true"
+      :observer="true"
+      :observe-parents="true"
     >
       <swiper-slide
         v-for="(slide, i) in slides"
         :key="i"
-        :swiper-ref="SwiperCore"
       >
         <slot :slide="slide"></slot>
       </swiper-slide>
@@ -43,10 +44,9 @@
 import { VcIcon } from "./../../";
 import { computed } from "vue";
 import { Swiper, SwiperSlide } from "swiper/vue";
-import SwiperCore, { Navigation } from "swiper";
-import "swiper/swiper-bundle.min.css";
-import "swiper/swiper.min.css";
-import "swiper/components/navigation/navigation.min.css";
+import { Navigation } from "swiper/modules";
+import "swiper/css";
+import "swiper/css/navigation";
 
 export interface Props {
   slides?: Record<string, unknown>[] | unknown[];
@@ -62,7 +62,7 @@ withDefaults(defineProps<Props>(), {
   spaceBetweenSlides: 10,
 });
 
-SwiperCore.use([Navigation]);
+const modules = [Navigation];
 
 const buttonsList = computed(() => ({
   nextEl: ".vc-slider__next",

package/dist/assets/042c75b764bc78a7.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M0 0h512v512H0Z"/><path fill="#333" d="m350 335 24-24 16 16-24 23zm-39 39 24-24 15 16-23 24zm87 8 23-24 16 16-24 24zm-40 39 24-23 16 15-24 24Zm16-63 24-23 15 15-23 24zm-39 40 23-24 16 16-24 23zm63-221-63-63 15-15 64 63zm-63-15-24-24 16-16 23 24zm39 39-24-24 16-15 24 23zm8-87-24-23 16-16 24 24Zm39 40-23-24 15-16 24 24ZM91 358l63 63-16 16-63-63zm63 16 23 24-15 15-24-23zm-40-39 24 23-16 16-23-24zm24-24 63 63-16 16-63-63zm16-220-63 63-16-16 63-63zm23 23-63 63-15-16 63-63zm24 24-63 63-16-16 63-63z"/><path fill="#d80027" d="M319 319 193 193a89 89 0 1 1 126 126z"/><path fill="#0052b4" d="M319 319a89 89 0 1 1-126-126z"/><circle cx="224.5" cy="224.5" r="44.5" fill="#d80027"/><circle cx="287.5" cy="287.5" r="44.5" fill="#0052b4"/></g></svg>

package/dist/assets/0ba156439a339f2a.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#d80027" d="M0 0h133.6l32.7 20.3 34-20.3H512v222.6L491.4 256l20.6 33.4V512H200.3l-31.7-20.4-35 20.4H0V289.4l29.4-33L0 222.7z"/><path fill="#eee" d="M133.6 0v222.6H0v66.8h133.6V512h66.7V289.4H512v-66.8H200.3V0h-66.7z"/></g></svg>

package/dist/assets/0f590f8a94577092.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#496e2d" d="M0 0h512v512H0z"/><g fill="#eee"><path d="M144.7 306c0 18.5 15 33.5 33.4 33.5h100.2a27.8 27.8 0 0 0 27.8 27.8h33.4a27.8 27.8 0 0 0 27.8-27.8V306zm225.4-161.3v78c0 12.2-10 22.2-22.3 22.2v33.4c30.7 0 55.7-25 55.7-55.7v-77.9H370zm-239.3 78c0 12.2-10 22.2-22.3 22.2v33.4c30.7 0 55.7-25 55.7-55.7v-77.9h-33.4z"/><path d="M320 144.7h33.4v78H320zm-50 44.5a5.6 5.6 0 0 1-11.2 0v-44.5h-33.4v44.5a5.6 5.6 0 0 1-11.1 0v-44.5h-33.4v44.5a39 39 0 0 0 39 39 38.7 38.7 0 0 0 22.2-7 38.7 38.7 0 0 0 22.2 7c1.7 0 3.4-.1 5-.3a22.3 22.3 0 0 1-21.6 17v33.4c30.6 0 55.6-25 55.6-55.7v-77.9H270z"/><path d="M180.9 244.9h50v33.4h-50z"/></g></g></svg>

package/dist/assets/0fc5820f8be53a1b.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#d80027" d="m0 178 254.2-22L512 178v22.3l-40.2 54.1 40.2 57.3V334l-254 23.4L0 334v-22.3l36.7-59.4-36.7-52z"/><path fill="#338af3" d="M0 0h512v178H0z"/><path fill="#eee" d="M0 200.3h512v111.4H0z"/><path fill="#6da544" d="M0 334h512v178H0z"/><path fill="#eee" d="M117.2 105.7a50 50 0 0 1 39.3-48.9 50.2 50.2 0 0 0-10.7-1.1 50 50 0 1 0 10.7 99c-22.5-5-39.3-25-39.3-49zm69 22.8 3.3 10.4h11l-9 6.5 3.5 10.4-9-6.4-8.7 6.4 3.4-10.4-9-6.5h11zm35 0 3.4 10.4h11l-9 6.5 3.4 10.4-8.8-6.4-9 6.4 3.5-10.4-9-6.5h11zm35 0 3.4 10.4h11l-9 6.5 3.5 10.4-9-6.4-8.8 6.4 3.4-10.4-9-6.5h11zm35 0 3.4 10.4h11l-9 6.5 3.5 10.4-9-6.4-8.8 6.4 3.4-10.4-9-6.5h11zm35 0 3.4 10.4h11l-9 6.5 3.5 10.4-9-6.4-8.8 6.4 3.4-10.4-8.8-6.5h11zm-105-36.4 3.4 10.4h11l-9 6.5 3.4 10.4-8.8-6.5-9 6.5 3.5-10.4-9-6.5h11zm35 0 3.4 10.4h11l-9 6.5 3.5 10.4-9-6.5-8.8 6.5 3.4-10.4-9-6.5h11zm35 0 3.4 10.4h11l-9 6.5 3.5 10.4-9-6.5-8.8 6.5 3.4-10.4-9-6.5h11zm35 0 3.4 10.4h11l-9 6.5 3.5 10.4-9-6.5-8.8 6.5 3.4-10.4-8.8-6.5h11zm-70-36.4 3.4 10.4h11l-9 6.4 3.6 10.5-9-6.5-8.8 6.5 3.4-10.5-9-6.4h11zm35 0 3.4 10.4h11l-9 6.4 3.6 10.5-9-6.5-8.8 6.5 3.4-10.5-9-6.4h11zm35 0 3.4 10.4h11l-9 6.4 3.6 10.5-9-6.5-8.8 6.5 3.4-10.5-8.8-6.4h11z"/></g></svg>

package/dist/assets/10768e2cc79fc60b.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="M0 0h99l29 32 28-32h356v57l-32 28 32 29v57l-32 28 32 29v57l-32 28 32 28v57l-32 29 32 28v57H0v-57l32-28-32-29v-56l32-29-32-28V171l32-29-32-28Z"/><path fill="#eee" d="M99 0v114H0v57h99v114H0v57h512v-57H156V171h100v-57H156V0Zm157 57v57h256V57Zm0 114v57h256v-57ZM0 398v57h512v-57z"/></g></svg>

package/dist/assets/157b8721e0600ea8.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#ffda44" d="M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z"/><path fill="#0052b4" d="M0 0h167v512H0z"/><path fill="#d80027" d="M345 0h167v512H345z"/></g></svg>

package/dist/assets/15e91cdd649cde9a.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#ff9811" d="M81.4 27.2h135.2v456.5H81.4z"/><path fill="#6da544" d="m0 44.5 100.2-22v463L0 467.5z"/><path fill="#a2001d" d="m218.6 26.5 293.4 18v93.2l-18.6 106.2 18.6 97.4v126.2l-293.4 18z"/><path fill="#ffda44" d="M0 0v44.5h200.3v423H0V512h512v-44.5H233.7v-423H512V0z"/><path fill="#ffda44" d="M300.5 94.6c-18.4 0-33.4 15-33.4 33.4v144.6a33 33 0 0 0 11.2 25v53h22.2v-27.8h100.2v44.5h-22.3v22.3H423V345l20.4-22.2h48.2a72.9 72.9 0 0 0 20.4 18.5V137.7a66 66 0 0 0-22.5 13.1 67.8 67.8 0 0 0-13.2 82.9c-21.3-.1-41 .2-53.3 0V167c0-11.2-16.7-22.3-16.7-22.3s-16.7 11.1-16.7 22.3h-66.8v66.7h33.4v33.4c0 7.1 1.4 14.1 4.1 20.7L345 300.6h-44.5v-206z"/></g></svg>

package/dist/assets/1de63eb118636cce.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M0 0h133.6l50.2 252.5L133.6 512H0z"/><path fill="#496e2d" d="M133.6 0H512v512H133.6z"/><path fill="#eee" d="M365.5 298.3A72.3 72.3 0 1 1 313.7 168a89 89 0 1 0 74.6 103.2 72 72 0 0 1-22.8 27.2zM364 167l18.2 19.6 24.3-11.3-13 23.5 18.2 19.6-26.3-5.1-13 23.4-3.3-26.7-26.1-5 24.4-11.3z"/></g></svg>

package/dist/assets/1ea01de36eb5491b.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#496e2d" d="M0 0h512v512H0z"/><circle cx="200.3" cy="256" r="111.3" fill="#d80027"/></g></svg>

package/dist/assets/204eaf512fde2023.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#ffda44" d="m0 345 256.7-25.5L512 345v167H0z"/><path fill="#d80027" d="m0 167 255-23 257 23v178H0z"/><path fill="#333" d="M0 0h512v167H0z"/></g></svg>

package/dist/assets/2088983edf42e153.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#d80027" d="M0 0h512v512H0z"/><g fill="#eee"><path d="m350 182 33 46 54-18-33 46 33 46-54-18-33 46v-57l-54-17 54-18v-56Z"/><path d="M260 370a114 114 0 1 1 54-215 141 141 0 1 0 0 202c-17 9-35 13-54 13Z"/></g></g></svg>

package/dist/assets/208f810a9321a327.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M0 0h512v512H0z"/><circle cx="253" cy="380" r="32" fill="#acabb1"/><path fill="#acabb1" d="M322.4 135.5c-15.6-13.6-37.4-20.3-65.5-20.3-27.9 0-49.9 7.2-66 21.4a74.9 74.9 0 0 0-24.3 55.4h-.2v12.8H224l.1-9a35.2 35.2 0 0 1 9.3-24.8c5.8-6.1 13.7-9 23.5-9 20.7 0 31 11 31 33.4 0 7.4-2 14.5-6 21.1a124.2 124.2 0 0 1-23.9 26 90.4 90.4 0 0 0-24.8 32.3c-4.5 11-6.8 26.7-6.8 45.2h51l.8-13.1a54 54 0 0 1 17.3-33.9l16.2-15.2a131.4 131.4 0 0 0 26.4-33.2 69.5 69.5 0 0 0 7.6-31.8c-.1-24.7-7.8-43.7-23.3-57.3z"/></g></svg>

package/dist/assets/21220a9d10e6c558.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M0 0h512v512H0z"/><circle cx="256" cy="256" r="111.3" fill="#d80027"/></g></svg>

package/dist/assets/225da11d23968333.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#ffda44" d="M399 0 167 167 0 399v45l68 68h45l232-167 167-232V68L444 0Z"/><path fill="#333" d="M444 0 0 444v68h68L512 68V0Z"/><path fill="#338af3" d="m113 512 399-399v399z"/><path fill="#6da544" d="M0 399V0h399Z"/></g></svg>

package/dist/assets/259e6ad461a52ad7.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="M0 0h133.6l35.3 16.7L200.3 0H512v222.6l-22.6 31.7 22.6 35.1V512H200.3l-32-19.8-34.7 19.8H0V289.4l22.1-33.3L0 222.6z"/><path fill="#ffda44" d="M133.6 0v222.6H0v66.8h133.6V512h66.7V289.4H512v-66.8H200.3V0z"/></g></svg>

package/dist/assets/262f46a0b6d94bb6.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="M0 0h512v133.7l-39 121.6 39 123.2V512H0V378.5L34.2 255 0 133.7z"/><path fill="#d80027" d="M0 133.7h512v244.8H0z"/><path fill="#eee" d="M345 306.1v-33.3h-22.2v-44.5L300.5 206l-22.2 22.3v-44.5L256 161.5l-22.3 22.3v44.5L211.5 206l-22.3 22.3v44.5H167v33.4h-22.3v33.4h222.6v-33.5z"/></g></svg>

package/dist/assets/2857c513073467da.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#333" d="m0 167 254.6-36.6L512 166.9v178l-254.6 36.4L0 344.9z"/><path fill="#0052b4" d="M0 0h512v166.9H0z"/><path fill="#eee" d="M0 344.9h512V512H0z"/></g></svg>

package/dist/assets/2d4e6190eec72737.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#d80027" d="M0 0h512v512H0z"/><path fill="#ffda44" d="m140.1 155.8 22.1 68h71.5l-57.8 42.1 22.1 68-57.9-42-57.9 42 22.2-68-57.9-42.1H118zm163.4 240.7-16.9-20.8-25 9.7 14.5-22.5-16.9-20.9 25.9 6.9 14.6-22.5 1.4 26.8 26 6.9-25.1 9.6zm33.6-61 8-25.6-21.9-15.5 26.8-.4 7.9-25.6 8.7 25.4 26.8-.3-21.5 16 8.6 25.4-21.9-15.5zm45.3-147.6L370.6 212l19.2 18.7-26.5-3.8-11.8 24-4.6-26.4-26.6-3.8 23.8-12.5-4.6-26.5 19.2 18.7zm-78.2-73-2 26.7 24.9 10.1-26.1 6.4-1.9 26.8-14.1-22.8-26.1 6.4 17.3-20.5-14.2-22.7 24.9 10.1z"/></g></svg>

package/dist/assets/34ff7dd0c2285956.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="M0 0h100.2l66.1 53.5L233.7 0H512v189.3L466.3 257l45.7 65.8V512H233.7l-68-50.7-65.5 50.7H0V322.8l51.4-68.5-51.4-65z"/><path fill="#eee" d="M100.2 0v189.3H0v33.4l24.6 33L0 289.5v33.4h100.2V512h33.4l30.6-26.3 36.1 26.3h33.4V322.8H512v-33.4l-24.6-33.7 24.6-33v-33.4H233.7V0h-33.4l-33.8 25.3L133.6 0z"/><path fill="#d80027" d="M133.6 0v222.7H0v66.7h133.6V512h66.7V289.4H512v-66.7H200.3V0z"/></g></svg>

package/dist/assets/41275bcb979cb650.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="M0 0h512v256l-265 45.2z"/><path fill="#d80027" d="M210 256h302v256H0z"/><path fill="#eee" d="M0 0v512l256-256z"/><path fill="#ffda44" d="M175.3 256 144 241.3l16.7-30.3-34 6.5-4.3-34.3-23.6 25.2L75 183.2l-4.3 34.3-34-6.5 16.7 30.3L22.3 256l31.2 14.7L37 301l34-6.5 4.2 34.3 23.7-25.2 23.6 25.2 4.3-34.3 34 6.5-16.7-30.3zm-107-155.8 10.4 14.5 17-5.4-10.6 14.4 10.4 14.5-17-5.6L68 147l.2-17.9-17-5.6 17-5.4zm0 264.8 10.4 14.6 17-5.4-10.6 14.3 10.4 14.6-17-5.7L68 411.8l.2-17.9-17-5.6 17-5.4zm148.4-132.4L206.3 247l-17-5.4 10.5 14.4-10.4 14.6 17-5.7 10.6 14.4-.1-17.9 17-5.6-17.1-5.4z"/></g></svg>

package/dist/assets/4d7a77b0e5373992.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z"/><path fill="#d80027" d="M0 0h512v167H0z"/><path fill="#6da544" d="M0 345h512v167H0z"/></g></svg>

package/dist/assets/4e43c74354534fb3.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="m0 166.9 253-26.7L512 167v178l-261.1 26L0 344.8z"/><path fill="#d80027" d="M0 0h512v166.9H0z"/><path fill="#ff9811" d="M0 344.9h512V512H0z"/></g></svg>

package/dist/assets/4fe75f5117100705.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#a2001d" d="M0 0h512v189.2l-38.5 70 38.5 63.6V512H0V322.8l39.4-63L0 189.1z"/><path fill="#eee" d="M0 189.2h512v133.6H0z"/></g></svg>

package/dist/assets/572bb1bb4156a9c1.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M228.4 0H512v512h-27.4L159.4 258.5z"/><path fill="#0052b4" d="M510.5 283.8 228.5 0h-39.3l-70.9 253.8L445.2 512h39.4L256.4 283.8h254z"/><path fill="#d80027" d="M445.2 256 189.2 0H0v512h445.2l-256-256z"/><path fill="#eee" d="m243.5 378-31.3-14.7L229 333l-34 6.5-4.3-34.3-23.6 25.2-23.7-25.2-4.3 34.3-34-6.5 16.7 30.3L90.4 378l31.3 14.7-16.6 30.3 34-6.5 4.2 34.3 23.7-25.2 23.6 25.2 4.3-34.3 34 6.5-16.7-30.3zM149.8 89l-3.2 25-24.7-4.7 12.1 22-22.7 10.7h-11.1a66.8 66.8 0 0 0 133.5 0h-11.1L200 131.3l12-22-24.6 4.7-3.1-25-17.2 18.4z"/></g></svg>

package/dist/assets/67230f05dc94a265.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z"/><path fill="#d80027" d="M0 0h512v167H0z"/><path fill="#0052b4" d="M0 345h512v167H0z"/><path fill="#338af3" d="M322.8 178h-44.5l7.4-55.7 29.7-22.2 29.6 22.2V167zm-133.6 0h44.5l-7.4-55.7-29.7-22.2-29.6 22.2V167z"/><path fill="#0052b4" d="M285.7 178h-59.4v-55.7l29.7-22.2 29.7 22.2z"/><path fill="#eee" d="M167 167v122.3a89 89 0 0 0 35.8 71.3l15.5-3.9 19.7 19.8a89.1 89.1 0 0 0 18 1.8 89 89 0 0 0 17.9-1.8l22.4-18.7 13 2.8a89 89 0 0 0 35.7-71.3V167z"/><path fill="#d80027" d="M167 167h35.6v35.5H167zm71.2 0h35.6v35.5h-35.6zm71.2 0H345v35.5h-35.6zm-106.8 35.5h35.6v35.6h-35.6zm71.2 0h35.6v35.6h-35.6zM167 238.1h35.6v35.6H167zm35.6 35.6h35.6v35.6h-35.6zm35.6-35.6h35.6v35.6h-35.6zm71.2 0H345v35.6h-35.6zm-35.6 35.6h35.6v35.6h-35.6zm-35.6 35.6h35.6V345h-35.6zm-35.6 0h-33.3c3 13.3 9 25.4 17.3 35.6h16zM309.4 345h16a88.8 88.8 0 0 0 17.3-35.6h-33.3zm-106.8 0v15.6a88.7 88.7 0 0 0 35.6 16V345zm71.2 0v31.6a88.7 88.7 0 0 0 35.6-16V345z"/></g></svg>

package/dist/assets/6798e4dd4add9b48.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M0 0h155.8l35 254.6-35 257.4H0z"/><path fill="#a2001d" d="M155.8 0H512v345.1l-183 37.4-173.2-37.4z"/><path fill="#6da544" d="M155.8 345.1H512V512H155.8z"/><path fill="#a2001d" d="M50 .2 22.3 50l27.8 50.4L77.9 50zm55.8 0L78 50l27.7 50.4 28-50.4zM50 137.5l-27.7 49.6 27.8 50.5 27.7-50.5zm55.8 0L78 187.1l27.7 50.5 28-50.5zM50 274.7l-27.7 49.7 27.8 50.4 27.8-50.4zm55.8 0L78 324.4l27.7 50.4 28-50.4zM50 412l-27.7 49.6 27.8 50.5 27.7-50.5zm55.8 0L78 461.6l27.7 50.5 28-50.5z"/></g></svg>

package/dist/assets/6a3e73faf406cf33.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z"/><path fill="#0052b4" d="M0 0h167v512H0z"/><path fill="#d80027" d="M345 0h167v512H345z"/></g></svg>

package/dist/assets/72de3a63bc0b70dd.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="m0 0 192 256L0 512h47l465-189v-34l-32-33 32-33v-34L47 0Z"/><path fill="#333" d="M0 142v228l140-114z"/><path fill="#ffda44" d="M192 256 0 95v47l114 114L0 370v47z"/><path fill="#6da544" d="M512 223H223L0 0v94l161 162L0 418v94l223-223h289z"/><path fill="#d80027" d="M512 0H47l189 189h276z"/><path fill="#0052b4" d="M512 512H47l189-189h276z"/></g></svg>

package/dist/assets/74ed5f8a78e71106.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#ffda44" d="M0 0h445.3l33.9 255-33.9 257-323.7-134.3L0 66.8z"/><path fill="#0052b4" d="M0 66.8V512h445.4z"/><path fill="#0052b4" d="M445.3 0H512v512h-66.7z"/><path fill="#eee" d="m354.6 456-8.3 25.6h-26.8l21.7 15.8-8.3 25.5 21.7-15.8 21.7 15.8-8.3-25.5 21.7-15.8h-26.8zm-55-55.4-8.3 25.5h-26.8l21.7 15.8-8.3 25.5 21.7-15.8 21.7 15.8-8.3-25.5 21.7-15.8h-26.8zM244.4 345l-8.3 25.5h-26.8l21.7 15.8-8.3 25.5 21.7-15.8 21.7 15.8-8.3-25.5 21.7-15.8h-26.8zm-55.1-55.7-8.3 25.5h-26.8l21.7 15.8-8.3 25.5 21.7-15.8L211 356l-8.3-25.5 21.7-15.8h-26.8zm-55.4-55.7-8.3 25.5H98.8l21.7 15.8-8.3 25.5 21.7-15.8 21.7 15.8-8.3-25.5L169 259h-26.8zM78.7 178l-8.3 25.5H43.6l21.7 15.8-8.3 25.5L78.7 229l21.7 15.8-8.3-25.5 21.7-15.8H87zm-55.2-55.7-8.3 25.5h-26.8l21.7 15.8L1.8 189l21.7-15.8L45.2 189l-8.3-25.5 21.7-15.8H31.8z"/></g></svg>

package/dist/assets/7d55399c2a7bc985.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z"/><path fill="#eee" d="M0 0h512v167H0z"/><path fill="#d80027" d="M0 345h512v167H0z"/><path fill="#0052b4" d="M222.7 167v-66.8H89V167l67 82.6z"/><path fill="#eee" d="M89 167v22.2c0 51.1 66.8 66.8 66.8 66.8s66.8-15.7 66.8-66.8V167l-22.3 22.2-44.5-33.4-44.5 33.4z"/></g></svg>