@bagelink/vue 0.0.460 → 0.0.464

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 (7) hide show
  1. package/dist/index.cjs +2 -3
  2. package/dist/index.mjs +2 -3
  3. package/dist/style.css +31 -11
  4. package/package.json +1 -1
  5. package/src/components/Card.vue +2 -2
  6. package/src/components/ListView.vue +3 -3
  7. package/src/components/MapEmbed.vue +33 -8
package/dist/index.cjs CHANGED
@@ -6015,10 +6015,9 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
6015
6015
  },
6016
6016
  setup(__props) {
6017
6017
  const props2 = __props;
6018
- vue.computed(() => props2.to ? "router-link" : "div");
6018
+ const is4 = vue.computed(() => props2.to ? "router-link" : "div");
6019
6019
  return (_ctx, _cache) => {
6020
- const _component_component = vue.resolveComponent("component");
6021
- return vue.openBlock(), vue.createBlock(_component_component, {
6020
+ return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(is4.value), {
6022
6021
  to: _ctx.to,
6023
6022
  class: vue.normalizeClass(["bgl_card", {
6024
6023
  thin: _ctx.thin,
package/dist/index.mjs CHANGED
@@ -6013,10 +6013,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
6013
6013
  },
6014
6014
  setup(__props) {
6015
6015
  const props2 = __props;
6016
- computed(() => props2.to ? "router-link" : "div");
6016
+ const is4 = computed(() => props2.to ? "router-link" : "div");
6017
6017
  return (_ctx, _cache) => {
6018
- const _component_component = resolveComponent("component");
6019
- return openBlock(), createBlock(_component_component, {
6018
+ return openBlock(), createBlock(resolveDynamicComponent(is4.value), {
6020
6019
  to: _ctx.to,
6021
6020
  class: normalizeClass(["bgl_card", {
6022
6021
  thin: _ctx.thin,
package/dist/style.css CHANGED
@@ -588,11 +588,11 @@ a[data-v-d09a83c5] {
588
588
  grid-template-rows: auto 1fr;
589
589
  }
590
590
  .list-item {
591
- padding: 0.5rem 1rem;
591
+ padding: 0.6rem 1rem;
592
592
  min-height: -webkit-fit-content;
593
593
  min-height: -moz-fit-content;
594
594
  min-height: fit-content;
595
- margin: 0.25rem 0;
595
+ margin: 0rem 0;
596
596
  cursor: pointer;
597
597
  transition: var(--bgl-transition);
598
598
  color: var(--bgl-black);
@@ -604,7 +604,7 @@ a[data-v-d09a83c5] {
604
604
  position: absolute;
605
605
  left: 0;
606
606
  right: 0;
607
- bottom: -0.15rem;
607
+ bottom: 0;
608
608
  border-bottom: 1px solid var(--border-color);
609
609
  }
610
610
  .list-item:hover,
@@ -1675,6 +1675,14 @@ svg.leaflet-image-layer.leaflet-interactive path {
1675
1675
  #map {
1676
1676
  height: 100%;
1677
1677
  border-radius: var(--input-border-radius);
1678
+ position: relative;
1679
+ }
1680
+ #map::after{
1681
+ content: "";
1682
+ position: absolute;
1683
+ inset: 0;
1684
+ box-shadow: inset 0 0 10px #00000012;
1685
+ z-index: 402;
1678
1686
  }
1679
1687
  .map .leaflet-pane .leaflet-tile-pane{
1680
1688
  filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
@@ -1685,18 +1693,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
1685
1693
  .leaflet-pane.leaflet-marker-pane img{
1686
1694
  filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.3));
1687
1695
  }
1688
- /* .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
1696
+ .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
1689
1697
  font-size: var(--input-font-size);
1690
1698
  }
1699
+ .leaflet-bar{
1700
+ border-radius:var(--input-border-radius) !important;
1701
+ }
1691
1702
  .leaflet-touch .leaflet-bar a:first-child {
1692
- border-top-left-radius: var(--input-border-radius) !important;
1693
- border-top-right-radius: var(--input-border-radius) !important;
1703
+ border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
1704
+ border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
1705
+ }
1706
+ .leaflet-touch .leaflet-bar a:last-child{
1707
+ border-bottom-left-radius:calc(var(--input-border-radius) - 2px) !important;
1708
+ border-bottom-right-radius:calc(var(--input-border-radius) - 2px) !important;
1709
+ }
1710
+ .leaflet-bar a{
1711
+ background: var(--input-bg) !important;
1712
+ transition: var(--bgl-transition);
1713
+ }
1714
+ .leaflet-bar a:hover{
1715
+ filter: var(--bgl-hover-filter);
1716
+ }
1717
+ .leaflet-bar a:focus {
1718
+ filter: var(--bgl-active-filter);
1694
1719
  }
1695
- .leaflet-touch .leaflet-bar a {
1696
- width: 30px;
1697
- height: 30px;
1698
- line-height: 30px;
1699
- } */
1700
1720
 
1701
1721
  .fi[data-v-8f23b7bc]{
1702
1722
  background-size:contain;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.460",
4
+ "version": "0.0.464",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/Card.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <component
3
- :is
4
- :to
3
+ :is="is"
4
+ :to="to"
5
5
  class="bgl_card"
6
6
  :class="{
7
7
  thin,
package/src/components/ListView.vue CHANGED
@@ -17,11 +17,11 @@
17
17
  }
18
18
 
19
19
  .list-item {
20
- padding: 0.5rem 1rem;
20
+ padding: 0.6rem 1rem;
21
21
  min-height: -webkit-fit-content;
22
22
  min-height: -moz-fit-content;
23
23
  min-height: fit-content;
24
- margin: 0.25rem 0;
24
+ margin: 0rem 0;
25
25
  cursor: pointer;
26
26
  transition: var(--bgl-transition);
27
27
  color: var(--bgl-black);
@@ -34,7 +34,7 @@
34
34
  position: absolute;
35
35
  left: 0;
36
36
  right: 0;
37
- bottom: -0.15rem;
37
+ bottom: 0;
38
38
  border-bottom: 1px solid var(--border-color);
39
39
  }
40
40
 
package/src/components/MapEmbed.vue CHANGED
@@ -57,6 +57,15 @@ watch(() => props.address, (address) => {
57
57
  #map {
58
58
  height: 100%;
59
59
  border-radius: var(--input-border-radius);
60
+ position: relative;
61
+
62
+ }
63
+ #map::after{
64
+ content: "";
65
+ position: absolute;
66
+ inset: 0;
67
+ box-shadow: inset 0 0 10px #00000012;
68
+ z-index: 402;
60
69
  }
61
70
 
62
71
  .map .leaflet-pane .leaflet-tile-pane{
@@ -69,16 +78,32 @@ watch(() => props.address, (address) => {
69
78
  .leaflet-pane.leaflet-marker-pane img{
70
79
  filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.3));
71
80
  }
72
- /* .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
81
+ .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
73
82
  font-size: var(--input-font-size);
74
83
  }
84
+ .leaflet-bar{
85
+ border-radius:var(--input-border-radius) !important;
86
+ }
87
+
75
88
  .leaflet-touch .leaflet-bar a:first-child {
76
- border-top-left-radius: var(--input-border-radius) !important;
77
- border-top-right-radius: var(--input-border-radius) !important;
89
+ border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
90
+ border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
91
+ }
92
+ .leaflet-touch .leaflet-bar a:last-child{
93
+ border-bottom-left-radius:calc(var(--input-border-radius) - 2px) !important;
94
+ border-bottom-right-radius:calc(var(--input-border-radius) - 2px) !important;
95
+ }
96
+
97
+ .leaflet-bar a{
98
+ background: var(--input-bg) !important;
99
+ transition: var(--bgl-transition);
100
+
101
+ }
102
+ .leaflet-bar a:hover{
103
+ filter: var(--bgl-hover-filter);
104
+ }
105
+ .leaflet-bar a:focus {
106
+ filter: var(--bgl-active-filter);
107
+
78
108
  }
79
- .leaflet-touch .leaflet-bar a {
80
- width: 30px;
81
- height: 30px;
82
- line-height: 30px;
83
- } */
84
109
  </style>