@useinsider/guido 1.0.0-beta.dbd0bad → 1.0.0-beta.df613dd

package/dist/static/editor.css.js

@@ -0,0 +1,232 @@
+const n = `:host {
+    --guido-color-white: #FFFFFF;
+    --guido-color-primary-500: #0A2ECC;
+    --guido-color-primary-100: #DAE1FB;
+    --guido-color-gray-800: #292929;
+    --guido-color-gray-300: #E1E1E1;
+}
+
+.label {
+    font-size: 13px;
+    color: var(--guido-color-gray-800);
+}
+
+.stacked-panel-title {
+    padding: 16px;
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--guido-color-gray-800);
+    text-align: left;
+}
+
+.stacked-panel-item {
+    border-radius: 4px;
+    border: 1px solid #dcdfe6;
+    box-shadow: 0 0 0 0 var(--guido-color-gray-300),0 15px 35px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1);
+}
+
+.container {
+    padding: 16px;
+}
+
+.container.parent-container>.container {
+    padding: 0 16px;
+}
+
+/** SEGMENT BUTTON */
+ue-switcher input {
+    border-radius: 26px;
+} 
+
+ue-switcher input:before {
+    border-radius: 22px;
+}
+
+.tabs-header {
+    padding: 0;
+    column-gap: 0;
+    background-color: transparent;
+}
+
+.tabs-header button {
+    background-color: #f7f9fa;
+    outline: none;
+    padding: 8px 16px;
+    border: 1px solid #dcdee6;
+    height: 42px;
+}
+
+.tabs-header button ue-icon-component.icon-button {
+    color: var(--guido-color-gray-800);
+}
+
+.tabs-header button:not(:last-child),
+.tabs-header button:not(:first-child) {
+    border-radius: 0;
+}
+
+.tabs-header button:first-child {
+    border-radius: 4px 0 0 4px;
+}
+
+.tabs-header button:last-child {
+    border-radius: 0 4px 4px 0;
+}
+
+.tabs-header button.checked {
+    background-color: var(--guido-color-primary-100);
+    color: var(--guido-color-primary-500);
+    border-color: var(--guido-color-primary-500);
+}
+
+.tabs-header button.checked ue-icon-component.icon-button {
+    color: var(--guido-color-primary-500);
+}
+/** SEGMENT BUTTON */
+
+/** BUTTON */
+.button:not(:disabled,.disabled):active {
+    transform: none !important;
+}
+/** BUTTON */
+
+/** BUTTON GROUP */
+.button-group {
+    padding: 0;
+    column-gap: 0;
+    border-radius: 0;
+    background-color: transparent;
+}
+
+.button-group .button {
+    background-color: #f7f9fa;
+    outline: none;
+    padding: 8px 12px;
+    border: 1px solid #dcdee6;
+    box-shadow: none;
+    height: 42px;
+}
+
+.button-group .button ue-icon-component.icon-button {
+    color: var(--guido-color-gray-800);
+}
+
+.button-group > div:first-of-type .button {
+    border-radius: 4px 0 0 4px;
+}
+
+.button-group > *:last-child .button {
+    border-radius: 0 4px 4px 0;
+}
+
+ue-check-buttons input:checked + .button,
+ue-radio-buttons input:checked + .button {
+    background-color: var(--guido-color-primary-100);
+    color: var(--guido-color-primary-500);
+    border-color: var(--guido-color-primary-500);
+}
+
+ue-check-buttons input:checked + .button ue-icon-component.icon-button,
+ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
+    color: var(--guido-color-primary-500);
+}
+/** BUTTON GROUP */
+
+/** COMBOBOX */
+.control-shadow-wrapper:has(.button[role="combobox"]) {
+    border-radius: 0;
+    padding: 0;
+    background: transparent;
+}
+
+.button[role="combobox"] {
+    background-color: #f9f9f9;
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+    box-shadow: none;
+    min-height: 42px;
+    padding: 8px;
+    color: var(--guido-color-gray-800);
+    text-align: left;
+    outline: none;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.button[role="combobox"].on {
+    background-color: #f9f9f9;
+    border-color: var(--guido-color-primary-500);
+    box-shadow: 0 0 0 3px #b5c1f1 !important;
+}
+/** COMBOBOX */
+
+/** BASE INPUT */
+.base-input {
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+    background-color: #f9f9f9;
+    align-items: center;
+    height: 40px;
+    max-height: 40px;
+    box-sizing: content-box;
+    outline: none;
+    resize: vertical;
+    padding: 8px;
+    transition: none !important;
+    color: var(--guido-color-gray-800);
+    box-shadow: none !important;
+    box-sizing: border-box !important;
+}
+
+.base-input:hover:not(:disabled) {
+    background-color: #f9f9f9;
+    border-color: #7a92f2;
+}
+
+.base-input:focus:not(:disabled) {
+    background-color: #f9f9f9;
+    border-color: #0a2ecc;
+    box-shadow: 0 0 0 3px #b5c1f1 !important;
+}
+/** BASE INPUT */
+
+/** COUNTER */
+ue-counter {
+    padding: 0 !important;
+    background-color: var(--guido-color-white) !important;
+    border: 1px solid var(--guido-color-gray-300);
+}
+
+ue-counter .button {
+    width: 40px;
+    height: 40px;
+    box-shadow: none;
+}
+
+ue-counter .button .icon-button {
+    color: var(--guido-color-primary-500);
+}
+
+ue-counter ue-button:first-child .button {
+    border-right: 1px solid var(--guido-color-gray-300);
+}
+
+ue-counter ue-button:last-child .button {
+    border-left: 1px solid var(--guido-color-gray-300);
+}
+/** COUNTER */
+
+/** COLOR */
+ue-color {
+    width: 80px;
+}
+
+ue-color .base-input {
+    width: 100%;
+}
+/** COLOR */
+`;
+export {
+  n as default
+};

package/dist/stores/editor.d.ts

@@ -1,6 +1,5 @@
 export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     isCodeEditorOpen: boolean;
     isVersionHistoryOpen: boolean;
-    isPreviewModeOpen: boolean;
     editorVisualMode: string;
 }, {}, {}>;

package/dist/stores/editor.js

@@ -1,12 +1,11 @@
 import { defineStore as e } from "pinia";
-const i = e("editor", {
+const t = e("editor", {
   state: () => ({
     isCodeEditorOpen: !1,
     isVersionHistoryOpen: !1,
-    isPreviewModeOpen: !1,
     editorVisualMode: "desktop"
   })
 });
 export {
-  i as useEditorStore
+  t as useEditorStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.dbd0bad",
+  "version": "1.0.0-beta.df613dd",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -10,9 +10,9 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/library.js",
-      "types": "./dist/components/Guido.vue.d.ts",
-      "require": "./dist/components/Guido.vue.js"
+        "import": "./dist/library.js",
+        "types": "./dist/components/Guido.vue.d.ts",
+        "require": "./dist/components/Guido.vue.js"
     },
     "./style": "./dist/guido.css"
   },
@@ -21,6 +21,7 @@
     "start": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
     "preview": "vite preview",
+    "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json"
@@ -29,7 +30,6 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "^1.0.6",
     "@useinsider/design-system-vue": "0.14.8",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
@@ -42,7 +42,6 @@
     "@cspell/eslint-plugin": "8.17.5",
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
-    "@playwright/test": "^1.54.2",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",

package/dist/_virtual/AddCustomFont.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/AiAssistantValueType.js

@@ -1,4 +0,0 @@
-var s = {};
-export {
-  s as __exports
-};

package/dist/_virtual/BackgroundColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BackgroundImageBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/Block.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockAttributes.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/BlockCompositionType.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockPaddingsBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockRenderer.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/BlockType.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/BlocksPanel.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/BuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BuiltInControlTypes.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonBorderBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonFontColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/ButtonTextBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/ContextAction.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/ContextActionType.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/Control.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/EditorStatePropertyType.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/Extension.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/ExtensionBuilder.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/FontFamilyBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/LinkColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ModificationDescription.js

@@ -1,4 +0,0 @@
-var i = {};
-export {
-  i as __exports
-};

package/dist/_virtual/PanelPosition.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/PreviewDeviceMode.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/SettingsPanelRegistry.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/SettingsPanelTab.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/SettingsTab.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/StructureBorderBuiltInControl.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/StructurePaddingsBuiltInControl.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/TextColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/TextLineSpacingBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/TextSizeBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/TextStyleBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/UIElement.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/UIElementTagRegistry.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/UIElementType.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/UIElementsAttributes.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/index.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/@stripoinc/ui-editor-extensions/dist/index.js";
-var i = r();
-export {
-  i as d
-};

package/dist/_virtual/index2.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/components/organisms/header/version-history/RestoreButton.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/header/version-history/RestoreButton.vue.js

@@ -1,19 +0,0 @@
-import n from "./RestoreButton.vue2.js";
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
-  var e = this, r = e._self._c, t = e._self._setupProxy;
-  return r(t.InButtonV2, { attrs: { id: "guido__restore-button", "label-text": "Restore", type: "subtle-primary" }, on: { click: function(a) {
-    return t.restoreVersion(t.versionHistoryStore.currentPatch.id);
-  } } });
-}, _ = [], i = /* @__PURE__ */ o(
-  n,
-  s,
-  _,
-  !1,
-  null,
-  null
-);
-const f = i.exports;
-export {
-  f as default
-};

package/dist/components/organisms/header/version-history/RestoreButton.vue2.js

@@ -1,14 +0,0 @@
-import { defineComponent as t } from "vue";
-import { useVersionHistoryApi as e } from "../../../../composables/useVersionHistoryApi.js";
-import { useVersionHistoryStore as s } from "../../../../stores/version-history.js";
-import { InButtonV2 as n } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ t({
-  __name: "RestoreButton",
-  setup(i) {
-    const { restoreVersion: o } = e(), r = s();
-    return { __sfc: !0, restoreVersion: o, versionHistoryStore: r, InButtonV2: n };
-  }
-});
-export {
-  _ as default
-};

package/dist/composables/useHtmlCompiler.d.ts

@@ -1,4 +0,0 @@
-import type { CompilationResult } from '@@/Types/html-compiler';
-export declare const useHtmlCompiler: () => {
-    compileHtml: (html: string) => CompilationResult;
-};

package/dist/composables/useHtmlCompiler.js

@@ -1,16 +0,0 @@
-import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
-import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
-const a = () => {
-  const e = typeof window < "u" ? window.GuidoConfig : void 0, l = (e == null ? void 0 : e.htmlCompilerRules) || [], t = [
-    ...!!(e != null && e.ignoreDefaultHtmlCompilerRules) ? [] : r,
-    ...l.map((o, m) => ({
-      ...o,
-      priority: o.priority + 1e3 + m
-      // Ensure additional rules run after default rules
-    }))
-  ], i = p(t);
-  return { compileHtml: (o) => i.compile(o) };
-};
-export {
-  a as useHtmlCompiler
-};

package/dist/config/compiler/htmlCompilerRules.d.ts

@@ -1,2 +0,0 @@
-import type { CompilerRule } from '@@/Types/html-compiler';
-export declare const defaultHtmlCompilerRules: CompilerRule[];