@bagelink/vue 1.2.77 → 1.2.81

package/dist/style.css

@@ -1,4 +1,18 @@
 @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
+.expand-enter-active,
+.expand-leave-active {
+	transition: all 0.2s;
+	transition-delay: 0ms;
+}
+.expand-enter-from,
+.expand-leave-to {
+	max-height: 0;
+}
+.expand-enter-to,
+.expand-leave-from {
+	max-height: 300px;
+}
+
 .accordion-item[data-v-3334f637] {
 	border-bottom: 1px solid var(--border-color);
 	transition: all 0.2s;
@@ -41,20 +55,6 @@
 	text-decoration: underline;
 }
 
-.expand-enter-active,
-.expand-leave-active {
-	transition: all 0.2s;
-	transition-delay: 0ms;
-}
-.expand-enter-from,
-.expand-leave-to {
-	max-height: 0;
-}
-.expand-enter-to,
-.expand-leave-from {
-	max-height: 300px;
-}
-
 .bgl_btn[data-v-99c4aa53] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
@@ -262,10 +262,6 @@ display: block;
   object-fit: cover;
 }
 
-.inline[data-v-689f051f] {
-	display: inline;
-}
-
 .pill {
 	border-radius: 10px;
 	padding: 4px 8px;
@@ -308,6 +304,10 @@ display: block;
 	color: var(--bgl-red);
 }
 
+.inline[data-v-689f051f] {
+	display: inline;
+}
+
 .bgl_vid iframe[data-v-006552f6],
 .bgl_vid video[data-v-006552f6] {
 	width: 100%;
@@ -1134,32 +1134,30 @@ fieldset[data-v-f7e758e5] {
 .fi[data-v-f99f1900]:before{ content:" "
 }
 
-.bgl-multi-step-form[data-v-53bb3be3] {
+.bgl-multi-step-form[data-v-9c0b618c] {
 	display: flex;
 	flex-direction: column;
 	gap: 1rem;
 	width: 100%;
 	/* Default transition duration */
-	--transition-duration: 200ms;
+	--transition-duration: 300ms;
 	--move-distance: 35%;
-	--ease-in: ease-in-out;
-	--ease-out: ease-in-out;
-	/* --ease-in: cubic-bezier(0.42, 0, 0.58, 1); */
-	/* --ease-out: cubic-bezier(0.5, 0, 0.75, 0); */
+	--ease-in: cubic-bezier(0.42, 0, 0.58, 1);
+	--ease-out: cubic-bezier(0.42, 0, 0.58, 1);
 }
-.bgl-steps-indicator[data-v-53bb3be3] {
+.bgl-steps-indicator[data-v-9c0b618c] {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-bottom: 1rem;
 }
-.bgl-step-indicator[data-v-53bb3be3] {
+.bgl-step-indicator[data-v-9c0b618c] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	position: relative;
 }
-.bgl-step-indicator[data-v-53bb3be3]::before {
+.bgl-step-indicator[data-v-9c0b618c]::before {
 	content: '';
 	position: absolute;
 	top: 50%;
@@ -1169,10 +1167,10 @@ fieldset[data-v-f7e758e5] {
 	background: #e0e0e0;
 	z-index: -1;
 }
-.bgl-step-indicator[data-v-53bb3be3]:first-child::before {
+.bgl-step-indicator[data-v-9c0b618c]:first-child::before {
 	display: none;
 }
-.bgl-step-indicator > span[data-v-53bb3be3]:first-child {
+.bgl-step-indicator > span[data-v-9c0b618c]:first-child {
 	width: 30px;
 	height: 30px;
 	border-radius: 50%;
@@ -1183,73 +1181,77 @@ fieldset[data-v-f7e758e5] {
 	justify-content: center;
 	margin-bottom: 0.5rem;
 }
-.bgl-step-indicator.active > span[data-v-53bb3be3]:first-child {
+.bgl-step-indicator.active > span[data-v-9c0b618c]:first-child {
 	background: var(--primary-color, #4CAF50);
 	color: white;
 }
-.bgl-step-indicator.completed > span[data-v-53bb3be3]:first-child {
+.bgl-step-indicator.completed > span[data-v-9c0b618c]:first-child {
 	background: var(--success-color, #8BC34A);
 	color: white;
 }
-.bgl-step-indicator.clickable[data-v-53bb3be3] {
+.bgl-step-indicator.clickable[data-v-9c0b618c] {
 	cursor: pointer;
 }
-.bgl-step-label[data-v-53bb3be3] {
+.bgl-step-label[data-v-9c0b618c] {
 	font-size: 0.8rem;
 	max-width: 100px;
 	text-align: center;
 }
-.bgl-form-wrapper[data-v-53bb3be3] {
+.bgl-form-wrapper[data-v-9c0b618c] {
 	display: grid;
 	overflow: clip;
 	height: auto;
 	transition: height var(--transition-duration) ease;
 	interpolate-size: allow-keywords;
 }
-.bgl-form-wrapper > div[data-v-53bb3be3] {
+.bgl-form-wrapper > div[data-v-9c0b618c] {
 	grid-area: 1 / 1;
 }
-.bgl-form-container[data-v-53bb3be3] {
+.bgl-form-container[data-v-9c0b618c] {
 	width: 100%;
 	display: flex;
 	flex-direction: column;
 }
-.bgl-step-controls[data-v-53bb3be3] {
+.bgl-step-controls[data-v-9c0b618c] {
 	display: flex;
 	justify-content: center;
 	gap: 1rem;
 	grid-area: unset !important;
+	margin-top: 2rem;
 }
 
 /* Slide Left Animation (going forward) */
-.slide-left-enter-active[data-v-53bb3be3] {
-	transition: opacity, transform calc(var(--transition-duration) * 1.2) var(--ease-in);
+.slide-left-enter-active[data-v-9c0b618c] {
+	transition: opacity var(--transition-duration) var(--ease-in),
+	            transform var(--transition-duration) var(--ease-in);
 }
-.slide-left-leave-active[data-v-53bb3be3] {
-	transition: opacity, transform var(--transition-duration) var(--ease-out);
+.slide-left-leave-active[data-v-9c0b618c] {
+	transition: opacity var(--transition-duration) var(--ease-out),
+	            transform var(--transition-duration) var(--ease-out);
 }
-.slide-left-enter-from[data-v-53bb3be3] {
+.slide-left-enter-from[data-v-9c0b618c] {
 	opacity: 0;
 	transform: translateX(var(--move-distance));
 }
-.slide-left-leave-to[data-v-53bb3be3] {
+.slide-left-leave-to[data-v-9c0b618c] {
 	opacity: 0;
 	transform: translateX(-30%);
 }
 
 /* Slide Right Animation (going back) */
-.slide-right-enter-active[data-v-53bb3be3] {
-	transition: all calc(var(--transition-duration) * 1.2) var(--ease-in);
+.slide-right-enter-active[data-v-9c0b618c] {
+	transition: opacity var(--transition-duration) var(--ease-in),
+	            transform var(--transition-duration) var(--ease-in);
 }
-.slide-right-leave-active[data-v-53bb3be3] {
-	transition: all var(--transition-duration) var(--ease-out);
-	transition-property: opacity, transform;
+.slide-right-leave-active[data-v-9c0b618c] {
+	transition: opacity var(--transition-duration) var(--ease-out),
+	            transform var(--transition-duration) var(--ease-out);
 }
-.slide-right-enter-from[data-v-53bb3be3] {
+.slide-right-enter-from[data-v-9c0b618c] {
 	opacity: 0;
 	transform: translateX(-30%);
 }
-.slide-right-leave-to[data-v-53bb3be3] {
+.slide-right-leave-to[data-v-9c0b618c] {
 	opacity: 0;
 	transform: translateX(var(--move-distance));
 }
@@ -1370,42 +1372,78 @@ fieldset[data-v-f7e758e5] {
     color: var(--label-color) !important;
 }
 
-pre code.hljs{
+/* Global styles */
+pre code.hljs {
 	padding: 0 !important;
-	inset: 0 !important;
-	position: absolute;
+	background: transparent !important;
 }
 
-.codeText[data-v-13335b34]{
-  font-family: monospace;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  caret-color: var(--bgl-white);
-  color: var(--bgl-white);
+.code-editor-container[data-v-6ab9613f] {
+	margin-bottom: 0.5rem;
+	height: 100%;
+}
+.label[data-v-6ab9613f] {
+	display: block;
+	text-align: left;
+	margin-bottom: 0.25rem;
 }
-.code-editor-wrap[data-v-13335b34] {
-  background: #282c34;
-  height: max-content;
+.code-editor-grandpa[data-v-6ab9613f] {
+	background: #22252A;
+	border-radius: 0.25rem;
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+	padding: 1ch;
+	padding-inline-start: 2ch;
 }
-.code-editor-wrap[data-v-13335b34]:focus-within, .code-editor-wrap[data-v-13335b34]:focus-visible, .code-editor-wrap[data-v-13335b34]:focus {
-    box-shadow: inset 0 0 10px #00000021;
-	outline: solid 1px var(--border-color);
-	/* outline: -webkit-focus-ring-color auto 1px; */
+.code-editor-grandpa[data-v-6ab9613f]:focus-within {
+	outline: solid 1px var(--border-color, #4f575f);
+	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.13);
 }
-.code-editor-wrap:focus-within:has(textarea:focus) + .label[data-v-13335b34],
-.label[data-v-13335b34]:has(+ .code-editor-wrap:focus-within) {
-	color: var(--bgl-primary) !important;
+.editor-content-papa[data-v-6ab9613f] {
+	position: relative;
+	width: 100%;
+	padding-bottom: calc(100% - 5lh);
+}
+.code-display[data-v-6ab9613f],
+.code-input[data-v-6ab9613f] {
+	inset: 0;
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+	font-family: monospace;
+	font-size: 1em;
+	line-height: 1.5;
+	tab-size: 2;
+	word-break: keep-all;
+	text-align: left;
 }
-.code-editor[data-v-13335b34] {
-  color: transparent;
-  resize: none;
+.code-display[data-v-6ab9613f] {
+	position: relative;
+	color:  #fff;
+	pointer-events: none;
+	z-index: 1;
 }
-.code-editor[data-v-13335b34]::selection {
-  background: #2466bc30;
-  color: inherit;
+.code-display code[data-v-6ab9613f] {
+	display: block;
+	background: transparent !important;
+	padding: 0 !important;
 }
-.code-editor[data-v-13335b34]:focus {
-  outline: none;
+.code-input[data-v-6ab9613f] {
+	position: absolute;
+	background: transparent;
+	color: transparent;
+	caret-color:  #fff;
+	border: none;
+	resize: none;
+	outline: none;
+	z-index: 2;
+}
+.code-input[data-v-6ab9613f]::selection {
+	background-color: rgba(36, 102, 188, 0.3);
+	color: transparent;
 }
 
 .colorInputPick{
@@ -2008,32 +2046,27 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 .content-area li{
 	line-height: 1.65;
 }
-.code-editor {
-	flex: 1;
-	min-height: 240px !important;
-	height: 100%;
-}
 
-.rich-text-editor[data-v-30bcda4c] {
+.rich-text-editor[data-v-2782b5dd] {
 	background: var(--input-bg);
 	border: 1px solid var(--border-color);
 	transition: all 0.3s ease;
 }
-.editor-container[data-v-30bcda4c] {
+.editor-container[data-v-2782b5dd] {
 	display: flex;
-	gap: 1rem;
+	gap: 0.5rem;
 }
-.content-area[data-v-30bcda4c],
-.preview-area[data-v-30bcda4c] {
+.content-area[data-v-2782b5dd],
+.preview-area[data-v-2782b5dd] {
 	flex: 1;
 	min-height: 200px;
 	background: var(--bgl-richtext-color);
 }
-.split-view[data-v-30bcda4c] {
+.split-view[data-v-2782b5dd] {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }
-.editableContent[data-v-30bcda4c] {
+.editableContent[data-v-2782b5dd] {
 	width: 100%;
 	min-height: 240px;
 	height: 100%;
@@ -2041,7 +2074,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	outline: none;
 	background: transparent;
 }
-.html-editor[data-v-30bcda4c] {
+.html-editor[data-v-2782b5dd] {
 	width: 100%;
 	height: 100%;
 	min-height: 200px;
@@ -2052,12 +2085,12 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	color: white;
 	background-color: var(--bgl-black);
 }
-.preview-area[data-v-30bcda4c] {
+.preview-area[data-v-2782b5dd] {
 	font-family: monospace;
 	white-space: pre-wrap;
 	overflow-x: auto;
 }
-.fullscreen-mode[data-v-30bcda4c] {
+.fullscreen-mode[data-v-2782b5dd] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -2066,60 +2099,21 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	z-index: 9999;
 	padding: 2rem;
 }
-.fullscreen-mode .editor-container[data-v-30bcda4c] {
+.fullscreen-mode .editor-container[data-v-2782b5dd] {
 	height: calc(100vh - 4rem);
 }
-.fullscreen-mode .content-area[data-v-30bcda4c],
-.fullscreen-mode .preview-area[data-v-30bcda4c] {
+.fullscreen-mode .content-area[data-v-2782b5dd],
+.fullscreen-mode .preview-area[data-v-2782b5dd] {
 	height: 100%;
 	overflow-y: auto;
 }
-.fullscreen-mode .code-editor[data-v-30bcda4c]{
-	height: 100% !important;
-}
-.debug-controls[data-v-30bcda4c] {
+.debug-controls[data-v-2782b5dd] {
 	display: flex;
 	gap: 0.5rem;
 	justify-content: flex-end;
 }
 .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-c16650b4] {
-	width: 100%;
-}
-.selectinput-option[data-v-c16650b4] {
-	padding: 6px 12px;
-	cursor: pointer;
-	border-radius: 5px;
-	transition: all 0.2s;
-	display: grid;
-	grid-template-columns:1fr;
-	justify-content: space-between;
-	width: 100%;
-	font-size: var(--input-font-size);
-	margin-block: 0.15rem;
-}
-.selectinput-option .bgl_icon-font[data-v-c16650b4]{
-	line-height: normal;
-}
-.selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
-	grid-template-columns: 10px 1fr;
-}
-.selectinput-options[data-v-c16650b4] {
-	max-height: 300px;
-	overflow-y: auto;
-}
-.selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
-	background: var(--bgl-gray-20);
-}
-.isEmpty p[data-v-c16650b4] {
-	opacity: 0.3;
-}
-.selected[data-v-c16650b4]{
-	/* background: var(--bgl-primary-tint); */
-	background: var(--bgl-selected);
-}
-
 .bagel-input label {
 	font-size: var(--label-font-size);
 }
@@ -2160,6 +2154,42 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	/* color: var(--input-color); */
 }
 
+.selectinput[data-v-c16650b4] {
+	width: 100%;
+}
+.selectinput-option[data-v-c16650b4] {
+	padding: 6px 12px;
+	cursor: pointer;
+	border-radius: 5px;
+	transition: all 0.2s;
+	display: grid;
+	grid-template-columns:1fr;
+	justify-content: space-between;
+	width: 100%;
+	font-size: var(--input-font-size);
+	margin-block: 0.15rem;
+}
+.selectinput-option .bgl_icon-font[data-v-c16650b4]{
+	line-height: normal;
+}
+.selectinput-options.multiselect .selectinput-option[data-v-c16650b4] {
+	grid-template-columns: 10px 1fr;
+}
+.selectinput-options[data-v-c16650b4] {
+	max-height: 300px;
+	overflow-y: auto;
+}
+.selectinput-option[data-v-c16650b4]:hover, .highlight[data-v-c16650b4] {
+	background: var(--bgl-gray-20);
+}
+.isEmpty p[data-v-c16650b4] {
+	opacity: 0.3;
+}
+.selected[data-v-c16650b4]{
+	/* background: var(--bgl-primary-tint); */
+	background: var(--bgl-selected);
+}
+
 .bgl_input .canvas {
 	width: 100%;
 	height: 100%;
@@ -2175,6 +2205,40 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	border-radius: var(--input-border-radius);
 }
 
+.table-row .bagel-input input,
+.table-row .bagel-input textarea,
+.table-row .bagel-input .input {
+	border-radius: 0;
+	background: transparent;
+	color: var(--bgl-text-color);
+}
+.table-row .bagel-input textarea {
+	resize: none;
+	min-height: 40px;
+	overflow: auto;
+	margin: 0px;
+	padding: 0.64rem 0.7rem 0;
+}
+.table-row .bagel-input {
+	margin: 0;
+}
+.table-row .bagel-input input:focus-visible,
+.table-row .bagel-input textarea:focus-visible,
+.table-row .bagel-input .input:focus-visible {
+	background: var(--border-color);
+}
+.ghost {
+	opacity: 0;
+	background: #c8ebfb;
+}
+.sortable-chosen {
+	cursor: grabbing !important;
+	border-color: transparent;
+	background: var(--bgl-box-bg);
+	border-radius: 10px;
+	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
+}
+
 .table-side-scroll[data-v-e9632f79] {
 	overflow: auto;
 	margin-inline-start: -1rem;
@@ -2281,40 +2345,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	opacity: 1;
 }
 
-.table-row .bagel-input input,
-.table-row .bagel-input textarea,
-.table-row .bagel-input .input {
-	border-radius: 0;
-	background: transparent;
-	color: var(--bgl-text-color);
-}
-.table-row .bagel-input textarea {
-	resize: none;
-	min-height: 40px;
-	overflow: auto;
-	margin: 0px;
-	padding: 0.64rem 0.7rem 0;
-}
-.table-row .bagel-input {
-	margin: 0;
-}
-.table-row .bagel-input input:focus-visible,
-.table-row .bagel-input textarea:focus-visible,
-.table-row .bagel-input .input:focus-visible {
-	background: var(--border-color);
-}
-.ghost {
-	opacity: 0;
-	background: #c8ebfb;
-}
-.sortable-chosen {
-	cursor: grabbing !important;
-	border-color: transparent;
-	background: var(--bgl-box-bg);
-	border-radius: 10px;
-	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
-}
-
 .tel-input[data-v-24f599bf] {
 	direction: ltr;
 	text-align: left;
@@ -4399,32 +4429,32 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.carousel-wrapper[data-v-705b9c93] {
+.carousel-wrapper[data-v-fee6ed49] {
   position: relative;
   width: 100%;
 }
-.carousel-container[data-v-705b9c93] {
+.carousel-container[data-v-fee6ed49] {
   margin: 0 auto;
   overflow: hidden;
 }
-.carousel-dots[data-v-705b9c93] {
+.carousel-dots[data-v-fee6ed49] {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-top: 16px;
 }
-.carousel-dot[data-v-705b9c93] {
+.carousel-dot[data-v-fee6ed49] {
   width: 12px;
   height: 12px;
   border-radius: 50px;
-  background-color: #ccc;
+  background-color: var(--bgl-gray-light);
   border: none;
   padding: 0;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
 }
-.carousel-dot.active[data-v-705b9c93] {
-  background-color: #333;
+.carousel-dot.active[data-v-fee6ed49] {
+  background-color: var(--bgl-primary);
   width: 26px;
 }
 

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIrE,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EAC7C,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC;;EAwBP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAO5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAM5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIrE,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EAC7C,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC;;EAwBP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAKD,wBAAsB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA0CxF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAO5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAM5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F"}

package/package.json

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