@mixd-id/web-scaffold 0.1.230406150 → 0.1.230406151

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406150",
+  "version": "0.1.230406151",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Alert.vue

@@ -131,7 +131,9 @@ export default{
 				this.alert
 
 			if(err.errors){
-				return Object.values(err.errors).join("\n")
+				return typeof err.errors === 'object' && Object.keys(err.errors).length > 0 ?
+            Object.values(err.errors).join("\n") :
+            err.errors
 			}
 			else if(err.message){
 				return err.message

package/src/components/Article.vue

@@ -1,6 +1,6 @@
 <template>
 	<div :class="$style.comp">
-    <article :class="$style.article"
+    <article ref="article" :class="$style.article"
              v-html="htmlText"
              :contenteditable="editMode"
              @input="onInput"
@@ -27,7 +27,7 @@ export default{
 	methods: {
 
 		getSelection(){
-			const { text = '', href = '', target = '' } = saveSelection(this.$el)
+			const { text = '', href = '', target = '' } = saveSelection(this.$refs.article)
 			return {
 				text,
 				href,
@@ -55,7 +55,7 @@ export default{
 
 		onClick(){
 			if(this.editMode){
-				let { element } = getSelection(this.$el)
+				let { element } = getSelection(this.$refs.article)
 
 				const table = this.closest(element, 'table')
 
@@ -81,7 +81,7 @@ export default{
 				uid: this.uid,
 				type: 'setProp',
 				value: {
-					htmlText: this.$el.innerHTML
+					htmlText: this.$refs.article.innerHTML
 				}
 			}, '*')
 		},
@@ -100,7 +100,7 @@ export default{
 
 		addTableColumn(){
 
-			let { element } = getSelection(this.$el)
+			let { element } = getSelection(this.$refs.article)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -129,7 +129,7 @@ export default{
 
 		addTableRow(){
 
-			let { element } = getSelection(this.$el)
+			let { element } = getSelection(this.$refs.article)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -153,7 +153,7 @@ export default{
 
 		removeTableRow(){
 
-			let { element } = getSelection(this.$el)
+			let { element } = getSelection(this.$refs.article)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -170,7 +170,7 @@ export default{
 
 		removeTableColumn(){
 
-			let { element } = getSelection(this.$el)
+			let { element } = getSelection(this.$refs.article)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -231,7 +231,7 @@ export default{
 
 						case 'saveSelection':
 						case 'getSelection':
-							const sel = saveSelection(this.$el)
+							const sel = saveSelection(this.$refs.article)
 							const { text, target, href } = sel
 							result = {
 								text,
@@ -256,7 +256,7 @@ export default{
 							break
 
 						case 'removeLink':
-							const { element } = getSelection(this.$el)
+							const { element } = getSelection(this.$refs.article)
 
 							let a = element
 							while(a && a.tagName !== 'A'){

package/src/components/Modal.vue

@@ -239,7 +239,7 @@ export default{
 }
 
 .modalBody{
-	@apply flex-1 min-h-0 overflow-y-auto flex bg-base-400;
+	@apply flex-1 min-h-0 overflow-y-auto flex;
 }
 
 .overlay{

package/src/widgets/IconList.vue

@@ -3,7 +3,7 @@
 		<div v-for="(icon, index) in icons" :key="index" class="text-center p-3">
 			<router-link :to="icon.target ?? ''">
 				<Image :src="imageUrl(icon)" class="inline-block aspect-square w-[90%] md:w-[95%] max-w-[64px] rounded-xl"
-							 spinner-type="shimmer"/>
+							 spinner-type="shimmer" edit-selectable="false"/>
 				<small class="block mt-1 text-center text-xs md:text-sm">{{ icon.text }}</small>
 			</router-link>
 		</div>

package/src/widgets/WebPageBuilder.vue

@@ -1009,10 +1009,10 @@ export default{
 
 		onKeyDown(e){
 			if(e.keyCode === 67 && (e.metaKey || e.ctrlKey)){
-				this.copy()
+				//this.copy()
 			}
 			else if(e.keyCode === 86 && (e.metaKey || e.ctrlKey)){
-				this.paste(e)
+				//this.paste(e)
 			}
 			/*else if(e.keyCode === 8){
 				if(this.currentItem){