@bagelink/vue 0.0.793 → 0.0.799

package/dist/plugins/drag-n-drop/draggable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const draggableDirective: ObjectDirective;
+export default draggableDirective;
+//# sourceMappingURL=draggable.d.ts.map

package/dist/plugins/drag-n-drop/draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/draggable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/droppable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const droppableDirective: ObjectDirective;
+export default droppableDirective;
+//# sourceMappingURL=droppable.d.ts.map

package/dist/plugins/drag-n-drop/droppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/droppable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    install(app: any): void;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/drag-n-drop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/index.ts"],"names":[],"mappings":";iBAIc,GAAG;;AADjB,wBAKC"}

package/dist/plugins/drag-n-drop/useDraggable.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+interface DraggableOptions {
+    handle?: string;
+    onGenerateDragPreview?: (args: any) => void;
+}
+export declare function useDraggable(el: Ref<HTMLElement | null>, data: any, options?: DraggableOptions): void;
+export {};
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/plugins/drag-n-drop/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CAE3C;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CA0BN"}

package/dist/plugins/drag-n-drop/useDroppable.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+interface DroppableOptions {
+    canDrop?: (args: any) => boolean;
+}
+export declare function useDroppable(el: Ref<HTMLElement | null>, data: any, onDrop?: (event: any) => void, options?: DroppableOptions): void;
+export {};
+//# sourceMappingURL=useDroppable.d.ts.map

package/dist/plugins/drag-n-drop/useDroppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDroppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDroppable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAA;CAEhC;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,EAC7B,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CAqBN"}

package/dist/plugins/modal.d.ts

@@ -20,6 +20,10 @@ export interface ModalFormOptions extends ModalOptions {
 export interface ModalConfirmOptions {
     'title': string;
     'message': string;
+    'confirmText'?: string;
+    'confirmBtnColor'?: string;
+    'cancelText'?: string;
+    'cancelBtnColor'?: string;
     'resolve': (val: boolean) => void;
     'onUpdate:visible': () => void;
     'visible': boolean;
@@ -28,6 +32,10 @@ type ModalType = 'modal' | 'modalForm' | 'confirmModal';
 type ConfirmModalUserOptions = string | {
     title: string;
     message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmBtnColor?: string;
+    cancelBtnColor?: string;
 };
 export interface ModalComponentProps {
     componentSlots: Record<string, any>;

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAK/C,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACrD,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,SAAS,EAAE,OAAO,CAAA;CAClB;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,CAAA;AACvD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IACnE,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAsEzB,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"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"}

package/dist/style.css

@@ -46,19 +46,19 @@
 	max-height: 300px;
 }
 
-a[data-v-f06feeb9] {
+a[data-v-c00fb1b9] {
   text-decoration: none;
 }
-.loading[data-v-f06feeb9] {
+.loading[data-v-c00fb1b9] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-f06feeb9 1s linear infinite;
+  animation: spin-c00fb1b9 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-f06feeb9 {
+@keyframes spin-c00fb1b9 {
 0% {
     transform: rotate(0deg);
 }
@@ -66,7 +66,7 @@ a[data-v-f06feeb9] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-f06feeb9] {
+.bgl_btn-icon[data-v-c00fb1b9] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -76,108 +76,108 @@ a[data-v-f06feeb9] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-f06feeb9] {
+.bgl_btn[data-v-c00fb1b9] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-f06feeb9] {
+.bgl_btn[disabled="true"][data-v-c00fb1b9] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-f06feeb9] {
+.bgl_btn-flex[data-v-c00fb1b9] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_btn-icon[data-v-f06feeb9]{
+.bgl_btn .bgl_btn-icon[data-v-c00fb1b9]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-f06feeb9],
-.bgl_btn-icon[data-v-f06feeb9] {
-  background-color: var(--59d3d581);
-  color: var(--d32c9dc8);
+.bgl_btn[data-v-c00fb1b9],
+.bgl_btn-icon[data-v-c00fb1b9] {
+  background-color: var(--17220d29);
+  color: var(--1a04c6c4);
 }
-.bgl_btn[data-v-f06feeb9]:hover,
-.bgl_btn-icon[data-v-f06feeb9]:hover {
+.bgl_btn[data-v-c00fb1b9]:hover,
+.bgl_btn-icon[data-v-c00fb1b9]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-f06feeb9]:active,
-.bgl_btn-icon[data-v-f06feeb9]:active {
+.bgl_btn[data-v-c00fb1b9]:active,
+.bgl_btn-icon[data-v-c00fb1b9]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-f06feeb9] {
+.bgl_btn.bgl_flatBtn[data-v-c00fb1b9] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-f06feeb9] {
+.bgl_btn-icon.bgl_flatBtn[data-v-c00fb1b9] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-f06feeb9]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-f06feeb9]:hover {
+.bgl_btn.bgl_flatBtn[data-v-c00fb1b9]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-c00fb1b9]:hover {
   filter: var(--bgl-hover-filter);
   background: var(--bgl-gray-20);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn[data-v-f06feeb9]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-f06feeb9]:active {
+.bgl_btn.bgl_flatBtn[data-v-c00fb1b9]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-c00fb1b9]:active {
   background: var(--bgl-gray-40);
   filter: var(--bgl-active-filter);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-f06feeb9],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-f06feeb9] {
+.bgl_btn.bgl_flatBtn.red[data-v-c00fb1b9],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-c00fb1b9] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-f06feeb9],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-f06feeb9] {
+.bgl_btn.bgl_flatBtn.white[data-v-c00fb1b9],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-c00fb1b9] {
   color: var(--bgl-light-text);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-f06feeb9],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-f06feeb9] {
+.bgl_btn.bgl_flatBtn.light[data-v-c00fb1b9],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-c00fb1b9] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-f06feeb9],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-f06feeb9] {
+.bgl_btn.bgl_flatBtn.black[data-v-c00fb1b9],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-c00fb1b9] {
   color: var(--bgl-text-color);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-f06feeb9],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-f06feeb9] {
+.bgl_btn.bgl_flatBtn.gray[data-v-c00fb1b9],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-c00fb1b9] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-f06feeb9] {
+.bgl_btn.thin[data-v-c00fb1b9] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-f06feeb9] {
+.bgl_btn.round[data-v-c00fb1b9] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-f06feeb9] {
+.bgl_btn-icon.thin[data-v-c00fb1b9] {
   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-f06feeb9] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-c00fb1b9] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_btn-icon[data-v-f06feeb9]{
+[dir="rtl"] .bgl_btn-icon[data-v-c00fb1b9]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-f06feeb9] {
-  outline: 1px solid var(--59d3d581);
-  color: var(--59d3d581);
+.bgl_btn-border[data-v-c00fb1b9] {
+  outline: 1px solid var(--17220d29);
+  color: var(--17220d29);
   background: transparent;
 }
-.bgl_btn-border[data-v-f06feeb9]:hover {
+.bgl_btn-border[data-v-c00fb1b9]:hover {
   color: var(--bgl-light-text);
-  background: var(--59d3d581);
+  background: var(--17220d29);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-f06feeb9]:active {
+.bgl_btn-border[data-v-c00fb1b9]:active {
   filter: brightness(80%);
 }
 
@@ -233,7 +233,7 @@ display: block;
   object-fit: cover;
 }
 
-.inline[data-v-8204b6ed] {
+.inline[data-v-1b4c8cfe] {
 	display: inline;
 }
 
@@ -915,13 +915,13 @@ data[data-v-5f91f598] {
 	direction: ltr;
 }
 
-.otp_wrap[data-v-539a9fdb] {
+.otp_wrap[data-v-805150ca] {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
 }
-.digit-box[data-v-539a9fdb] {
+.digit-box[data-v-805150ca] {
     height: 3rem;
     flex-grow: 1;
     border: 1px solid var(--bgl-primary-tint);
@@ -934,20 +934,20 @@ data[data-v-5f91f598] {
     -moz-appearance: textfield; /* Firefox */
     caret-color: transparent;
 }
-.digit-box[data-v-539a9fdb]::-webkit-outer-spin-button,
-.digit-box[data-v-539a9fdb]::-webkit-inner-spin-button {
+.digit-box[data-v-805150ca]::-webkit-outer-spin-button,
+.digit-box[data-v-805150ca]::-webkit-inner-spin-button {
     -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
     margin: 0;
 }
-.digit-box[data-v-539a9fdb]:focus {
+.digit-box[data-v-805150ca]:focus {
   outline: 1px solid var(--bgl-primary);
   filter: drop-shadow(0 0 0.25rem var(--bgl-primary));
 }
-.digit-box[type="number"][data-v-539a9fdb] {
+.digit-box[type="number"][data-v-805150ca] {
     -moz-appearance: textfield; /* Firefox */
 }
 @media screen and (max-width: 910px) {
-.digit-box[data-v-539a9fdb] {
+.digit-box[data-v-805150ca] {
     padding: 0.25rem;
 }
 }
@@ -1190,10 +1190,10 @@ p {
 }
 .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-ee6f94cb] {
+.selectinput[data-v-ced4ac7e] {
 	width: 100%;
 }
-.selectinput-option[data-v-ee6f94cb] {
+.selectinput-option[data-v-ced4ac7e] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1205,23 +1205,23 @@ p {
 	font-size: var(--input-font-size);
 	margin-block: 0.15rem;
 }
-.selectinput-option .bgl_icon-font[data-v-ee6f94cb]{
+.selectinput-option .bgl_icon-font[data-v-ced4ac7e]{
 	line-height: normal;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-ee6f94cb] {
+.selectinput-options.multiselect .selectinput-option[data-v-ced4ac7e] {
 	grid-template-columns: 10px 1fr;
 }
-.selectinput-options[data-v-ee6f94cb] {
+.selectinput-options[data-v-ced4ac7e] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-ee6f94cb]:hover {
+.selectinput-option[data-v-ced4ac7e]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-ee6f94cb] {
+.isEmpty p[data-v-ced4ac7e] {
 	opacity: 0.3;
 }
-.selected[data-v-ee6f94cb]{
+.selected[data-v-ced4ac7e]{
 	/* background: var(--bgl-primary-tint); */
 	background: var(--bgl-selected);
 }
@@ -1288,29 +1288,29 @@ p {
     8 #818181 /* few chars */
   ;
 }
-.preview-area[data-v-21b4933c]{
+.preview-area[data-v-9d0e161d]{
 	font-family: "FontWithASyntaxHighlighter", monospace;
   	font-palette: --myCustomPalette;
 	background: var(--bgl-code-bg);
 	color: var(--bgl-code-color)
 }
-.rich-text-editor[data-v-21b4933c] {
+.rich-text-editor[data-v-9d0e161d] {
 	background: var(--input-bg);
 	margin-bottom: 0.5rem;
 	width: 100%;
 }
-.editableContent[data-v-21b4933c]{
+.editableContent[data-v-9d0e161d]{
 	min-height: 100%;
 	white-space: pre-wrap;
 	outline: none;
 }
-.content-area[data-v-21b4933c]{
+.content-area[data-v-9d0e161d]{
 	background: var(--bgl-richtext-color);
 }
-.content-area[data-v-21b4933c], .preview-area[data-v-21b4933c]{
+.content-area[data-v-9d0e161d], .preview-area[data-v-9d0e161d]{
 	min-height: 200px;
 }
-.fullscreen-mode[data-v-21b4933c] {
+.fullscreen-mode[data-v-9d0e161d] {
     position: fixed;
     top: 0;
     left: 0;
@@ -1322,14 +1322,14 @@ p {
     overflow: auto;
 	border-radius: 0;
 }
-.fullscreen-mode .content-area[data-v-21b4933c]{
+.fullscreen-mode .content-area[data-v-9d0e161d]{
 	height: calc(100vh - 5rem);
 	padding: 4rem !important;
 	max-width: 900px;
 	margin-inline: auto ;
 	overflow-y: auto;
 }
-.fullscreen-mode .toolbar[data-v-21b4933c]{
+.fullscreen-mode .toolbar[data-v-9d0e161d]{
 	max-width: 900px;
 	margin-inline: auto ;
 	/* border-bottom: 1px solid var(--border-color); */
@@ -1601,61 +1601,58 @@ p {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-194260fc] {
+.bagel-input textarea[data-v-7ccee8b1] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-194260fc] {
+.bagel-input.text-input textarea[data-v-7ccee8b1] {
 	resize: none;
 }
-.code textarea[data-v-194260fc] {
+.code textarea[data-v-7ccee8b1] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-194260fc]::placeholder {
+.code textarea[data-v-7ccee8b1]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-194260fc] {
+.bagel-input.small[data-v-7ccee8b1] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-194260fc] {
+.bagel-input.dense label[data-v-7ccee8b1] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-194260fc]:disabled {
+.bagel-input input[data-v-7ccee8b1]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-194260fc] {
+.bagel-input label[data-v-7ccee8b1] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-194260fc] {
-	color: var(--bgl-gray);
+.textInputIconWrap .bgl_icon-font[data-v-7ccee8b1] {
+	color: var(--input-color);
 	position: absolute;
-    bottom: 0px;
-    inset-inline-end: 0.25rem;
-	margin-block: calc(var(--input-height) / 2 - 13px);
+    inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
+	margin-top: calc(var(--input-height) / 2 + 0.1rem);
+	line-height: 0;
 }
-.textInputIconWrap input[data-v-194260fc]{
-	padding-inline-end: 2rem;
+.textInputIconWrap input[data-v-7ccee8b1]{
+	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-194260fc] {
-	color: var(--bgl-gray);
+.txtInputIconStart .iconStart[data-v-7ccee8b1] {
+	color: var(--input-color);
 	position: absolute;
-    bottom: 0px;
-    inset-inline-start: 0.25rem;
-	margin-block: calc(var(--input-height) / 2 - 13px);
-}
-.txtInputIconStart input[data-v-194260fc]{
-	padding-inline-start: 2rem;
+    inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
+	margin-top: calc(var(--input-height) / 2 + 0.1rem);
+	line-height: 0;
 }
-.txtInputIconStart textarea[data-v-194260fc] {
-	padding-inline-start: 2rem;
+.txtInputIconStart input[data-v-7ccee8b1], .txtInputIconStart textarea[data-v-7ccee8b1]{
+	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-194260fc] {
+.bagel-input.small textarea[data-v-7ccee8b1] {
 	height: 30px;
 }
 
@@ -3155,25 +3152,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.bgl_pill-btn[data-v-fe69af52]{
+.bgl_pill-btn[data-v-d250e8a7]{
 	color: var(--pill-btn-color);
 	background: var(--pill-btn-bg);
 	width: calc(var(--pill-height) / 1.25)!important;
 	height: calc(var(--pill-height) / 1.25)!important;
 }
-.loading[data-v-fe69af52] {
+.loading[data-v-d250e8a7] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-fe69af52 1s linear infinite;
+  animation: spin-d250e8a7 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-.bgl_flatPill .loading[data-v-fe69af52] {
+.bgl_flatPill .loading[data-v-d250e8a7] {
 	border-bottom: 2px solid var(--bgl-text-color);
 }
-@keyframes spin-fe69af52 {
+@keyframes spin-d250e8a7 {
 0% {
     transform: rotate(0deg);
 }
@@ -3181,11 +3178,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
     transform: rotate(360deg);
 }
 }
-.bgl_pill[data-v-fe69af52] {
+.bgl_pill[data-v-d250e8a7] {
   padding-inline: 0.25rem;
   transition: var(--bgl-transition);
-  background-color: var(--24e1b08e);
-  color: var(--4b8819e9);
+  background-color: var(--6c8d2280);
+  color: var(--65372d4a);
   display: inline-block;
   margin-inline-end: 0.25rem;
   border-radius: var(--pill-border-radius);
@@ -3193,26 +3190,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
   vertical-align: middle;
   margin-bottom: 0.25rem;
 }
-.bgl_pill[disabled="true"][data-v-fe69af52] {
+.bgl_pill[disabled="true"][data-v-d250e8a7] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_pill-flex[data-v-fe69af52] {
+.bgl_pill-flex[data-v-d250e8a7] {
   display: flex;
   align-items: center;
   gap: 0.25rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_pill.bgl_flatPill[data-v-fe69af52] {
+.bgl_pill.bgl_flatPill[data-v-d250e8a7] {
   background: transparent;
 }
-.bgl_pill.round[data-v-fe69af52] {
+.bgl_pill.round[data-v-d250e8a7] {
   border-radius: 1000px;
 }
-.bgl_pill-border[data-v-fe69af52] {
-  outline: 1px solid var(--24e1b08e);
-  color: var(--24e1b08e);
+.bgl_pill-border[data-v-d250e8a7] {
+  outline: 1px solid var(--6c8d2280);
+  color: var(--6c8d2280);
   background: transparent;
 }
 
@@ -3457,19 +3454,19 @@ tbody tr[data-v-c4b111dc]:hover {
   -moz-user-drag: none;
 }
 
-.lightbox-image[data-v-9d1a08fe]{
+.lightbox-image[data-v-b947ab52]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-9d1a08fe] {
+.bgl-lightbox-overlay[data-v-b947ab52] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-9d1a08fe] {
+.bgl-lightbox[data-v-b947ab52] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-9d1a08fe]{
-	animation: 500ms ease bgl-lightbox-load-9d1a08fe;
+.bgl-lightbox-item[data-v-b947ab52]{
+	animation: 500ms ease bgl-lightbox-load-b947ab52;
 }
-@keyframes bgl-lightbox-load-9d1a08fe {
+@keyframes bgl-lightbox-load-b947ab52 {
 from {
     scale:0.7;
 }
@@ -3477,32 +3474,32 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-9d1a08fe] * {
+.bgl-lightbox-item[data-v-b947ab52] * {
 	max-width: 90%;
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-9d1a08fe;
+	animation: 200ms ease bgl-lightbox-load-b947ab52;
 }
-.navigation[data-v-9d1a08fe] {
+.navigation[data-v-b947ab52] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-9d1a08fe] {
+.navigation-btn[data-v-b947ab52] {
 	width: var(--input-height);
 	height: var(--input-height);
 }
-.thumbnail[data-v-9d1a08fe] {
+.thumbnail[data-v-b947ab52] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-9d1a08fe]:hover {
+.thumbnail[data-v-b947ab52]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-9d1a08fe]:active {
+.thumbnail[data-v-b947ab52]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-9d1a08fe] {
+.thumbnail.active[data-v-b947ab52] {
 	opacity: 1;
 	outline: 2px solid white;
 }
@@ -7753,7 +7750,8 @@ select {
 .bagel-input.light-input input,
 .bagel-input.light-input textarea,
 .bagel-input.light-input select,
-.custom-select.light-input .input {
+.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;