@bagelink/vue 0.0.583 → 0.0.585

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.
Files changed (8) hide show
  1. package/dist/components/NavBar.vue.d.ts.map +1 -1
  2. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  3. package/dist/index.cjs +5 -4
  4. package/dist/index.mjs +5 -4
  5. package/dist/style.css +63 -62
  6. package/package.json +1 -1
  7. package/src/components/NavBar.vue +3 -1
  8. package/src/components/form/inputs/FileUpload.vue +2 -1
package/dist/components/NavBar.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAkC3D,iBAAS,cAAc;;;QAoRE,GAAG;mBACA,GAAG;EAG9B;AAgBD,QAAA,MAAM,eAAe;kBAML,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;iBAJD,OAAO,EAAE;WACf,OAAO,EAAE;cACN,aAAa;eACZ,MAAM;YACT,MAAM;MAEf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,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"}
1
+ {"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAoC3D,iBAAS,cAAc;;;QAoRE,GAAG;mBACA,GAAG;EAG9B;AAgBD,QAAA,MAAM,eAAe;kBAML,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;iBAJD,OAAO,EAAE;WACf,OAAO,EAAE;cACN,aAAa;eACZ,MAAM;YACT,MAAM;MAEf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,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/form/inputs/FileUpload.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAmGzC,iBAAS,MAAM,SAad;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBAnJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QAscS,GAAG;;;QACG,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,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"}
1
+ {"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAmGzC,iBAAS,MAAM,SAad;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBAnJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QAqcS,GAAG;;;QACG,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,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 CHANGED
@@ -5433,7 +5433,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
5433
5433
  homeTo: { default: "/" }
5434
5434
  },
5435
5435
  setup(__props) {
5436
- const isOpen = vue.ref(true);
5436
+ const isSmallScreen = vue.computed(() => window.innerWidth < 1100);
5437
+ const isOpen = vue.ref(!isSmallScreen.value);
5437
5438
  return (_ctx, _cache) => {
5438
5439
  return vue.openBlock(), vue.createElementBlock("div", {
5439
5440
  class: vue.normalizeClass({ open: isOpen.value, closed: !isOpen.value })
@@ -5510,7 +5511,7 @@ const _export_sfc = (sfc, props2) => {
5510
5511
  }
5511
5512
  return target;
5512
5513
  };
5513
- const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d1115533"]]);
5514
+ const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-15070735"]]);
5514
5515
  const _hoisted_1$I = {
5515
5516
  key: 0,
5516
5517
  class: "loading"
@@ -28845,7 +28846,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
28845
28846
  }
28846
28847
  });
28847
28848
  const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
28848
- const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-853e75be"), n2 = n2(), vue.popScopeId(), n2);
28849
+ const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-472bea2f"), n2 = n2(), vue.popScopeId(), n2);
28849
28850
  const _hoisted_1$j = { class: "bagel-input" };
28850
28851
  const _hoisted_2$e = {
28851
28852
  key: 0,
@@ -29089,7 +29090,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
29089
29090
  };
29090
29091
  }
29091
29092
  });
29092
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-853e75be"]]);
29093
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-472bea2f"]]);
29093
29094
  const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-eceeebfb"), n2 = n2(), vue.popScopeId(), n2);
29094
29095
  const _hoisted_1$i = ["title"];
29095
29096
  const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
package/dist/index.mjs CHANGED
@@ -5431,7 +5431,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
5431
5431
  homeTo: { default: "/" }
5432
5432
  },
5433
5433
  setup(__props) {
5434
- const isOpen = ref(true);
5434
+ const isSmallScreen = computed(() => window.innerWidth < 1100);
5435
+ const isOpen = ref(!isSmallScreen.value);
5435
5436
  return (_ctx, _cache) => {
5436
5437
  return openBlock(), createElementBlock("div", {
5437
5438
  class: normalizeClass({ open: isOpen.value, closed: !isOpen.value })
@@ -5508,7 +5509,7 @@ const _export_sfc = (sfc, props2) => {
5508
5509
  }
5509
5510
  return target;
5510
5511
  };
5511
- const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d1115533"]]);
5512
+ const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-15070735"]]);
5512
5513
  const _hoisted_1$I = {
5513
5514
  key: 0,
5514
5515
  class: "loading"
@@ -28843,7 +28844,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
28843
28844
  }
28844
28845
  });
28845
28846
  const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
28846
- const _withScopeId$2 = (n2) => (pushScopeId("data-v-853e75be"), n2 = n2(), popScopeId(), n2);
28847
+ const _withScopeId$2 = (n2) => (pushScopeId("data-v-472bea2f"), n2 = n2(), popScopeId(), n2);
28847
28848
  const _hoisted_1$j = { class: "bagel-input" };
28848
28849
  const _hoisted_2$e = {
28849
28850
  key: 0,
@@ -29087,7 +29088,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
29087
29088
  };
29088
29089
  }
29089
29090
  });
29090
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-853e75be"]]);
29091
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-472bea2f"]]);
29091
29092
  const _withScopeId$1 = (n2) => (pushScopeId("data-v-eceeebfb"), n2 = n2(), popScopeId(), n2);
29092
29093
  const _hoisted_1$i = ["title"];
29093
29094
  const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
package/dist/style.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- [dir='rtl'] .top-arrow[data-v-d1115533] {
2
+ [dir='rtl'] .top-arrow[data-v-15070735] {
3
3
  transform: rotate(180deg);
4
4
  }
5
- .nav-expend[data-v-d1115533] {
5
+ .nav-expend[data-v-15070735] {
6
6
  text-align: center;
7
7
  cursor: pointer;
8
8
  background: var(--bgl-white);
@@ -28,17 +28,17 @@
28
28
  margin-bottom: 30px;
29
29
  }
30
30
  */
31
- .nav-expend[data-v-d1115533] {
31
+ .nav-expend[data-v-15070735] {
32
32
  background: var(--bgl-white);
33
33
  }
34
- .nav-expend[data-v-d1115533]:hover {
34
+ .nav-expend[data-v-15070735]:hover {
35
35
  filter: brightness(95%);
36
36
  box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
37
37
  }
38
- .nav-expend[data-v-d1115533]:active {
38
+ .nav-expend[data-v-15070735]:active {
39
39
  filter: var(--bgl-active-filter);
40
40
  }
41
- .nav[data-v-d1115533] {
41
+ .nav[data-v-15070735] {
42
42
  color: var(--bgl-white);
43
43
  background: var(--bgl-primary);
44
44
  z-index: 100;
@@ -47,10 +47,10 @@
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  }
50
- .nav[data-v-d1115533] * {
50
+ .nav[data-v-15070735] * {
51
51
  user-select: none;
52
52
  }
53
- .nav-button[data-v-d1115533] {
53
+ .nav-button[data-v-15070735] {
54
54
  text-decoration: none;
55
55
  cursor: pointer;
56
56
  display: flex;
@@ -61,11 +61,11 @@
61
61
  transition: all 0.2s ease;
62
62
  pointer-events: none;
63
63
  }
64
- .nav-button[data-v-d1115533]:hover {
64
+ .nav-button[data-v-15070735]:hover {
65
65
  width: fit-content;
66
66
  pointer-events: all;
67
67
  }
68
- .nav-button .bgl_icon-font[data-v-d1115533] {
68
+ .nav-button .bgl_icon-font[data-v-15070735] {
69
69
  font-size: 22px;
70
70
  margin: 0.25rem 10px;
71
71
  padding: 10px;
@@ -78,16 +78,16 @@
78
78
  transition: all 0.2s ease;
79
79
  pointer-events: all;
80
80
  }
81
- .nav-button:hover .bgl_icon-font[data-v-d1115533],
82
- .nav-button.router-link-active .bgl_icon-font[data-v-d1115533] {
81
+ .nav-button:hover .bgl_icon-font[data-v-15070735],
82
+ .nav-button.router-link-active .bgl_icon-font[data-v-15070735] {
83
83
  background: var(--bgl-white);
84
84
  color: var(--bgl-primary);
85
85
  }
86
- .nav-button:hover .tooltip[data-v-d1115533] {
86
+ .nav-button:hover .tooltip[data-v-15070735] {
87
87
  opacity: 1;
88
88
  pointer-events: all;
89
89
  }
90
- .tooltip[data-v-d1115533] {
90
+ .tooltip[data-v-15070735] {
91
91
  background-color: var(--bgl-white);
92
92
  color: var(--bgl-primary);
93
93
  line-height: 1;
@@ -101,23 +101,23 @@
101
101
  opacity: 0;
102
102
  margin-inline-start: 1rem;
103
103
  }
104
- .tooltip[data-v-d1115533]:hover {
104
+ .tooltip[data-v-15070735]:hover {
105
105
  filter: brightness(95%);
106
106
  }
107
- .tooltip[data-v-d1115533]:active {
107
+ .tooltip[data-v-15070735]:active {
108
108
  filter: brightness(90%);
109
109
  }
110
- .bot-buttons-wrapper[data-v-d1115533] {
110
+ .bot-buttons-wrapper[data-v-15070735] {
111
111
  margin-top: auto;
112
112
  width: 100%;
113
113
  }
114
- .nav-links-wrapper[data-v-d1115533] {
114
+ .nav-links-wrapper[data-v-15070735] {
115
115
  direction: ltr;
116
116
  }
117
- [dir='rtl'] .nav-links-wrapper[data-v-d1115533] {
117
+ [dir='rtl'] .nav-links-wrapper[data-v-15070735] {
118
118
  direction: rtl;
119
119
  }
120
- .nav-scroll[data-v-d1115533] {
120
+ .nav-scroll[data-v-15070735] {
121
121
  overflow-y: scroll;
122
122
  width: 50vw;
123
123
  direction: rtl;
@@ -127,30 +127,30 @@
127
127
  display: flex;
128
128
  flex-direction: column;
129
129
  }
130
- .nav[data-v-d1115533]::-webkit-scrollbar-thumb {
130
+ .nav[data-v-15070735]::-webkit-scrollbar-thumb {
131
131
  background-color: transparent;
132
132
  }
133
- .nav[data-v-d1115533]:hover::-webkit-scrollbar-thumb {
133
+ .nav[data-v-15070735]:hover::-webkit-scrollbar-thumb {
134
134
  background-color: var(--bgl-gray);
135
135
  }
136
- [dir='rtl'] .nav-scroll[data-v-d1115533] {
136
+ [dir='rtl'] .nav-scroll[data-v-15070735] {
137
137
  direction: ltr;
138
138
  }
139
- .full-nav[data-v-d1115533] {
139
+ .full-nav[data-v-15070735] {
140
140
  height: 100%;
141
141
  display: flex;
142
142
  flex-direction: column;
143
143
  }
144
144
  @media screen and (min-width: 910px) {
145
- .nav.open .nav-expend[data-v-d1115533] {
145
+ .nav.open .nav-expend[data-v-15070735] {
146
146
  margin-inline-start: 189px;
147
147
  transform: rotate(180deg);
148
148
  }
149
- .nav.open[data-v-d1115533] {
149
+ .nav.open[data-v-15070735] {
150
150
  width: 200px;
151
151
  text-align: start;
152
152
  }
153
- .nav.open .tooltip[data-v-d1115533] {
153
+ .nav.open .tooltip[data-v-15070735] {
154
154
  background-color: transparent;
155
155
  color: var(--bgl-white);
156
156
  padding: 0;
@@ -159,30 +159,30 @@
159
159
  opacity: 1;
160
160
  margin-inline-start: 0rem;
161
161
  }
162
- .nav.open .nav-button .bgl_icon-font[data-v-d1115533] {
162
+ .nav.open .nav-button .bgl_icon-font[data-v-15070735] {
163
163
  margin: 0;
164
164
  background: transparent;
165
165
  }
166
- .nav.open .nav-button[data-v-d1115533] {
166
+ .nav.open .nav-button[data-v-15070735] {
167
167
  width: 180px;
168
168
  border-radius: 10px;
169
169
  margin-inline-start: 10px;
170
170
  margin-top: 10px;
171
171
  margin-bottom: 10px;
172
172
  }
173
- .nav.open .nav-button[data-v-d1115533]:hover,
174
- .nav.open .nav-button.router-link-active[data-v-d1115533] {
173
+ .nav.open .nav-button[data-v-15070735]:hover,
174
+ .nav.open .nav-button.router-link-active[data-v-15070735] {
175
175
  background: var(--bgl-white);
176
176
  color: var(--bgl-primary);
177
177
  }
178
- .nav.open .nav-button[data-v-d1115533]:hover,
179
- .nav.open .nav-button:hover .tooltip[data-v-d1115533],
180
- .nav.open .nav-button.router-link-active .tooltip[data-v-d1115533] {
178
+ .nav.open .nav-button[data-v-15070735]:hover,
179
+ .nav.open .nav-button:hover .tooltip[data-v-15070735],
180
+ .nav.open .nav-button.router-link-active .tooltip[data-v-15070735] {
181
181
  color: var(--bgl-primary);
182
182
  }
183
183
  }
184
184
  @media screen and (max-width: 910px) {
185
- .full-nav[data-v-d1115533] {
185
+ .full-nav[data-v-15070735] {
186
186
  height: auto;
187
187
  display: flex;
188
188
  flex-direction: row;
@@ -191,10 +191,10 @@
191
191
  inset-inline-end: 0;
192
192
  overflow-x: auto;
193
193
  }
194
- .nav.open[data-v-d1115533] {
194
+ .nav.open[data-v-15070735] {
195
195
  width: initial;
196
196
  }
197
- .nav[data-v-d1115533] {
197
+ .nav[data-v-15070735] {
198
198
  width: auto;
199
199
  display: flex;
200
200
  flex-direction: row;
@@ -202,7 +202,7 @@
202
202
  overflow-x: auto;
203
203
  justify-content: flex-start;
204
204
  }
205
- .tooltip[data-v-d1115533] {
205
+ .tooltip[data-v-15070735] {
206
206
  opacity: 1;
207
207
  background: transparent;
208
208
  color: var(--bgl-white);
@@ -211,25 +211,25 @@
211
211
  padding: 0;
212
212
  margin: 0;
213
213
  }
214
- .nav-button[data-v-d1115533] {
214
+ .nav-button[data-v-15070735] {
215
215
  flex-direction: column;
216
216
  margin: 12px 0.25rem;
217
217
  }
218
- .nav-button .bgl_icon-font[data-v-d1115533] {
218
+ .nav-button .bgl_icon-font[data-v-15070735] {
219
219
  padding: 2px 0 0 0;
220
220
  margin: 0;
221
221
  height: 30px;
222
222
  width: 30px;
223
223
  }
224
- .nav-links-wrapper[data-v-d1115533] {
224
+ .nav-links-wrapper[data-v-15070735] {
225
225
  display: flex;
226
226
  }
227
- .bot-buttons-wrapper[data-v-d1115533] {
227
+ .bot-buttons-wrapper[data-v-15070735] {
228
228
  margin-top: 0;
229
229
  width: auto;
230
230
  display: flex;
231
231
  }
232
- .nav-scroll[data-v-d1115533] {
232
+ .nav-scroll[data-v-15070735] {
233
233
  overflow-y: visible;
234
234
  width: auto;
235
235
  direction: auto;
@@ -240,10 +240,10 @@
240
240
  flex-direction: row;
241
241
  margin-inline-end: auto;
242
242
  }
243
- .nav[data-v-d1115533]::-webkit-scrollbar {
243
+ .nav[data-v-15070735]::-webkit-scrollbar {
244
244
  display: none;
245
245
  }
246
- .nav-expend[data-v-d1115533] {
246
+ .nav-expend[data-v-15070735] {
247
247
  display: none;
248
248
  }
249
249
  }
@@ -2337,7 +2337,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2337
2337
  color: var(--bgl-white);
2338
2338
  }
2339
2339
 
2340
- .bagel-input .fileUploadWrap[data-v-853e75be] {
2340
+ .bagel-input .fileUploadWrap[data-v-472bea2f] {
2341
2341
  --width: 320px;
2342
2342
  outline: 1px solid var(--border-color);
2343
2343
  border-radius: var(--input-border-radius);
@@ -2350,7 +2350,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
2350
2350
  overflow-y: auto;
2351
2351
  background: var(--input-bg);
2352
2352
  }
2353
- .previewName[data-v-853e75be] {
2353
+ .previewName[data-v-472bea2f] {
2354
2354
  padding: 0.5rem;
2355
2355
  text-align: start;
2356
2356
  color: var(--input-color);
@@ -2360,18 +2360,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
2360
2360
  align-items: center;
2361
2361
  padding-inline: 14px;
2362
2362
  }
2363
- .previewName p[data-v-853e75be] {
2363
+ .previewName p[data-v-472bea2f] {
2364
2364
  overflow: hidden;
2365
2365
  text-overflow: ellipsis;
2366
2366
  white-space: nowrap;
2367
2367
  }
2368
- .imagePreviewWrap[data-v-853e75be] {
2368
+ .imagePreviewWrap[data-v-472bea2f] {
2369
2369
  background: var(--input-bg);
2370
2370
  border-radius: var(--input-border-radius);
2371
2371
  padding: 5px;
2372
2372
  min-height: 90px;
2373
2373
  }
2374
- img.preview[data-v-853e75be] {
2374
+ img.preview[data-v-472bea2f] {
2375
2375
  /* max-height: calc(var(--width) / 2); */
2376
2376
  /* max-width: calc(var(--width) * 2); */
2377
2377
  width: 40px;
@@ -2381,7 +2381,7 @@ img.preview[data-v-853e75be] {
2381
2381
  background: var(--bgl-gray-light);
2382
2382
  box-shadow: 0 0 10px #00000012;
2383
2383
  }
2384
- img.preview.single[data-v-853e75be] {
2384
+ img.preview.single[data-v-472bea2f] {
2385
2385
  max-width: var(--width);
2386
2386
  width: auto;
2387
2387
  object-fit: contain;
@@ -2389,18 +2389,19 @@ img.preview.single[data-v-853e75be] {
2389
2389
  max-height: calc(var(--width) / 2);
2390
2390
  margin: 1rem;
2391
2391
  }
2392
- .fileUploadWrap.dragover[data-v-853e75be],
2393
- .fileUploadWrap[data-v-853e75be]:hover {
2392
+ .fileUploadWrap.dragover[data-v-472bea2f],
2393
+ .fileUploadWrap[data-v-472bea2f]:hover {
2394
2394
  box-shadow: inset 0 0 10px #00000012;
2395
2395
  }
2396
- .bagel-input .fileUploadWrap.fileDropZone[data-v-853e75be] {
2396
+ .bagel-input .fileUploadWrap[data-v-472bea2f] {
2397
2397
  background: var(--input-bg);
2398
2398
  display: flex;
2399
2399
  align-items: center;
2400
2400
  justify-content: center;
2401
2401
  color: var(--bgl-gray);
2402
+ flex-direction: column;
2402
2403
  }
2403
- .pie[data-v-853e75be] {
2404
+ .pie[data-v-472bea2f] {
2404
2405
  width: 30px;
2405
2406
  height: 30px;
2406
2407
  position: relative;
@@ -2408,7 +2409,7 @@ img.preview.single[data-v-853e75be] {
2408
2409
  align-items: center;
2409
2410
  justify-content: center;
2410
2411
  }
2411
- .pie[data-v-853e75be]:before {
2412
+ .pie[data-v-472bea2f]:before {
2412
2413
  content: '';
2413
2414
  position: absolute;
2414
2415
  border-radius: 50%;
@@ -2426,26 +2427,26 @@ img.preview.single[data-v-853e75be] {
2426
2427
  #000 calc(100% - var(--b))
2427
2428
  );
2428
2429
  }
2429
- .pie .success[data-v-853e75be] {
2430
+ .pie .success[data-v-472bea2f] {
2430
2431
  transform: scale(0);
2431
2432
  opacity: 0;
2432
2433
  transition: all 0.3s ease-in-out;
2433
2434
  }
2434
- .pie .progress[data-v-853e75be] {
2435
+ .pie .progress[data-v-472bea2f] {
2435
2436
  position: absolute;
2436
2437
  font-size: 10px;
2437
2438
  }
2438
- .pie.complete .progress[data-v-853e75be] {
2439
+ .pie.complete .progress[data-v-472bea2f] {
2439
2440
  display: none;
2440
2441
  }
2441
- .pie.complete .success[data-v-853e75be] {
2442
+ .pie.complete .success[data-v-472bea2f] {
2442
2443
  transform: scale(1.3);
2443
2444
  opacity: 1;
2444
2445
  }
2445
- .pie.complete[data-v-853e75be]:before {
2446
+ .pie.complete[data-v-472bea2f]:before {
2446
2447
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
2447
2448
  }
2448
- .pie.complete[data-v-853e75be] {
2449
+ .pie.complete[data-v-472bea2f] {
2449
2450
  color: var(--bgl-green);
2450
2451
  }
2451
2452
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.583",
4
+ "version": "0.0.585",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/NavBar.vue CHANGED
@@ -2,6 +2,7 @@
2
2
  import type { MaterialIcons, NavLink } from '@bagelink/vue'
3
3
  import { MaterialIcon } from '@bagelink/vue'
4
4
 
5
+
5
6
  withDefaults(
6
7
  defineProps<{
7
8
  footerLinks?: NavLink[]
@@ -19,7 +20,8 @@ withDefaults(
19
20
  }
20
21
  )
21
22
 
22
- const isOpen = $ref(true)
23
+ const isSmallScreen = $computed(() => window.innerWidth < 1100)
24
+ const isOpen = $ref(!isSmallScreen)
23
25
  </script>
24
26
 
25
27
  <template>
package/src/components/form/inputs/FileUpload.vue CHANGED
@@ -305,12 +305,13 @@ img.preview.single {
305
305
  box-shadow: inset 0 0 10px #00000012;
306
306
  }
307
307
 
308
- .bagel-input .fileUploadWrap.fileDropZone {
308
+ .bagel-input .fileUploadWrap {
309
309
  background: var(--input-bg);
310
310
  display: flex;
311
311
  align-items: center;
312
312
  justify-content: center;
313
313
  color: var(--bgl-gray);
314
+ flex-direction: column;
314
315
  }
315
316
 
316
317
  .pie {