@bagelink/vue 0.0.339 → 0.0.346

package/dist/style.css

@@ -1,42 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
-.new-comment .ProseMirror {
-  width: 100%;
-  height: 100%;
-  border-radius: 3px;
-  padding: 0.55rem;
-  min-height: 40px;
-}
-.new-comment .ProseMirror p {
-  margin: 0;
-}
-.comment-input .ProseMirror {
-  background-color: var(--input-bg);
-  margin-inline-start: 0;
-}
-.new-comment .editable {
-  background-color: var(--input-bg);
-}
-.ProseMirror-focused {
-  outline: none;
-  border: none;
-  box-shadow: inset 0 0 10px #00000012;
-}
-.ProseMirror,
-.editor-wrapper {
-  height: 100%;
-  border-radius: 3px;
-  padding: 0.55rem;
-  border-radius: var(--btn-border-radius);
-  margin-inline-start: 1rem;
-}
-.ProseMirror p,
-.editor-wrapper p {
-  margin: 0;
-}
-.editable .ProseMirror {
-  background-color: var(--bgl-bg);
-}
-
 [dir="rtl"] .top-arrow[data-v-727b754a] {
   transform: rotate(180deg);
 }
@@ -648,135 +610,6 @@ a[data-v-0c8d9a95] {
 }
 }
 
-.comments-wrap[data-v-c4b41dc0] {
-  display: grid;
-  grid-template-rows: 1fr 40px;
-  height: 100%;
-  position: relative;
-  gap: 0.5rem;
-}
-.comments-wrap p[data-v-c4b41dc0] {
-  margin: 0;
-}
-.comments-wrap[data-v-c4b41dc0]::before {
-  content: "";
-  inset-inline-start: 10px;
-  top: 0px;
-  width: 1px;
-  background: var(--border-color);
-  position: absolute;
-  bottom: 10px;
-}
-.comment-top[data-v-c4b41dc0] {
-  display: flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-  position: relative;
-  margin-inline-start: 1rem;
-}
-.comment-list[data-v-c4b41dc0] {
-  padding: 0.5rem;
-  height: 100%;
-  overflow: auto;
-}
-.comment[data-v-c4b41dc0] {
-  margin-bottom: 1rem;
-}
-.comment-owner[data-v-c4b41dc0] {
-  font-size: 14px;
-  margin-inline-end: 0.5rem;
-  color: var(--bgl-gray);
-}
-.comment-owner[data-v-c4b41dc0]::before {
-  content: "";
-  height: 12px;
-  width: 12px;
-  border-radius: 100%;
-  position: absolute;
-  background: var(--bgl-gray);
-  inset-inline-start: -1.2rem;
-  top: 0.2rem;
-}
-.me .comment-owner[data-v-c4b41dc0] {
-  color: var(--bgl-primary);
-}
-.me .comment-owner[data-v-c4b41dc0]::before {
-  background: var(--bgl-primary);
-}
-.comment-time[data-v-c4b41dc0] {
-  color: var(--bgl-gray);
-  font-size: 10px;
-  white-space: nowrap;
-}
-.comment-actions[data-v-c4b41dc0] {
-  background: red;
-  line-height: 0;
-  display: flex;
-  padding: 0 0.5rem;
-  flex-grow: 1;
-  gap: 0.25rem;
-}
-.comment .comment-actions .edit[data-v-c4b41dc0] {
-  opacity: 0;
-}
-.comment-actions .edit[data-v-c4b41dc0] {
-  margin-inline-end: auto;
-}
-.comment.me:hover .comment-actions .edit[data-v-c4b41dc0] {
-  opacity: 0.4;
-}
-.comment-actions > div[data-v-c4b41dc0] {
-  transition: all 200ms ease;
-  cursor: pointer;
-  opacity: 0.6;
-}
-.comment-actions > div[data-v-c4b41dc0]:hover {
-  color: var(--bgl-primary);
-}
-.comment-actions .delete[data-v-c4b41dc0]:hover {
-  color: var(--bgl-red);
-}
-.comment-actions > div[data-v-c4b41dc0]:active {
-  filter: brightness(70%);
-}
-.bgl_icon-font.delete[data-v-c4b41dc0],
-.bgl_icon-font.save[data-v-c4b41dc0] {
-  display: none;
-}
-.editable .bgl_icon-font.delete[data-v-c4b41dc0],
-.editable .bgl_icon-font.save[data-v-c4b41dc0] {
-  display: block;
-}
-
-/* .editor-wrapper { */
-/* margin-inline-start: 0.5rem; */
-/* margin-top: 0.05em; */
-/* margin-bottom: 0.05em; */
-/* height: 100%; */
-/* padding: 0.05em 0.5em; */
-/* overflow: hidden; */
-/* border-radius: 10px; */
-/* } */
-.editable .editor-wrapper[data-v-c4b41dc0] {
-  background-color: var(--input-bg);
-}
-.new-comment[data-v-c4b41dc0] {
-  display: flex;
-  align-items: flex-end;
-  position: relative;
-  z-index: 2;
-  gap: 0.5rem;
-  font-size: 12px;
-  color: var(--input-color);
-  line-height: 1.6;
-}
-.comment-input[data-v-c4b41dc0] {
-  max-height: 100px;
-  overflow: auto;
-  flex-grow: 1;
-  border-radius: var(--btn-border-radius);
-}
-
 .top-title {
   font-weight: 600;
   font-size: 20px;
@@ -1196,69 +1029,59 @@ 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-fa186094] {
-	width: 100%;
+.selectinput[data-v-b6223039] {
+  width: 100%;
 }
-.selectinput-option[data-v-fa186094] {
-	padding: 6px 12px;
-	cursor: pointer;
-	border-radius: 5px;
-	transition: all 0.2s;
-	display: grid;
-	grid-template-columns: 10px 1fr;
-	justify-content: space-between;
-	width: 100%;
-	font-size: var(--input-font-size);
+.selectinput-option[data-v-b6223039] {
+  padding: 6px 12px;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: all 0.2s;
+  display: grid;
+  grid-template-columns: 10px 1fr;
+  justify-content: space-between;
+  width: 100%;
+  font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-fa186094] {
-	max-height: 300px;
-	overflow-y: auto;
+.selectinput-options[data-v-b6223039] {
+  max-height: 300px;
+  overflow-y: auto;
 }
-.selectinput-option[data-v-fa186094]:hover {
-	background: var(--bgl-gray-20);
+.selectinput-option[data-v-b6223039]:hover {
+  background: var(--bgl-gray-20);
 }
 
 .bagel-input label {
-	font-size: var(--label-font-size);
+  font-size: var(--label-font-size);
 }
 .selectinput-btn {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	height: var(--input-height);
-	border-radius: var(--input-border-radius);
-	border: none;
-	background: var(--input-bg);
-	padding: 0.7rem;
-	color: var(--input-color);
-	width: 100%;
-	font-family: inherit;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: var(--input-height);
+  border-radius: var(--input-border-radius);
+  border: none;
+  background: var(--input-bg);
+  padding: 0.7rem;
+  color: var(--input-color);
+  width: 100%;
+  font-family: inherit;
 }
 .selectinput-btn:disabled {
-	background: var(--input-disabled-bg);
-	color: var(--input-disabled-color);
+  background: var(--input-disabled-bg);
+  color: var(--input-disabled-color);
 }
 .selectinput-btn:focus {
-	outline: none;
-	box-shadow: inset 0 0 10px #00000012;
+  outline: none;
+  box-shadow: inset 0 0 10px #00000012;
 }
 .v-popper__arrow-container {
-	display: none;
+  display: none;
 }
 .v-popper--theme-dropdown .v-popper__inner {
-	border: none;
-	background: transparent;
-	border-radius: var(--card-border-radius);
-}
-
-.bagel-input[data-v-69a60381] {
-	height: 100%;
-	margin: 0;
-}
-.bagel-input textarea[data-v-69a60381] {
-	height: 100%;
-	resize: none;
-	background: transparent;
+  border: none;
+  background: transparent;
+  border-radius: var(--card-border-radius);
 }
 
 .table-side-scroll[data-v-cdacf10e] {
@@ -1790,6 +1613,53 @@ img.preview[data-v-1be8d7b1] {
   transform: translateX(calc(var(--input-height) / 2));
 }
 
+/* Basic editor styles */
+.tiptap>*+* {
+  margin-top: 0.75em;
+}
+.tiptap ul,
+.tiptap ol {
+  padding: 0 1rem;
+}
+.tiptap h1,
+.tiptap h2,
+.tiptap h3,
+.tiptap h4,
+.tiptap h5,
+.tiptap h6 {
+  line-height: 1.1;
+}
+.tiptap code {
+  background-color: rgba(97, 97, 97, 0.1);
+  color: #616161;
+}
+.tiptap pre {
+  background: #0d0d0d;
+  color: #fff;
+  font-family: 'JetBrainsMono', monospace;
+  padding: 0.75rem 1rem;
+  border-radius: 0.5rem;
+}
+.tiptap pre code {
+  color: inherit;
+  padding: 0;
+  background: none;
+  font-size: 0.8rem;
+}
+.tiptap img {
+  max-width: 100%;
+  height: auto;
+}
+.tiptap blockquote {
+  padding-left: 1rem;
+  border-left: 2px solid rgba(13, 13, 13, 0.1);
+}
+.tiptap hr {
+  border: none;
+  border-top: 2px solid rgba(13, 13, 13, 0.1);
+  margin: 2rem 0;
+}
+
 .chart-line {
 	width: 100%;
 	height: 300px;
@@ -1850,10 +1720,11 @@ img.preview[data-v-1be8d7b1] {
   justify-content: flex-start !important;
 }
 .nav-button.router-link-active {
-  background-color: var(--bgl-primary-tint) !important;
+  background: var(--bgl-white) !important;
+  color: var(--bgl-primary);
 }
 
-.bgl_sidebar[data-v-8713ae4a] {
+.bgl_sidebar[data-v-24905642] {
   background-color: var(--bgl-primary);
   color: var(--bgl-white);
   overflow: hidden;
@@ -1863,22 +1734,22 @@ img.preview[data-v-1be8d7b1] {
   padding: 0.5rem;
   overflow-y: auto;
 }
-.wideNav .toggleNav[data-v-8713ae4a] {
+.wideNav .toggleNav[data-v-24905642] {
   transform: rotate(180deg);
 }
-.wideNav .nav-button[data-v-8713ae4a] {
+.wideNav .nav-button[data-v-24905642] {
   padding-inline-start: 1rem !important;
   width: 100%;
 }
-.nav-button.bgl_btn-icon[data-v-8713ae4a] {
+.nav-button.bgl_btn-icon[data-v-24905642] {
   border-radius: var(--btn-border-radius) !important;
 }
-.nav-button p[data-v-8713ae4a] {
+.nav-button p[data-v-24905642] {
   transition: var(--nav-tran);
-  animation: fade-8713ae4a 2s;
+  animation: fade-24905642 2s;
   animation-duration: 900ms;
 }
-@keyframes fade-8713ae4a {
+@keyframes fade-24905642 {
 0% {
     opacity: 0;
     transform: translateX(-20px);
@@ -1893,14 +1764,62 @@ img.preview[data-v-1be8d7b1] {
 }
 }
 
-.tab[data-v-f737d297] {
+.bgl_bottombar .bgl_btn-flex{
+  flex-direction: column;
+  height: 60px;
+  gap: 0;
+}
+
+
+.bgl_bottombar[data-v-508a1ce8] {
+  background-color: var(--bgl-primary);
+  color: var(--bgl-white);
+  grid-template-columns: repeat(auto-fill, var(--bgl_bottombar-btn-width));
+  grid-auto-flow: column;
+	border-radius: 0;
+	padding: 0;
+	--bgl_bottombar-btn-width: 62px;
+}
+.bgl_bottombar>*[data-v-508a1ce8] {
+  width: var(--bgl_bottombar-btn-width);
+}
+.bgl_bottombar[data-v-508a1ce8]::-webkit-scrollbar {
+  display: none;
+}
+.bgl_bottombar .nav-button[data-v-508a1ce8] {
+  border-radius: var(--card-border-radius);
+}
+.bgl_bottombar .router-link-active[data-v-508a1ce8] {
+  background: var(--bgl-white);
+  color: var(--bgl-primary) !important;
+}
+
+.bgl_tab[data-v-b328c829] {
   border: none;
-  border-bottom: 1px solid var(--border-color);
+  border-bottom: 2px solid var(--border-color);
   background: transparent;
+  font-size: var(--input-font-size);
+  font-family: inherit;
+  cursor: pointer;
+  transition: var(--bgl-transition);
+  padding-inline-start: calc(var(--btn-padding) / 2);
+  padding-inline-end: calc(var(--btn-padding) / 2);
+  padding-bottom: calc(var(--btn-padding) / 4);
 }
-.tab.currentTab[data-v-f737d297] {
+.bgl_tab.currentTab[data-v-b328c829] {
   border-bottom: 2px solid var(--primary-color);
 }
+.bgl_tab.active[data-v-b328c829] {
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
+}
+.bgl_tab[data-v-b328c829]:hover {
+    color: var(--bgl-primary);
+}
+.bgl_tab[data-v-b328c829]:active {
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
+}
 
 .tab[data-v-fd61196d] {
   text-transform: capitalize;
@@ -2203,6 +2122,14 @@ img.preview[data-v-1be8d7b1] {
 .hall {
     height: -webkit-fill-available;
 }
+.w-auto,
+.w-a {
+    width: auto !important;
+}
+.h-auto,
+.h-a {
+    height: auto !important;
+}
 .gap-0 {
     gap: 0;
 }
@@ -3457,6 +3384,16 @@ img.preview[data-v-1be8d7b1] {
         height: -webkit-fill-available;
     }
 
+    .m_w-auto,
+    .m_w-a {
+        width: auto !important;
+    }
+
+    .m_h-auto,
+    .m_h-a {
+        height: auto !important;
+    }
+
     .m_gap-0 {
         gap: 0;
     }
@@ -5234,9 +5171,13 @@ select {
 }
 .slide-fade-enter-active {
     transition: all 0.15s ease-out;
+    overflow: hidden;
+
 }
 .slide-fade-leave-active {
     transition: all 0.15s ease-in;
+    overflow: hidden;
+
 }
 .slide-fade-enter-from {
     transform: translateX(20px);