v206 - bagi

package.json

@@ -1 +1 @@
-{"name":"weweb-front","version":"4.0.0","private":true,"type":"module","scripts":{"serve":"vite","build":"vite build","postbuild":"node ./postbuild.js"},"dependencies":{"@vueuse/head":"2.0.0","axios":"1.12.2","html-escaper":"3.0.3","lodash":"4.17.21","pinia":"3.0.2","short-unique-id":"5.3.2","tiny-emitter":"2.1.0","uuid":"11.1.0","vue":"3.5.13","vue-cookie-next":"1.3.0","vue-meta":"2.4.0","vue-router":"4.5.1","vuex":"4.1.0","dayjs":"1.11.0","qs":"^6.14.0","@supabase/supabase-js":"2.50.3","@vueform/multiselect":"2.6.2","vue-ellipse-progress":"^2.1.1","@vueuse/core":"^13.0.0","diff":"^5.1.0","animejs":"^3.2.2","marked":"^14.1.2","medium-zoom":"^1.0.6","prismjs":"^1.23.0","@vuepic/vue-datepicker":"3.6.8","date-fns":"4.1.0","@tiptap/extension-color":"2.8.0","@tiptap/extension-image":"2.8.0","@tiptap/extension-link":"2.8.0","@tiptap/extension-mathematics":"2.26.1","@tiptap/extension-mention":"2.8.0","@tiptap/extension-placeholder":"2.8.0","@tiptap/extension-table":"2.8.0","@tiptap/extension-table-cell":"2.8.0","@tiptap/extension-table-header":"2.8.0","@tiptap/extension-table-row":"2.8.0","@tiptap/extension-task-item":"2.8.0","@tiptap/extension-task-list":"2.8.0","@tiptap/extension-text-align":"2.8.0","@tiptap/extension-text-style":"2.8.0","@tiptap/extension-underline":"2.8.0","@tiptap/pm":"2.8.0","@tiptap/starter-kit":"2.8.0","@tiptap/suggestion":"2.8.0","@tiptap/vue-3":"2.8.0","katex":"^0.16.22","prosemirror-commands":"1.5.0","prosemirror-dropcursor":"1.5.0","prosemirror-gapcursor":"1.3.1","prosemirror-history":"1.3.0","prosemirror-keymap":"1.2.0","prosemirror-schema-list":"1.2.2","tiptap-markdown":"^0.8.10","lodash-es":"^4.17.21"},"devDependencies":{"@vitejs/plugin-vue":"5.2.4","autoprefixer":"10.4.21","handlebars":"4.7.8","sass-embedded":"1.89.0","vite":"6.3.5","vite-plugin-node-polyfills":"0.23.0"},"browserslist":["last 3 years"]}
+{"name":"weweb-front","version":"4.0.0","private":true,"type":"module","scripts":{"serve":"vite","build":"vite build","postbuild":"node ./postbuild.js"},"dependencies":{"@vueuse/head":"2.0.0","axios":"1.12.2","html-escaper":"3.0.3","lodash":"4.17.21","pinia":"3.0.2","short-unique-id":"5.3.2","tiny-emitter":"2.1.0","uuid":"11.1.0","vue":"3.5.13","vue-cookie-next":"1.3.0","vue-meta":"2.4.0","vue-router":"4.5.1","vuex":"4.1.0","dayjs":"1.11.0","qs":"^6.14.0","@supabase/supabase-js":"2.50.3","@vueform/multiselect":"2.6.2","vue-ellipse-progress":"^2.1.1","diff":"^5.1.0","animejs":"^3.2.2","marked":"^14.1.2","medium-zoom":"^1.0.6","prismjs":"^1.23.0","@tiptap/extension-color":"2.8.0","@tiptap/extension-image":"2.8.0","@tiptap/extension-link":"2.8.0","@tiptap/extension-mathematics":"2.26.1","@tiptap/extension-mention":"2.8.0","@tiptap/extension-placeholder":"2.8.0","@tiptap/extension-table":"2.8.0","@tiptap/extension-table-cell":"2.8.0","@tiptap/extension-table-header":"2.8.0","@tiptap/extension-table-row":"2.8.0","@tiptap/extension-task-item":"2.8.0","@tiptap/extension-task-list":"2.8.0","@tiptap/extension-text-align":"2.8.0","@tiptap/extension-text-style":"2.8.0","@tiptap/extension-underline":"2.8.0","@tiptap/pm":"2.8.0","@tiptap/starter-kit":"2.8.0","@tiptap/suggestion":"2.8.0","@tiptap/vue-3":"2.8.0","katex":"^0.16.22","prosemirror-commands":"1.5.0","prosemirror-dropcursor":"1.5.0","prosemirror-gapcursor":"1.3.1","prosemirror-history":"1.3.0","prosemirror-keymap":"1.2.0","prosemirror-schema-list":"1.2.2","tiptap-markdown":"^0.8.10","@vueuse/core":"^13.0.0","@vuepic/vue-datepicker":"3.6.8","date-fns":"4.1.0","lodash-es":"^4.17.21"},"devDependencies":{"@vitejs/plugin-vue":"5.2.4","autoprefixer":"10.4.21","handlebars":"4.7.8","sass-embedded":"1.89.0","vite":"6.3.5","vite-plugin-node-polyfills":"0.23.0"},"browserslist":["last 3 years"]}

public/data/cf9f551f-e733-4934-a682-535575cb7c70.json

@@ -1 +1 @@
-{"cacheVersion":205,"page":{"id":"cf9f551f-e733-4934-a682-535575cb7c70","paths":{"en":"promo","default":"promo"},"cmsDataSetPath":null,"workflows":[]},"sections":{"4a2188f6-d98c-4150-9ba7-5918c72f3421":{"uid":"4a2188f6-d98c-4150-9ba7-5918c72f3421","linkId":"416695e7-e54e-4897-9f9a-befeb223f1b0","_state":{"style":{"default":{}}},"content":{"default":{"wwObjects":[],"_ww-layout_alignItems":"flex-start","_ww-layout_flexDirection":"column"}},"sectionBaseId":"99586bd3-2b15-4d6b-a025-6a50d07ca845","sectionTitle":"Section"}},"wwObjects":{},"collections":[],"variables":[],"workflows":[],"formulas":[],"libraryComponents":[]}
+{"cacheVersion":206,"page":{"id":"cf9f551f-e733-4934-a682-535575cb7c70","paths":{"en":"promo","default":"promo"},"cmsDataSetPath":null,"workflows":[]},"sections":{"4a2188f6-d98c-4150-9ba7-5918c72f3421":{"uid":"4a2188f6-d98c-4150-9ba7-5918c72f3421","linkId":"416695e7-e54e-4897-9f9a-befeb223f1b0","_state":{"style":{"default":{}}},"content":{"default":{"wwObjects":[],"_ww-layout_alignItems":"flex-start","_ww-layout_flexDirection":"column"}},"sectionBaseId":"99586bd3-2b15-4d6b-a025-6a50d07ca845","sectionTitle":"Section"}},"wwObjects":{},"collections":[],"variables":[],"workflows":[],"formulas":[],"libraryComponents":[]}

public/manifest.json

@@ -1 +1 @@
-{"name":"Образовательная платформа Meetguru","short_name":"Образовательная платформа Meetguru","icons":[{"src":"images/48-favicon.png?_wwcv=205","type":"image/png","sizes":"48x48"},{"src":"images/72-favicon.png?_wwcv=205","type":"image/png","sizes":"72x72"},{"src":"images/96-favicon.png?_wwcv=205","type":"image/png","sizes":"96x96"},{"src":"images/128-favicon.png?_wwcv=205","type":"image/png","sizes":"128x128"},{"src":"images/144-favicon.png?_wwcv=205","type":"image/png","sizes":"144x144"},{"src":"images/152-favicon.png?_wwcv=205","type":"image/png","sizes":"152x152"},{"src":"images/192-favicon.png?_wwcv=205","type":"image/png","sizes":"192x192"},{"src":"images/256-favicon.png?_wwcv=205","type":"image/png","sizes":"256x256"},{"src":"images/384-favicon.png?_wwcv=205","type":"image/png","sizes":"384x384"},{"src":"images/512-favicon.png?_wwcv=205","type":"image/png","sizes":"512x512"}],"start_url":"/","display":"fullscreen","scope":"/","background_color":"#FFFFFF","theme_color":"#FFFFFF"}
+{"name":"Образовательная платформа Meetguru","short_name":"Образовательная платформа Meetguru","icons":[{"src":"images/48-favicon.png?_wwcv=206","type":"image/png","sizes":"48x48"},{"src":"images/72-favicon.png?_wwcv=206","type":"image/png","sizes":"72x72"},{"src":"images/96-favicon.png?_wwcv=206","type":"image/png","sizes":"96x96"},{"src":"images/128-favicon.png?_wwcv=206","type":"image/png","sizes":"128x128"},{"src":"images/144-favicon.png?_wwcv=206","type":"image/png","sizes":"144x144"},{"src":"images/152-favicon.png?_wwcv=206","type":"image/png","sizes":"152x152"},{"src":"images/192-favicon.png?_wwcv=206","type":"image/png","sizes":"192x192"},{"src":"images/256-favicon.png?_wwcv=206","type":"image/png","sizes":"256x256"},{"src":"images/384-favicon.png?_wwcv=206","type":"image/png","sizes":"384x384"},{"src":"images/512-favicon.png?_wwcv=206","type":"image/png","sizes":"512x512"}],"start_url":"/","display":"fullscreen","scope":"/","background_color":"#FFFFFF","theme_color":"#FFFFFF"}

public/serviceworker.js

@@ -1,4 +1,4 @@
-const version = 205;
+const version = 206;
 self.addEventListener('install', event => {
     // eslint-disable-next-line no-console
     console.log(`Service worker v${version} installed`);

src/components/elements/element-985570fc-b3c0-4566-8004-82ab3b30a11d/src/wwElement.vue

@@ -224,7 +224,7 @@ export default {
     },
     modelType() {
       if (this.content.dateMode === "date") return "yyyy-MM-dd";
-      if (this.content.dateMode === "time") return "HH:mm:ss";
+      if (this.content.dateMode === "time") return "HH:mm:SS";
       if (this.content.dateMode === "month") return "yyyy-MM";
       return null;
     },
@@ -310,7 +310,7 @@ export default {
       else if (this.content.selectionMode === "range") {
         if (!value.start && !value.end) return null;
         return [value.start || null, value.end || null].filter(
-          (item) => item !== null && item !== ""
+          (value) => value !== null && value !== ""
         );
       } else if (this.content.selectionMode === "multi") return value;
     },

src/components/elements/element-985570fc-b3c0-4566-8004-82ab3b30a11d/ww-config.js

@@ -11,100 +11,129 @@ export default {
       "lang",
       "format",
       "customFormat",
-      [
+      {
-        "displayTitle",
+        label: "Display",
-        "orientation",
+        isCollapsible: true,
-        "menuPosition",
+        properties: [
-        "enableCalendarOnly",
+          "orientation",
-        "stickedDatePicker",
+          "menuPosition",
-        "calendarOnlyFit",
+          "enableCalendarOnly",
-        "enableLeftSidebar",
+          "stickedDatePicker",
-        "enableRightSidebar",
+          "calendarOnlyFit",
-        "enableMultiCalendars",
+          "enableLeftSidebar",
-        "multiCalendars",
+          "enableRightSidebar",
-        "multiCalendarsSolo",
+          "enableMultiCalendars",
-      ],
+          "multiCalendars",
-      [
+          "multiCalendarsSolo",
-        "stylesTitle",
+        ],
-        "themeFontFamily",
+      },
-        "themeFontSize",
+      {
-        "themeTimeFontSize",
+        label: "Style",
-
+        isCollapsible: true,
-        "advancedStyles",
+        properties:  [
-        "themePreviewFontSize",
+          "themeFontFamily",
-        "themeBorderRadius",
+          "themeFontSize",
-        "themeCellBorderRadius",
+          "themeTimeFontSize",
-        "themeCellSize",
+  
-        "themeCellPadding",
+          "advancedStyles",
-        "themeMenuMinWidth",
+          "themePreviewFontSize",
-      ],
+          "themeBorderRadius",
-      [
+          "themeCellBorderRadius",
-        "colorsTitle",
+          "themeCellSize",
-        "themePrimaryColor",
+          "themeCellPadding",
-        "themeSecondaryColor",
+          "themeMenuMinWidth",
-        "themeBackgroundColor",
+        ],
-        "themeTextColor",
+      },
-        "themePrimaryTextColor",
+      {
-        "themeHoverColor",
+        label: "Colors",
-        "themeDisabledColor",
+        isCollapsible: true,
-
+        properties: [
-        "advancedColors",
+          "themePrimaryColor",
-        "themeHoverTextColor",
+          "themeSecondaryColor",
-        "themeHoverIconColor",
+          "themeBackgroundColor",
-        "themeBorderColor",
+          "themeTextColor",
-        "themeMenuBorderColor",
+          "themePrimaryTextColor",
-        "themeBorderHoverColor",
+          "themeHoverColor",
-        "themeScrollBarBackgroundColor",
+          "themeDisabledColor",
-        "themeScrollBarColor",
+  
-        "themeSuccessColor",
+          "advancedColors",
-        "themeSuccessDisabledColor",
+          "themeHoverTextColor",
-        "themeIconColor",
+          "themeHoverIconColor",
-        "themeDangerColor",
+          "themeBorderColor",
-        "themeHighlightColor",
+          "themeMenuBorderColor",
-      ],
+          "themeBorderHoverColor",
+          "themeScrollBarBackgroundColor",
+          "themeScrollBarColor",
+          "themeSuccessColor",
+          "themeSuccessDisabledColor",
+          "themeIconColor",
+          "themeDangerColor",
+          "themeHighlightColor",
+        ],
+      },
     ],
     customSettingsPropertiesOrder: [
       "readonly",
       "required",
-      [
+      {
-        "selectionTitle",
+        label: "Selection",
-        "selectionMode",
+        isCollapsible: true,
-        "initValueSingle",
+        properties: [
-        "initValueRangeStart",
+          "selectionMode",
-        "initValueRangeEnd",
+          "initValueSingle",
-        "initValueMulti",
+          "initValueRangeStart",
-        "multiDatesLimit",
+          "initValueRangeEnd",
-        "rangeMode",
+          "initValueMulti",
-        "autoRange",
+          "multiDatesLimit",
-        "enablePartialRange",
+          "rangeMode",
-        "minRange",
+          "autoRange",
-        "maxRange",
+          "enablePartialRange",
-        "noDisabledRange",
+          "minRange",
-      ],
+          "maxRange",
-      ["behaviorTitle", "autoApply", "closeOnAutoApply"],
+          "noDisabledRange",
-      ["timeTitle", "dateMode", "timezone", "use24", "enableSeconds"],
+        ],
-      [
+      },
-        "datesTitle",
+      {
-        "startDate",
+        label: "Behavior",
-        "minDate",
+        isCollapsible: true,
-        "maxDate",
+        properties: ["autoApply", "closeOnAutoApply"],
-
+      },
-        "advancedDates",
+      {
-        "preventMinMaxNavigation",
+        label: "Time",
-        "ignoreTimeValidation",
+        isCollapsible: true,
-        "allowedDates",
+        properties: ["dateMode", "timezone", "use24", "enableSeconds"],
-        "disabledDates",
+      },
-        "disabledWeekDays",
+      {
-      ],
+        label: "Dates",
-      [
+        isCollapsible: true,
-        "weeksAndMonthsTitle",
+        properties: [
-        "weekStart",
+          "startDate",
-        "weekNumbers",
+          "minDate",
-        "hideOffsetDates",
+          "maxDate",
-        "disableMonthYearSelect",
+  
-      ],
+          "advancedDates",
-
+          "preventMinMaxNavigation",
-      ["flowTitle", "enableFlow", "flowHint", "flowSteps"],
+          "ignoreTimeValidation",
+          "allowedDates",
+          "disabledDates",
+          "disabledWeekDays",
+        ],
+      },
+      {
+        label: "Weeks / Months",
+        isCollapsible: true,
+        properties: [
+          "weekStart",
+          "weekNumbers",
+          "hideOffsetDates",
+          "disableMonthYearSelect",
+        ],
+      },
+      {
+        label: "Flow",
+        isCollapsible: true,
+        properties: ["enableFlow", "flowHint", "flowSteps"],
+      },
     ],
   },
   triggerEvents: [
@@ -183,81 +212,6 @@ export default {
 
       hidden: (content) => content.selectionMode !== "multi",
     },
-    displayTitle: {
-      label: {
-        en: "Display",
-      },
-      type: "Title",
-      section: "style",
-      editorOnly: true,
-    },
-    stylesTitle: {
-      label: {
-        en: "Style",
-        fr: "Style",
-      },
-      type: "Title",
-      section: "style",
-      editorOnly: true,
-    },
-    colorsTitle: {
-      label: {
-        en: "Colors",
-        fr: "Colors",
-      },
-      type: "Title",
-      section: "style",
-      editorOnly: true,
-    },
-    selectionTitle: {
-      label: {
-        en: "Selection",
-      },
-      type: "Title",
-      section: "settings",
-      editorOnly: true,
-    },
-    behaviorTitle: {
-      label: {
-        en: "Behavior",
-      },
-      type: "Title",
-      section: "settings",
-      editorOnly: true,
-      hidden: (content) => content.dateMode === "time",
-    },
-    timeTitle: {
-      label: {
-        en: "Time",
-      },
-      type: "Title",
-      section: "settings",
-      editorOnly: true,
-    },
-    datesTitle: {
-      label: {
-        en: "Dates",
-      },
-      type: "Title",
-      section: "settings",
-      editorOnly: true,
-    },
-    weeksAndMonthsTitle: {
-      label: {
-        en: "Weeks / Months",
-      },
-      type: "Title",
-      section: "settings",
-      editorOnly: true,
-    },
-    flowTitle: {
-      label: {
-        en: "Flow",
-      },
-      type: "Title",
-      section: "settings",
-      editorOnly: true,
-    },
     advancedColors: {
       label: { en: "Advanced" },
       section: "style",
@@ -1089,3 +1043,4 @@ function generateThemeSizingConfig(label, defaultValue, max, advanced) {
     hidden: advanced ? (content) => !content.advancedStyles : undefined,
   };
 }
+

src/components/elements/element-9896d695-0c96-4a0f-b587-c25e879ece77/ww-config.js

@@ -8,34 +8,34 @@ export default {
     },
     icon: "history",
     customStylePropertiesOrder: [
-      [
+      {
-        "markerStyle",
+        label: "Marker style",
-        "markerShape",
+        isCollapsible: true,
-        "markerSize",
+        properties:  [
-        "markerBackgroundColor",
+          "markerShape",
-        "markerIconOnOff",
+          "markerSize",
-        "markerIcon",
+          "markerBackgroundColor",
-        "markerIconColor",
+          "markerIconOnOff",
-        "markerIconSize",
+          "markerIcon",
-      ],
+          "markerIconColor",
-      [
+          "markerIconSize",
-        "timelineStyle",
+        ],
-        "connectorColor",
+      },
-        "connectorWidth",
+      {
-        "timelineLayout",
+        label: "Timeline style",
-        "eventsAlignment",
+        isCollapsible: true,
-      ],
+        properties: [
+          "connectorColor",
+          "connectorWidth",
+          "timelineLayout",
+          "eventsAlignment",
+        ],
+      },  
     ],
-    customSettingsPropertiesOrder: [["data"]],
+    customSettingsPropertiesOrder: ["data"],
   },
   properties: {
     // Marker styling
-    markerStyle: {
-      type: "Title",
-      label: { en: "Marker Style" },
-      section: "style",
-      editorOnly: true,
-    },
     markerShape: {
       label: { en: "Marker Shape" },
       type: "TextRadioGroup",
@@ -110,12 +110,6 @@ export default {
     },
 
     // Timeline styling
-    timelineStyle: {
-      type: "Title",
-      label: { en: "Timeline Style" },
-      section: "style",
-      editorOnly: true,
-    },
     connectorColor: {
       label: { en: "Connector Color" },
       type: "Color",

src/components/elements/element-9ecb2cfc-cef7-4be8-b736-3e17a3b7e9ff/src/composables/useFormInputs.js

@@ -1,7 +1,7 @@
 import { omit } from 'lodash-es';
 import { computed, watch, provide, ref } from 'vue';
 
-export function useFormInputs({ updateInputValidity, removeInputValidity }) {
+export function useFormInputs({ updateInputValidity, removeInputValidity, validationType }) {
     const inputsMap = ref({});
 
     const formInputs = computed(() => {
@@ -12,7 +12,7 @@ export function useFormInputs({ updateInputValidity, removeInputValidity }) {
                 .filter(([key, value]) => key !== 'null' && value !== null)
                 .map(([key, value]) => [
                     key,
-                    omit(value, ['forceValidateField', 'updateValue', 'pending', 'initialValue']),
+                    omit(value, ['forceValidateField', 'updateValue', 'cancelValidation', 'pending', 'initialValue', 'initialIsValid']),
                 ])
         );
     });
@@ -27,7 +27,8 @@ export function useFormInputs({ updateInputValidity, removeInputValidity }) {
         const input = inputsMap.value[id];
         if (!input) return;
         updateFn(input);
-        updateInputValidity(id, Object.values(inputsMap.value[id])?.[0]?.isValid ?? null);
+        const newIsValid = Object.values(inputsMap.value[id])?.[0]?.isValid ?? null;
+        updateInputValidity(id, newIsValid);
     }
 
     function unregisterInput(id) {
@@ -53,56 +54,54 @@ export function useFormInputs({ updateInputValidity, removeInputValidity }) {
     function forceValidateAllFields() {
         const validityMap = {};
         const invalidFields = [];
-        
+
         for (const [id, inputs] of Object.entries(inputsMap.value)) {
             for (const [name, input] of Object.entries(inputs)) {
                 if ('forceValidateField' in input) {
                     const isValid = input.forceValidateField();
                     validityMap[id + name] = isValid;
-                    
+
                     if (!isValid) {
                         invalidFields.push({
                             id: id,
                             name: name,
                             value: input.value,
                             isValid: isValid,
-                            error: input.error || input.validationMessage || 'Validation failed'
+                            error: input.error || input.validationMessage || 'Validation failed',
                         });
                     }
                 }
             }
         }
-        
+
         const isValid = Object.values(validityMap).every(Boolean);
-        
+
         return {
             isValid,
             invalidFields,
-            validityMap
+            validityMap,
         };
     }
 
     function resetInputs(initialValues = {}) {
         initialValues ||= {};
+
         for (const [id, inputs] of Object.entries(inputsMap.value)) {
             for (const [name, input] of Object.entries(inputs)) {
                 if (input && typeof input === 'object') {
                     updateInput(id, input => {
                         if (input[name]) {
-                            // Priority order for values:
+                            // Determine reset value and whether it's a forced value
-                            // 1. Value from passed initialValues object
-                            // 2. Field's stored initialValue from useForm
-                            // 3. Default empty value based on type
-
                             let newValue;
+                            let isForcedValue = false;
+
                             if (initialValues[name] !== undefined) {
-                                // Use value from initialValues parameter
                                 newValue = initialValues[name];
+                                isForcedValue = true;
                             } else if (input[name].initialValue !== undefined) {
-                                // Use the field's own initialValue that was set during registration
                                 newValue = input[name].initialValue;
                             } else {
-                                // Reset to empty value based on the input type
+                                // Default empty value based on type
                                 if (Array.isArray(input[name].value)) {
                                     newValue = [];
                                 } else if (typeof input[name].value === 'object' && input[name].value !== null) {
@@ -116,17 +115,36 @@ export function useFormInputs({ updateInputValidity, removeInputValidity }) {
                                 }
                             }
 
-                            // Update both the form input's value and the component's reactive value reference
+                            // Update value
                             input[name].value = newValue;
                             if (input[name].updateValue) {
                                 input[name].updateValue(newValue);
                             }
 
-                            // Reset validation state
+                            // In submit mode, never trigger validation on reset (even for forced values)
-                            input[name].isValid = null;
+                            // In change mode, allow validation for forced values only
-                            input[name].pending = false;
+                            const isSubmitMode = validationType?.value === 'submit';
+                            const shouldResetValidation = isSubmitMode || !isForcedValue;
+
+                            if (shouldResetValidation) {
+                                // Reset validation state to initial state AFTER value update
+                                // This ensures we overwrite any validation triggered by the value change
+                                input[name].isValid = input[name].initialIsValid ?? null;
+                                input[name].pending = false;
+
+                                // Cancel any pending validation in the next tick
+                                // This ensures we cancel validations that were queued by watchers during this tick
+                                setTimeout(() => {
+                                    if (input[name]?.cancelValidation) {
+                                        input[name].cancelValidation();
+                                    }
+                                }, 0);
+                            }
+                            // For forced values in change mode, let the validation watcher run naturally
                         }
                     });
+
+                    // Note: updateInput already calls updateInputValidity, so we don't need to call it again here
                 }
             }
         }

src/components/elements/element-9ecb2cfc-cef7-4be8-b736-3e17a3b7e9ff/src/composables/useFormState.js

@@ -10,10 +10,18 @@ export function useFormState() {
         isSubmitted: computed(() => isSubmitted.value),
         isValid: computed(() => {
             const inputsValidity = Object.values(inputValidityMap.value);
-            if (inputsValidity.some(v => v === null)) {
+            if (inputsValidity.length === 0) {
                 return null;
             }
 
+            const hasNullValidity = inputsValidity.some(v => v === null);
+
+            // If any input has null validity, the form validity is null (not yet validated)
+            if (hasNullValidity) {
+                return null;
+            }
+
+            // If all inputs are validated (true/false), check if all are valid
             return !inputsValidity.some(isValid => !isValid);
         }),
     });

src/components/elements/element-9ecb2cfc-cef7-4be8-b736-3e17a3b7e9ff/src/shared/useForm.js

@@ -74,14 +74,23 @@ export function useForm(
         }
     }
 
+    const initialIsValid = !required.value && !customValidation.value ? true : null;
+    const initialValueRef = unref(initialValue) !== undefined ? unref(initialValue) : value.value;
+
+    function cancelValidation() {
+        debouncedUpdateInputValidity.cancel();
+    }
+
     registerFormInput(id, {
         [_fieldName.value]: {
             value: value.value,
-            isValid: !required.value && !customValidation.value ? true : null,
+            isValid: initialIsValid,
             pending: false,
             forceValidateField,
             updateValue,
+            cancelValidation, // Allow canceling pending validations during reset
             initialValue: unref(initialValue), // Store the initialValue so it can be used during form reset
+            initialIsValid, // Store the initial isValid state for reset
         },
     });
 
@@ -99,22 +108,26 @@ export function useForm(
 
     const computeValidation = (value, required, customValidation, validation, requiredValidation) => {
         const validationResult = customValidation && validation ? resolveFormula(validation)?.value : true;
-        
+
         // Use custom required validation if provided, otherwise use default isEmpty check
         const hasValue = requiredValidation ? requiredValidation(value) : !isValueEmpty(value);
 
+        let finalResult;
+
         // If not required, field is valid unless there's custom validation
         if (!required) {
-            return validationResult;
+            finalResult = validationResult;
         }
-
         // If required and has custom validation, both must be true
-        if (customValidation && validation) {
+        else if (customValidation && validation) {
-            return hasValue && validationResult;
+            finalResult = hasValue && validationResult;
+        }
+        // If just required, check for value using custom or default validation
+        else {
+            finalResult = hasValue;
         }
 
-        // If just required, check for value using custom or default validation
+        return finalResult;
-        return hasValue;
     };
 
     function updateInputValidity(isValid) {
@@ -137,16 +150,22 @@ export function useForm(
     );
 
     let isFirst = true;
+    let hasSetInitialIsValid = false;
     const computedValidation = computed(() => {
-        // We have to compute the validation here, otherwise the reactivity will not work
+        const isValid = computeValidation(
-        const isValid = computeValidation(value.value, required.value, customValidation.value, validation.value, requiredValidation);
+            value.value,
+            required.value,
+            customValidation.value,
+            validation.value,
+            requiredValidation
+        );
         if (isFirst) {
             isFirst = false;
             return null;
         }
         return isValid;
     });
-    watch(computedValidation, isValid => {
+    watch(computedValidation, (isValid, oldIsValid) => {
         if (form.validationType.value === 'change') {
             updateFormInput(id, input => {
                 if (!input[_fieldName.value]) {
@@ -156,17 +175,39 @@ export function useForm(
                 input[_fieldName.value].pending = true;
             });
             debouncedUpdateInputValidity(isValid);
+
+            // Capture the initial isValid state after the first validation completes
+            // This ensures reset returns to the correct initial state
+            // Only capture for fields that have validation (required or custom) AND
+            // only when the value hasn't changed from initial (this is the initial mount validation)
+            const currentValue = value.value;
+            const isStillInitialValue = isEqual(currentValue, initialValueRef);
+            if (!hasSetInitialIsValid && oldIsValid === null && (required.value || customValidation.value) && isStillInitialValue) {
+                hasSetInitialIsValid = true;
+                setTimeout(() => {
+                    updateFormInput(id, input => {
+                        if (input[_fieldName.value]) {
+                            input[_fieldName.value].initialIsValid = input[_fieldName.value].isValid;
+                        }
+                    });
+                }, form.debounceDelay.value + 10);
+            }
         }
     });
     watch(
         () => form.validationType.value,
-        validationType => {
+        (validationType, oldValidationType) => {
             if (validationType === 'change') {
-                updateInputValidity(
+                const computedResult = computeValidation(
-                    computeValidation(value.value, required?.value, customValidation?.value, validation?.value, requiredValidation)
+                    value.value,
+                    required?.value,
+                    customValidation?.value,
+                    validation?.value,
+                    requiredValidation
                 );
+                updateInputValidity(computedResult);
             } else if (validationType === 'submit') {
-                updateInputValidity(true);
+                updateInputValidity(null);
             }
         }
     );
@@ -175,8 +216,18 @@ export function useForm(
     });
     function forceValidateField() {
         debouncedUpdateInputValidity.cancel();
-        const isValid = computeValidation(value.value, required?.value, customValidation?.value, validation?.value, requiredValidation);
+        const isValid = computeValidation(
+            value.value,
+            required?.value,
+            customValidation?.value,
+            validation?.value,
+            requiredValidation
+        );
         updateInputValidity(isValid);
+
+        // Don't capture initialIsValid for submit mode - it should always stay null
+        // Only capture for onChange mode (which happens in the watch of computedValidation)
+
         return isValid;
     }
 

src/components/elements/element-9ecb2cfc-cef7-4be8-b736-3e17a3b7e9ff/src/wwElement.vue

@@ -56,6 +56,7 @@ export default {
         const { formInputs, forceValidateAllFields, resetInputs } = useFormInputs({
             updateInputValidity,
             removeInputValidity,
+            validationType,
         });
 
         const isValid = computed(() => formState.isValid.value);
@@ -100,7 +101,7 @@ export default {
         function _setFormState(isSubmitting, isSubmitted) {
             setFormState({ isSubmitting: !!isSubmitting, isSubmitted: !!isSubmitted });
         }
-        
+
         function resetForm(initialValues = {}) {
             resetInputs(initialValues);
             setFormState({ isSubmitting: false, isSubmitted: false });

src/components/elements/element-a823467c-bdc7-4cec-a38c-71875c4c214a/ww-config.js

@@ -5,124 +5,157 @@ export default {
         bubble: { icon: 'upload' },
         customSettingsPropertiesOrder: [
             // UX properties
+            'type',
+            'reorder',
+            'drop',
+            'maxFileSize',
+            'minFileSize',
+            'maxTotalFileSize',
+            'maxFiles',
+            'required',
+            'readonly',
+            'extensions',
+            'customExtensions',
+            'exposeBase64',
+            'exposeBinary',
             ['formInfobox', 'fieldName', 'customValidation', 'validation'],
-            [
-                'type',
-                'reorder',
-                'drop',
-                'maxFileSize',
-                'minFileSize',
-                'maxTotalFileSize',
-                'maxFiles',
-                'required',
-                'readonly',
-                'extensions',
-                'customExtensions',
-                'exposeBase64',
-                'exposeBinary',
-            ],
         ],
         customStylePropertiesOrder: [
             // Dropzone properties
-            [
+            {
-                'dropzoneTitle',
+                label: "Dropzone",
-                'dropzoneBorderColor',
+                isCollapsible: true,
-                'dropzoneBorderStyle',
+                properties: [
-                'dropzoneBorderWidth',
+                    'dropzoneBorderColor',
-                'dropzoneBorderRadius',
+                    'dropzoneBorderStyle',
-                'dropzoneBackground',
+                    'dropzoneBorderWidth',
-                'dropzoneBackgroundHover',
+                    'dropzoneBorderRadius',
-                'dropzoneBackgroundDragging',
+                    'dropzoneBackground',
-                'dropzonePadding',
+                    'dropzoneBackgroundHover',
-                'dropzoneMinHeight',
+                    'dropzoneBackgroundDragging',
-            ],
+                    'dropzonePadding',
+                    'dropzoneMinHeight',
+                ],
+            },
             // Icon properties
-            [
+            {
-                'iconTitle',
+                label: "Icon",
-                'showUploadIcon',
+                isCollapsible: true,
-                'uploadIcon',
+                properties: [
-                'uploadIconColor',
+                    'showUploadIcon',
-                'uploadIconSize',
+                    'uploadIcon',
-                'uploadIconMargin',
+                    'uploadIconColor',
-                'uploadIconPosition',
+                    'uploadIconSize',
-            ],
+                    'uploadIconMargin',
+                    'uploadIconPosition',
+                ],
+            },
             // Label properties
-            [
+            {
-                'labelTitle',
+                label: "Label",
-                'labelMessage',
+                isCollapsible: true,
-                'labelFontFamily',
+                properties: [
-                'labelFontSize',
+                    'labelMessage',
-                'labelFontWeight',
+                    'labelFontFamily',
-                'labelColor',
+                    'labelFontSize',
-                'labelMargin',
+                    'labelFontWeight',
-            ],
+                    'labelColor',
+                    'labelMargin',
+                ],
+            },
             // Info messages properties
-            [
+            {
-                'infoMessagesTitle',
+                label: "Info messages",
-                'extensionsMessage',
+                isCollapsible: true,
-                'extensionsMessageFontFamily',
+                properties: [
-                'extensionsMessageFontSize',
+                    'extensionsMessage',
-                'extensionsMessageFontWeight',
+                    'extensionsMessageFontFamily',
-                'extensionsMessageColor',
+                    'extensionsMessageFontSize',
-                'extensionsMessageMargin',
+                    'extensionsMessageFontWeight',
-                'maxFileMessage',
+                    'extensionsMessageColor',
-                'maxFileMessageFontFamily',
+                    'extensionsMessageMargin',
-                'maxFileMessageFontSize',
+                    'maxFileMessage',
-                'maxFileMessageFontWeight',
+                    'maxFileMessageFontFamily',
-                'maxFileMessageColor',
+                    'maxFileMessageFontSize',
-                'maxFileMessageMargin',
+                    'maxFileMessageFontWeight',
-            ],
+                    'maxFileMessageColor',
+                    'maxFileMessageMargin',
+                ],
+            },
             // File list properties
-            [
+            {
-                'fileListTitle',
+                label: "File list",
-                'fileItemBackground',
+                isCollapsible: true,
-                'fileItemBorderColor',
+                properties: [
-                'fileItemBorderRadius',
+                    'fileListTitle',
-                'fileItemPadding',
+                    'fileItemBackground',
-                'fileItemMargin',
+                    'fileItemBorderColor',
-                'fileItemShadow',
+                    'fileItemBorderRadius',
-                'progressBarColor',
+                    'fileItemPadding',
-                'progressBarColorWarning',
+                    'fileItemMargin',
-                'fileItemHoverTitle',
+                    'fileItemShadow',
-                'fileItemHoverBorderColor',
+                    'progressBarColor',
-                'fileItemHoverBackground',
+                    'progressBarColorWarning',
-                'fileItemHoverShadow',
+                ],
-            ],
+            },
+            {
+                label: "File item hover states",
+                isCollapsible: true,
+                properties: [
+                    'fileItemHoverBorderColor',
+                    'fileItemHoverBackground',
+                    'fileItemHoverShadow',
+                ],
+            },
             // File details properties
-            [
+            {
-                'fileNameTitle',
+                label: "File name",
-                'fileNameFontFamily',
+                isCollapsible: true,
-                'fileNameFontSize',
+                properties: [
-                'fileNameFontWeight',
+                    'fileNameFontFamily',
-                'fileNameColor',
+                    'fileNameFontSize',
-                'fileDetailsTitle',
+                    'fileNameFontWeight',
-                'showFileInfo',
+                    'fileNameColor',
-                'fileDetailsFontFamily',
+                ],
-                'fileDetailsFontSize',
+            },
-                'fileDetailsFontWeight',
+            {
-                'fileDetailsColor',
+                label: "File details",
-            ],
+                isCollapsible: true,
+                properties: [
+                    'showFileInfo',
+                    'fileDetailsFontFamily',
+                    'fileDetailsFontSize',
+                    'fileDetailsFontWeight',
+                    'fileDetailsColor',
+                ],
+            }, 
             // Action buttons properties
-            [
+            {
-                'actionButtonsTitle',
+                label: "Remove buttons",
-                'actionButtonSize',
+                isCollapsible: true,
-                'actionButtonBackground',
+                properties:  [
-                'actionButtonHoverBackground',
+                    'actionButtonSize',
-                'actionButtonColor',
+                    'actionButtonBackground',
-                'actionButtonBorderColor',
+                    'actionButtonHoverBackground',
-                'actionButtonHoverBorderColor',
+                    'actionButtonColor',
-                'actionButtonBorderRadius',
+                    'actionButtonBorderColor',
-                'actionButtonMargin',
+                    'actionButtonHoverBorderColor',
-            ],
+                    'actionButtonBorderRadius',
+                    'actionButtonMargin',
+                ],
+            },
             // Circle animation properties
-            [
+            {
-                'circleAnimationTitle',
+                label: "Drag & drop animation",
-                'enableCircleAnimation',
+                isCollapsible: true,
-                'circleSize',
+                properties: [
-                'circleColor',
+                    'enableCircleAnimation',
-                'circleOpacity',
+                    'circleSize',
-                'animationSpeed',
+                    'circleColor',
-            ],
+                    'circleOpacity',
+                    'animationSpeed',
+                ],
+            },
         ],
         hint: (_, sidePanelContent) => {
             if (!sidePanelContent.parentSelection) return null;
@@ -293,11 +326,6 @@ export default {
         },
 
         // ======== DROPZONE PROPERTIES ========
-        dropzoneTitle: {
-            type: 'Title',
-            label: { en: 'Dropzone' },
-            section: 'style',
-        },
         dropzoneBorderColor: {
             label: { en: 'Border color' },
             type: 'Color',
@@ -413,11 +441,6 @@ export default {
         },
 
         // ======== ICON PROPERTIES ========
-        iconTitle: {
-            type: 'Title',
-            label: { en: 'Icon' },
-            section: 'icon',
-        },
         showUploadIcon: {
             label: { en: 'Show upload icon' },
             type: 'OnOff',
@@ -491,11 +514,6 @@ export default {
         },
 
         // ======== LABEL PROPERTIES ========
-        labelTitle: {
-            type: 'Title',
-            label: { en: 'Label' },
-            section: 'style',
-        },
         labelMessage: {
             label: { en: 'Label' },
             type: 'Text',
@@ -571,11 +589,6 @@ export default {
         },
 
         // ======== INFO MESSAGES PROPERTIES ========
-        infoMessagesTitle: {
-            type: 'Title',
-            label: { en: 'Info Messages' },
-            section: 'style',
-        },
         extensionsMessage: {
             label: { en: 'Extensions message' },
             type: 'Text',
@@ -724,11 +737,6 @@ export default {
         },
 
         // ======== FILE LIST PROPERTIES ========
-        fileListTitle: {
-            type: 'Title',
-            label: { en: 'File List' },
-            section: 'style',
-        },
         fileItemBackground: {
             label: { en: 'Background color' },
             type: 'Color',
@@ -813,11 +821,6 @@ export default {
             },
             editorOnly: true,
         },
-        fileItemHoverTitle: {
-            type: 'Title',
-            label: { en: 'File Item Hover States' },
-            section: 'style',
-        },
         fileItemHoverBorderColor: {
             label: { en: 'Hover border color' },
             type: 'Color',
@@ -850,11 +853,6 @@ export default {
         },
 
         // ======== FILE DETAILS PROPERTIES ========
-        fileNameTitle: {
-            type: 'Title',
-            label: { en: 'File Name' },
-            section: 'style',
-        },
         fileNameFontFamily: {
             label: { en: 'Font family' },
             type: 'FontFamily',
@@ -912,11 +910,6 @@ export default {
             responsive: true,
             bindable: true,
         },
-        fileDetailsTitle: {
-            type: 'Title',
-            label: { en: 'File Details' },
-            section: 'style',
-        },
         fileDetailsFontFamily: {
             label: { en: 'Font family' },
             type: 'FontFamily',
@@ -976,11 +969,6 @@ export default {
         },
 
         // ======== ACTION BUTTON PROPERTIES ========
-        actionButtonsTitle: {
-            type: 'Title',
-            label: { en: 'Remove Buttons' },
-            section: 'style',
-        },
         actionButtonSize: {
             label: { en: 'Size' },
             type: 'Length',
@@ -1076,11 +1064,6 @@ export default {
         },
 
         // ======== CIRCLE ANIMATION PROPERTIES ========
-        circleAnimationTitle: {
-            type: 'Title',
-            label: { en: 'Drag & Drop Animation' },
-            section: 'style',
-        },
         enableCircleAnimation: {
             label: { en: 'Enable circle animation' },
             type: 'OnOff',

src/components/plugins/plugin-1fa0dd68-5069-436c-9a7d-3b54c340f1fa/ww-config.js

@@ -10,10 +10,15 @@ export default {
                 edit: () => import('./src/components/Configuration/SettingsEditMultiEnv.vue'),
                 summary: () => import('./src/components/Configuration/SettingsSummary.vue'),
                 getIsValid(settings) {
+                    // Prevent saving while branch change is in progress
+                    if (settings.privateData?._isBranchChanging) {
+                        return false;
+                    }
+
                     // Check if using new multi-environment format
                     if (settings.publicData?.environments) {
                         // Production environment is required
-                        return !!(settings.publicData.environments.production?.projectUrl && 
+                        return !!(settings.publicData.environments.production?.projectUrl &&
                                  settings.publicData.environments.production?.apiKey);
                     }
                     // Legacy format validation

src/components/plugins/plugin-f9ef41c3-1c53-4857-855b-f2f6a40b7186/src/wwPlugin.js

@@ -83,17 +83,30 @@ export default {
             this.subscribeTables(settings.publicData.realtimeTables || {});
         }
     },
-    async requestAPI({ method, path, data, params }, retry = true) {
+    async requestAPI({ method, path, data, params, signal }, retry = true) {
         try {
+            // Get current environment and send it explicitly
+            const config = getCurrentSupabaseSettings('supabase');
+            const currentEnv = config.environment; // 'editor', 'staging', or 'production'
+
             return await wwAxios({
                 method,
                 url: `${wwLib.wwApiRequests._getPluginsUrl()}/designs/${
                     wwLib.$store.getters['websiteData/getDesignInfo'].id
                 }/supabase${path}`,
                 data,
-                params,
+                params: {
+                    ...params,
+                    wwEnv: currentEnv, // Send environment explicitly
+                },
+                signal, // Support AbortController signal
             });
         } catch (error) {
+            // Don't retry if request was aborted
+            if (error.name === 'AbortError' || error.code === 'ERR_CANCELED') {
+                throw error;
+            }
+
             const isOauthToken = wwLib.wwPlugins.supabase.settings.privateData.accessToken?.startsWith('sbp_oauth');
             if (retry && [401, 403].includes(error.response?.status) && isOauthToken) {
                 const { data } = await wwAxios.post(
@@ -101,7 +114,7 @@ export default {
                         wwLib.$store.getters['websiteData/getDesignInfo'].id
                     }/supabase/refresh`
                 );
-                return await this.requestAPI({ method, path, data, params }, false);
+                return await this.requestAPI({ method, path, data, params, signal }, false);
             }
             wwLib.wwNotification.open({ text: 'Error while requesting the supabase project.', color: 'red' });
             throw error;

src/components/plugins/plugin-f9ef41c3-1c53-4857-855b-f2f6a40b7186/ww-config.js

@@ -10,10 +10,15 @@ export default {
                 edit: () => import('./src/components/Configuration/SettingsEditMultiEnv.vue'),
                 summary: () => import('./src/components/Configuration/SettingsSummary.vue'),
                 getIsValid(settings) {
+                    // Prevent saving while branch change is in progress
+                    if (settings.privateData?._isBranchChanging) {
+                        return false;
+                    }
+
                     // Check if using new multi-environment format
                     if (settings.publicData?.environments) {
                         // Production environment is required
-                        return !!(settings.publicData.environments.production?.projectUrl && 
+                        return !!(settings.publicData.environments.production?.projectUrl &&
                                  settings.publicData.environments.production?.apiKey);
                     }
                     // Legacy format validation

src/pinia/componentBases.js

@@ -22,7 +22,6 @@ import wwobject3a7d637912d3438798ffb332bb492a63 from '@/components/elements/elem
 import wwobjectb783dc65d5284f748c14e27c934c39b1 from '@/components/elements/element-b783dc65-d528-4f74-8c14-e27c934c39b1/ww-config.js';
 import wwobject14723a2101784d92a7e9d1dfeaec29a7 from '@/components/elements/element-14723a21-0178-4d92-a7e9-d1dfeaec29a7/ww-config.js';
 import wwobject53401515b6944c79a88dabeecb1de562 from '@/components/elements/element-53401515-b694-4c79-a88d-abeecb1de562/ww-config.js';
-import wwobject9896d6950c964a0fb587c25e879ece77 from '@/components/elements/element-9896d695-0c96-4a0f-b587-c25e879ece77/ww-config.js';
 import wwobject547a655e37cd49ff9c4fc6b917a0b680 from '@/components/elements/element-547a655e-37cd-49ff-9c4f-c6b917a0b680/ww-config.js';
 import wwobject6d692ca26cdc4805aa0c211102f335d0 from '@/components/elements/element-6d692ca2-6cdc-4805-aa0c-211102f335d0/ww-config.js';
 import wwobject1b1e21739b7842cca8eea6167caea340 from '@/components/elements/element-1b1e2173-9b78-42cc-a8ee-a6167caea340/ww-config.js';
@@ -31,11 +30,12 @@ import wwobject57831abf83ad49adba973bd30b035710 from '@/components/elements/elem
 import wwobject59dca300db7842e4a7a60cbf22d3cc82 from '@/components/elements/element-59dca300-db78-42e4-a7a6-0cbf22d3cc82/ww-config.js';
 import wwobject1be951afde7143e6ad1ee9b36de15529 from '@/components/elements/element-1be951af-de71-43e6-ad1e-e9b36de15529/ww-config.js';
 import wwobjectdeb10a015eef4aa190171b51c2ad6fd0 from '@/components/elements/element-deb10a01-5eef-4aa1-9017-1b51c2ad6fd0/ww-config.js';
-import wwobject985570fcb3c04566800482ab3b30a11d from '@/components/elements/element-985570fc-b3c0-4566-8004-82ab3b30a11d/ww-config.js';
-import wwobjecta823467cbdc74ceca38c71875c4c214a from '@/components/elements/element-a823467c-bdc7-4cec-a38c-71875c4c214a/ww-config.js';
 import wwobject9ae1fce82e314bfda4d20450235bdfd5 from '@/components/elements/element-9ae1fce8-2e31-4bfd-a4d2-0450235bdfd5/ww-config.js';
 import wwobjectc6c0c00e49fd4cb9bd785bc09945721e from '@/components/elements/element-c6c0c00e-49fd-4cb9-bd78-5bc09945721e/ww-config.js';
 import wwobjecteb4b02a3cbe647e98db5322da8047160 from '@/components/elements/element-eb4b02a3-cbe6-47e9-8db5-322da8047160/ww-config.js';
+import wwobject9896d6950c964a0fb587c25e879ece77 from '@/components/elements/element-9896d695-0c96-4a0f-b587-c25e879ece77/ww-config.js';
+import wwobjecta823467cbdc74ceca38c71875c4c214a from '@/components/elements/element-a823467c-bdc7-4cec-a38c-71875c4c214a/ww-config.js';
+import wwobject985570fcb3c04566800482ab3b30a11d from '@/components/elements/element-985570fc-b3c0-4566-8004-82ab3b30a11d/ww-config.js';
 import wwobject9ecb2cfccef74be8b7363e17a3b7e9ff from '@/components/elements/element-9ecb2cfc-cef7-4be8-b736-3e17a3b7e9ff/ww-config.js';
 /* wwFront:end */
 
@@ -63,7 +63,6 @@ export const useComponentBasesStore = defineStore('componentBases', () => {
 'wwobject-b783dc65-d528-4f74-8c14-e27c934c39b1': getInheritedConfiguration({ ...wwobjectb783dc65d5284f748c14e27c934c39b1, name: 'wwobject-b783dc65-d528-4f74-8c14-e27c934c39b1' }),
 'wwobject-14723a21-0178-4d92-a7e9-d1dfeaec29a7': getInheritedConfiguration({ ...wwobject14723a2101784d92a7e9d1dfeaec29a7, name: 'wwobject-14723a21-0178-4d92-a7e9-d1dfeaec29a7' }),
 'wwobject-53401515-b694-4c79-a88d-abeecb1de562': getInheritedConfiguration({ ...wwobject53401515b6944c79a88dabeecb1de562, name: 'wwobject-53401515-b694-4c79-a88d-abeecb1de562' }),
-'wwobject-9896d695-0c96-4a0f-b587-c25e879ece77': getInheritedConfiguration({ ...wwobject9896d6950c964a0fb587c25e879ece77, name: 'wwobject-9896d695-0c96-4a0f-b587-c25e879ece77' }),
 'wwobject-547a655e-37cd-49ff-9c4f-c6b917a0b680': getInheritedConfiguration({ ...wwobject547a655e37cd49ff9c4fc6b917a0b680, name: 'wwobject-547a655e-37cd-49ff-9c4f-c6b917a0b680' }),
 'wwobject-6d692ca2-6cdc-4805-aa0c-211102f335d0': getInheritedConfiguration({ ...wwobject6d692ca26cdc4805aa0c211102f335d0, name: 'wwobject-6d692ca2-6cdc-4805-aa0c-211102f335d0' }),
 'wwobject-1b1e2173-9b78-42cc-a8ee-a6167caea340': getInheritedConfiguration({ ...wwobject1b1e21739b7842cca8eea6167caea340, name: 'wwobject-1b1e2173-9b78-42cc-a8ee-a6167caea340' }),
@@ -72,11 +71,12 @@ export const useComponentBasesStore = defineStore('componentBases', () => {
 'wwobject-59dca300-db78-42e4-a7a6-0cbf22d3cc82': getInheritedConfiguration({ ...wwobject59dca300db7842e4a7a60cbf22d3cc82, name: 'wwobject-59dca300-db78-42e4-a7a6-0cbf22d3cc82' }),
 'wwobject-1be951af-de71-43e6-ad1e-e9b36de15529': getInheritedConfiguration({ ...wwobject1be951afde7143e6ad1ee9b36de15529, name: 'wwobject-1be951af-de71-43e6-ad1e-e9b36de15529' }),
 'wwobject-deb10a01-5eef-4aa1-9017-1b51c2ad6fd0': getInheritedConfiguration({ ...wwobjectdeb10a015eef4aa190171b51c2ad6fd0, name: 'wwobject-deb10a01-5eef-4aa1-9017-1b51c2ad6fd0' }),
-'wwobject-985570fc-b3c0-4566-8004-82ab3b30a11d': getInheritedConfiguration({ ...wwobject985570fcb3c04566800482ab3b30a11d, name: 'wwobject-985570fc-b3c0-4566-8004-82ab3b30a11d' }),
-'wwobject-a823467c-bdc7-4cec-a38c-71875c4c214a': getInheritedConfiguration({ ...wwobjecta823467cbdc74ceca38c71875c4c214a, name: 'wwobject-a823467c-bdc7-4cec-a38c-71875c4c214a' }),
 'wwobject-9ae1fce8-2e31-4bfd-a4d2-0450235bdfd5': getInheritedConfiguration({ ...wwobject9ae1fce82e314bfda4d20450235bdfd5, name: 'wwobject-9ae1fce8-2e31-4bfd-a4d2-0450235bdfd5' }),
 'wwobject-c6c0c00e-49fd-4cb9-bd78-5bc09945721e': getInheritedConfiguration({ ...wwobjectc6c0c00e49fd4cb9bd785bc09945721e, name: 'wwobject-c6c0c00e-49fd-4cb9-bd78-5bc09945721e' }),
 'wwobject-eb4b02a3-cbe6-47e9-8db5-322da8047160': getInheritedConfiguration({ ...wwobjecteb4b02a3cbe647e98db5322da8047160, name: 'wwobject-eb4b02a3-cbe6-47e9-8db5-322da8047160' }),
+'wwobject-9896d695-0c96-4a0f-b587-c25e879ece77': getInheritedConfiguration({ ...wwobject9896d6950c964a0fb587c25e879ece77, name: 'wwobject-9896d695-0c96-4a0f-b587-c25e879ece77' }),
+'wwobject-a823467c-bdc7-4cec-a38c-71875c4c214a': getInheritedConfiguration({ ...wwobjecta823467cbdc74ceca38c71875c4c214a, name: 'wwobject-a823467c-bdc7-4cec-a38c-71875c4c214a' }),
+'wwobject-985570fc-b3c0-4566-8004-82ab3b30a11d': getInheritedConfiguration({ ...wwobject985570fcb3c04566800482ab3b30a11d, name: 'wwobject-985570fc-b3c0-4566-8004-82ab3b30a11d' }),
 'wwobject-9ecb2cfc-cef7-4be8-b736-3e17a3b7e9ff': getInheritedConfiguration({ ...wwobject9ecb2cfccef74be8b7363e17a3b7e9ff, name: 'wwobject-9ecb2cfc-cef7-4be8-b736-3e17a3b7e9ff' })};
     /* wwFront:end */
  

template.html

@@ -12,20 +12,20 @@
 
         <link rel="icon" type="image/x-icon" href="favicon.ico?_wwcv={{cacheVersion}}" />
 
-        <link rel="manifest" href="manifest.json?_wwcv=205" />
+        <link rel="manifest" href="manifest.json?_wwcv=206" />
         <meta name="theme-color" content="" />
-        <link rel="apple-touch-icon" sizes="48x48" href="images/48-favicon.png?_wwcv=205">
+        <link rel="apple-touch-icon" sizes="48x48" href="images/48-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="72x72" href="images/72-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="72x72" href="images/72-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="96x96" href="images/96-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="96x96" href="images/96-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="128x128" href="images/128-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="128x128" href="images/128-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="144x144" href="images/144-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="144x144" href="images/144-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="152x152" href="images/152-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="152x152" href="images/152-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="192x192" href="images/192-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="192x192" href="images/192-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="256x256" href="images/256-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="256x256" href="images/256-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="384x384" href="images/384-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="384x384" href="images/384-favicon.png?_wwcv=206">
-<link rel="apple-touch-icon" sizes="512x512" href="images/512-favicon.png?_wwcv=205">
+<link rel="apple-touch-icon" sizes="512x512" href="images/512-favicon.png?_wwcv=206">
         <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
-<link href="/fonts/Phosphor/font.css?_wwcv=205" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<link href="/fonts/Phosphor/font.css?_wwcv=206" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
 <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
 <style>:root{ --ww-default-font-family: 'Raleway', sans-serif }</style>
         <style>