@bagelink/vue 1.1.45 → 1.1.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SidebarMenu.vue"],"names":[],"mappings":"AAyHA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAK5C,KAAK,WAAW,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;CACb,CAAC;AAeF,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;uBAbtB,GAAG;8BACI,GAAG;yBACR,GAAG;wBACJ,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"SidebarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SidebarMenu.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAK5C,KAAK,WAAW,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;CACb,CAAC;AAeF,iBAAS,cAAc;WAmJT,OAAO,IAA6B;;uBAbtB,GAAG;8BACI,GAAG;yBACR,GAAG;wBACJ,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/index.cjs CHANGED
@@ -34040,11 +34040,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
34040
34040
  vue.unref(isOpen) ? vue.renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : vue.createCommentVNode("", true),
34041
34041
  !_ctx.navLinks ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }, void 0, true) : vue.createCommentVNode("", true),
34042
34042
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navLinks, (nav, i2) => {
34043
- return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Btn), {
34043
+ return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
34044
34044
  key: i2,
34045
- to: nav.to,
34046
- class: "nav-button px-075 me-auto w-100"
34045
+ ref_for: true
34047
34046
  }, {
34047
+ ...nav.to && { to: nav.to },
34048
+ ...nav.href && { href: nav.href },
34049
+ ...nav.onClick && { onClick: nav.onClick }
34050
+ }, { class: "nav-button px-075 me-auto w-100" }), {
34048
34051
  default: vue.withCtx(() => [
34049
34052
  vue.createVNode(vue.unref(_sfc_main$s), {
34050
34053
  icon: nav.icon,
@@ -34058,7 +34061,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
34058
34061
  }, 1024)
34059
34062
  ]),
34060
34063
  _: 2
34061
- }, 1032, ["to"])), [
34064
+ }, 1040)), [
34062
34065
  [
34063
34066
  _directive_tooltip,
34064
34067
  {
@@ -34079,7 +34082,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
34079
34082
  };
34080
34083
  }
34081
34084
  });
34082
- const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-951fdacc"]]);
34085
+ const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-43939d5b"]]);
34083
34086
  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
34084
34087
  __name: "Skeleton",
34085
34088
  props: {
package/dist/index.mjs CHANGED
@@ -34038,11 +34038,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
34038
34038
  unref(isOpen) ? renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : createCommentVNode("", true),
34039
34039
  !_ctx.navLinks ? renderSlot(_ctx.$slots, "default", { key: 2 }, void 0, true) : createCommentVNode("", true),
34040
34040
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navLinks, (nav, i2) => {
34041
- return withDirectives((openBlock(), createBlock(unref(Btn), {
34041
+ return withDirectives((openBlock(), createBlock(unref(Btn), mergeProps({
34042
34042
  key: i2,
34043
- to: nav.to,
34044
- class: "nav-button px-075 me-auto w-100"
34043
+ ref_for: true
34045
34044
  }, {
34045
+ ...nav.to && { to: nav.to },
34046
+ ...nav.href && { href: nav.href },
34047
+ ...nav.onClick && { onClick: nav.onClick }
34048
+ }, { class: "nav-button px-075 me-auto w-100" }), {
34046
34049
  default: withCtx(() => [
34047
34050
  createVNode(unref(_sfc_main$s), {
34048
34051
  icon: nav.icon,
@@ -34056,7 +34059,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
34056
34059
  }, 1024)
34057
34060
  ]),
34058
34061
  _: 2
34059
- }, 1032, ["to"])), [
34062
+ }, 1040)), [
34060
34063
  [
34061
34064
  _directive_tooltip,
34062
34065
  {
@@ -34077,7 +34080,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
34077
34080
  };
34078
34081
  }
34079
34082
  });
34080
- const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-951fdacc"]]);
34083
+ const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-43939d5b"]]);
34081
34084
  const _sfc_main$m = /* @__PURE__ */ defineComponent({
34082
34085
  __name: "Skeleton",
34083
34086
  props: {
package/dist/style.css CHANGED
@@ -2932,33 +2932,33 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
2932
2932
  justify-content: flex-start !important;
2933
2933
  }
2934
2934
 
2935
- .bgl_sidebar[data-v-951fdacc] {
2935
+ .bgl_sidebar[data-v-43939d5b] {
2936
2936
  }
2937
- .toggleNav[data-v-951fdacc] {
2937
+ .toggleNav[data-v-43939d5b] {
2938
2938
  height: 22px !important;
2939
2939
  width: 22px !important;
2940
2940
  transition: var(--bgl-transition);
2941
2941
  top: 2rem;
2942
2942
  inset-inline-end: -3px;
2943
2943
  }
2944
- .toggleNav[data-v-951fdacc]:hover {
2944
+ .toggleNav[data-v-43939d5b]:hover {
2945
2945
  opacity: 1;
2946
2946
  }
2947
- .wideNav .toggleNav[data-v-951fdacc] {
2947
+ .wideNav .toggleNav[data-v-43939d5b] {
2948
2948
  transform: rotate(180deg);
2949
2949
  }
2950
- [dir='rtl'] .toggleNav[data-v-951fdacc] {
2950
+ [dir='rtl'] .toggleNav[data-v-43939d5b] {
2951
2951
  transform: rotate(180deg);
2952
2952
  }
2953
- [dir='rtl'] .wideNav .toggleNav[data-v-951fdacc] {
2953
+ [dir='rtl'] .wideNav .toggleNav[data-v-43939d5b] {
2954
2954
  transform: rotate(0deg);
2955
2955
  }
2956
- .showP-enter-active[data-v-951fdacc],
2957
- .showP-leave-active[data-v-951fdacc] {
2956
+ .showP-enter-active[data-v-43939d5b],
2957
+ .showP-leave-active[data-v-43939d5b] {
2958
2958
  transition: all 0.5s ease;
2959
2959
  }
2960
- .showP-enter-from[data-v-951fdacc],
2961
- .showP-leave-to[data-v-951fdacc] {
2960
+ .showP-enter-from[data-v-43939d5b],
2961
+ .showP-leave-to[data-v-43939d5b] {
2962
2962
  opacity: 0;
2963
2963
  transform: translateX(-20px);
2964
2964
  }
@@ -3,6 +3,7 @@ export interface NavLink {
3
3
  label: string;
4
4
  to?: string;
5
5
  icon: IconType;
6
+ href?: string;
6
7
  localized?: string;
7
8
  children?: NavLink[];
8
9
  onClick?: () => void;
@@ -1 +1 @@
1
- {"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../src/types/NavLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB"}
1
+ {"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../src/types/NavLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "1.1.45",
4
+ "version": "1.1.47",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -44,7 +44,11 @@ const toggleMenu = useDebounceFn(() => {
44
44
  content: nav.label,
45
45
  disabled: open,
46
46
  }"
47
- :to="nav.to"
47
+ v-bind="{
48
+ ...(nav.to && { to: nav.to }),
49
+ ...(nav.href && { href: nav.href }),
50
+ ...(nav.onClick && { onClick: nav.onClick }),
51
+ }"
48
52
  class="nav-button px-075 me-auto w-100"
49
53
  >
50
54
  <template #default>
@@ -4,6 +4,7 @@ export interface NavLink {
4
4
  label: string
5
5
  to?: string
6
6
  icon: IconType
7
+ href?: string
7
8
  localized?: string
8
9
  children?: NavLink[]
9
10
  onClick?: () => void