glib-web 3.0.2 → 3.0.3

package/components/fields/radioGroup.vue

@@ -31,12 +31,13 @@ export default {
     },
     childSpec(childView) {
       const cls = Object.assign({}, childView)
+      cls.styleClasses ||= []
       if (this.activeClass(cls)) {
         if (!cls.styleClasses.includes('radio--active')) {
           cls.styleClasses.push('radio--active')
         }
       } else {
-        cls.styleClasses = childView.styleClasses.filter((v) => v != 'radio--active')
+        cls.styleClasses = cls.styleClasses.filter((v) => v != 'radio--active')
       }
       return cls;
     },

package/components/fields/richText.vue

@@ -12,10 +12,10 @@
       use-custom-image-handler :editor-options="editorSettings" @text-change="onRichTextEditorChanged"
       @image-added="uploadImage" /> -->
     <QuillEditor v-if="!rawMode" ref="quilEditor" theme="snow" :toolbar="customToolbar" :content="richEditorValue"
-      contentType="html" :modules="modules" @textChange="onRichTextEditorChanged" />
+      contentType="html" :modules="modules" @textChange="onRichTextEditorChanged" class="rich-editor" />
     <!-- Hide these fields but don't remove them because these are the values that will get submitted. -->
     <div :style="{ display: rawMode ? 'block' : 'none' }">
-      <v-textarea id="raw-editor" v-model="rawEditorValue" :style="$styles()" :class="$classes()"
+      <v-textarea class="raw-editor" v-model="rawEditorValue" :style="$styles()" :class="$classes()"
         :outlined="$classes().includes('outlined') || null" @input="onRawTextEditorChanged"></v-textarea>
       <v-text-field v-for="(imageKey, index) in imageKeys" :key="index" :label="`Image ${index + 1}`" :style="$styles()"
         :outlined="$classes().includes('outlined') || null" type="text" :name="imageUploader.name"
@@ -348,8 +348,8 @@ export default {
   z-index: 99;
   background-color: white;
 } */
-#rich-editor,
-#raw-editor {
+.rich-editor,
+.raw-editor {
   height: 350px;
 }
 </style>

package/components/fields/textarea.vue

@@ -3,7 +3,8 @@
     <v-textarea v-model="fieldModel" :label="spec.label" :name="fieldName" :hint="spec.hint"
       :placeholder="spec.placeholder" :maxlength="spec.maxLength || 255" :disabled="spec.readOnly" :height="height"
       :rules="$validation()" counter :outlined="$classes().includes('outlined')"
-      :no-resize="$classes().includes('no-resize')" validate-on="blur" :variant="variant"></v-textarea>
+      :no-resize="$classes().includes('no-resize')" validate-on="blur" :variant="variant"
+      persistent-placeholder></v-textarea>
     <input v-if="spec.readOnly" type="hidden" :name="fieldName" :value="fieldModel" />
   </div>
 </template>

package/components/panels/timeline.vue

@@ -6,9 +6,8 @@
         :small="itemClasses(item).includes('small') || null" :large="itemClasses(item).includes('large')"
         :hide-dot="item.hide_dot" fill-dot>
         <template v-slot:icon>
-          <div :class="
-            itemClasses(item).includes('outlined') ? 'outlined-dots' : ''
-          ">
+          <div :class="itemClasses(item).includes('outlined') ? 'outlined-dots' : ''
+            ">
             <div v-if="item.text" class="number-circle" :style="{ color: item.color }">
               {{ item.text }}
             </div>
@@ -95,7 +94,7 @@ export default {
 }
 
 .outlined .v-timeline-item {
-  ::v-deep .v-timeline-item__dot {
+  :deep(.v-timeline-item__dot) {
     box-shadow: none;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glib-web",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "",
   "main": "index.js",
   "scripts": {