@useinsider/guido 1.4.4 → 2.0.0-beta.087a24f

package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js

@@ -0,0 +1,172 @@
+import { ModificationDescription as _ } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { DefaultConfigValues as e, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
+function d() {
+  return String(Date.now() + Math.floor(Math.random() * 1e3));
+}
+function f() {
+  return {
+    initialized: !0,
+    blockInstanceId: d(),
+    source: n.ITEMS_TYPE.CART_ITEMS,
+    type: n.ITEMS_TYPE.CART_ITEMS,
+    itemsSelectValue: e.cartItemsSelectControlValue,
+    orientation: n.ORIENTATION.VERTICAL,
+    nameTrimming: e.productNameTrimmingControlValue === "1",
+    nameControlEnabled: e.productNameControlEnabled === "1",
+    priceHideDiscount: e.productPriceHideDiscountControlValue === "1",
+    priceFormatted: e.productPriceFormattedControlValue === "1",
+    priceCurrencySymbol: e.productPriceCurrencySymbolControlValue,
+    priceCurrencyLocation: e.productPriceCurrencyLocationControlValue,
+    priceControlOpened: e.productPriceControlOpened === "1",
+    priceOrientation: "horizontal",
+    quantityControlEnabled: e.productQuantityControlEnabled === "1",
+    buttonLink: e.productButtonLinkControlValue,
+    imageLink: e.productImageLinkControlValue,
+    buttonLabel: "Buy",
+    imageVisible: e.productImageVisible === "1",
+    nameVisible: e.productNameVisible === "1",
+    quantityVisible: e.productQuantityVisible === "1",
+    priceVisible: e.productPriceVisible === "1",
+    originalPriceVisible: e.productOriginalPriceVisible === "1",
+    buttonVisible: e.productButtonVisible === "1"
+  };
+}
+function s(r) {
+  if (!r)
+    return null;
+  const t = r.closest(".items-block-v2");
+  return t || r.closest(".esd-cart-items-block");
+}
+function m(r) {
+  return r ? {
+    CartItems: n.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: n.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: n.ITEMS_TYPE.PURCHASED_ITEMS,
+    // Also handle already correct formats
+    CART_ITEMS: n.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: n.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
+  }[r] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
+}
+function C(r, t) {
+  if (!r)
+    return e.cartItemsSelectControlValue;
+  if (r.includes("{{"))
+    return r;
+  if (/^\d+$/.test(r)) {
+    const i = parseInt(r) - 1, o = g[t];
+    if (o && o[i])
+      return o[i].value;
+  }
+  return e.cartItemsSelectControlValue;
+}
+function I(r) {
+  const t = r.querySelector("esd-config-block");
+  if (!t)
+    return null;
+  const i = (c, a) => c == null ? a : c === "1" || c === "true", o = (c, a) => c || a, l = t.getAttribute("data-type"), u = m(l), p = t.getAttribute("data-cart_items_select_control_value"), b = C(p, u);
+  return {
+    initialized: i(t.getAttribute("data-initialized"), !1),
+    blockInstanceId: o(
+      t.getAttribute("data-block-instance-id"),
+      d()
+    ),
+    source: u,
+    type: u,
+    itemsSelectValue: b,
+    orientation: t.getAttribute("data-card_orientation_control_value") || n.ORIENTATION.VERTICAL,
+    nameTrimming: i(
+      t.getAttribute("data-product_name_trimming"),
+      !0
+    ),
+    nameControlEnabled: i(
+      t.getAttribute("data-product_name_control_enabled"),
+      !0
+    ),
+    priceHideDiscount: i(
+      t.getAttribute("data-product_price_hide_discount"),
+      !0
+    ),
+    priceFormatted: i(
+      t.getAttribute("data-product_price_formatted"),
+      !0
+    ),
+    priceCurrencySymbol: o(
+      t.getAttribute("data-product_price_currency_symbol"),
+      e.productPriceCurrencySymbolControlValue
+    ),
+    priceCurrencyLocation: o(
+      t.getAttribute("data-product_price_currency_location"),
+      e.productPriceCurrencyLocationControlValue
+    ),
+    priceControlOpened: i(
+      t.getAttribute("data-product_price_control_opened"),
+      !0
+    ),
+    priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
+    quantityControlEnabled: i(
+      t.getAttribute("data-product_quantity_control_enabled"),
+      !0
+    ),
+    buttonLink: o(
+      t.getAttribute("data-product_button_link"),
+      e.productButtonLinkControlValue
+    ),
+    imageLink: o(
+      t.getAttribute("data-product_image_link"),
+      e.productImageLinkControlValue
+    ),
+    buttonLabel: o(
+      t.getAttribute("data-product_button_control_label"),
+      "Buy"
+    ),
+    imageVisible: i(
+      t.getAttribute("data-product_image_visible"),
+      !0
+    ),
+    nameVisible: i(
+      t.getAttribute("data-product_name_visible"),
+      !0
+    ),
+    quantityVisible: i(
+      t.getAttribute("data-product_quantity_visible"),
+      !0
+    ),
+    priceVisible: i(
+      t.getAttribute("data-product_price_visible"),
+      !0
+    ),
+    originalPriceVisible: i(
+      t.getAttribute("data-product_original_price_control_enabled"),
+      !0
+    ),
+    buttonVisible: i(
+      t.getAttribute("data-product_button_visible"),
+      !0
+    )
+  };
+}
+function S(r) {
+  const t = s(r);
+  if (!t)
+    return null;
+  const i = t.getNodeConfig();
+  if (i && i.initialized)
+    return i;
+  const o = I(t);
+  return o || null;
+}
+function y(r, t, i) {
+  const o = s(r);
+  if (!o)
+    return;
+  const u = { ...o.getNodeConfig() || {}, ...i };
+  t.getDocumentModifier().modifyHtml(o).setNodeConfig(u).apply(new _("Update Items block configuration"));
+}
+export {
+  d as generateBlockInstanceId,
+  f as getDefaultItemsBlockConfig,
+  S as getItemsBlockConfig,
+  s as getItemsBlockContainer,
+  y as setItemsBlockConfig
+};

package/dist/extensions/Blocks/Items/utils/syncAttributesFromConfigBlock.js

@@ -1,6 +1,6 @@
 import { useItemsBlockStore as e } from "../store/items-block.js";
 import { syncAttributeFromConfigBlock as r, createBooleanSyncConfig as i, createStringSyncConfig as s } from "./syncAttributeFromConfigBlock.js";
-function m(t) {
+function C(t) {
   const o = e(), n = i(
     "PRODUCT_NAME_TRIMMING",
     (c) => o.setNameTrimming(c),
@@ -12,7 +12,7 @@ function f(t) {
   const o = e(), n = i(
     "PRODUCT_PRICE_HIDE_DISCOUNT",
     (c) => o.setHideDiscount(c),
-    !1
+    !0
   );
   r(t, n);
 }
@@ -24,7 +24,7 @@ function R(t) {
   );
   r(t, n);
 }
-function O(t) {
+function _(t) {
   const o = e(), n = s(
     "PRODUCT_PRICE_CURRENCY_SYMBOL",
     (c) => o.setCurrencySymbol(c),
@@ -32,7 +32,7 @@ function O(t) {
   );
   r(t, n);
 }
-function _(t) {
+function y(t) {
   const o = e(), n = s(
     "PRODUCT_PRICE_CURRENCY_LOCATION",
     (c) => o.setCurrencyLocation(c),
@@ -40,7 +40,7 @@ function _(t) {
   );
   r(t, n);
 }
-function I(t) {
+function T(t) {
   const o = e(), n = s(
     "PRODUCT_BUTTON_LINK",
     (c) => o.setButtonLink(c),
@@ -48,7 +48,7 @@ function I(t) {
   );
   r(t, n);
 }
-function T(t) {
+function g(t) {
   const o = e(), n = s(
     "PRODUCT_IMAGE_LINK",
     (c) => o.setImageLink(c),
@@ -56,21 +56,12 @@ function T(t) {
   );
   r(t, n);
 }
-function y(t) {
-  const o = e(), n = s(
-    "PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION",
-    (c) => o.setPriceOrientation(c),
-    "horizontal"
-  );
-  r(t, n);
-}
 export {
-  I as syncButtonLinkFromAttributes,
-  _ as syncCurrencyLocationFromAttributes,
-  O as syncCurrencySymbolFromAttributes,
+  T as syncButtonLinkFromAttributes,
+  y as syncCurrencyLocationFromAttributes,
+  _ as syncCurrencySymbolFromAttributes,
   R as syncFormattedPriceFromAttributes,
   f as syncHideDiscountFromAttributes,
-  T as syncImageLinkFromAttributes,
-  m as syncNameTrimmingFromAttributes,
-  y as syncPriceOrientationFromAttributes
+  g as syncImageLinkFromAttributes,
+  C as syncNameTrimmingFromAttributes
 };

package/dist/extensions/Blocks/Recommendation/control.js

@@ -289,7 +289,7 @@ class b extends g {
       t.CURRENCY_DECIMAL_COUNT
     ].forEach((i) => {
       this.api.onValueChanged(i, (a) => this._onCurrencyConfigChange(i, a));
-    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => this._onDataChange(t.PRODUCT_COUNT, i.toString())), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => this._onDataChange(t.PRODUCT_IN_ROW, i)), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => this._onDataChange(t.SHUFFLE_PRODUCTS, i)), this.api.onValueChanged(t.RESPONSIVE, (i) => this._onDataChange(t.RESPONSIVE, i)), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
+    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => this._onDataChange(t.PRODUCT_COUNT, String(i))), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => this._onDataChange(t.PRODUCT_IN_ROW, i)), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => this._onDataChange(t.SHUFFLE_PRODUCTS, i)), this.api.onValueChanged(t.RESPONSIVE, (i) => this._onDataChange(t.RESPONSIVE, i)), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
   }
   _listenStateUpdates() {
     this.storeUnsubscription = this.store.$subscribe((e) => {

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,8 +1,9 @@
-import { RecommendationFeedSourceMaps as s, PriceAttributes as l } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as c } from "../../../../services/recommendationApi.js";
+import { RecommendationFeedSourceMaps as n, PriceAttributes as u } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as l } from "../../../../services/recommendationApi.js";
+import { useConfigStore as c } from "../../../../stores/config.js";
 import { defineStore as p } from "pinia";
 import { generateCompleteFilterQuery as m } from "../utils/filterUtil.js";
-const a = c(), d = () => ({
+const a = l(), d = () => ({
   recommendationCampaignUrls: {},
   recommendationProducts: [],
   recommendationConfigs: {
@@ -133,7 +134,7 @@ const a = c(), d = () => ({
   filterSelectionDrawerStatus: !1,
   filterList: {},
   filterGroup: 1
-}), G = p("guidoRecommendationExtension", {
+}), y = p("guidoRecommendationExtension", {
   state: () => d(),
   getters: {
     hasFilters: (e) => !!e.recommendationConfigs.filters.length,
@@ -144,7 +145,7 @@ const a = c(), d = () => ({
     getActivePredictiveAlgorithms: (e) => {
       const t = [];
       return e.activePredictiveAlgorithms.forEach((r) => {
-        t.push(...s.filter((i) => i.id === r));
+        t.push(...n.filter((i) => i.id === r));
       }), t.map((r) => ({
         text: r.name,
         value: r.key
@@ -159,7 +160,7 @@ const a = c(), d = () => ({
       value: t.text
     })),
     getFilterList: (e) => Object.values(e.filterList).map((t) => {
-      const r = t.type === "defaultAttribute", i = l.includes(t.attributeName);
+      const r = t.type === "defaultAttribute", i = u.includes(t.attributeName);
       let o = r ? t.attributeName : `product_attributes.${t.attributeName}`;
       return o = i ? `${o}.${e.recommendationConfigs.currencySettings.value}` : o, {
         text: t.displayName,
@@ -240,14 +241,14 @@ const a = c(), d = () => ({
       return m(this.recommendationConfigs.filters);
     },
     async fetchRecommendationProducts() {
-      var i, o, n;
-      const e = this.generateFilterQuery(), t = ((i = s.find((u) => u.key === this.recommendationConfigs.strategy)) == null ? void 0 : i.path) || "", r = await a.fetchRecommendationProducts(
+      var o;
+      const e = this.generateFilterQuery(), t = ((o = n.find((s) => s.key === this.recommendationConfigs.strategy)) == null ? void 0 : o.path) || "", r = c(), i = await a.fetchRecommendationProducts(
         t,
         {
           // TODO: Here will be optimized and filled carefully
           locale: this.recommendationConfigs.language,
           currency: this.recommendationConfigs.currencySettings.value,
-          partnerName: ((n = (o = window.GuidoConfig) == null ? void 0 : o.partner) == null ? void 0 : n.partnerName) || "",
+          partnerName: r.partnerName,
           productId: this.recommendationConfigs.strategy === "manualMerchandising" ? this.recommendationConfigs.productIds.join(",") : "{itemId}",
           size: this.recommendationConfigs.size,
           details: !0,
@@ -256,11 +257,11 @@ const a = c(), d = () => ({
         }
       );
       this.$patch({
-        recommendationProducts: r
+        recommendationProducts: i
       });
     }
   }
 });
 export {
-  G as useRecommendationExtensionStore
+  y as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/common-control.js

@@ -1,8 +1,8 @@
 var c = Object.defineProperty;
-var I = (a, r, e) => r in a ? c(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
-var l = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
-import { Control as O, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class _ extends O {
+var I = (T, r, e) => r in T ? c(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
+var l = (T, r, e) => I(T, typeof r != "symbol" ? r + "" : r, e);
+import { Control as s, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class B extends s {
   constructor() {
     super(...arguments);
     l(this, "currentNode");
@@ -19,43 +19,54 @@ class _ extends O {
     this.lastBlockInstanceId = null;
   }
   /**
-   * Gets the config block element from the current node.
+   * Gets the Items block container element from the current node.
+   * @returns The container element or null if not found
+   */
+  getItemsBlockContainer() {
+    return this.currentNode ? this.currentNode.closest(".items-block-v2") : null;
+  }
+  /**
+   * Gets the config block element from the current node (legacy support).
+   * @deprecated Use getNodeConfig() from nodeConfigUtils instead for Stripo V2
    * @returns The config block element or null if not found
    */
   getConfigBlock() {
-    if (!this.currentNode)
-      return null;
-    const e = this.currentNode.closest(".items-block-v2");
+    const e = this.getItemsBlockContainer();
     return e ? e.querySelector("esd-config-block") : null;
   }
   /**
-   * Gets the current block instance ID from the config block.
-   * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
+   * Gets the current block instance ID from the node config (Stripo V2) or legacy config block.
    * @returns The block instance ID or null if not found
    */
-  getBlockInstanceId(e = "data-block-instance-id") {
-    const n = this.getConfigBlock();
-    return n ? n.getAttribute(e) : null;
+  getBlockInstanceId() {
+    const e = this.getItemsBlockContainer();
+    if (!e)
+      return null;
+    const n = e.getNodeConfig();
+    if (n && typeof n.blockInstanceId == "string")
+      return n.blockInstanceId;
+    const o = this.getConfigBlock();
+    return o ? o.getAttribute("data-block-instance-id") : null;
   }
   /**
    * Handles block instance change detection and syncing.
-   * This is a helper method for controls that need to sync attributes when switching between block instances.
-   * @param syncFunction - Function to call when block instance changes (to sync from attributes)
+   * This is a helper method for controls that need to sync config when switching between block instances.
+   * Uses Stripo V2 nodeConfig API for block instance tracking.
+   * @param syncFunction - Function to call when block instance changes (to sync from node config)
    * @param updateUI - Function to call to update the UI (called both on change and when same block)
-   * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
    * @returns true if block instance changed, false otherwise
    */
-  handleBlockInstanceChange(e, n, E = "data-block-instance-id") {
-    const o = this.getBlockInstanceId(E);
+  handleBlockInstanceChange(e, n) {
+    const o = this.getBlockInstanceId();
     if (!o)
       return !1;
-    const T = o !== this.lastBlockInstanceId;
-    return T ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), T;
+    const E = o !== this.lastBlockInstanceId;
+    return E ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), E;
   }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
+  _GuLabel({ text: e, name: n = "", position: o = "top" }) {
     return `
             <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
+                style="${o === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>
@@ -75,59 +86,59 @@ class _ extends O {
                 ${$.SELECT_ITEM.value}="${n}">
             </${t.SELECT_ITEM}>`;
   }
-  _GuSelect({ name: e, placeholder: n, options: E, className: o = "es-180w" }) {
+  _GuSelect({ name: e, placeholder: n, options: o, className: E = "es-180w" }) {
     return `
             <${t.SELECTPICKER}
-                class="${o}"
+                class="${E}"
                 ${$.SELECTPICKER.name}="${e}"
                 ${$.SELECTPICKER.placeholder}="${n}">
-                    ${E.map((T) => this._GuSelectItem(T)).join("")}
+                    ${o.map((a) => this._GuSelectItem(a)).join("")}
             </${t.SELECTPICKER}>
         `;
   }
-  _GuTextInput({ name: e, placeholder: n, className: E = "", disabled: o = !1 }) {
+  _GuTextInput({ name: e, placeholder: n, className: o = "", disabled: E = !1 }) {
     return `
             <${t.TEXT}
-                class=${E}
+                class=${o}
                 ${$.TEXT.name}="${e}"
                 placeholder="${n || e}"
-                ${o ? `${$.TEXT.disabled}="true"` : ""}>
+                ${E ? `${$.TEXT.disabled}="true"` : ""}>
             </${t.TEXT}>
         `;
   }
-  _GuCounter({ name: e, maxValue: n, minValue: E = 1, step: o = 1 }) {
+  _GuCounter({ name: e, maxValue: n, minValue: o = 1, step: E = 1 }) {
     return `
             <${t.COUNTER}
                 ${$.COUNTER.name}="${e}"
-                ${$.COUNTER.minValue}="${E}"
+                ${$.COUNTER.minValue}="${o}"
                 ${$.COUNTER.maxValue}="${n}"
-                ${$.COUNTER.step}="${o}">
+                ${$.COUNTER.step}="${E}">
             </${t.COUNTER}>
         `;
   }
-  _GuRadioButtonItem({ text: e, value: n, icon: E }) {
+  _GuRadioButtonItem({ text: e, value: n, icon: o }) {
     return `
             <${t.RADIO_ITEM}
                 ${$.RADIO_ITEM.value}="${n}"
                 ${e ? `${$.RADIO_ITEM.text}="${e}"` : ""}
-                ${E ? `${$.RADIO_ITEM.icon}="${E}"` : ""}>
+                ${o ? `${$.RADIO_ITEM.icon}="${o}"` : ""}>
             </${t.RADIO_ITEM}>
         `;
   }
-  _GuRadioButton({ name: e, buttons: n, id: E = "" }) {
+  _GuRadioButton({ name: e, buttons: n, id: o = "" }) {
     return `
             <${t.RADIO_BUTTONS}
-                ${E ? `id="${E}"` : ""}
+                ${o ? `id="${o}"` : ""}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${n.map((o) => this._GuRadioButtonItem(o)).join("")}
+                ${n.map((E) => this._GuRadioButtonItem(E)).join("")}
             </${t.RADIO_BUTTONS}>
         `;
   }
-  _GuButton({ name: e, label: n, id: E = "" }) {
+  _GuButton({ name: e, label: n, id: o = "" }) {
     return `
             <${t.BUTTON}
                 ${$.BUTTON.name}="${e}"
-                ${E ? `id="${E}"` : ""}
+                ${o ? `id="${o}"` : ""}
                 ${$.BUTTON.caption}="${n}"}>
             </${t.BUTTON}>
         `;
@@ -137,10 +148,10 @@ class _ extends O {
    * @param param0
    * @returns It returns a button with an icon.
    */
-  _GuIconButton({ name: e, icon: n, className: E = "" }) {
+  _GuIconButton({ name: e, icon: n, className: o = "" }) {
     return `
             <${t.BUTTON}
-                class="${E}"
+                class="${o}"
                 ${$.BUTTON.name}="${e}"
                 ${$.BUTTON.icon}="${n}">
             </${t.BUTTON}>
@@ -168,19 +179,19 @@ class _ extends O {
    * @returns HTML string for the orderable control
    */
   _GuOrderable(e, n) {
-    let E = "";
-    n.forEach((T) => {
+    let o = "";
+    n.forEach((a) => {
       const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
-      E += `
-                <${t.ORDERABLE_ITEM} ${u}="${T.key}">
-                    ${T.content}
+      o += `
+                <${t.ORDERABLE_ITEM} ${u}="${a.key}">
+                    ${a.content}
                 </${t.ORDERABLE_ITEM}>
             `;
     });
-    const o = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
+    const E = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
     return `
-            <${t.ORDERABLE} ${o}="${e}">
-                ${E}
+            <${t.ORDERABLE} ${E}="${e}">
+                ${o}
             </${t.ORDERABLE}>
         `;
   }
@@ -221,16 +232,16 @@ class _ extends O {
         `;
   }
   _GuRadioButtons(e, n) {
-    const E = n.map((o) => `
+    const o = n.map((E) => `
                 <${t.RADIO_ITEM}
-                    ${$.RADIO_ITEM.text}="${o.text}"
-                    ${$.RADIO_ITEM.value}="${o.value}">
+                    ${$.RADIO_ITEM.text}="${E.text}"
+                    ${$.RADIO_ITEM.value}="${E.value}">
                 </${t.RADIO_ITEM}>
             `).join("");
     return `
             <${t.RADIO_BUTTONS}
                 ${$.RADIO_BUTTONS.name}="${e}">
-                ${E}
+                ${o}
             </${t.RADIO_BUTTONS}>
         `;
   }
@@ -244,5 +255,5 @@ class _ extends O {
   }
 }
 export {
-  _ as CommonControl
+  B as CommonControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-98181b5a]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-98181b5a]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-98181b5a]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-b37f3f6d],[data-v-b37f3f6d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/library.js

@@ -1,4 +1,14 @@
-import { default as d } from "./components/Guido.vue.js";
+import { default as a } from "./components/Guido.vue.js";
+import { MessageType as f, ProductType as t } from "./@types/config/schemas.js";
+import "./@types/config/defaults.js";
+import { getValidationErrors as s, isValidConfig as d, parseConfig as g, parseConfigSafe as n, validateConfig as l } from "./@types/config/validator.js";
 export {
-  d as Guido
+  a as Guido,
+  f as MessageType,
+  t as ProductType,
+  s as getValidationErrors,
+  d as isValidConfig,
+  g as parseConfig,
+  n as parseConfigSafe,
+  l as validateConfig
 };