@bagelink/vue 0.0.384 → 0.0.392

package/dist/style.css

@@ -390,7 +390,6 @@ a[data-v-d09a83c5] {
 	overflow: auto;
 	margin: 0 auto;
 	width: 100%;
-	text-align: center;
 	display: grid;
 	align-items: center;
 }
@@ -402,9 +401,9 @@ a[data-v-d09a83c5] {
 .modal {
 	width: 96%;
 	max-width: 720px;
-	transform: scale(0.5);
-	opacity: 0;
-	transition: all ease-in-out 0.15s;
+	/* transform: scale(0.5); */
+	/* opacity: 0; */
+	transition: all ease-in-out 0.18s;
 	margin-left: auto;
 	margin-right: auto;
 	height: fit-content;
@@ -432,7 +431,7 @@ a[data-v-d09a83c5] {
 }
 
 .is-side .modal {
-	inset-inline-end: -600px;
+	inset-inline-end: -1720px;
 	transform: scale(1);
 	opacity: 1;
 	/* position: fixed; */
@@ -464,7 +463,7 @@ a[data-v-d09a83c5] {
 }
 
 .is-active.is-side .modal {
-	inset-inline-end: 20px;
+	inset-inline-end: 0px;
 	transform: translateX(0%);
 }
 
@@ -624,108 +623,112 @@ a[data-v-d09a83c5] {
   gap: 1rem;
 }
 
-.list-arrows[data-v-f3641508] {
-  opacity: 0;
+.list-arrows[data-v-10808aad] {
+	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-f3641508] {
-  transition: all ease-in-out 0.2s;
+.list-arrows .bgl_icon-font[data-v-10808aad] {
+	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-f3641508] {
-  opacity: 1;
+.list-arrows.sorted[data-v-10808aad] {
+	opacity: 1;
 }
-.col img[data-v-f3641508] {
-  height: 35px;
-  margin-top: -14px;
-  margin-bottom: -14px;
-  border-radius: 5px;
+.col img[data-v-10808aad] {
+	height: 35px;
+	margin-top: -14px;
+	margin-bottom: -14px;
+	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-f3641508] {
-  transform: rotate(180deg);
+.list-arrows.sorted .desc[data-v-10808aad] {
+	transform: rotate(180deg);
 }
-table[data-v-f3641508] {
-  border-collapse: separate;
-  border-spacing: 0 15px;
-  border-collapse: collapse;
+table[data-v-10808aad] {
+	border-collapse: separate;
+	border-spacing: 0 15px;
+	border-collapse: collapse;
 }
-th[data-v-f3641508] {
-  font-weight: 400;
+th[data-v-10808aad] {
+	font-weight: 400;
 }
-.row[data-v-f3641508] {
-  border-bottom: 1px solid var(--border-color);
-  cursor: pointer;
+.embedded-field[data-v-10808aad] {
+	margin-bottom: -0.2rem;
+	margin-top: -0.2rem;
 }
-.row.first-row[data-v-f3641508] {
-  font-size: 0.8rem;
-  color: var(--bgl-black-tint);
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  background: var(--bgl-white);
-  height: 50px;
-  vertical-align: bottom;
+.row[data-v-10808aad] {
+	border-bottom: 1px solid var(--border-color);
+	cursor: pointer;
 }
-.row.first-row[data-v-f3641508]::after {
-  content: "";
-  border-bottom: 1px solid var(--border-color);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: -1px;
+.row.first-row[data-v-10808aad] {
+	font-size: 0.8rem;
+	color: var(--bgl-black-tint);
+	position: sticky;
+	top: 0;
+	z-index: 2;
+	background: var(--bgl-white);
+	height: 50px;
+	vertical-align: bottom;
 }
-.first-row .col[data-v-f3641508] {
-  cursor: pointer;
-  background: var(--bgl-white);
+.row.first-row[data-v-10808aad]::after {
+	content: '';
+	border-bottom: 1px solid var(--border-color);
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: -1px;
 }
-.col[data-v-f3641508] {
-  white-space: nowrap;
-padding: 0.75rem 0.5rem;
-  transition: var(--bgl-transition);
-  line-height: 1;
-  align-items: center;
+.first-row .col[data-v-10808aad] {
+	cursor: pointer;
+	background: var(--bgl-white);
 }
-.col>div[data-v-f3641508] {
-  display: flex;
-  gap: 0.5rem;
+.col[data-v-10808aad] {
+	white-space: nowrap;
+	padding: 0.75rem 0.5rem;
+	transition: var(--bgl-transition);
+	line-height: 1;
+	align-items: center;
 }
-.max-col-width[data-v-f3641508] {
-  max-width: 30vw;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.col > div[data-v-10808aad] {
+	display: flex;
+	gap: 0.5rem;
 }
-.col.check .bgl_icon-font[data-v-f3641508] {
-  border-radius: 100%;
-  background: var(--bgl-blue-20);
-  color: var(--bgl-primary);
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: -2px;
+.max-col-width[data-v-10808aad] {
+	max-width: 30vw;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
-.rows[data-v-f3641508] {
-  font-size: 0.8125em;
+.col.check .bgl_icon-font[data-v-10808aad] {
+	border-radius: 100%;
+	background: var(--bgl-blue-20);
+	color: var(--bgl-primary);
+	width: 20px;
+	height: 20px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: -2px;
 }
-.table-list[data-v-f3641508] {
-  height: 100%;
-  position: relative;
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-  overflow: auto;
+.rows[data-v-10808aad] {
+	font-size: 0.8125em;
+}
+.table-list[data-v-10808aad] {
+	height: 100%;
+	position: relative;
+	padding-left: 0 !important;
+	padding-right: 0 !important;
+	overflow: auto;
 }
-.BagelTable .table-list[data-v-f3641508] {
-  overflow: unset;
+.BagelTable .table-list[data-v-10808aad] {
+	overflow: unset;
 }
-.row-item[data-v-f3641508] {
-  height: 50px;
-  transition: all 200ms ease;
+.row-item[data-v-10808aad] {
+	height: 50px;
+	transition: all 200ms ease;
 }
-.row-item[data-v-f3641508]:hover {
-  background: var(--bgl-gray-light);
+.row-item[data-v-10808aad]:hover {
+	background: var(--bgl-gray-light);
 }
-.infinite-wrapper[data-v-f3641508] {
-  overflow-y: auto;
-  width: 100%;
+.infinite-wrapper[data-v-10808aad] {
+	overflow-y: auto;
+	width: 100%;
 }
 
 .data[data-v-bb2526f9] {
@@ -838,45 +841,49 @@ display: block;
   width: calc(100% - 5rem);
 }
 
-.inline[data-v-10743b06] {
-  display: inline;
+.inline[data-v-561f7a72] {
+	display: inline;
 }
 
 .pill {
-    border-radius: 10px;
-    padding: 4px 8px;
-    font-size: 10px;
-    background: var(--bgl-gray-light);
-    white-space: nowrap;
-    display: inline;
+	border-radius: 10px;
+	padding: 4px 8px;
+	font-size: 10px;
+	background: var(--bgl-gray-light);
+	white-space: nowrap;
+	display: inline;
+}
+.pill.light {
+	background: var(--bgl-blue-light);
+	color: var(--bgl-black);
 }
 .pill.blue {
-    background: var(--bgl-blue-light);
-    color: var(--bgl-primary);
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 .pill.red {
-    background-color: var(--bgl-red-tint);
-    color: var(--bgl-red);
+	background-color: var(--bgl-red-tint);
+	color: var(--bgl-red);
 }
 .pill.green {
-    background-color: var(--bgl-green);
-    color: var(--bgl-white);
+	background-color: var(--bgl-green);
+	color: var(--bgl-white);
 }
 .pill.orange {
-    background-color: var(--bgl-yellow);
-    color: var(--bgl-black);
+	background-color: var(--bgl-yellow);
+	color: var(--bgl-black);
 }
 .pill.yellow {
-    background-color: var(--bgl-yellow);
+	background-color: var(--bgl-yellow);
 }
 .pill.Paid,
 .pill.Active {
-    background-color: var(--bgl-green);
-    color: white;
+	background-color: var(--bgl-green);
+	color: white;
 }
 .pill.Error {
-    background-color: var(--bgl-red-tint);
-    color: var(--bgl-red);
+	background-color: var(--bgl-red-tint);
+	color: var(--bgl-red);
 }
 
 .bgl_vid iframe[data-v-bbfc4353],
@@ -1049,10 +1056,10 @@ display: block;
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-ab376074] {
+.selectinput[data-v-1eb708f2] {
 	width: 100%;
 }
-.selectinput-option[data-v-ab376074] {
+.selectinput-option[data-v-1eb708f2] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1063,14 +1070,14 @@ display: block;
 	width: 100%;
 	font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-ab376074] {
+.selectinput-options[data-v-1eb708f2] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-ab376074]:hover {
+.selectinput-option[data-v-1eb708f2]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-ab376074] {
+.isEmpty p[data-v-1eb708f2] {
 	opacity: 0.3;
 }
 
@@ -1456,29 +1463,29 @@ display: block;
 }
 }
 
-.radio-pill label[data-v-e47ae8b5] {
-  color: var(--bgl-primary);
-  white-space: nowrap;
-  border-radius: calc(var(--btn-border-radius) * 2);
-  outline: 1px solid var(--bgl-primary);
-  padding-left: calc(var(--btn-padding) / 2);
-  padding-right: calc(var(--btn-padding) / 2);
-  padding-top: calc(var(--btn-padding) / 6);
-  padding-bottom: calc(var(--btn-padding) / 6);
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  background: var(--bgl-white);
-  user-select: none;
+.radio-pill label[data-v-ee7dd382] {
+	color: var(--bgl-primary);
+	white-space: nowrap;
+	border-radius: calc(var(--btn-border-radius) * 2);
+	outline: 1px solid var(--bgl-primary);
+	padding-left: calc(var(--btn-padding) / 2);
+	padding-right: calc(var(--btn-padding) / 2);
+	padding-top: calc(var(--btn-padding) / 6);
+	padding-bottom: calc(var(--btn-padding) / 6);
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	background: var(--bgl-white);
+	user-select: none;
 }
-.radio-pill label[data-v-e47ae8b5]:hover {
-  filter: var(--bgl-hover-filter);
+.radio-pill label[data-v-ee7dd382]:hover {
+	filter: var(--bgl-hover-filter);
 }
-.radio-pill input[data-v-e47ae8b5] {
-  display: none;
+.radio-pill input[data-v-ee7dd382] {
+	display: none;
 }
-.radio-pill input:checked~label[data-v-e47ae8b5] {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
+.radio-pill input:checked ~ label[data-v-ee7dd382] {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 
 .bagel-input .fileUploadWrap[data-v-0dbacaa0] {

package/package.json

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

package/src/components/Badge.vue

@@ -11,63 +11,68 @@ import { Icon } from '@bagelink/vue';
 import type { MaterialIcons } from '@bagelink/vue';
 
 type Props = {
-  color?: 'green' | 'red' | 'blue' | 'light' | 'gray',
-  size?: string,
-  text: string,
-  icon?: MaterialIcons
-  'icon.end'?: MaterialIcons
-}
+	'color'?: 'green' | 'red' | 'blue' | 'light' | 'gray';
+	'size'?: string;
+	'text': string;
+	'icon'?: MaterialIcons;
+	'icon.end'?: MaterialIcons;
+};
 
 const props = defineProps<Props>();
 </script>
 
 <style scoped>
 .inline {
-  display: inline;
+	display: inline;
 }
 </style>
 <style>
 .pill {
-    border-radius: 10px;
-    padding: 4px 8px;
-    font-size: 10px;
-    background: var(--bgl-gray-light);
-    white-space: nowrap;
-    display: inline;
+	border-radius: 10px;
+	padding: 4px 8px;
+	font-size: 10px;
+	background: var(--bgl-gray-light);
+	white-space: nowrap;
+	display: inline;
+}
+
+.pill.light {
+	background: var(--bgl-blue-light);
+	color: var(--bgl-black);
 }
 
 .pill.blue {
-    background: var(--bgl-blue-light);
-    color: var(--bgl-primary);
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 
 .pill.red {
-    background-color: var(--bgl-red-tint);
-    color: var(--bgl-red);
+	background-color: var(--bgl-red-tint);
+	color: var(--bgl-red);
 }
 
 .pill.green {
-    background-color: var(--bgl-green);
-    color: var(--bgl-white);
+	background-color: var(--bgl-green);
+	color: var(--bgl-white);
 }
 
 .pill.orange {
-    background-color: var(--bgl-yellow);
-    color: var(--bgl-black);
+	background-color: var(--bgl-yellow);
+	color: var(--bgl-black);
 }
 
 .pill.yellow {
-    background-color: var(--bgl-yellow);
+	background-color: var(--bgl-yellow);
 }
 
 .pill.Paid,
 .pill.Active {
-    background-color: var(--bgl-green);
-    color: white;
+	background-color: var(--bgl-green);
+	color: white;
 }
 
 .pill.Error {
-    background-color: var(--bgl-red-tint);
-    color: var(--bgl-red);
+	background-color: var(--bgl-red-tint);
+	color: var(--bgl-red);
 }
 </style>