@bagelink/vue 0.0.843 → 0.0.847

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA2JA,OAAO,EAEN,KAAK,UAAU,EAIf,MAAM,eAAe,CAAA;AAOtB,OAAO,qBAAqB,CAAA;AAqC5B,iBAAS,UAAU,SAGlB;AAsBD,iBAAS,cAAc;;yBAyJM,GAAG;yBACF,GAAG;wBACJ,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAhPb,OAAO;YACN,MAAM;YACN,MAAM;kBACA,OAAO;cACX,UAAU,EAAE;cACZ,OAAO;;;;;;WALV,OAAO;YACN,MAAM;YACN,MAAM;kBACA,OAAO;cACX,UAAU,EAAE;cACZ,OAAO;;;kFAmPhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA4JA,OAAO,EAEN,KAAK,UAAU,EAIf,MAAM,eAAe,CAAA;AAOtB,OAAO,qBAAqB,CAAA;AAqC5B,iBAAS,UAAU,SAGlB;AAsBD,iBAAS,cAAc;;yBAyJM,GAAG;yBACF,GAAG;wBACJ,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAhPb,OAAO;YACN,MAAM;YACN,MAAM;kBACA,OAAO;cACX,UAAU,EAAE;cACZ,OAAO;;;;;;WALV,OAAO;YACN,MAAM;YACN,MAAM;kBACA,OAAO;cACX,UAAU,EAAE;cACZ,OAAO;;;kFAmPhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA2iBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoaxD,mBAAmB,CAAC;;;;;;;;;wBAtNZ,MAAM,EAAE;;cA1MnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MA2ZwD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UApDuE,GAAG;UAsD9E;0BAvNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAqNL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9avE,wBA8a4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA4iBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsaxD,mBAAmB,CAAC;;;;;;;;;wBAtNZ,MAAM,EAAE;;cA5MnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MA6ZwD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UApDuE,GAAG;UAsD9E;0BAvNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAqNL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhbvE,wBAgb4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/form/inputs/PasswordInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/PasswordInput.vue"],"names":[],"mappings":"AA8DA,OAAO,EAAO,KAAK,aAAa,EAAa,MAAM,eAAe,CAAA;AAElE,MAAM,WAAW,cAAc;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC;AAGD,QAAA,IAAI,eAAe,EAAG,cAAc,CAAC;AAiBrC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;;;AA2F3B,wBAOG"}
+{"version":3,"file":"PasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/PasswordInput.vue"],"names":[],"mappings":"AAgEA,OAAO,EAAO,KAAK,aAAa,EAAa,MAAM,eAAe,CAAA;AAElE,MAAM,WAAW,cAAc;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC;AAGD,QAAA,IAAI,eAAe,EAAG,cAAc,CAAC;AAiBrC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;;;AA2F3B,wBAOG"}

package/dist/index.cjs

@@ -53158,7 +53158,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
                   flat: "",
                   icon: "close",
-                  onClick: closeModal
+                  onClick: closeModal,
+                  thin: ""
                 }, null, 8, ["style"]),
                 _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
                   key: 0,
@@ -53984,13 +53985,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "ced4aeb8": vue.unref(computedItemHiehgt)
+      "706cfbe3": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = vue.useSlots();
     const loading = vue.useModel(__props, "loading");
     const itemHeight = vue.useModel(__props, "itemHeight");
-    const computedItemHiehgt = vue.computed(() => `${itemHeight.value}px`);
+    const computedItemHeight = vue.computed(() => `${itemHeight.value}px`);
     let sortField = vue.ref("");
     let sortDirection = vue.ref("ASC");
     const selectedItems = vue.useModel(
@@ -54013,8 +54014,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     function transform(rowData) {
       var _a2;
       const obj = { ...rowData };
-      const fields = computedSchema.value.filter((f2) => f2.id);
-      for (const field of fields) {
+      const schemaFields = computedSchema.value.filter((f2) => f2.id);
+      for (const field of schemaFields) {
         const fieldData = rowData[`${field.id}`];
         const newFieldVal = (_a2 = field.transform) == null ? void 0 : _a2.call(field, fieldData, rowData);
         Object.assign(obj, {
@@ -54024,6 +54025,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       }
       return obj;
     }
+    const NON_DIGIT_REGEX = /[^\d.-]/g;
     const computedData = vue.computed(() => {
       if (!sortField.value || __props.useServerSort === true) return __props.data.map(transform);
       return __props.data.map(transform).sort(
@@ -54034,8 +54036,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             aValue = new Date(aValue).getTime();
             bValue = new Date(bValue).getTime();
           }
-          const numAValue = Number.parseInt(`${aValue}`.replaceAll(/[^\d.-]/g, ""), 10);
-          const numBValue = Number.parseInt(`${bValue}`.replaceAll(/[^\d.-]/g, ""), 10);
+          const numAValue = Number.parseInt(`${aValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
+          const numBValue = Number.parseInt(`${bValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
           if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
             if (sortDirection.value === "ASC") return numAValue - numBValue;
             return numBValue - numAValue;
@@ -54206,7 +54208,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-54f3c477"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8ca38b1"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -53156,7 +53156,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
                   flat: "",
                   icon: "close",
-                  onClick: closeModal
+                  onClick: closeModal,
+                  thin: ""
                 }, null, 8, ["style"]),
                 _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$3), {
                   key: 0,
@@ -53982,13 +53983,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "ced4aeb8": unref(computedItemHiehgt)
+      "706cfbe3": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = useSlots();
     const loading = useModel(__props, "loading");
     const itemHeight = useModel(__props, "itemHeight");
-    const computedItemHiehgt = computed(() => `${itemHeight.value}px`);
+    const computedItemHeight = computed(() => `${itemHeight.value}px`);
     let sortField = ref("");
     let sortDirection = ref("ASC");
     const selectedItems = useModel(
@@ -54011,8 +54012,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     function transform(rowData) {
       var _a2;
       const obj = { ...rowData };
-      const fields = computedSchema.value.filter((f2) => f2.id);
-      for (const field of fields) {
+      const schemaFields = computedSchema.value.filter((f2) => f2.id);
+      for (const field of schemaFields) {
         const fieldData = rowData[`${field.id}`];
         const newFieldVal = (_a2 = field.transform) == null ? void 0 : _a2.call(field, fieldData, rowData);
         Object.assign(obj, {
@@ -54022,6 +54023,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return obj;
     }
+    const NON_DIGIT_REGEX = /[^\d.-]/g;
     const computedData = computed(() => {
       if (!sortField.value || __props.useServerSort === true) return __props.data.map(transform);
       return __props.data.map(transform).sort(
@@ -54032,8 +54034,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             aValue = new Date(aValue).getTime();
             bValue = new Date(bValue).getTime();
           }
-          const numAValue = Number.parseInt(`${aValue}`.replaceAll(/[^\d.-]/g, ""), 10);
-          const numBValue = Number.parseInt(`${bValue}`.replaceAll(/[^\d.-]/g, ""), 10);
+          const numAValue = Number.parseInt(`${aValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
+          const numBValue = Number.parseInt(`${bValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
           if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
             if (sortDirection.value === "ASC") return numAValue - numBValue;
             return numBValue - numAValue;
@@ -54204,7 +54206,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-54f3c477"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8ca38b1"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {

package/dist/style.css

@@ -951,7 +951,9 @@ data[data-v-6c27f163] {
 }
 
 .m-password {
-	margin-block: calc(var(--input-height) / 2 - 15px);
+	position: absolute;
+	inset-block: 0;
+	margin-top: calc(var(--input-height) / 2 + 0.25rem);
 }
 
 .radio-input-list[data-v-3e9e030f]{
@@ -3235,22 +3237,22 @@ svg.leaflet-image-layer.leaflet-interactive path {
   background: transparent;
 }
 
-.table-list-wrap[data-v-54f3c477] {
+.table-list-wrap[data-v-d8ca38b1] {
 	min-height: 150px;
 }
-.selected[data-v-54f3c477] {
+.selected[data-v-d8ca38b1] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-54f3c477]:hover {
+tbody tr.selected[data-v-d8ca38b1]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-54f3c477] {
+.loading-table[data-v-d8ca38b1] {
 	position: relative;
 }
-.inset[data-v-54f3c477] {
+.inset[data-v-d8ca38b1] {
 	inset: 0;
 }
-.loading-table-animation[data-v-54f3c477] {
+.loading-table-animation[data-v-d8ca38b1] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3258,9 +3260,9 @@ tbody tr.selected[data-v-54f3c477]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-54f3c477 1s linear infinite;
+	animation: loading-table-d8ca38b1 1s linear infinite;
 }
-@keyframes loading-table-54f3c477 {
+@keyframes loading-table-d8ca38b1 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3268,52 +3270,51 @@ tbody tr.selected[data-v-54f3c477]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-54f3c477] {
+.list-arrows[data-v-d8ca38b1] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-54f3c477] {
+.list-arrows .bgl_icon-font[data-v-d8ca38b1] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-54f3c477] {
+.list-arrows.sorted[data-v-d8ca38b1] {
 	opacity: 1;
 }
-.col img[data-v-54f3c477] {
+.col img[data-v-d8ca38b1] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-54f3c477] {
+.list-arrows.sorted .desc[data-v-d8ca38b1] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-54f3c477] {
-	border-collapse: separate;
+table[data-v-d8ca38b1] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-54f3c477] {
+th[data-v-d8ca38b1] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--ced4aeb8);
+	height: var(--706cfbe3);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-54f3c477] {
+.embedded-field[data-v-d8ca38b1] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-54f3c477] {
+.row[data-v-d8ca38b1] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-54f3c477] {
+.row.first-row[data-v-d8ca38b1] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3322,7 +3323,7 @@ th[data-v-54f3c477] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-54f3c477]::after {
+.row.first-row[data-v-d8ca38b1]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3330,30 +3331,30 @@ th[data-v-54f3c477] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-54f3c477] {
+.first-row .col[data-v-d8ca38b1] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-54f3c477] {
+.col[data-v-d8ca38b1] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-54f3c477]:has(.bagel-input) {
+.col[data-v-d8ca38b1]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-54f3c477] {
+.col > div[data-v-d8ca38b1] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-54f3c477] {
+.max-col-width[data-v-d8ca38b1] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-54f3c477] {
+.col.check .bgl_icon-font[data-v-d8ca38b1] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3364,35 +3365,35 @@ th[data-v-54f3c477] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-54f3c477] {
+.rows[data-v-d8ca38b1] {
 	font-size: 0.88em;
 }
-.table-list[data-v-54f3c477] {
+.table-list[data-v-d8ca38b1] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-54f3c477] {
+.BagelTable .table-list[data-v-d8ca38b1] {
 	overflow: unset;
 }
-.row-item[data-v-54f3c477] {
-	height: var(--ced4aeb8);
+.row-item[data-v-d8ca38b1] {
+	height: var(--706cfbe3);
 	transition: all 200ms ease;
 }
-.row-item[data-v-54f3c477]:hover {
+.row-item[data-v-d8ca38b1]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-54f3c477] {
+.row-item input[type='checkbox'][data-v-d8ca38b1] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-54f3c477] {
+.infinite-wrapper[data-v-d8ca38b1] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-54f3c477] {
+input[type='checkbox'][data-v-d8ca38b1] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3404,7 +3405,7 @@ input[type='checkbox'][data-v-54f3c477] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-54f3c477]::before {
+input[type='checkbox'][data-v-d8ca38b1]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3417,18 +3418,18 @@ input[type='checkbox'][data-v-54f3c477]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-54f3c477]:hover::before {
+input[type='checkbox'][data-v-d8ca38b1]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-54f3c477] {
+[lang='he'] [dir='ltr'][data-v-d8ca38b1] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-54f3c477] {
+th input[type='checkbox'][data-v-d8ca38b1] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-54f3c477]::after {
+th[data-v-d8ca38b1]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3436,24 +3437,24 @@ th[data-v-54f3c477]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-54f3c477] {
+tr[data-v-d8ca38b1] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-54f3c477],
-th[data-v-54f3c477] {
+td[data-v-d8ca38b1],
+th[data-v-d8ca38b1] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-54f3c477] {
+tbody tr[data-v-d8ca38b1] {
 	font-size: 0.88em;
-	height: var(--ced4aeb8);
+	height: var(--706cfbe3);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-54f3c477]:hover {
+tbody tr[data-v-d8ca38b1]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -12395,6 +12396,13 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 .bg-input-white .selectinput-btn {
     background: var(--bgl-white) !important;
 }
+.bg-input-transparent input,
+.bg-input-transparent .selectinput-btn {
+    background: transparent !important;
+}
+.color-input-transparent input {
+    color: transparent !important;
+}
 .color-input-white input {
     color: var(--bgl-white) !important;
 }

package/package.json

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

package/src/components/Modal.vue

@@ -81,6 +81,7 @@ onUnmounted(() => {
 					flat
 					icon="close"
 					@click="closeModal"
+					thin
 				/>
 				<Title v-if="title" class="modal-title" tag="h3" :label="title" />
 			</header>

package/src/components/TableSchema.vue

@@ -39,7 +39,7 @@ const slots = useSlots()
 const loading = defineModel('loading', { default: false })
 
 const itemHeight = defineModel('itemHeight', { default: 50 })
-const computedItemHiehgt = $computed(() => `${itemHeight.value}px`)
+const computedItemHeight = $computed(() => `${itemHeight.value}px`)
 
 let sortField = $ref('')
 let sortDirection = $ref<SortDirectionsT>('ASC')
@@ -67,9 +67,9 @@ const computedSchema = $computed(() => useBglSchema<T>({
 
 function transform(rowData: any) {
 	const obj: { [key: string]: any } = { ...rowData }
-	const fields = computedSchema.filter(f => f.id)
+	const schemaFields = computedSchema.filter(f => f.id)
 
-	for (const field of fields) {
+	for (const field of schemaFields) {
 		const fieldData = rowData[`${field.id}`]
 
 		const newFieldVal = field.transform?.(fieldData, rowData)
@@ -82,6 +82,8 @@ function transform(rowData: any) {
 	return obj
 }
 
+const NON_DIGIT_REGEX = /[^\d.-]/g
+
 const computedData = computed(() => {
 	if (!sortField || useServerSort === true) return data.map(transform)
 
@@ -99,8 +101,8 @@ const computedData = computed(() => {
 						bValue = new Date(bValue).getTime()
 					}
 
-					const numAValue = Number.parseInt(`${aValue}`.replaceAll(/[^\d.-]/g, ''), 10)
-					const numBValue = Number.parseInt(`${bValue}`.replaceAll(/[^\d.-]/g, ''), 10)
+					const numAValue = Number.parseInt(`${aValue}`.replaceAll(NON_DIGIT_REGEX, ''), 10)
+					const numBValue = Number.parseInt(`${bValue}`.replaceAll(NON_DIGIT_REGEX, ''), 10)
 
 					if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
 						if (sortDirection === 'ASC') return numAValue - numBValue
@@ -354,7 +356,6 @@ tbody tr.selected:hover {
 }
 
 table {
-	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
@@ -367,7 +368,7 @@ th {
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: v-bind(computedItemHiehgt);
+	height: v-bind(computedItemHeight);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
@@ -459,7 +460,7 @@ th {
 }
 
 .row-item {
-	height: v-bind(computedItemHiehgt);
+	height: v-bind(computedItemHeight);
 	transition: all 200ms ease;
 }
 
@@ -543,7 +544,7 @@ th {
 
 tbody tr {
 	font-size: 0.88em;
-	height: v-bind(computedItemHiehgt);
+	height: v-bind(computedItemHeight);
 	transition: all 200ms ease;
 }
 

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

@@ -55,6 +55,8 @@ const inputType = $computed(() => (showPwd.value ? 'text' : 'password'))
 
 <style>
 .m-password {
-	margin-block: calc(var(--input-height) / 2 - 15px);
+	position: absolute;
+	inset-block: 0;
+	margin-top: calc(var(--input-height) / 2 + 0.25rem);
 }
 </style>

package/src/styles/appearance.css

@@ -291,6 +291,15 @@
     background: var(--bgl-white) !important;
 }
 
+.bg-input-transparent input,
+.bg-input-transparent .selectinput-btn {
+    background: transparent !important;
+}
+
+.color-input-transparent input {
+    color: transparent !important;
+}
+
 .color-input-white input {
     color: var(--bgl-white) !important;
 }