@bagelink/vue 0.0.1016 → 0.0.1023

package/dist/style.css

@@ -55,62 +55,62 @@
 	max-height: 300px;
 }
 
-.bgl_btn[data-v-521354bb] {
+.bgl_btn[data-v-c23a3626] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-text-color);
 }
-.bgl_btn-green[data-v-521354bb] {
+.bgl_btn-green[data-v-c23a3626] {
   --btn-bg: var(--bgl-green);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-green);
 }
-.bgl_btn-yellow[data-v-521354bb] {
+.bgl_btn-yellow[data-v-c23a3626] {
   --btn-bg: var(--bgl-yellow);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-yellow);
 }
-.bgl_btn-blue[data-v-521354bb] {
+.bgl_btn-blue[data-v-c23a3626] {
   --btn-bg: var(--bgl-blue);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-blue);
 }
-.bgl_btn-primary[data-v-521354bb] {
+.bgl_btn-primary[data-v-c23a3626] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-primary);
 }
-.bgl_btn-red[data-v-521354bb] {
+.bgl_btn-red[data-v-c23a3626] {
   --btn-bg: var(--bgl-red);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-red);
 }
-.bgl_btn-white[data-v-521354bb] {
+.bgl_btn-white[data-v-c23a3626] {
   --btn-bg: var(--bgl-white);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-white);
 }
-.bgl_btn-black[data-v-521354bb] {
+.bgl_btn-black[data-v-c23a3626] {
   --btn-bg: var(--bgl-black);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-black);
 }
-.bgl_btn-gray[data-v-521354bb] {
+.bgl_btn-gray[data-v-c23a3626] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-gray);
 }
-.bgl_btn-light[data-v-521354bb] {
+.bgl_btn-light[data-v-c23a3626] {
   --btn-bg: var(--bgl-primary-light);
   --btn-color: var(--bgl-primary);
   --btn-flat-color: var(--bgl-primary-light);
 }
-.bgl_btn-gray-light[data-v-521354bb] {
+.bgl_btn-gray-light[data-v-c23a3626] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-gray);
   --btn-flat-color: var(--bgl-gray-light);
 }
-.bgl_btn[data-v-521354bb] {
+.bgl_btn[data-v-c23a3626] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
@@ -118,7 +118,7 @@
   color: var(--btn-color);
   text-decoration: none;
 }
-.bgl_btn.bgl_btn-icon[data-v-521354bb] {
+.bgl_btn.bgl_btn-icon[data-v-c23a3626] {
   padding-left: 0;
   padding-right: 0;
   height: var(--btn-height);
@@ -127,69 +127,69 @@
   font-size: 1rem;
   flex-shrink: 0;
 }
-a[data-v-521354bb] {
+a[data-v-c23a3626] {
   text-decoration: none;
 }
-.bgl_btn-flex[data-v-521354bb] {
+.bgl_btn-flex[data-v-c23a3626] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_btn-icon[data-v-521354bb]{
+.bgl_btn .bgl_btn-icon[data-v-c23a3626]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-521354bb]:hover,
-.bgl_btn-icon[data-v-521354bb]:hover {
+.bgl_btn[data-v-c23a3626]:hover,
+.bgl_btn-icon[data-v-c23a3626]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-521354bb]:active:not(:disabled),
-.bgl_btn-icon[data-v-521354bb]:active:not(:disabled) {
+.bgl_btn[data-v-c23a3626]:active:not(:disabled),
+.bgl_btn-icon[data-v-c23a3626]:active:not(:disabled) {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_btn_flat[data-v-521354bb] {
+.bgl_btn.bgl_btn_flat[data-v-c23a3626] {
   background: transparent;
   color: var(--btn-flat-color);
 }
-.bgl_btn_flat[data-v-521354bb]:hover:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-521354bb]:hover:not(:disabled) {
+.bgl_btn_flat[data-v-c23a3626]:hover:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-c23a3626]:hover:not(:disabled) {
   background: var(--bgl-gray-20);
 }
-.bgl_btn.bgl_btn_flat[data-v-521354bb]:active:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-521354bb]:active:not(:disabled) {
+.bgl_btn.bgl_btn_flat[data-v-c23a3626]:active:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-c23a3626]:active:not(:disabled) {
   background: var(--bgl-gray-40);
 }
-.bgl_btn.thin[data-v-521354bb] {
+.bgl_btn.thin[data-v-c23a3626] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-521354bb] {
+.bgl_btn.round[data-v-c23a3626] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-521354bb] {
+.bgl_btn-icon.thin[data-v-c23a3626] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: normal;
 }
-.bgl_btn-icon.thin .bgl_btn-flex[data-v-521354bb] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-c23a3626] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_btn-icon[data-v-521354bb]{
+[dir="rtl"] .bgl_btn-icon[data-v-c23a3626]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-521354bb], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-521354bb] {
+.bgl_btn-border[data-v-c23a3626], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-c23a3626] {
 	  border: 1px solid var(--btn-flat-color);
 	  background: transparent;
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-521354bb]:hover {
+.bgl_btn-border[data-v-c23a3626]:hover {
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-521354bb]:active:not(:disabled) {
+.bgl_btn-border[data-v-c23a3626]:active:not(:disabled) {
   filter: brightness(80%);
 }
-.bgl_btn[data-v-521354bb]:disabled {
+.bgl_btn[data-v-c23a3626]:disabled {
   opacity: 0.6;
   filter: grayscale(0.3);
   cursor: not-allowed;
@@ -510,7 +510,7 @@ data[data-v-6c27f163] {
 .fi[data-v-f99f1900]:before{ content:" "
 }
 
-.bgl_tabs_wrap[data-v-dbce6d28] {
+.bgl_tabs_wrap[data-v-bbb66a44] {
 	background: var(--input-bg);
 	border-radius: calc(var(--input-border-radius) * 1.4);
 	padding-inline: calc(var(--btn-padding) / 8);
@@ -518,7 +518,7 @@ data[data-v-6c27f163] {
 	box-shadow: inset 0 0 10px #00000012;
 	gap: 0.25rem;
 }
-.bgl_tab[data-v-dbce6d28] {
+.bgl_tab[data-v-bbb66a44] {
 	border: none;
 	background: transparent;
 	cursor: pointer;
@@ -530,10 +530,10 @@ data[data-v-6c27f163] {
 	transition: var(--bgl-transition);
 	color: inherit
 }
-.bgl_tab[data-v-dbce6d28]:hover {
+.bgl_tab[data-v-bbb66a44]:hover {
 	background: rgba(255, 255, 255, .4);
 }
-.bgl_tabs_wrap[data-v-dbce6d28]::before {
+.bgl_tabs_wrap[data-v-bbb66a44]::before {
 	content: '';
 	position: absolute;
 	top: calc(var(--btn-padding) / 8);
@@ -545,46 +545,46 @@ data[data-v-6c27f163] {
 	transition: var(--bgl-transition);
 	z-index: 0;
 }
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-dbce6d28] {
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-bbb66a44] {
 	background: transparent;
 	box-shadow: none;
 }
-.bgl_flat-tabs.bgl_tabs_wrap[data-v-dbce6d28]::before{
+.bgl_flat-tabs.bgl_tabs_wrap[data-v-bbb66a44]::before{
 	background: transparent;
 	border-bottom: 1px solid var(--bgl-primary);
 	border-radius: 0;
 	top: calc(var(--btn-padding) * 1.25);
 	bottom: unset;
 }
-.bgl_flat-tabs .active.bgl_tab[data-v-dbce6d28]{
+.bgl_flat-tabs .active.bgl_tab[data-v-bbb66a44]{
 	color: var(--bgl-primary)
 }
-.bgl_flat-tabs .bgl_tab[data-v-dbce6d28]:hover {
+.bgl_flat-tabs .bgl_tab[data-v-bbb66a44]:hover {
 	background: rgba(255, 255, 255, .1);
 }
-.bgl_vertical-tabs[data-v-dbce6d28]{
+.bgl_vertical-tabs[data-v-bbb66a44]{
 	grid-auto-flow: row;
 	align-items: start;
 	justify-items: start;
 	gap: 1rem
 }
-.bgl_vertical-tabs .bgl_tab[data-v-dbce6d28]{
+.bgl_vertical-tabs .bgl_tab[data-v-bbb66a44]{
 	padding-inline: 0;
 	border-radius: 0;
 	border-bottom: 1px solid transparent;
 }
-.bgl_vertical-tabs .bgl_tab[data-v-dbce6d28]:hover{
+.bgl_vertical-tabs .bgl_tab[data-v-bbb66a44]:hover{
 	background: transparent;
 	border-bottom: 1px solid var(--bgl-primary);
 }
-.bgl_vertical-tabs .bgl_tab.active[data-v-dbce6d28]{
+.bgl_vertical-tabs .bgl_tab.active[data-v-bbb66a44]{
 	border-bottom: 1px solid var(--bgl-primary);
 }
-.bgl_vertical-tabs.bgl_tabs_wrap[data-v-dbce6d28]::before{
+.bgl_vertical-tabs.bgl_tabs_wrap[data-v-bbb66a44]::before{
 	border: none;
 }
 @media screen and (max-width: 910px) {
-.bgl_vertical-tabs[data-v-dbce6d28]{
+.bgl_vertical-tabs[data-v-bbb66a44]{
 	grid-auto-flow: column;
 	overflow: auto;
 	max-width: 100vw;
@@ -593,10 +593,10 @@ data[data-v-6c27f163] {
 	gap: 1rem;
 	position: relative;
 }
-.bgl_vertical-tabs[data-v-dbce6d28]::-webkit-scrollbar {
+.bgl_vertical-tabs[data-v-bbb66a44]::-webkit-scrollbar {
 	display: none;
 }
-.bgl_vertical-tabs .bgl_tab[data-v-dbce6d28]{
+.bgl_vertical-tabs .bgl_tab[data-v-bbb66a44]{
 	white-space: nowrap;
 }
 }
@@ -605,8 +605,16 @@ data[data-v-6c27f163] {
 	transform: translateY(-2.6rem);
 }
 
-.itemBox[data-v-e8cf25b3]:hover {
-	outline: 1px solid var(--bgl-primary);
+.itemBox{
+	/* border-top: 2px solid var(--bgl-gray); */
+	/* border-bottom: 2px solid var(--bgl-gray); */
+	background: var(--input-bg);
+}
+.itemBox .bagel-input input,
+.itemBox .bagel-input textarea,
+.itemBox .bagel-input select,
+.itemBox .custom-select .input {
+	background: var(--bgl-white) !important;
 }
 
 .primary-checkbox input[data-v-73f1d9ad] {
@@ -1132,42 +1140,60 @@ pre code.hljs{
 	color: var(--bgl-light-text);
 }
 
-.range-slide input[data-v-ded4d62d] {
-  -webkit-appearance: none;
+.range-slider-position-txt[data-v-dae624bd]{
+	top: calc(var(--bgl-range-thumb-size) / 2 ) ;
+	transition: transform 0.1s, opacity 0.5s;
+	transform: scale(0.5);
+}
+.range-slider:hover .range-slider-position-txt[data-v-dae624bd]{
+	opacity: 1;
+	transform: scale(1);
+}
+.range-slider[data-v-dae624bd] {
+	height: var(--bgl-range-track-size);
+	display: flex;
+	align-items: center;
+	margin-top: calc(var(--bgl-range-thumb-size) / 2 + 0.5rem) ;
+}
+.range-slider-txt[data-v-dae624bd]{
+	margin-top: calc(var(--bgl-range-thumb-size) / 2) !important;
+}
+input[type="range"][data-v-dae624bd] {
+  position: absolute;
   width: 100%;
-  border-radius: 5px;
-  outline: none;
-  transition: background 0.3s ease;
+  height: 100%;
+  height: var(--bgl-range-thumb-size);
+  background: transparent;
+  pointer-events: none;
+  appearance: none;
+  margin: 0;
 }
-.range-slide input[data-v-ded4d62d]::-webkit-slider-thumb {
-  -webkit-appearance: none;
+input[type="range"][data-v-dae624bd]::-webkit-slider-thumb {
+  pointer-events: all;
   appearance: none;
-  /* margin-top: calc(-1 * var(--thickness, 8px) / 2); */
-  margin-top: 0;
-  width: 16px;
-  height: 16px;
-  background: var(--bgl-primary);
-  border: 1px solid var(--input-bg);
+  width: var(--bgl-range-thumb-size);
+  height: var(--bgl-range-thumb-size);
+  background: var(--bgl-white);
   border-radius: 50%;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  position: relative;
+  z-index: 2;
   cursor: pointer;
+  transition: var(--bgl-transition);
 }
-.range-slide input[data-v-ded4d62d]::-moz-range-thumb {
-  width: 16px;
-  height: 16px;
-  margin-top: calc(-1 * var(--thickness, 8px) / 2);
-  background: var(--bgl-primary);
-  border: 1px solid var(--input-bg);
-  border-radius: 50%;
-  cursor: pointer;
+input[type="range"][data-v-dae624bd]::-webkit-slider-thumb:hover {
+	box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2) var(--bgl-primary-tint);
+	filter: brightness(90%);
 }
-.range-slide.disabled input[type='range'][data-v-ded4d62d]::-webkit-slider-thumb {
-  display: none;
+input[type="range"][data-v-dae624bd]:focus::-webkit-slider-thumb {
+  outline: none;
+  box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2.2) var(--bgl-primary-tint);
 }
-.range-slide input[data-v-ded4d62d]::-webkit-slider-runnable-track,
-.range-slide input[data-v-ded4d62d]::-moz-range-track {
-  width: 100%;
-  background: transparent;
-  border-radius: 5px;
+.track[data-v-dae624bd] {
+  height: var(--bgl-range-track-height);
+  background: var(--bgl-bg);
+  margin-inline-start: calc(var(--bgl-range-thumb-size) / 2);
+  width: calc(100% - var(--bgl-range-thumb-size));
 }
 
 .tableBoxSelect[data-v-4548b70f]::after {
@@ -1194,26 +1220,26 @@ pre code.hljs{
 line-height: 1.65;
 }
 
-.rich-text-editor[data-v-7a98aefd] {
+.rich-text-editor[data-v-8d91c8f8] {
 	background: var(--input-bg);
 	border: 1px solid var(--border-color);
 	transition: all 0.3s ease;
 }
-.editor-container[data-v-7a98aefd] {
+.editor-container[data-v-8d91c8f8] {
 	display: flex;
 	gap: 1rem;
 }
-.content-area[data-v-7a98aefd],
-.preview-area[data-v-7a98aefd] {
+.content-area[data-v-8d91c8f8],
+.preview-area[data-v-8d91c8f8] {
 	flex: 1;
 	min-height: 200px;
 	background: var(--bgl-richtext-color);
 }
-.split-view[data-v-7a98aefd] {
+.split-view[data-v-8d91c8f8] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }
-.editableContent[data-v-7a98aefd] {
+.editableContent[data-v-8d91c8f8] {
 	width: 100%;
 	min-height: 240px;
 	height: 100%;
@@ -1221,7 +1247,7 @@ line-height: 1.65;
 	outline: none;
 	background: transparent;
 }
-.html-editor[data-v-7a98aefd] {
+.html-editor[data-v-8d91c8f8] {
 	width: 100%;
 	height: 100%;
 	min-height: 200px;
@@ -1232,12 +1258,12 @@ line-height: 1.65;
 	color: white;
 	background-color: var(--bgl-black);
 }
-.preview-area[data-v-7a98aefd] {
+.preview-area[data-v-8d91c8f8] {
 	font-family: monospace;
 	white-space: pre-wrap;
 	overflow-x: auto;
 }
-.fullscreen-mode[data-v-7a98aefd] {
+.fullscreen-mode[data-v-8d91c8f8] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -1246,15 +1272,15 @@ line-height: 1.65;
 	z-index: 9999;
 	padding: 2rem;
 }
-.fullscreen-mode .editor-container[data-v-7a98aefd] {
+.fullscreen-mode .editor-container[data-v-8d91c8f8] {
 	height: calc(100vh - 4rem);
 }
-.fullscreen-mode .content-area[data-v-7a98aefd],
-.fullscreen-mode .preview-area[data-v-7a98aefd] {
+.fullscreen-mode .content-area[data-v-8d91c8f8],
+.fullscreen-mode .preview-area[data-v-8d91c8f8] {
 	height: 100%;
 	overflow-y: auto;
 }
-.fullscreen-mode .code-editor[data-v-7a98aefd]{
+.fullscreen-mode .code-editor[data-v-8d91c8f8]{
 	height: 100% !important;
 }
 .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}
@@ -13440,6 +13466,9 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 .shadow {
     box-shadow: 0 0 20px 0 var(--bgl-shadow) !important;
 }
+.shadow-none {
+    box-shadow: none !important;
+}
 .shadow-30 {
     box-shadow: 0 0 30px 0 var(--bgl-shadow) !important;
 }
@@ -14070,6 +14099,10 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
         box-shadow: 0 0 20px 0 var(--bgl-shadow) !important;
     }
 
+    .m_shadow-none {
+        box-shadow: none !important;
+    }
+
     .m_shadow-30 {
         box-shadow: 0 0 30px 0 var(--bgl-shadow) !important;
     }
@@ -14085,338 +14118,340 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 }
 /* TEHEME */
 :root {
-	--bgl-primary: var(--bgl-blue);
-	--bgl-primary-tint: #2e5bff80;
-	--bgl-primary-light: #eef6ff;
-	--bgl-black: #282929;
-	--bgl-black-tint: #28292980;
-	--bgl-white: #fff;
-	--bgl-gray: #b7b7b7;
-	--bgl-gray-light: #f5f8fa;
-	--bgl-gray-80: #e8ecef;
-	--bgl-gray-20: rgba(183, 183, 183, 0.2);
-	--bgl-gray-40: rgba(183, 183, 183, 0.4);
-	--bgl-accent-color: var(--bgl-primary);
-	--bgl-bg: #f4f6fa;
-	--bgl-shadow: #00000031;
-	--border-color: #00000020;
-	--placeholder-color: #00000040;
-	--label-color: #00000080;
-	--input-bg: #f5f8fa;
-	--input-color: #000000;
-	--bgl-box-bg: var(--bgl-white);
-	--bgl-popup-bg: var(--bgl-white);
-	--bgl-popup-text: var(--bgl-black);
-	--bgl-text-color: var(--bgl-black);
-	--bgl-light-text: var(--bgl-white);
-	--bgl-richtext-color: var(--bgl-white);
-	--bgl-code-bg: var(--bgl-black);
-	--bgl-code-color: var(--bgl-white);
-	--bgl-dark-bg: rgba(0, 0, 0, 0.7);
-	--bgl-selection-bg: var(--bgl-blue-dark);
-	--bgl-selection-color: var(--bgl-white);
-	--bgl-scrollbar-thumb: var(--bgl-gray);
-	--pill-btn-color: var(--bgl-white);
-	--pill-btn-bg: var(--placeholder-color);
-	--bgl-selected: var(--bgl-gray-light);
-	--skeleton-bg: #f0f0f0;
-	--skeleton-pulse: var(--bgl-bg);
+    --bgl-primary: var(--bgl-blue);
+    --bgl-primary-tint: #2e5bff80;
+    --bgl-primary-light: #eef6ff;
+    --bgl-black: #282929;
+    --bgl-black-tint: #28292980;
+    --bgl-white: #fff;
+    --bgl-gray: #b7b7b7;
+    --bgl-gray-light: #f5f8fa;
+    --bgl-gray-80: #e8ecef;
+    --bgl-gray-20: rgba(183, 183, 183, 0.2);
+    --bgl-gray-40: rgba(183, 183, 183, 0.4);
+    --bgl-accent-color: var(--bgl-primary);
+    --bgl-bg: #f4f6fa;
+    --bgl-shadow: #00000031;
+    --border-color: #00000020;
+    --placeholder-color: #00000040;
+    --label-color: #00000080;
+    --input-bg: #f5f8fa;
+    --input-color: #000000;
+    --bgl-box-bg: var(--bgl-white);
+    --bgl-popup-bg: var(--bgl-white);
+    --bgl-popup-text: var(--bgl-black);
+    --bgl-text-color: var(--bgl-black);
+    --bgl-light-text: var(--bgl-white);
+    --bgl-richtext-color: var(--bgl-white);
+    --bgl-code-bg: var(--bgl-black);
+    --bgl-code-color: var(--bgl-white);
+    --bgl-dark-bg: rgba(0, 0, 0, 0.7);
+    --bgl-selection-bg: var(--bgl-blue-dark);
+    --bgl-selection-color: var(--bgl-white);
+    --bgl-scrollbar-thumb: var(--bgl-gray);
+    --pill-btn-color: var(--bgl-white);
+    --pill-btn-bg: var(--placeholder-color);
+    --bgl-selected: var(--bgl-gray-light);
+    --skeleton-bg: #f0f0f0;
+    --skeleton-pulse: var(--bgl-bg);
 }
 /* TYPE */
 :root {
-	--bgl-font: 'Lexend', 'Ploni', sans-serif;
-	--input-font-size: 16px;
+    --bgl-font: 'Lexend', 'Ploni', sans-serif;
+    --input-font-size: 16px;
 }
 /* DIMENSIONS */
 :root {
-	--bgl-font-size: 16px;
-	--input-height: 40px;
-	--label-font-size: 12px;
-	--input-border-radius: 7px;
-	--card-border-radius: 12px;
-	--btn-border-radius: 10px;
-	--btn-padding: 30px;
-	--btn-height: 40px;
-	--pill-border-radius: 8px;
-	--pill-height: 30px;
-	--skeleton-radius: 0.25rem;
-	--skeleton-margin: 1rem;
+    --bgl-font-size: 16px;
+    --input-height: 40px;
+    --label-font-size: 12px;
+    --input-border-radius: 7px;
+    --card-border-radius: 12px;
+    --btn-border-radius: 10px;
+    --btn-padding: 30px;
+    --btn-height: 40px;
+    --pill-border-radius: 8px;
+    --pill-height: 30px;
+    --skeleton-radius: 0.25rem;
+    --skeleton-margin: 1rem;
+    --bgl-range-thumb-size: 20px;
+    --bgl-range-track-height: 10px;
 }
 /* MISC */
 :root {
-	--bgl-transition: all 200ms ease;
-	--bgl-transition-400: all 400ms ease;
-	--bgl-hover-filter: brightness(90%);
-	--bgl-active-filter: brightness(70%);
+    --bgl-transition: all 200ms ease;
+    --bgl-transition-400: all 400ms ease;
+    --bgl-hover-filter: brightness(90%);
+    --bgl-active-filter: brightness(70%);
 }
 /* OTHER COLORS */
 :root {
-	--bgl-blue: #2e5bff;
-	--bgl-blue-20: rgba(46, 91, 255, 20%);
-	--bgl-blue-dark: #191c30;
-	--bgl-blue-light: #eef6ff;
-	--bgl-pink: #f1416c;
-	--bgl-red: #ed6c6f;
-	--bgl-red-tint: #fbe2e2;
-	--bgl-yellow: #ffbb00;
-	--bgl-yellow-light: #fff6d5;
-	--bgl-green: #75c98f;
-	--whatsapp-gray: #89959f;
-	--whatsapp-green: #e0fcd6;
-	--whatsapp-blue: #71bce6;
+    --bgl-blue: #2e5bff;
+    --bgl-blue-20: rgba(46, 91, 255, 20%);
+    --bgl-blue-dark: #191c30;
+    --bgl-blue-light: #eef6ff;
+    --bgl-pink: #f1416c;
+    --bgl-red: #ed6c6f;
+    --bgl-red-tint: #fbe2e2;
+    --bgl-yellow: #ffbb00;
+    --bgl-yellow-light: #fff6d5;
+    --bgl-green: #75c98f;
+    --whatsapp-gray: #89959f;
+    --whatsapp-green: #e0fcd6;
+    --whatsapp-blue: #71bce6;
 }
 .testMe * {
-	outline: 1px dotted red;
+    outline: 1px dotted red;
 }
 .Vue-Toastification__toast {
-	border-radius: var(--card-border-radius);
-	box-shadow: none;
+    border-radius: var(--card-border-radius);
+    box-shadow: none;
 }
 .Vue-Toastification__toast--default {
-	background: var(--bgl-primary);
+    background: var(--bgl-primary);
 }
 .Vue-Toastification__close-button {
-	height: 1.5rem;
-	line-height: 1rem;
+    height: 1.5rem;
+    line-height: 1rem;
 }
 ::-moz-selection {
-	color: var(--bgl-selection-color);
-	background: var(--bgl-selection-bg);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }
 ::selection {
-	color: var(--bgl-selection-color);
-	background: var(--bgl-selection-bg);
+    color: var(--bgl-selection-color);
+    background: var(--bgl-selection-bg);
 }
 .popup {
-	border-radius: 15px;
-	background: var(--bgl-popup-bg);
-	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-	padding: 2rem;
-	min-width: 300px;
-	text-align: center;
+    border-radius: 15px;
+    background: var(--bgl-popup-bg);
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+    padding: 2rem;
+    min-width: 300px;
+    text-align: center;
 }
 .tabs {
-	-moz-column-gap: 1rem;
-	column-gap: 1rem;
-	margin-top: 20px;
-	margin-bottom: -2rem;
-	border-top: 1px solid var(--border-color);
-	width: calc(100% + 4rem);
-	-webkit-margin-start: -2rem;
-	margin-inline-start: -2rem;
-	-webkit-padding-start: 2rem;
-	padding-inline-start: 2rem;
-	overflow: auto;
-	display: flex;
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    margin-top: 20px;
+    margin-bottom: -2rem;
+    border-top: 1px solid var(--border-color);
+    width: calc(100% + 4rem);
+    -webkit-margin-start: -2rem;
+    margin-inline-start: -2rem;
+    -webkit-padding-start: 2rem;
+    padding-inline-start: 2rem;
+    overflow: auto;
+    display: flex;
 }
 .tab {
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 2.5;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	border-bottom: 2px solid transparent;
-	padding: 0 5px;
-	white-space: nowrap;
-	text-decoration: none;
-	color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }
 .tab.active {
-	color: var(--bgl-primary);
-	border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }
 .tab:hover {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }
 .tab:active {
-	-webkit-filter: brightness(70%);
-	filter: brightness(70%);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }
 .router-tab {
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 2.5;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	border-bottom: 2px solid transparent;
-	padding: 0 5px;
-	white-space: nowrap;
-	text-decoration: none;
-	color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }
 .router-tab.router-link-active {
-	color: var(--bgl-primary);
-	border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }
 .router-tab:hover {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }
 .router-tab:active {
-	-webkit-filter: brightness(70%);
-	filter: brightness(70%);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }
 .entity-container {
-	display: grid;
-	height: 100%;
-	grid-template-columns: minmax(300px, 1fr) 3fr;
-	grid-gap: 1rem;
-	-moz-column-gap: 1rem;
-	column-gap: 1rem;
-	grid-template-rows: 1fr;
-	grid-template-areas: 'list-view detail-view';
-	transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-	transition:
-		grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
-		-ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-	transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    display: grid;
+    height: 100%;
+    grid-template-columns: minmax(300px, 1fr) 3fr;
+    grid-gap: 1rem;
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    grid-template-rows: 1fr;
+    grid-template-areas: 'list-view detail-view';
+    transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    transition:
+        grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
+        -ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
 }
 .detail-main {
-	overflow-y: auto;
+    overflow-y: auto;
 }
 .content-row p {
-	margin: 0 0 10px 0;
+    margin: 0 0 10px 0;
 }
 .id {
-	color: var(--bgl-gray);
-	font-size: 9px;
+    color: var(--bgl-gray);
+    font-size: 9px;
 }
 .field {
-	--field-count: 1;
-	--width: calc(100% / var(--field-count));
-	grid-auto-columns: minmax(var(--width), var(--width));
-	font-size: 10px;
-	text-align: z;
+    --field-count: 1;
+    --width: calc(100% / var(--field-count));
+    grid-auto-columns: minmax(var(--width), var(--width));
+    font-size: 10px;
+    text-align: z;
 }
 .detail-view-inner {
-	display: grid;
-	height: 100%;
-	overflow: hidden;
-	grid-template-rows: -webkit-max-content 1fr;
-	grid-template-rows: max-content 1fr;
-	gap: 1rem;
+    display: grid;
+    height: 100%;
+    overflow: hidden;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    gap: 1rem;
 }
 .detail-view-inner-wrap {
-	height: 100%;
-	overflow: hidden;
-	transition: var(--bgl-transition);
+    height: 100%;
+    overflow: hidden;
+    transition: var(--bgl-transition);
 }
 .table-list-wrap {
-	overflow: auto;
+    overflow: auto;
 }
 [dir='rtl'] .data-row .bgl_icon-font,
 [dir='rtl'] .embedded-field .bgl_icon-font {
-	transform: rotateY(180deg) !important;
+    transform: rotateY(180deg) !important;
 }
 .copy-url {
-	background-color: var(--bgl-gray-light);
-	border-radius: var(--btn-border-radius);
-	padding: 0.5rem 1rem;
-	align-items: center;
-	justify-content: flex-start;
-	margin-bottom: 1rem;
-	display: flex;
-	justify-content: space-between;
+    background-color: var(--bgl-gray-light);
+    border-radius: var(--btn-border-radius);
+    padding: 0.5rem 1rem;
+    align-items: center;
+    justify-content: flex-start;
+    margin-bottom: 1rem;
+    display: flex;
+    justify-content: space-between;
 }
 .copy-url a {
-	margin: 0;
-	font-size: 12px;
-	opacity: 0.8;
-	color: var(--bgl-text-color);
-	word-break: break-all;
+    margin: 0;
+    font-size: 12px;
+    opacity: 0.8;
+    color: var(--bgl-text-color);
+    word-break: break-all;
 }
 .list-view {
-	grid-area: list-view;
-	grid-template-areas: 'list-header' 'list-content';
-	grid-template-columns: 1fr;
-	overflow-y: auto;
-	grid-template-rows: -webkit-max-content 1fr;
-	grid-template-rows: max-content 1fr;
-	transition: var(--transition);
+    grid-area: list-view;
+    grid-template-areas: 'list-header''list-content';
+    grid-template-columns: 1fr;
+    overflow-y: auto;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    transition: var(--transition);
 }
 .shekel {
-	line-height: 0;
+    line-height: 0;
 }
 .view-wrapper {
-	height: 100%;
-	position: relative;
-	overflow: hidden;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
 }
 @media screen and (max-width: 1000px) {
-	.entity-container {
-		grid-template-columns: minmax(22vw, 1fr) 2fr;
-	}
+    .entity-container {
+        grid-template-columns: minmax(22vw, 1fr) 2fr;
+    }
 }
 @media screen and (max-width: 910px) {
-	.tab {
-		font-size: 12px;
-	}
+    .tab {
+        font-size: 12px;
+    }
 
-	.entity-container {
-		grid-template-columns: 1fr;
-		gap: 0;
-	}
+    .entity-container {
+        grid-template-columns: 1fr;
+        gap: 0;
+    }
 
-	.detail-view-inner {
-		border-radius: var(--card-border-radius);
-		background: var(--bgl-box-bg);
-	}
+    .detail-view-inner {
+        border-radius: var(--card-border-radius);
+        background: var(--bgl-box-bg);
+    }
 
-	.detail-view-inner-wrap {
-		position: absolute;
-		height: 100%;
-		width: 100%;
-		background: var(--bgl-bg);
-	}
+    .detail-view-inner-wrap {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        background: var(--bgl-bg);
+    }
 
-	.detail-view-inner-wrap.bgl_card {
-		background: var(--bgl-box-bg);
-	}
+    .detail-view-inner-wrap.bgl_card {
+        background: var(--bgl-box-bg);
+    }
 
-	.bgl_card {
-		padding: 1rem 1rem;
-	}
+    .bgl_card {
+        padding: 1rem 1rem;
+    }
 
-	.tabs {
-		-moz-column-gap: 10px;
-		column-gap: 10px;
-		margin-top: 10px;
-		margin-bottom: -15px;
-		box-sizing: border-box;
-		-webkit-margin-start: -1rem;
-		margin-inline-start: -1rem;
-		-webkit-padding-start: 1rem;
-		padding-inline-start: 1rem;
-		max-width: calc(100vw - 2rem);
-	}
+    .tabs {
+        -moz-column-gap: 10px;
+        column-gap: 10px;
+        margin-top: 10px;
+        margin-bottom: -15px;
+        box-sizing: border-box;
+        -webkit-margin-start: -1rem;
+        margin-inline-start: -1rem;
+        -webkit-padding-start: 1rem;
+        padding-inline-start: 1rem;
+        max-width: calc(100vw - 2rem);
+    }
 
-	.popup {
-		border-radius: 15px;
-		background: var(--bgl-popup-bg);
-		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-		padding: 2rem;
-		min-width: 0;
-		max-width: 90%;
-		max-height: 90vh;
-		overflow-x: auto;
-		text-align: center;
-	}
+    .popup {
+        border-radius: 15px;
+        background: var(--bgl-popup-bg);
+        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+        padding: 2rem;
+        min-width: 0;
+        max-width: 90%;
+        max-height: 90vh;
+        overflow-x: auto;
+        text-align: center;
+    }
 
-	.detail-main {
-		overflow-y: unset;
-	}
+    .detail-main {
+        overflow-y: unset;
+    }
 
-	.detail-section {
-		height: -webkit-fit-content;
-		height: -moz-fit-content;
-		height: fit-content;
-	}
+    .detail-section {
+        height: -webkit-fit-content;
+        height: -moz-fit-content;
+        height: fit-content;
+    }
 
-	.field {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		align-items: center;
-	}
+    .field {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        align-items: center;
+    }
 }
 [theme="dark"] {
   --bgl-primary: #1c4fe1;