@bagelink/vue 0.0.104 → 0.0.106

package/dist/style.css

@@ -530,166 +530,6 @@
         inset-inline-end: 5%;
     }
 }
-/* .group-wrap * {
-  outline: 1px solid red;
-} */
-.group-wrap[data-v-f7af54ed] {
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-wrap: wrap;
-	gap: 2px;
-}
-.group-wrap .bar-wrap[data-v-f7af54ed] {
-	gap: 2px;
-}
-.group-title[data-v-f7af54ed] {
-	font-size: 0.6em;
-	width: 100%;
-}
-.bar-txt[data-v-f7af54ed] {
-	font-size: 11px;
-	font-weight: 200;
-	/* max-width: 95%; */
-	width: max-content;
-	height: 20px;
-	line-height: 1.2;
-	margin: 5px auto 0;
-	position: absolute;
-	transform: rotate(300deg);
-	transform-origin: 40px 40px;
-}
-.graph-wrap[data-v-f7af54ed] {
-	display: flex;
-	flex-direction: row;
-	align-items: flex-end;
-	padding: 0 10px;
-}
-.bar-wrap[data-v-f7af54ed] {
-	text-align: center;
-	height: 100%;
-	/* flex: 0 1 16.6%; */
-	display: flex;
-	flex-direction: row;
-	align-items: flex-end;
-	position: relative;
-}
-.bar[data-v-f7af54ed] {
-	background: var(--bgl-blue);
-	position: relative;
-	min-width: 10px;
-	min-height: 5px;
-	width: 4px;
-	margin: 0 auto;
-	transition: all ease-out 0.8s;
-}
-.bar.compare[data-v-f7af54ed] {
-	background-color: #cf2135;
-}
-.bar-chart[data-v-f7af54ed] {
-	height: calc(100vh - 500px);
-	width: 90%;
-	margin: 30px auto;
-	display: flex;
-	justify-content: space-between;
-	position: relative;
-}
-.graps .bar-chart[data-v-f7af54ed] {
-	aspect-ratio: 9/5;
-	height: auto;
-	max-height: calc(100vh - 500px);
-}
-.bar-lines[data-v-f7af54ed] {
-	position: absolute;
-	/* font-size: 20px; */
-	display: flex;
-	flex-direction: column-reverse;
-	top: -15px;
-	bottom: -12px;
-	left: -30px;
-	justify-content: space-between;
-	width: calc(100% + 20px);
-	text-align: start;
-}
-.bar-lines p[data-v-f7af54ed] {
-	margin: 0;
-	position: relative;
-}
-.bar-lines p[data-v-f7af54ed]::after {
-	content: "";
-	background: var(--bgl-blue-tint);
-	height: 1px;
-	position: absolute;
-	width: calc(100% - 20px);
-	margin: 14px 0 0 10px;
-	opacity: 0.5;
-}
-.bar-lines p[data-v-f7af54ed]:first-child:after {
-	content: "";
-	background: var(--bgl-blue-tint);
-	height: 1px;
-	position: absolute;
-	width: calc(100% - 10px);
-	margin: 8px 0 0 10px;
-	opacity: 0.5;
-}
-.red-bar[data-v-f7af54ed] {
-	background: #cf2135;
-	height: var(--6227cb5e);
-	width: 100%;
-	position: absolute;
-	left: 0px;
-	bottom: 0;
-	opacity: 0.6;
-	transition: all 200ms ease;
-}
-.red-bar.open-redbar[data-v-f7af54ed] {
-	height: 7%;
-}
-.factor[data-v-f7af54ed] {
-	position: absolute;
-	transform: rotate(270deg);
-	height: 0px;
-	width: 0;
-	left: -60px;
-	font-size: 22px;
-	text-align: center;
-	white-space: nowrap;
-	top: 60%;
-}
-.dash-hor[data-v-f7af54ed] {
-	/* border-bottom: 1px dashed white; */
-	position: absolute;
-	background-image: linear-gradient(to right, #cf2134 53%, transparent 0%);
-	height: 10px;
-	bottom: 41.5%;
-	width: 100%;
-	animation: 1s linear 0s infinite dash-f7af54ed;
-	background-position: left;
-	background-repeat: repeat-x;
-	background-size: 15px 4px;
-}
-.dash-hor[data-v-f7af54ed]::after {
-	content: "Average Speedup = 25x";
-	position: absolute;
-	left: 0;
-	bottom: 10px;
-	font-size: 22px;
-	background: #cf2134;
-	z-index: 2;
-	padding: 1px 4px;
-	border-radius: 3px;
-}
-@keyframes dash-f7af54ed {
-0% {
-		background-position: 0;
-}
-100% {
-		background-position: 15px;
-}
-}
-
 .dropdown {
 	position: relative;
 	font-size: calc(var(--input-font-size) * 1.3);
@@ -1048,6 +888,166 @@ th[data-v-5c5ba615] {
 	width: 100%;
 }
 
+/* .group-wrap * {
+  outline: 1px solid red;
+} */
+.group-wrap[data-v-f7af54ed] {
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-wrap: wrap;
+	gap: 2px;
+}
+.group-wrap .bar-wrap[data-v-f7af54ed] {
+	gap: 2px;
+}
+.group-title[data-v-f7af54ed] {
+	font-size: 0.6em;
+	width: 100%;
+}
+.bar-txt[data-v-f7af54ed] {
+	font-size: 11px;
+	font-weight: 200;
+	/* max-width: 95%; */
+	width: max-content;
+	height: 20px;
+	line-height: 1.2;
+	margin: 5px auto 0;
+	position: absolute;
+	transform: rotate(300deg);
+	transform-origin: 40px 40px;
+}
+.graph-wrap[data-v-f7af54ed] {
+	display: flex;
+	flex-direction: row;
+	align-items: flex-end;
+	padding: 0 10px;
+}
+.bar-wrap[data-v-f7af54ed] {
+	text-align: center;
+	height: 100%;
+	/* flex: 0 1 16.6%; */
+	display: flex;
+	flex-direction: row;
+	align-items: flex-end;
+	position: relative;
+}
+.bar[data-v-f7af54ed] {
+	background: var(--bgl-blue);
+	position: relative;
+	min-width: 10px;
+	min-height: 5px;
+	width: 4px;
+	margin: 0 auto;
+	transition: all ease-out 0.8s;
+}
+.bar.compare[data-v-f7af54ed] {
+	background-color: #cf2135;
+}
+.bar-chart[data-v-f7af54ed] {
+	height: calc(100vh - 500px);
+	width: 90%;
+	margin: 30px auto;
+	display: flex;
+	justify-content: space-between;
+	position: relative;
+}
+.graps .bar-chart[data-v-f7af54ed] {
+	aspect-ratio: 9/5;
+	height: auto;
+	max-height: calc(100vh - 500px);
+}
+.bar-lines[data-v-f7af54ed] {
+	position: absolute;
+	/* font-size: 20px; */
+	display: flex;
+	flex-direction: column-reverse;
+	top: -15px;
+	bottom: -12px;
+	left: -30px;
+	justify-content: space-between;
+	width: calc(100% + 20px);
+	text-align: start;
+}
+.bar-lines p[data-v-f7af54ed] {
+	margin: 0;
+	position: relative;
+}
+.bar-lines p[data-v-f7af54ed]::after {
+	content: "";
+	background: var(--bgl-blue-tint);
+	height: 1px;
+	position: absolute;
+	width: calc(100% - 20px);
+	margin: 14px 0 0 10px;
+	opacity: 0.5;
+}
+.bar-lines p[data-v-f7af54ed]:first-child:after {
+	content: "";
+	background: var(--bgl-blue-tint);
+	height: 1px;
+	position: absolute;
+	width: calc(100% - 10px);
+	margin: 8px 0 0 10px;
+	opacity: 0.5;
+}
+.red-bar[data-v-f7af54ed] {
+	background: #cf2135;
+	height: var(--6227cb5e);
+	width: 100%;
+	position: absolute;
+	left: 0px;
+	bottom: 0;
+	opacity: 0.6;
+	transition: all 200ms ease;
+}
+.red-bar.open-redbar[data-v-f7af54ed] {
+	height: 7%;
+}
+.factor[data-v-f7af54ed] {
+	position: absolute;
+	transform: rotate(270deg);
+	height: 0px;
+	width: 0;
+	left: -60px;
+	font-size: 22px;
+	text-align: center;
+	white-space: nowrap;
+	top: 60%;
+}
+.dash-hor[data-v-f7af54ed] {
+	/* border-bottom: 1px dashed white; */
+	position: absolute;
+	background-image: linear-gradient(to right, #cf2134 53%, transparent 0%);
+	height: 10px;
+	bottom: 41.5%;
+	width: 100%;
+	animation: 1s linear 0s infinite dash-f7af54ed;
+	background-position: left;
+	background-repeat: repeat-x;
+	background-size: 15px 4px;
+}
+.dash-hor[data-v-f7af54ed]::after {
+	content: "Average Speedup = 25x";
+	position: absolute;
+	left: 0;
+	bottom: 10px;
+	font-size: 22px;
+	background: #cf2134;
+	z-index: 2;
+	padding: 1px 4px;
+	border-radius: 3px;
+}
+@keyframes dash-f7af54ed {
+0% {
+		background-position: 0;
+}
+100% {
+		background-position: 15px;
+}
+}
+
 .primary-checkbox input[data-v-5f3ff6ea] {
 	display: none;
 }
@@ -2110,3 +2110,111 @@ input[type='email'][data-v-ed81a514] {
 	border-radius: 10px;
 	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
 }
+
+.chart-line {
+	width: 100%;
+	height: 300px;
+}
+[dir='rtl'] .chart-line {
+	direction: ltr;
+}
+.chart-line .v-tooltip-content>div {
+	border: none !important;
+	border-radius: 6px !important;
+	background-color: black !important;
+	opacity: 0.7;
+	padding: 0.5rem 1rem !important;
+	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+	font-weight: 300;
+}
+.chart-line .v-tooltip-content>div b {
+	font-weight: 400;
+}
+.layer-grid g:last-child {
+	display: none;
+}
+.layer-axis-x .tick:nth-child(2n + 1) {
+	opacity: 0;
+}
+@media screen and (max-width: 910px) {
+.chart-line {
+		height: 140px;
+}
+.layer-axis-x .tick {
+		opacity: 0;
+		font-size: 0;
+}
+}
+
+.btn-end[data-v-b1fdb496] {
+	text-align: end;
+}
+.whatsapp-preview[data-v-b1fdb496] {
+	direction: ltr;
+	width: 400px;
+	padding: 1rem;
+	height: auto;
+	margin-top: 1rem;
+	/* border-left: 1px solid var(--border-color); */
+	margin-left: 20px;
+	position: sticky;
+	top: 15px;
+	flex: 1 1 40%;
+}
+.whatsapp-wrap[data-v-b1fdb496] {
+	display: flex;
+	gap: 1rem;
+	max-width: 1200px;
+	overflow: auto;
+	height: 100%;
+}
+.create-template-form[data-v-b1fdb496] {
+	flex: 1 0 50%;
+	min-width: 300px;
+}
+.whatsapp-msg[data-v-b1fdb496] {
+	background: var(--whatsapp-green);
+	border-radius: 0.5rem;
+	border-start-start-radius: 0px;
+	padding: 10px;
+	line-height: 1.5;
+	margin-top: 1rem;
+	filter: drop-shadow(0 0px 2px var(--bgl-shadow));
+	position: relative;
+	min-height: 30px;
+}
+.whatsapp-msg[data-v-b1fdb496]::after {
+	content: '';
+	inset-inline-start: -5px;
+	border-radius: 0.1rem;
+	transform: skew(45deg);
+	top: 0;
+	height: 8px;
+	width: 8px;
+	background: var(--whatsapp-green);
+	position: absolute;
+}
+.whatsapp-body[data-v-b1fdb496] {
+	margin: 2px 0;
+}
+.whatsapp-footer[data-v-b1fdb496] {
+	margin: 0;
+	opacity: 0.6;
+	font-size: 0.8rem;
+}
+.whatsappHebrew[data-v-b1fdb496] {
+	direction: rtl;
+}
+.whatsappHebrew .whatsapp-msg[data-v-b1fdb496]::after {
+	transform: skew(-45deg);
+}
+@media screen and (max-width: 1200px) {
+.whatsapp-preview[data-v-b1fdb496] {
+		width: 300px;
+}
+}
+@media screen and (max-width: 910px) {
+.whatsapp-preview[data-v-b1fdb496] {
+		display: none;
+}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.104",
+  "version": "0.0.106",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -52,7 +52,7 @@
   "dependencies": {},
   "devDependencies": {
     "@vue-macros/reactivity-transform": "^0.4.0",
-    "@bagelink/sdk": "0.0.104"
+    "@bagelink/sdk": "0.0.106"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",

package/src/components/charts/index.ts

@@ -0,0 +1 @@
+export * as BarChart from './BarChart.vue';

package/src/components/dashboard/index.ts

@@ -0,0 +1 @@
+export * as Lineart from './Lineart.vue';

package/src/components/form/index.ts

@@ -0,0 +1,4 @@
+export * as ItemRef from './ItemRef.vue';
+export * as MaterialIcon from './MaterialIcon.vue';
+export * as PlainInputField from './PlainInputField.vue';
+export * from './inputs';

package/src/components/index.ts

@@ -4,7 +4,6 @@ export * as MaterialIcon from './MaterialIcon.vue';
 export * as NavBar from './NavBar.vue';
 export * as Btn from './Btn.vue';
 export * as Modal from './Modal.vue';
-export * as BarChart from './charts/BarChart.vue';
 export * as DropDown from './DropDown.vue';
 export * as ListView from './ListView.vue';
 export * as ListItem from './ListItem.vue';
@@ -12,10 +11,15 @@ export * as TabbedLayout from './TabbedLayout.vue';
 export * as Comments from './Comments.vue';
 export * as PageTitle from './PageTitle.vue';
 export * as ModalForm from './ModalForm.vue';
-export * as TextInput from './form/inputs/TextInput.vue';
 export * as DataPreview from './DataPreview.vue';
 export * as FormSchema from './FormSchema.vue';
 export * as TableSchema from './TableSchema.vue';
 export * as TopBar from './TopBar.vue';
 export * as RouterWrapper from './RouterWrapper.vue';
 export * as ContactSubmissions from './ContactSubmissions.vue';
+
+export * from './charts';
+export * from './formkit';
+export * from './form';
+export * from './dashboard';
+export * from './whatsapp';

package/src/components/whatsapp/index.ts

@@ -0,0 +1,2 @@
+export * as MsgTemplate from './form/MsgTemplate.vue';
+export * as TextVariableExamples from './form/TextVariableExamples.vue';

package/src/index.ts

@@ -3,7 +3,5 @@ export {
 } from './plugins/bagel';
 export { ModalPlugin, useModal } from './plugins/modal';
 export * from './utils';
-export * from './components';
-export * from './components/formkit';
-export * from './components/form/inputs';
 export * from './types';
+export * from './components';