@bagelink/vue 0.0.878 → 0.0.880

package/dist/style.css

@@ -54,19 +54,19 @@
 	max-height: 300px;
 }
 
-a[data-v-c00fb1b9] {
+a[data-v-b6c20bd9] {
   text-decoration: none;
 }
-.loading[data-v-c00fb1b9] {
+.loading[data-v-b6c20bd9] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-c00fb1b9 1s linear infinite;
+  animation: spin-b6c20bd9 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-c00fb1b9 {
+@keyframes spin-b6c20bd9 {
 0% {
     transform: rotate(0deg);
 }
@@ -74,7 +74,7 @@ a[data-v-c00fb1b9] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-c00fb1b9] {
+.bgl_btn-icon[data-v-b6c20bd9] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -84,108 +84,108 @@ a[data-v-c00fb1b9] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-c00fb1b9] {
+.bgl_btn[data-v-b6c20bd9] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-c00fb1b9] {
+.bgl_btn[disabled="true"][data-v-b6c20bd9] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-c00fb1b9] {
+.bgl_btn-flex[data-v-b6c20bd9] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_btn-icon[data-v-c00fb1b9]{
+.bgl_btn .bgl_btn-icon[data-v-b6c20bd9]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-c00fb1b9],
-.bgl_btn-icon[data-v-c00fb1b9] {
-  background-color: var(--17220d29);
-  color: var(--1a04c6c4);
+.bgl_btn[data-v-b6c20bd9],
+.bgl_btn-icon[data-v-b6c20bd9] {
+  background-color: var(--f042e370);
+  color: var(--6e044b23);
 }
-.bgl_btn[data-v-c00fb1b9]:hover,
-.bgl_btn-icon[data-v-c00fb1b9]:hover {
+.bgl_btn[data-v-b6c20bd9]:hover,
+.bgl_btn-icon[data-v-b6c20bd9]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-c00fb1b9]:active,
-.bgl_btn-icon[data-v-c00fb1b9]:active {
+.bgl_btn[data-v-b6c20bd9]:active,
+.bgl_btn-icon[data-v-b6c20bd9]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-c00fb1b9] {
+.bgl_btn.bgl_flatBtn[data-v-b6c20bd9] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-c00fb1b9] {
+.bgl_btn-icon.bgl_flatBtn[data-v-b6c20bd9] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-c00fb1b9]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-c00fb1b9]:hover {
+.bgl_btn.bgl_flatBtn[data-v-b6c20bd9]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-b6c20bd9]:hover {
   filter: var(--bgl-hover-filter);
   background: var(--bgl-gray-20);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn[data-v-c00fb1b9]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-c00fb1b9]:active {
+.bgl_btn.bgl_flatBtn[data-v-b6c20bd9]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-b6c20bd9]:active {
   background: var(--bgl-gray-40);
   filter: var(--bgl-active-filter);
   color: var(--bgl-primary);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-c00fb1b9],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-c00fb1b9] {
+.bgl_btn.bgl_flatBtn.red[data-v-b6c20bd9],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-b6c20bd9] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-c00fb1b9],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-c00fb1b9] {
+.bgl_btn.bgl_flatBtn.white[data-v-b6c20bd9],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-b6c20bd9] {
   color: var(--bgl-light-text);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-c00fb1b9],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-c00fb1b9] {
+.bgl_btn.bgl_flatBtn.light[data-v-b6c20bd9],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-b6c20bd9] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-c00fb1b9],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-c00fb1b9] {
+.bgl_btn.bgl_flatBtn.black[data-v-b6c20bd9],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-b6c20bd9] {
   color: var(--bgl-text-color);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-c00fb1b9],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-c00fb1b9] {
+.bgl_btn.bgl_flatBtn.gray[data-v-b6c20bd9],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-b6c20bd9] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-c00fb1b9] {
+.bgl_btn.thin[data-v-b6c20bd9] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-c00fb1b9] {
+.bgl_btn.round[data-v-b6c20bd9] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-c00fb1b9] {
+.bgl_btn-icon.thin[data-v-b6c20bd9] {
   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-c00fb1b9] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-b6c20bd9] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_btn-icon[data-v-c00fb1b9]{
+[dir="rtl"] .bgl_btn-icon[data-v-b6c20bd9]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-c00fb1b9] {
-  outline: 1px solid var(--17220d29);
-  color: var(--17220d29);
+.bgl_btn-border[data-v-b6c20bd9] {
+  outline: 1px solid var(--f042e370);
+  color: var(--f042e370);
   background: transparent;
 }
-.bgl_btn-border[data-v-c00fb1b9]:hover {
+.bgl_btn-border[data-v-b6c20bd9]:hover {
   color: var(--bgl-light-text);
-  background: var(--17220d29);
+  background: var(--f042e370);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-c00fb1b9]:active {
+.bgl_btn-border[data-v-b6c20bd9]:active {
   filter: brightness(80%);
 }
 
@@ -241,7 +241,7 @@ display: block;
   object-fit: cover;
 }
 
-.inline[data-v-1b4c8cfe] {
+.inline[data-v-2f3caf93] {
 	display: inline;
 }
 
@@ -953,6 +953,9 @@ data[data-v-6c27f163] {
 .m-password {
 	position: absolute;
 	inset-block: 0;
+	margin-top: calc(var(--input-height) / 2 - 0.75rem);
+}
+.relative.has-label .m-password {
 	margin-top: calc(var(--input-height) / 2 + 0.25rem);
 }
 
@@ -1601,58 +1604,58 @@ p {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-63ff8c9c] {
+.bagel-input textarea[data-v-91822151] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-63ff8c9c] {
+.bagel-input.text-input textarea[data-v-91822151] {
 	resize: none;
 }
-.code textarea[data-v-63ff8c9c] {
+.code textarea[data-v-91822151] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-63ff8c9c]::placeholder {
+.code textarea[data-v-91822151]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-63ff8c9c] {
+.bagel-input.small[data-v-91822151] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-63ff8c9c] {
+.bagel-input.dense label[data-v-91822151] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-63ff8c9c]:disabled {
+.bagel-input input[data-v-91822151]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-63ff8c9c] {
+.bagel-input label[data-v-91822151] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-63ff8c9c] {
+.textInputIconWrap .bgl_icon-font[data-v-91822151] {
 	color: var(--input-color);
 	position: absolute;
     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-63ff8c9c]{
+.textInputIconWrap input[data-v-91822151]{
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-63ff8c9c] {
+.txtInputIconStart .iconStart[data-v-91822151] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
-	margin-top: calc(var(--input-height) / 2 + 0.1rem);
+	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.txtInputIconStart input[data-v-63ff8c9c], .txtInputIconStart textarea[data-v-63ff8c9c]{
+.txtInputIconStart input[data-v-91822151], .txtInputIconStart textarea[data-v-91822151]{
 	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-63ff8c9c] {
+.bagel-input.small textarea[data-v-91822151] {
 	height: 30px;
 }
 
@@ -3482,19 +3485,19 @@ tbody tr[data-v-d8ca38b1]:hover {
   -moz-user-drag: none;
 }
 
-.lightbox-image[data-v-04df78d3]{
+.lightbox-image[data-v-c8e5a3c4]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-04df78d3] {
+.bgl-lightbox-overlay[data-v-c8e5a3c4] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-04df78d3] {
+.bgl-lightbox[data-v-c8e5a3c4] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-04df78d3]{
-	animation: 500ms ease bgl-lightbox-load-04df78d3;
+.bgl-lightbox-item[data-v-c8e5a3c4]{
+	animation: 500ms ease bgl-lightbox-load-c8e5a3c4;
 }
-@keyframes bgl-lightbox-load-04df78d3 {
+@keyframes bgl-lightbox-load-c8e5a3c4 {
 from {
     scale:0.7;
 }
@@ -3502,32 +3505,32 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-04df78d3] * {
+.bgl-lightbox-item[data-v-c8e5a3c4] * {
 	max-width: 90%;
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-04df78d3;
+	animation: 200ms ease bgl-lightbox-load-c8e5a3c4;
 }
-.navigation[data-v-04df78d3] {
+.navigation[data-v-c8e5a3c4] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-04df78d3] {
+.navigation-btn[data-v-c8e5a3c4] {
 	width: var(--input-height);
 	height: var(--input-height);
 }
-.thumbnail[data-v-04df78d3] {
+.thumbnail[data-v-c8e5a3c4] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-04df78d3]:hover {
+.thumbnail[data-v-c8e5a3c4]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-04df78d3]:active {
+.thumbnail[data-v-c8e5a3c4]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-04df78d3] {
+.thumbnail.active[data-v-c8e5a3c4] {
 	opacity: 1;
 	outline: 2px solid white;
 }

package/dist/utils/BagelFormUtils.d.ts

@@ -70,21 +70,7 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
             submit: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             dirty: (...args: any[]) => void;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
-            label?: string;
-            id?: string;
-            schema: import('..').BglFormSchemaFnT<any>;
-            modelValue?: {
-                [key: string]: any;
-            };
-            onDelete?: (id: string) => void;
-            onSubmit?: (data: any) => void;
-            status?: import('../components/form/BglForm.vue').FormStatus;
-        }> & Readonly<{
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            onDirty?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }, import('vue').PublicProps, {
             modelValue: {
                 [key: string]: any;
             };
@@ -199,21 +185,7 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
             submit: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             dirty: (...args: any[]) => void;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
-            label?: string;
-            id?: string;
-            schema: import('..').BglFormSchemaFnT<any>;
-            modelValue?: {
-                [key: string]: any;
-            };
-            onDelete?: (id: string) => void;
-            onSubmit?: (data: any) => void;
-            status?: import('../components/form/BglForm.vue').FormStatus;
-        }> & Readonly<{
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            onDirty?: ((...args: any[]) => any) | undefined;
-        }>, {
+        }, import('vue').PublicProps, {
             modelValue: {
                 [key: string]: any;
             };

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

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,KAAK,MAAM,EAAY,MAAM,eAAe,CAAA;AAGjG,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,GAAG,CAAA;CAClC;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,EAAE,IAAI,GAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAIjI;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAgBP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GAEvB,KAAK,CAiBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAaP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAoBP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C;AAED,wBAAgB,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBrE;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,KAAK,CAO5F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,KAAK,GAAG,SAAS,CASvF"}

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,MAAM,eAAe,CAAA;AAE/D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC3E,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,OAAO,GACjB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAelC;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,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAaP;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,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAWnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAcvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE/D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC3E,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,OAAO,GACjB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAelC;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,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;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,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAWnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAcvD"}

package/dist/utils/objects.d.ts

@@ -1,4 +1,5 @@
 import { BagelField } from '..';
+
 export declare function getPropByPath(obj: Record<string, any>, propPath?: string, bagelField?: BagelField): {};
 export declare function setPropByPath(obj: Record<string, any>, path?: string, value?: any): void;
 //# sourceMappingURL=objects.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.878",
+  "version": "0.0.880",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -54,7 +54,7 @@
     "@types/leaflet": "^1.9.14",
     "@types/signature_pad": "^2.3.6",
     "@vue-macros/reactivity-transform": "^1.1.3",
-    "vue": "^3.5.12"
+    "vue": "^3.5.13"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",
@@ -118,9 +118,9 @@
     "@vueuse/core": "^11.2.0",
     "axios": "^1.7.7",
     "floating-vue": "^5.2.2",
-    "libphonenumber-js": "1.11.12",
+    "libphonenumber-js": "1.11.14",
     "signature_pad": "^5.0.4",
-    "type-fest": "^4.26.1"
+    "type-fest": "^4.27.0"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/Badge.vue

@@ -3,23 +3,21 @@ import type { MaterialIcons } from '@bagelink/vue'
 import { Icon } from '@bagelink/vue'
 
 interface Props {
-	'color'?: 'green' | 'red' | 'blue' | 'light' | 'gray' | 'yellow'
-	'size'?: string
-	'text': string
-	'icon'?: MaterialIcons
-	// eslint-disable-next-line vue/prop-name-casing
-	'icon.end'?: MaterialIcons
-	'iconEnd'?: MaterialIcons
+	color?: 'green' | 'red' | 'blue' | 'light' | 'gray' | 'yellow'
+	size?: string
+	text: string
+	icon?: MaterialIcons
+	iconEnd?: MaterialIcons
 }
 
-const props = defineProps<Props>()
+defineProps<Props>()
 </script>
 
 <template>
 	<div class="pill" :class="[color]">
 		<Icon v-if="icon" class="inline" :icon="icon" />
 		{{ text }}
-		<Icon v-if="props['icon.end']" class="inline" :icon="props['icon.end']" />
+		<Icon v-if="iconEnd" class="inline" :icon="iconEnd" />
 	</div>
 </template>
 

package/src/components/Btn.vue

@@ -5,25 +5,24 @@ import { useSlots } from 'vue'
 
 const props = withDefaults(
 	defineProps<{
-		'disabled'?: boolean
-		'icon'?: MaterialIcons
-		// eslint-disable-next-line vue/prop-name-casing
-		'icon.end'?: MaterialIcons
-		'color'?: ThemeType
-		'theme'?: ThemeType
-		'flat'?: boolean
-		'border'?: boolean
-		'outline'?: boolean
-		'thin'?: boolean
-		'type'?: 'button' | 'submit' | 'reset'
-		'loading'?: boolean
-		'role'?: string
-		'value'?: string
-		'to'?: string
-		'href'?: string
-		'round'?: boolean
-		'is'?: string
-		'onClick'?: (e: MouseEvent) => void
+		disabled?: boolean
+		icon?: MaterialIcons
+		iconEnd?: MaterialIcons
+		color?: ThemeType
+		theme?: ThemeType
+		flat?: boolean
+		border?: boolean
+		outline?: boolean
+		thin?: boolean
+		type?: 'button' | 'submit' | 'reset'
+		loading?: boolean
+		role?: string
+		value?: string
+		to?: string
+		href?: string
+		round?: boolean
+		is?: string
+		onClick?: (e: MouseEvent) => void
 	}>(),
 	{
 		onClick: () => '',
@@ -111,7 +110,7 @@ const computedBackgroundColor = $computed(
 			<template v-if="!slots.default && value">
 				{{ value }}
 			</template>
-			<MaterialIcon v-if="props['icon.end']" :icon="props['icon.end']" />
+			<MaterialIcon v-if="iconEnd" :icon="iconEnd" />
 		</div>
 	</component>
 </template>

package/src/components/Dropdown.vue

@@ -13,7 +13,7 @@ defineProps<{
 	disabled?: boolean
 	icon?: MaterialIcons
 	triggerClass?: string
-	// 'icon.end'?: MaterialIcons
+	// 'iconEnd'?: MaterialIcons
 	border?: boolean
 	outline?: boolean
 	round?: boolean

package/src/components/form/inputs/PasswordInput.vue

@@ -27,8 +27,12 @@ export interface TextInputProps {
 }
 const props = withDefaults(
 	defineProps<TextInputProps>(),
-	{ autocomplete: 'current-password' }
+	{
+		autocomplete: 'current-password',
+		label: ''
+	}
 )
+const hasLabel = $computed(() => props.label && props.label.trim() !== '')
 
 const password = defineModel<string>('modelValue')
 const showPwd = defineModel<boolean>('showPwd', { default: false })
@@ -39,7 +43,7 @@ const inputType = $computed(() => (showPwd.value ? 'text' : 'password'))
 </script>
 
 <template>
-	<div class="relative">
+	<div class="relative" :class="{ 'has-label': hasLabel }">
 		<TextInput
 			v-model="password"
 			v-bind="props"
@@ -60,6 +64,11 @@ const inputType = $computed(() => (showPwd.value ? 'text' : 'password'))
 .m-password {
 	position: absolute;
 	inset-block: 0;
+	margin-top: calc(var(--input-height) / 2 - 0.75rem);
+
+}
+
+.relative.has-label .m-password {
 	margin-top: calc(var(--input-height) / 2 + 0.25rem);
 }
 </style>

package/src/components/form/inputs/TextInput.vue

@@ -123,17 +123,16 @@ onMounted(() => {
 				@focusout="onFocusout"
 			/>
 			<p v-if="helptext">{{ helptext }}</p>
+			<MaterialIcon
+				v-if="iconStart"
+				class="iconStart"
+				:icon="iconStart"
+			/>
+			<MaterialIcon
+				v-if="icon"
+				:icon="icon"
+			/>
 		</label>
-
-		<MaterialIcon
-			v-if="iconStart"
-			class="iconStart"
-			:icon="iconStart"
-		/>
-		<MaterialIcon
-			v-if="icon"
-			:icon="icon"
-		/>
 	</div>
 </template>
 
@@ -204,7 +203,7 @@ onMounted(() => {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
-	margin-top: calc(var(--input-height) / 2 + 0.1rem);
+	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
 .txtInputIconStart input, .txtInputIconStart textarea{

package/src/components/lightbox/Lightbox.vue

@@ -106,7 +106,7 @@ defineExpose({ open, close })
 						<Btn flat class="color-white" icon="add" :disabled="zoom === 3" @click="zoom++" />
 					</div>
 					<Btn
-						v-if="currentItem?.openFile" class="color-white" round thin flat icon.end="arrow_outward"
+						v-if="currentItem?.openFile" class="color-white" round thin flat iconEnd="arrow_outward"
 						value="Open File"
 						:href="currentItem?.src"
 						target="_blank"

package/src/utils/index.ts

@@ -61,6 +61,7 @@ export function bindAttrs<T = { [key: string]: any }>(
 	fieldVal?: any,
 	row?: T
 ) {
+// TODO: Fix this so that you don't have to return a fn for onClick and other event handlers
 	if (!attrs) return {}
 	const exclude = ['class']
 	const arr = Object.entries(attrs)

package/dist/components/AddressSaerch.vue.d.ts

@@ -1,7 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    addressSelected: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
-    onAddressSelected?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
-export default _default;
-//# sourceMappingURL=AddressSaerch.vue.d.ts.map

package/dist/components/AddressSaerch.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddressSaerch.vue.d.ts","sourceRoot":"","sources":["../../src/components/AddressSaerch.vue"],"names":[],"mappings":";;;;;AAwIA,wBAMG"}

package/dist/components/Popover.vue.d.ts

@@ -1,10 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    trigger?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Popover.vue.d.ts.map

package/dist/components/Popover.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.vue.d.ts","sourceRoot":"","sources":["../../src/components/Popover.vue"],"names":[],"mappings":"AAoBA;AAEA,OAAO,6BAA6B,CAAC;;;;AAmHrC,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}