@bagelink/vue 0.0.471 → 0.0.475

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

@@ -4,6 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     disabled?: boolean | undefined;
     icon?: MaterialIcons | undefined;
     'icon.end'?: MaterialIcons | undefined;
+    'icon-end'?: MaterialIcons | undefined;
     color?: ThemeType | undefined;
     theme?: ThemeType | undefined;
     flat?: boolean | undefined;
@@ -30,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     disabled?: boolean | undefined;
     icon?: MaterialIcons | undefined;
     'icon.end'?: MaterialIcons | undefined;
+    'icon-end'?: MaterialIcons | undefined;
     color?: ThemeType | undefined;
     theme?: ThemeType | undefined;
     flat?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkT7D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2V7D,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,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":"AAGA,OAAO,EAEN,KAAK,cAAc,EAGnB,MAAM,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6YtB,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAGA,OAAO,EAEN,KAAK,cAAc,EAGnB,MAAM,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8YtB,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -5519,6 +5519,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     disabled: { type: Boolean, default: false },
     icon: {},
     "icon.end": {},
+    "icon-end": {},
     color: {},
     theme: {},
     flat: { type: Boolean },
@@ -5535,8 +5536,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "446c100a": computedBackgroundColor.value,
-      "07827336": cumputedTextColor.value
+      "3607ab92": computedBackgroundColor.value,
+      "7910b026": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -5572,10 +5573,16 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       "blue": getThemeColors({})
     };
     const cumputedTextColor = vue.computed(
-      () => themes[computedTheme.value].color || computedDefaultColors.value.color
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.color) || computedDefaultColors.value.color;
+      }
     );
     const computedBackgroundColor = vue.computed(
-      () => themes[computedTheme.value].backgroundColor || computedDefaultColors.value.backgroundColor
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || computedDefaultColors.value.backgroundColor;
+      }
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "router-link" : _ctx.is), {
@@ -5614,7 +5621,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-211db910"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-51ee7ea7"]]);
 const _hoisted_1$F = {
   key: 0,
   class: "tool-bar"
@@ -6185,7 +6192,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-20b71889"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-6cb0708f"]]);
 const _sfc_main$C = {};
 const _hoisted_1$z = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/index.mjs

@@ -5517,6 +5517,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     icon: {},
     "icon.end": {},
+    "icon-end": {},
     color: {},
     theme: {},
     flat: { type: Boolean },
@@ -5533,8 +5534,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "446c100a": computedBackgroundColor.value,
-      "07827336": cumputedTextColor.value
+      "3607ab92": computedBackgroundColor.value,
+      "7910b026": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -5570,10 +5571,16 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       "blue": getThemeColors({})
     };
     const cumputedTextColor = computed(
-      () => themes[computedTheme.value].color || computedDefaultColors.value.color
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.color) || computedDefaultColors.value.color;
+      }
     );
     const computedBackgroundColor = computed(
-      () => themes[computedTheme.value].backgroundColor || computedDefaultColors.value.backgroundColor
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || computedDefaultColors.value.backgroundColor;
+      }
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "router-link" : _ctx.is), {
@@ -5612,7 +5619,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-211db910"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-51ee7ea7"]]);
 const _hoisted_1$F = {
   key: 0,
   class: "tool-bar"
@@ -6183,7 +6190,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-20b71889"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-6cb0708f"]]);
 const _sfc_main$C = {};
 const _hoisted_1$z = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/style.css

@@ -248,19 +248,19 @@
 }
 }
 
-a[data-v-211db910] {
+a[data-v-51ee7ea7] {
   text-decoration: none;
 }
-.loading[data-v-211db910] {
+.loading[data-v-51ee7ea7] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-211db910 1s linear infinite;
+  animation: spin-51ee7ea7 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-211db910 {
+@keyframes spin-51ee7ea7 {
 0% {
     transform: rotate(0deg);
 }
@@ -268,7 +268,7 @@ a[data-v-211db910] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-211db910] {
+.bgl_btn-icon[data-v-51ee7ea7] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -278,101 +278,101 @@ a[data-v-211db910] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-211db910] {
+.bgl_btn[data-v-51ee7ea7] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-211db910] {
+.bgl_btn[disabled="true"][data-v-51ee7ea7] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-211db910] {
+.bgl_btn-flex[data-v-51ee7ea7] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-211db910] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-51ee7ea7] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-211db910],
-.bgl_btn-icon[data-v-211db910] {
-  background-color: var(--446c100a);
-  color: var(--07827336);
+.bgl_btn[data-v-51ee7ea7],
+.bgl_btn-icon[data-v-51ee7ea7] {
+  background-color: var(--3607ab92);
+  color: var(--7910b026);
 }
-.bgl_btn[data-v-211db910]:hover,
-.bgl_btn-icon[data-v-211db910]:hover {
+.bgl_btn[data-v-51ee7ea7]:hover,
+.bgl_btn-icon[data-v-51ee7ea7]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-211db910]:active,
-.bgl_btn-icon[data-v-211db910]:active {
+.bgl_btn[data-v-51ee7ea7]:active,
+.bgl_btn-icon[data-v-51ee7ea7]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-211db910] {
+.bgl_btn.bgl_flatBtn[data-v-51ee7ea7] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-211db910] {
+.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-211db910]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-211db910]:hover {
+.bgl_btn.bgl_flatBtn[data-v-51ee7ea7]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7]:hover {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-211db910]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-211db910]:active {
+.bgl_btn.bgl_flatBtn[data-v-51ee7ea7]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7]:active {
   background: var(--bgl-gray);
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-211db910],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-211db910] {
+.bgl_btn.bgl_flatBtn.red[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-51ee7ea7] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-211db910],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-211db910] {
+.bgl_btn.bgl_flatBtn.white[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-51ee7ea7] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-211db910],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-211db910] {
+.bgl_btn.bgl_flatBtn.light[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-51ee7ea7] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-211db910],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-211db910] {
+.bgl_btn.bgl_flatBtn.black[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-51ee7ea7] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-211db910],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-211db910] {
+.bgl_btn.bgl_flatBtn.gray[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-51ee7ea7] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-211db910] {
+.bgl_btn.thin[data-v-51ee7ea7] {
   padding-left: calc(var(--btn-padding) / 2);
   padding-right: calc(var(--btn-padding) / 2);
 }
-.bgl_btn.round[data-v-211db910] {
+.bgl_btn.round[data-v-51ee7ea7] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-211db910] {
+.bgl_btn-icon.thin[data-v-51ee7ea7] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-211db910] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-51ee7ea7] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-211db910] {
-  outline: 1px solid var(--446c100a);
-  color: var(--446c100a);
+.bgl_btn-border[data-v-51ee7ea7] {
+  outline: 1px solid var(--3607ab92);
+  color: var(--3607ab92);
   background: transparent;
 }
-.bgl_btn-border[data-v-211db910]:hover {
+.bgl_btn-border[data-v-51ee7ea7]:hover {
   color: var(--bgl-white);
-  background: var(--446c100a);
+  background: var(--3607ab92);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-211db910]:active {
+.bgl_btn-border[data-v-51ee7ea7]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -637,41 +637,41 @@ a[data-v-211db910] {
 }
 }
 
-.list-arrows[data-v-20b71889] {
+.list-arrows[data-v-6cb0708f] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-20b71889] {
+.list-arrows .bgl_icon-font[data-v-6cb0708f] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-20b71889] {
+.list-arrows.sorted[data-v-6cb0708f] {
 	opacity: 1;
 }
-.col img[data-v-20b71889] {
+.col img[data-v-6cb0708f] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-20b71889] {
+.list-arrows.sorted .desc[data-v-6cb0708f] {
 	transform: rotate(180deg);
 }
-table[data-v-20b71889] {
+table[data-v-6cb0708f] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-20b71889] {
+th[data-v-6cb0708f] {
 	font-weight: 400;
 }
-.embedded-field[data-v-20b71889] {
+.embedded-field[data-v-6cb0708f] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-20b71889] {
+.row[data-v-6cb0708f] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-20b71889] {
+.row.first-row[data-v-6cb0708f] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -681,10 +681,10 @@ th[data-v-20b71889] {
 	height: 50px;
 	vertical-align: bottom;
 }
-.row.first-row input[type=checkbox][data-v-20b71889]{
+.row.first-row input[type=checkbox][data-v-6cb0708f]{
 	margin-bottom: 0.7rem;
 }
-.row.first-row[data-v-20b71889]::after {
+.row.first-row[data-v-6cb0708f]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -692,27 +692,30 @@ th[data-v-20b71889] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-20b71889] {
+.first-row .col[data-v-6cb0708f] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-20b71889] {
+.col[data-v-6cb0708f] {
 	white-space: nowrap;
 	padding: 0.75rem 0.5rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col > div[data-v-20b71889] {
+.col[data-v-6cb0708f]:has(.bagel-input) {
+	padding: 0rem;
+}
+.col > div[data-v-6cb0708f] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-20b71889] {
+.max-col-width[data-v-6cb0708f] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-20b71889] {
+.col.check .bgl_icon-font[data-v-6cb0708f] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -723,31 +726,31 @@ th[data-v-20b71889] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-20b71889] {
+.rows[data-v-6cb0708f] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-20b71889] {
+.table-list[data-v-6cb0708f] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-20b71889] {
+.BagelTable .table-list[data-v-6cb0708f] {
 	overflow: unset;
 }
-.row-item[data-v-20b71889] {
+.row-item[data-v-6cb0708f] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-20b71889]:hover {
+.row-item[data-v-6cb0708f]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type=checkbox][data-v-20b71889]{
+.row-item input[type=checkbox][data-v-6cb0708f]{
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-primary);
 }
-.infinite-wrapper[data-v-20b71889] {
+.infinite-wrapper[data-v-6cb0708f] {
 	overflow-y: auto;
 	width: 100%;
 }

package/package.json

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

package/src/components/Btn.vue

@@ -1,11 +1,15 @@
 <script setup lang="ts">
 import { useSlots } from 'vue'
+import type { MaterialIcons, ThemeType } from '@bagelink/vue'
+import { MaterialIcon } from '@bagelink/vue'
 
 const props = withDefaults(
 	defineProps<{
 		'disabled'?: boolean
 		'icon'?: MaterialIcons
+		// eslint-disable-next-line vue/prop-name-casing TODO: remove/deprecate
 		'icon.end'?: MaterialIcons
+		'icon-end'?: MaterialIcons
 		'color'?: ThemeType
 		'theme'?: ThemeType
 		'flat'?: boolean
@@ -31,9 +35,8 @@ const props = withDefaults(
 		border: false,
 	},
 )
+
 const slots = useSlots()
-import type { MaterialIcons, ThemeType } from '@bagelink/vue'
-import { MaterialIcon } from '@bagelink/vue'
 
 const computedTheme = $computed(
 	() => {
@@ -59,7 +62,7 @@ function getThemeColors(theme: Partial<typeof computedDefaultColors>): typeof co
 	})
 }
 
-const themes: { [key in ThemeType]: typeof computedDefaultColors } = {
+const themes: Partial<{ [key in ThemeType]: typeof computedDefaultColors }> = {
 	'red': getThemeColors({ backgroundColor: 'var(--bgl-red)' }),
 	'white': getThemeColors({ backgroundColor: 'var(--bgl-white)' }),
 	'black': getThemeColors({ backgroundColor: 'var(--bgl-black)' }),
@@ -72,11 +75,11 @@ const themes: { [key in ThemeType]: typeof computedDefaultColors } = {
 }
 
 const cumputedTextColor = $computed(
-	() => (themes[computedTheme as ThemeType].color || computedDefaultColors.color),
+	() => (themes[computedTheme as ThemeType]?.color || computedDefaultColors.color),
 )
 
 const computedBackgroundColor = $computed(
-	() => (themes[computedTheme as ThemeType].backgroundColor || computedDefaultColors.backgroundColor),
+	() => (themes[computedTheme as ThemeType]?.backgroundColor || computedDefaultColors.backgroundColor),
 )
 </script>
 

package/src/components/TableSchema.vue

@@ -257,6 +257,9 @@ th {
 	line-height: 1;
 	align-items: center;
 }
+.col:has(.bagel-input) {
+	padding: 0rem;
+}
 
 .col > div {
 	display: flex;