\n Choose categories...\n
\n\n Choose categories...\n
\n{{ props.options.text || '--empty--' }}
\n\n\n\n","import AnnouncementBlock from \"@/components/AnnouncementBlock.vue\";\nimport CategoryList from \"@/components/CategoryList.vue\";\nimport ProductBanner from \"@/components/ProductBanner.vue\";\nimport TextBuilderVue from \"@virgodev/web-builder/components/TextBuilder.vue\";\nimport TextViewVue from \"@virgodev/web-builder/components/TextView.vue\";\n\nexport const manifest: ManifestIndex = {\n announce: {\n view: AnnouncementBlock,\n form: [\n { name: \"title\", label: \"Title\", type: \"text\" },\n { name: \"short\", label: \"Short Content\", type: \"textarea\" },\n { name: \"prompt\", label: \"Button Text\", type: \"text\" },\n { name: \"link\", label: \"Link\", type: \"text\" },\n\n {\n name: \"align\",\n label: \"Content Alignment\",\n options: [\n { name: \"left\", value: \"left\" },\n { name: \"right\", value: \"right\" },\n { name: \"center\", value: \"center\" },\n ],\n },\n {\n name: \"mobile_align\",\n label: \"Mobile Alignment\",\n options: [\n { name: \"left\", value: \"left\" },\n { name: \"right\", value: \"right\" },\n { name: \"center\", value: \"center\" },\n { name: \"below\", value: \"below\" },\n ],\n },\n {\n name: \"size\",\n label: \"Component Size\",\n options: [\n { name: \"XL\", value: \"xl\" },\n { name: \"Large\", value: \"large\" },\n { name: \"Normal\", value: \"normal\" },\n ],\n },\n {\n name: \"show_text_mobile\",\n label: \"Show text on mobile\",\n type: \"checkbox\",\n },\n {\n name: \"short_text_width\",\n label: \"Short Text Width\",\n type: \"number\",\n },\n\n {\n name: \"background\",\n group: \"Background\",\n label: \"Background Image\",\n type: \"image\",\n },\n {\n name: \"background_mobile\",\n group: \"Background\",\n label: \"Mobile Background Image\",\n type: \"image\",\n },\n {\n name: \"bg\",\n group: \"Background\",\n label: \"Background\",\n type: \"color\",\n default: \"ffffff\",\n },\n {\n name: \"bg_alignment\",\n group: \"Background\",\n label: \"Background Alignment\",\n type: \"range\",\n min: 0,\n max: 1,\n step: 0.01,\n },\n {\n name: \"bg_justify\",\n group: \"Background\",\n label: \"Background Justification\",\n type: \"range\",\n min: 0,\n max: 1,\n step: 0.01,\n },\n\n {\n name: \"use_content_bg\",\n group: \"Content Background\",\n label: \"Use Content Background?\",\n type: \"checkbox\",\n },\n {\n name: \"content_bg\",\n group: \"Content Background\",\n label: \"Content Background\",\n type: \"color\",\n default: \"000000\",\n },\n {\n name: \"content_mobile_bg\",\n group: \"Content Background\",\n label: \"Content Mobile Background\",\n type: \"color\",\n },\n {\n name: \"content_bg_opacity\",\n group: \"Content Background\",\n label: \"Content Background Opacity\",\n type: \"range\",\n min: 0,\n max: 1,\n step: 0.01,\n },\n {\n name: \"content_fg\",\n group: \"Content Background\",\n label: \"Content Text\",\n type: \"color\",\n default: \"000000\",\n },\n {\n name: \"content_mobile_fg\",\n group: \"Content Background\",\n label: \"Content Mobile Text\",\n type: \"color\",\n default: \"000000\",\n },\n {\n name: \"content_button_style\",\n group: \"Content Background\",\n label: \"Content Button Style\",\n options: [\n { name: \"normal\", value: \"normal\" },\n { name: \"white\", value: \"white\" },\n ],\n },\n {\n name: \"content_mobile_button_style\",\n group: \"Content Background\",\n label: \"Content Mobile Button Style\",\n options: [\n { name: \"normal\", value: \"normal\" },\n { name: \"white\", value: \"white\" },\n ],\n },\n ],\n defaults: {\n bg_alignment: 0.5,\n bg_justify: 0.5,\n bg_opacity: 0.2,\n content_bg_opacity: 0.8,\n short_text_width: 188,\n bg: \"FFC0CB\",\n use_content_bg: true,\n content_bg: \"222222\",\n content_fg: \"eeeeee\",\n align: \"right\",\n mobile_align: \"center\",\n prompt: \"Learn more\",\n size: \"normal\",\n },\n },\n \"category-list\": {\n view: CategoryList,\n form: [\n { name: \"title\", label: \"Title\" },\n { name: \"bg\", label: \"Background\", type: \"color\" },\n {\n name: \"categories\",\n type: \"inline\",\n fields: [\n { name: \"category\", label: \"Category\", type: \"category\" },\n { name: \"image\", label: \"Image\", type: \"image\" },\n ],\n },\n ],\n defaults: {\n categories: [],\n },\n },\n \"product-banner\": {\n view: ProductBanner,\n form: [\n { name: \"title\", label: \"Title\" },\n { name: \"bg\", label: \"Background\", type: \"color\" },\n {\n name: \"show\",\n label: \"Show\",\n options: [{ name: \"Oldest\", value: \"oldest\" }],\n },\n {\n name: \"categories\",\n type: \"inline\",\n fields: [\n { name: \"category\", label: \"Category\", type: \"category\" },\n { name: \"image\", label: \"Image\", type: \"image\" },\n ],\n },\n ],\n defaults: {\n show: \"oldest\",\n categories: [],\n },\n },\n text: {\n view: TextViewVue,\n build: TextBuilderVue,\n },\n};\n","import BaseStyle from 'primevue/base/style';\n\nvar classes = {\n root: 'p-toolbar p-component',\n start: 'p-toolbar-group-start p-toolbar-group-left',\n center: 'p-toolbar-group-center',\n end: 'p-toolbar-group-end p-toolbar-group-right'\n};\nvar ToolbarStyle = BaseStyle.extend({\n name: 'toolbar',\n classes: classes\n});\n\nexport { ToolbarStyle as default };\n","import BaseComponent from 'primevue/basecomponent';\nimport ToolbarStyle from 'primevue/toolbar/style';\nimport { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot } from 'vue';\n\nvar script$1 = {\n name: 'BaseToolbar',\n \"extends\": BaseComponent,\n props: {\n ariaLabelledby: {\n type: String,\n \"default\": null\n }\n },\n style: ToolbarStyle,\n provide: function provide() {\n return {\n $parentInstance: this\n };\n }\n};\n\nvar script = {\n name: 'Toolbar',\n \"extends\": script$1,\n inheritAttrs: false\n};\n\nvar _hoisted_1 = [\"aria-labelledby\"];\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n return openBlock(), createElementBlock(\"div\", mergeProps({\n \"class\": _ctx.cx('root'),\n role: \"toolbar\",\n \"aria-labelledby\": _ctx.ariaLabelledby\n }, _ctx.ptmi('root')), [createElementVNode(\"div\", mergeProps({\n \"class\": _ctx.cx('start')\n }, _ctx.ptm('start')), [renderSlot(_ctx.$slots, \"start\")], 16), createElementVNode(\"div\", mergeProps({\n \"class\": _ctx.cx('center')\n }, _ctx.ptm('center')), [renderSlot(_ctx.$slots, \"center\")], 16), createElementVNode(\"div\", mergeProps({\n \"class\": _ctx.cx('end')\n }, _ctx.ptm('end')), [renderSlot(_ctx.$slots, \"end\")], 16)], 16, _hoisted_1);\n}\n\nscript.render = render;\n\nexport { script as default };\n","/**!\n * Sortable 1.15.2\n * @author\tRubaXa