@bagelink/vue 0.0.943 → 0.0.947

package/dist/style.css

@@ -707,7 +707,7 @@ data[data-v-6c27f163] {
 }
 }
 
-.fileUploadWrap[data-v-6ce2a678] {
+.fileUploadWrap[data-v-d2c7e04e] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -719,7 +719,7 @@ data[data-v-6c27f163] {
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-6ce2a678] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-d2c7e04e] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -727,14 +727,14 @@ data[data-v-6c27f163] {
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-6ce2a678],
-.fileUploadWrap[data-v-6ce2a678]:hover {
+.fileUploadWrap.dragover[data-v-d2c7e04e],
+.fileUploadWrap[data-v-d2c7e04e]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*="height: auto;"][data-v-6ce2a678] {
+.fileUploadWrap[style*="height: auto;"][data-v-d2c7e04e] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-6ce2a678] {
+.multi-image-item-preview[data-v-d2c7e04e] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -748,12 +748,12 @@ data[data-v-6c27f163] {
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-6ce2a678] {
+.multi-image-item-preview p[data-v-d2c7e04e] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-6ce2a678]{
+.multi-preview[data-v-d2c7e04e]{
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -764,17 +764,17 @@ data[data-v-6c27f163] {
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-6ce2a678]{
+.bgl-single-preview[data-v-d2c7e04e]{
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-6ce2a678]{
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-d2c7e04e]{
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-6ce2a678] {
+.single-image-item-preview[data-v-d2c7e04e] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -782,13 +782,13 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-6ce2a678] {
+.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-d2c7e04e] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*="height: auto"] .single-preview[data-v-6ce2a678] {
+.fileUploadWrap[style*="height: auto"] .single-preview[data-v-d2c7e04e] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-6ce2a678]{
+.single-preview[data-v-d2c7e04e]{
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -797,7 +797,7 @@ data[data-v-6c27f163] {
 	object-fit: cover;
 	background: var(--bgl-gray-light);
 }
-.single-image-item-preview[data-v-6ce2a678]:hover::after{
+.single-image-item-preview[data-v-d2c7e04e]:hover::after{
 	content: "zoom_in";
 	font-size: 32px;
 	font-family: "Material Symbols Outlined", serif;
@@ -807,20 +807,20 @@ data[data-v-6c27f163] {
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-6ce2a678]{
+.single-image-item-preview:hover img[data-v-d2c7e04e]{
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-6ce2a678] {
+.bgl_fill-image.single-image-item-preview[data-v-d2c7e04e] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-6ce2a678]{
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-d2c7e04e]{
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-6ce2a678] {
+.single-image-item-preview .pie[data-v-d2c7e04e] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -834,31 +834,31 @@ data[data-v-6c27f163] {
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-6ce2a678] {
+.bgl_oval-upload[data-v-d2c7e04e] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-6ce2a678] {
+.bgl_oval-upload p[data-v-d2c7e04e] {
 		padding: 0.75rem !important;
 		font-size: 12px
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-6ce2a678]{
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-d2c7e04e]{
 		top: 0;
 }
-.bgl_oval-upload .pie[data-v-6ce2a678] {
+.bgl_oval-upload .pie[data-v-d2c7e04e] {
 		transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-6ce2a678] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-d2c7e04e] {
 		transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-6ce2a678]{
+.bgl_oval-upload .single-image-item-preview[data-v-d2c7e04e]{
 		height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-6ce2a678] {
+.bgl_oval-upload .single-preview[data-v-d2c7e04e] {
 		margin: 0;
 		height: 100% !important;
 }
-.pie[data-v-6ce2a678] {
+.pie[data-v-d2c7e04e] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -866,7 +866,7 @@ data[data-v-6c27f163] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-6ce2a678]:before {
+.pie[data-v-d2c7e04e]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -884,26 +884,26 @@ data[data-v-6c27f163] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-6ce2a678] {
+.pie .success[data-v-d2c7e04e] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-6ce2a678] {
+.pie .progress[data-v-d2c7e04e] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-6ce2a678] {
+.pie.complete .progress[data-v-d2c7e04e] {
 	display: none;
 }
-.pie.complete .success[data-v-6ce2a678] {
+.pie.complete .success[data-v-d2c7e04e] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-6ce2a678]:before {
+.pie.complete[data-v-d2c7e04e]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-6ce2a678] {
+.pie.complete[data-v-d2c7e04e] {
 	color: var(--bgl-green);
 }
 
@@ -1391,15 +1391,6 @@ p {
 	width: 100%;
 	height: 100%;
 }
-.pixel {
-	width: 0;
-	height: 0;
-	overflow: hidden;
-	outline: none;
-	position: absolute;
-	bottom: 0;
-	left: 50%;
-}
 .bgl_input.signature-pad {
 	background: var(--input-bg);
 	border: none;
@@ -10971,277 +10962,287 @@ to {
 input,
 textarea,
 select {
-    font-family: inherit;
-    width: 100%;
+	font-family: inherit;
+	width: 100%;
 }
 .bagel-input-error input,
 .bagel-input-error button,
 .bagel-input-error textarea {
-    outline: 1px solid var(--bgl-red);
+	outline: 1px solid var(--bgl-red);
 }
 .bagel-input {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    text-align: start;
-    margin-bottom: 0.5rem;
-    width: 100%;
-    color: var(--bgl-text-color);
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	text-align: start;
+	margin-bottom: 0.5rem;
+	width: 100%;
+	color: var(--bgl-text-color);
 }
 .bagel-input::-webkit-input-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::-moz-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input:-ms-input-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::-ms-input-placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::placeholder .bagel-input label {
-    display: block;
-    font-size: var(--label-font-size);
-    margin-bottom: 2px;
-    line-height: 1.3;
+	display: block;
+	font-size: var(--label-font-size);
+	margin-bottom: 2px;
+	line-height: 1.3;
 }
 .bagel-input::-webkit-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input::-moz-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input:-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input::-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input::placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input label {
-    color: var(--label-color);
+	color: var(--label-color);
 }
 .bagel-input input,
 .bagel-input select,
 .custom-select .input {
-    height: var(--input-height);
-    font-size: var(--input-font-size);
+	height: var(--input-height);
+	font-size: var(--input-font-size);
 }
 .bagel-input input,
 .bagel-input textarea,
 .bagel-input select,
 .custom-select .input {
-    background: var(--input-bg);
-    border: none;
-    padding: 0.7rem;
-    border-radius: var(--input-border-radius);
-    color: var(--input-color);
-    min-width: calc(var(--input-height) * 3);
-    width: 100%;
+	background: var(--input-bg);
+	border: none;
+	padding: 0.7rem;
+	border-radius: var(--input-border-radius);
+	color: var(--input-color);
+	min-width: calc(var(--input-height) * 3);
+	width: 100%;
 }
 .bagel-input input::-webkit-input-placeholder,
 .bagel-input textarea::-webkit-input-placeholder,
 .bagel-input select::-webkit-input-placeholder,
 .custom-select .input::-webkit-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input::-moz-placeholder,
 .bagel-input textarea::-moz-placeholder,
 .bagel-input select::-moz-placeholder,
 .custom-select .input::-moz-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input:-ms-input-placeholder,
 .bagel-input textarea:-ms-input-placeholder,
 .bagel-input select:-ms-input-placeholder,
 .custom-select .input:-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input::-ms-input-placeholder,
 .bagel-input textarea::-ms-input-placeholder,
 .bagel-input select::-ms-input-placeholder,
 .custom-select .input::-ms-input-placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input input::placeholder,
 .bagel-input textarea::placeholder,
 .bagel-input select::placeholder,
 .custom-select .input::placeholder {
-    color: var(--placeholder-color);
+	color: var(--placeholder-color);
 }
 .bagel-input.search-wrap {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
 }
 .bagel-input.search-wrap input {
-    -webkit-padding-end: 2rem;
-    padding-inline-end: 2rem;
+	-webkit-padding-end: 2rem;
+	padding-inline-end: 2rem;
 }
 .bagel-input.search-wrap .bgl_icon-font {
-    -webkit-margin-start: -1.75rem;
-    margin-inline-start: -1.75rem;
+	-webkit-margin-start: -1.75rem;
+	margin-inline-start: -1.75rem;
 }
 .bagel-input select {
-    height: var(--input-height);
+	height: var(--input-height);
 }
 .bagel-input textarea {
-    resize: vertical;
-    min-height: calc(var(--input-height) * 3);
-    line-height: 1.5;
+	resize: vertical;
+	min-height: calc(var(--input-height) * 3);
+	line-height: 1.5;
 }
 .bagel-input.wider input {
-    min-width: 320px;
+	min-width: 320px;
 }
-.bagel-input input[type="radio"] {
-    padding: 0;
-    width: -webkit-fit-content;
-    width: -moz-fit-content;
-    width: fit-content;
+.bagel-input input[type='radio'] {
+	padding: 0;
+	width: -webkit-fit-content;
+	width: -moz-fit-content;
+	width: fit-content;
 }
 .bagel-input:focus-within label {
-    color: var(--bgl-primary);
+	color: var(--bgl-primary);
 }
 .bagel-input select.no-edit,
 .bagel-input input.no-edit,
 .bagel-input textarea.no-edit,
 .bagel-input .switch.no-edit {
-    pointer-events: none;
-    outline: none;
-    opacity: .7;
+	pointer-events: none;
+	outline: none;
+	opacity: 0.7;
 }
 .bagel-input label.active {
-    color: var(--bgl-primary);
+	color: var(--bgl-primary);
 }
 .inline-80 {
-    display: inline-block;
-    width: 80%;
+	display: inline-block;
+	width: 80%;
 }
 .inline-20 {
-    display: inline-block;
-    width: 20%;
+	display: inline-block;
+	width: 20%;
 }
 .inline-10 {
-    display: inline-block;
-    width: 20%;
+	display: inline-block;
+	width: 20%;
 }
 .inline-50 {
-    display: inline-block;
-    width: 49%;
-    margin: 0 0.5%;
+	display: inline-block;
+	width: 49%;
+	margin: 0 0.5%;
 }
 .custom-select .input {
-    height: var(--input-height);
-    font-size: var(--input-font-size);
+	height: var(--input-height);
+	font-size: var(--input-font-size);
 }
 .custom-select .input {
-    background: var(--input-bg);
-    border: none;
-    padding: 0.7rem;
-    border-radius: var(--input-border-radius);
-    color: var(--input-color);
-    min-width: calc(var(--input-height) * 3);
-    width: 100%;
+	background: var(--input-bg);
+	border: none;
+	padding: 0.7rem;
+	border-radius: var(--input-border-radius);
+	color: var(--input-color);
+	min-width: calc(var(--input-height) * 3);
+	width: 100%;
 }
-[dir='rtl'] .bagel-input input[type="email"],
-[dir='rtl'] .tel-input input[type="tel"] {
-    direction: ltr;
-    text-align: right;
+[dir='rtl'] .bagel-input input[type='email'],
+[dir='rtl'] .tel-input input[type='tel'] {
+	direction: ltr;
+	text-align: right;
 }
 .input.active .bagel-input input:focus-visible,
 .bagel-input select:focus-visible,
 .bagel-input textarea:focus-visible,
 .bagel-input button:focus-visible,
 .bgl_btn:focus-visible {
-    outline-color: var(--bgl-primary-tint);
-    box-shadow: inset 0 0 10px #00000012;
+	outline-color: var(--bgl-primary-tint);
+	box-shadow: inset 0 0 10px #00000012;
 }
 .bagel-input input:focus,
 .bagel-input select:focus,
 .bagel-input textarea:focus,
 .bagel-input .bgl_btn:focus,
 .bagel-input button:focus {
-    outline-color: rgba(0, 0, 0, 0.05);
-    box-shadow: inset 0 0 10px #00000021;
-    outline-color: var(--input-bg);
-
+	outline-color: rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 0 10px #00000021;
+	outline-color: var(--input-bg);
 }
 .bagel-input.light-input input,
 .bagel-input.light-input textarea,
 .bagel-input.light-input select,
 .custom-select.light-input .input,
 .light-input .selectinput-btn {
-    background: var(--bgl-popup-bg) !important;
-    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
-    outline: 1px solid var(--border-color) !important;
+	background: var(--bgl-popup-bg) !important;
+	box-shadow:
+		0 1px 5px 0 rgba(0, 0, 0, 0.1),
+		0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
+	outline: 1px solid var(--border-color) !important;
 }
 .input.active.light-input,
 .bagel-input.light-input input:focus-visible,
 .bagel-input.light-input select:focus-visible,
 .bagel-input.light-input textarea:focus-visible {
-    box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
+	box-shadow: inset 0 0 2px var(--bgl-popup-text) !important;
 }
-.bagel-input input[type="number"]-webkit-inner-spin-button,
-.bagel-input input[type="number"]::-webkit-outer-spin-button {
-    -webkit-appearance: none;
+.bagel-input input[type='number']-webkit-inner-spin-button,
+.bagel-input input[type='number']::-webkit-outer-spin-button {
+	-webkit-appearance: none;
 }
 .label-count-0 label {
-    display: none;
+	display: none;
 }
 .label-count-0 button.bgl_btn.bgl_flatBtn {
-    margin-right: 5px;
+	margin-right: 5px;
 }
 .label-count-0 button.bgl_btn.bgl_flatBtn:hover {
-    background: var(--bgl-hover-filter);
+	background: var(--bgl-hover-filter);
 }
-.bagel-input input[type="color"] {
-    padding: 0.025rem 0.05rem;
-    display: block;
-    width: var(--input-height);
-    height: var(--input-height);
-    border: none;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    cursor: pointer;
+.bagel-input input[type='color'] {
+	padding: 0.025rem 0.05rem;
+	display: block;
+	width: var(--input-height);
+	height: var(--input-height);
+	border: none;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	cursor: pointer;
 }
-.bagel-input input[type="color"]::-webkit-color-swatch {
-    border-radius: var(--input-border-radius);
-    border: none;
-    -webkit-transition: box-shadow 200ms ease;
-    transition: box-shadow 200ms ease;
+.bagel-input input[type='color']::-webkit-color-swatch {
+	border-radius: var(--input-border-radius);
+	border: none;
+	-webkit-transition: box-shadow 200ms ease;
+	transition: box-shadow 200ms ease;
 }
-.bagel-input input[type="color"]::-moz-color-swatch {
-    border-radius: var(--input-border-radius);
-    border: none;
-    -moz-transition: box-shadow 200ms ease;
-    transition: box-shadow 200ms ease;
+.bagel-input input[type='color']::-moz-color-swatch {
+	border-radius: var(--input-border-radius);
+	border: none;
+	-moz-transition: box-shadow 200ms ease;
+	transition: box-shadow 200ms ease;
 }
-.bagel-input input[type="color"]::-webkit-color-swatch:hover {
-    box-shadow: inset 0 0 10px #00000050;
+.bagel-input input[type='color']::-webkit-color-swatch:hover {
+	box-shadow: inset 0 0 10px #00000050;
 }
-.bagel-input input[type="color"]::-moz-color-swatch:hover {
-    box-shadow: inset 0 0 10px #00000050;
+.bagel-input input[type='color']::-moz-color-swatch:hover {
+	box-shadow: inset 0 0 10px #00000050;
 }
 @media screen and (max-width: 910px) {
-    .bagel-input.wider input {
-        min-width: 120px;
-    }
+	.bagel-input.wider input {
+		min-width: 120px;
+	}
+}
+.pixel {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+	outline: none;
+	position: absolute;
+	bottom: 0;
+	left: 50%;
 }
 .bgl_btn,
 .bgl_flatBtn,