@bagelink/vue 0.0.158 → 0.0.160

package/dist/style.css

@@ -758,27 +758,6 @@
 }
 }
 
-.data[data-v-0350cc0c] {
-	border: 1.1px solid var(--border-color);
-	padding: 20px;
-	border-radius: var(--input-border-radius);
-}
-.data-row[data-v-0350cc0c] {
-	display: flex;
-	justify-content: space-between;
-	padding-bottom: 0.5rem;
-	margin-bottom: 0.5rem;
-	opacity: 0.8;
-	border-bottom: 1px solid var(--border-color);
-}
-.data-link[data-v-0350cc0c] {
-	display: block;
-	font-size: var(--input-font-size);
-	margin-bottom: 2px;
-	line-height: 1.3;
-	color: var(--input-color);
-}
-
 .del-top {
 	transform: translateY(-2.6rem);
 }
@@ -968,6 +947,157 @@ th[data-v-fa7146ce] {
 }
 }
 
+.data[data-v-0350cc0c] {
+	border: 1.1px solid var(--border-color);
+	padding: 20px;
+	border-radius: var(--input-border-radius);
+}
+.data-row[data-v-0350cc0c] {
+	display: flex;
+	justify-content: space-between;
+	padding-bottom: 0.5rem;
+	margin-bottom: 0.5rem;
+	opacity: 0.8;
+	border-bottom: 1px solid var(--border-color);
+}
+.data-link[data-v-0350cc0c] {
+	display: block;
+	font-size: var(--input-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
+	color: var(--input-color);
+}
+
+/* .uploading-wrap {
+	width: 100%;
+} */
+
+/* .uploading {
+	margin: 0.5rem;
+} */
+
+/* .img-label .icon-font {
+	font-size: 30px;
+	margin-bottom: 10px;
+} */
+
+/* .img-label span {
+	text-decoration: underline;
+}
+
+.file-input {
+	display: none;
+} */
+.files-wrapper {
+	/* flex-direction: column;
+	border-radius: 10px; */
+	/*overflow: hidden;*/
+	/* min-height: 100px;
+	font-size: var(--input-font-size); */
+}
+.drop-zone {
+	/* background-color: var(--bgl-bg);
+	height: 100%;
+	width: 100%;
+	flex-grow: 1;
+	position: relative;
+	overflow: hidden;
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	outline: dashed 1px var(--bgl-black-tint);
+	border-radius: 10px;
+	padding: 1px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	color: var(--input-color); */
+}
+.drop-zone:hover {
+	/* color: var(--bgl-blue);
+	outline: dashed 1px var(--bgl-blue-tint); */
+}
+.drop-circle {
+	/* pointer-events: none;
+	position: absolute;
+	width: 100px;
+	height: 100px;
+	border-radius: 50%;
+	background-color: var(--bgl-blue-tint);
+	display: flex;
+	top: v-bind(circleTop);
+	left: v-bind(circleLeft);
+	transform: translate(-50%, -50%) scale(1);
+	transform-origin: left top; */
+}
+
+/* .drop-circle.active {
+    color: red;
+    background-color: black;
+    transform: translate(-50%, -50%) scale(1);
+    transition: transform 0.2s ease-in-out;
+} */
+.load-file-bar {
+	/* display: flex;
+	align-items: center;
+	justify-content: space-between;
+	background: var(--bgl-white);
+	border-radius: var(--btn-border-radius);
+	width: 100%;
+	color: var(--input-color);
+	height: var(--btn-height);
+	padding: 0.5rem;
+	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+	white-space: nowrap; */
+}
+.load-file-bar p {
+	/* width: calc(100% - 40px);
+	overflow: hidden;
+	text-overflow: ellipsis; */
+}
+.load-file-bar span {
+	/* font-size: 10px; */
+}
+.pie {
+	/* width: 30px;
+	height: 30px;
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center; */
+}
+
+/* .pie:before {
+	content: '';
+	position: absolute;
+	border-radius: 50%;
+	inset: 0;
+	background: conic-gradient(var(--bgl-blue) calc(var(--p) * 1%), #0000 0);
+	-webkit-mask: radial-gradient(
+		farthest-side,
+		#0000 calc(99% - var(--b)),
+		#000 calc(100% - var(--b))
+	);
+	mask: radial-gradient(
+		farthest-side,
+		#0000 calc(99% - var(--b)),
+		#000 calc(100% - var(--b))
+	);
+} */
+
+/* .pop-enter-active {
+	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
+}
+
+.pop-leave-active {
+	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
+}
+
+.pop-enter-from,
+.pop-leave-to {
+	scale: 0;
+} */
+
 /* .group-wrap * {
   outline: 1px solid red;
 } */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.158",
+  "version": "0.0.160",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/formkit/index.ts

@@ -28,6 +28,6 @@ export {
 	FileUploadInput,
 };
 
-export type{ BankDetailsContext } from './BankDetailsArray.vue';
-export type{ AddressArrContext } from './AddressArray.vue';
-export type{ ContactArrContext } from './ContactArrayFormKit.vue';
+export type { BankDetailsContext } from './BankDetailsArray.vue';
+export type { AddressArrContext } from './AddressArray.vue';
+export type { ContactArrContext } from './ContactArrayFormKit.vue';

package/src/components/index.ts

@@ -11,13 +11,14 @@ export { default as TabbedLayout } from './TabbedLayout.vue';
 export { default as Comments } from './Comments.vue';
 export { default as PageTitle } from './PageTitle.vue';
 export { default as ModalForm } from './ModalForm.vue';
-export { default as DataPreview } from './DataPreview.vue';
 export { default as FormSchema } from './FormSchema.vue';
 export { default as TableSchema } from './TableSchema.vue';
 export { default as TopBar } from './TopBar.vue';
 export { default as RouterWrapper } from './RouterWrapper.vue';
 export { default as ContactSubmissions } from './ContactSubmissions.vue';
 export { default as PersonPreview } from './PersonPreview.vue';
+export { default as DataPreview } from './DataPreview.vue';
+export { default as FileUploader } from './FileUploader.vue';
 
 export * from './charts';
 export * from './formkit';