@bagelink/vue 0.0.455 → 0.0.460

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

@@ -3,6 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     thin?: boolean | undefined;
     outline?: boolean | undefined;
     h100?: boolean | undefined;
+    to?: string | undefined;
     overflowX?: boolean | undefined;
     overflowY?: boolean | undefined;
     bg?: "info" | "light" | "warning" | "white" | "gray" | "primary" | "transparent" | "dark" | "secondary" | "success" | "danger" | undefined;
@@ -11,6 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     thin?: boolean | undefined;
     outline?: boolean | undefined;
     h100?: boolean | undefined;
+    to?: string | undefined;
     overflowX?: boolean | undefined;
     overflowY?: boolean | undefined;
     bg?: "info" | "light" | "warning" | "white" | "gray" | "primary" | "transparent" | "dark" | "secondary" | "success" | "danger" | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.vue.d.ts","sourceRoot":"","sources":["../../src/components/Card.vue"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;;;;;;AA+IA,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":"Card.vue.d.ts","sourceRoot":"","sources":["../../src/components/Card.vue"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;;;;;;AAoJA,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/components/MapEmbed.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapEmbed.vue.d.ts","sourceRoot":"","sources":["../../src/components/MapEmbed.vue"],"names":[],"mappings":"AAGA;AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,SAAS,CAAC;AAC7D,OAAO,0BAA0B,CAAC;AAKlC,KAAK,QAAQ,GAAG;IACf,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;;AAiFF,wBAMG;AACH,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"}
+{"version":3,"file":"MapEmbed.vue.d.ts","sourceRoot":"","sources":["../../src/components/MapEmbed.vue"],"names":[],"mappings":"AAIA;AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,SAAS,CAAC;AAC7D,OAAO,0BAA0B,CAAC;AAKlC,KAAK,QAAQ,GAAG;IACf,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;;AAwFF,wBAMG;AACH,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"}

package/dist/index.cjs

@@ -5123,7 +5123,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$F = { class: "full-nav" };
+const _hoisted_1$G = { class: "full-nav" };
 const _hoisted_2$y = { class: "nav-scroll" };
 const _hoisted_3$n = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
@@ -5158,7 +5158,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$F, [
+        vue.createElementVNode("div", _hoisted_1$G, [
           vue.createElementVNode("div", _hoisted_2$y, [
             vue.createElementVNode("div", _hoisted_3$n, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
@@ -5217,7 +5217,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4b0a42be"]]);
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   class: "loading"
 };
@@ -5312,7 +5312,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$L), {
               key: 0,
               icon: _ctx.icon
@@ -5333,13 +5333,13 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-d09a83c5"]]);
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "tool-bar"
 };
 const _hoisted_2$w = {
   key: 1,
-  class: "sticky h-10 bg-white z-index-999 -mt-1 -me-075 h-40px pt-025 round"
+  class: "sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
 const _hoisted_3$m = {
   key: 2,
@@ -5409,7 +5409,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.unref(slots)["toolbar"] || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$D, [
+              vue.unref(slots)["toolbar"] || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$E, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5567,7 +5567,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-619caeaa"]]);
-const _hoisted_1$C = { class: "accordion-item" };
+const _hoisted_1$D = { class: "accordion-item" };
 const _hoisted_2$v = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
@@ -5612,7 +5612,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
         vue.createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
           "aria-expanded": vue.unref(isOpen) ? "true" : "false",
@@ -5647,11 +5647,11 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-c1f34c59"]]);
 const _sfc_main$F = {};
-const _hoisted_1$B = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
+const _hoisted_1$C = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
 const _hoisted_2$u = { class: "p-1" };
 const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
     vue.createElementVNode("div", _hoisted_2$u, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
@@ -5661,7 +5661,7 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$2]]);
-const _hoisted_1$A = { class: "txt16 no-margin ellipsis" };
+const _hoisted_1$B = { class: "txt16 no-margin ellipsis" };
 const _hoisted_2$t = { class: "txt14 no-margin txt-gray ellipsis" };
 const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
@@ -5687,7 +5687,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$A, [
+            vue.createElementVNode("p", _hoisted_1$B, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
@@ -5702,7 +5702,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = { class: "page-top" };
+const _hoisted_1$A = { class: "page-top" };
 const _hoisted_2$s = { class: "top-title m-0" };
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
@@ -5714,7 +5714,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         vue.createElementVNode("h1", _hoisted_2$s, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
@@ -5723,7 +5723,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = { class: "table-list-wrap h-100" };
+const _hoisted_1$z = { class: "table-list-wrap h-100" };
 const _hoisted_2$r = { class: "infinite-wrapper" };
 const _hoisted_3$j = { class: "row first-row" };
 const _hoisted_4$e = ["onClick"];
@@ -5824,7 +5824,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
       return dta;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
         vue.createElementVNode("table", _hoisted_2$r, [
           vue.createElementVNode("thead", _hoisted_3$j, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field) => {
@@ -5889,9 +5889,9 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-56ba03fa"]]);
 const _sfc_main$B = {};
-const _hoisted_1$x = { class: "flex space-between" };
+const _hoisted_1$y = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -5919,7 +5919,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 0,
   class: "data"
 };
@@ -5959,7 +5959,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$w), {
           key: 0,
           label: _ctx.title
@@ -5997,7 +5997,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-c6978fee"]]);
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   class: "card_label"
 };
@@ -6008,13 +6008,18 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     thin: { type: Boolean },
     outline: { type: Boolean },
     h100: { type: Boolean },
+    to: {},
     overflowX: { type: Boolean },
     overflowY: { type: Boolean },
     bg: {}
   },
   setup(__props) {
+    const props2 = __props;
+    vue.computed(() => props2.to ? "router-link" : "div");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
+      const _component_component = vue.resolveComponent("component");
+      return vue.openBlock(), vue.createBlock(_component_component, {
+        to: _ctx.to,
         class: vue.normalizeClass(["bgl_card", {
           thin: _ctx.thin,
           "border": _ctx.outline,
@@ -6023,14 +6028,17 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           "overflow-x": _ctx.overflowX,
           "overflow-y": _ctx.overflowY
         }])
-      }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$v, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$w, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["to", "class"]);
     };
   }
 });
-const _hoisted_1$u = ["src", "alt"];
+const _hoisted_1$v = ["src", "alt"];
 const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
@@ -6049,7 +6057,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$u)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$v)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString(_ctx.fallback || vue.unref(initials)(_ctx.name || "")), 5))
@@ -6100,7 +6108,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["dismissable"];
+const _hoisted_1$u = ["dismissable"];
 const _hoisted_2$p = { class: "m-0" };
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
@@ -6138,7 +6146,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           class: "alert_close",
           icon: "close"
         })
-      ], 10, _hoisted_1$t)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$u)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -6174,7 +6182,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-561f7a72"]]);
-const _hoisted_1$s = ["src"];
+const _hoisted_1$t = ["src"];
 const _hoisted_2$o = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
@@ -6230,7 +6238,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$s)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$t)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6245,7 +6253,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-b1ad7c32"]]);
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   key: 0,
   class: "blocker"
 };
@@ -6409,7 +6417,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           ref_key: "bglSlider",
           ref: bglSlider
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         vue.createElementVNode("div", _hoisted_2$n, [
@@ -16028,7 +16036,8 @@ var leafletSrc = { exports: {} };
 })(leafletSrc, leafletSrc.exports);
 var leafletSrcExports = leafletSrc.exports;
 const L$1 = /* @__PURE__ */ getDefaultExportFromCjs(leafletSrcExports);
-const markerSVG = '<svg height="32" width="32" xmlns="http://www.w3.org/2000/svg"><g><path d="m12 0c-4.4183 0-8 3.5817-8 8 0 1.421.3816 2.75 1.0312 3.906.1079.192.221.381.3438.563l6.625 11.531 6.625-11.531c.102-.151.19-.311.281-.469l.063-.094c.649-1.156 1.031-2.485 1.031-3.906 0-4.4183-3.582-8-8-8zm0 4c2.209 0 4 1.7909 4 4 0 2.209-1.791 4-4 4-2.2091 0-4-1.791-4-4 0-2.2091 1.7909-4 4-4z" fill="#e74c3c"/><path d="m12 3c-2.7614 0-5 2.2386-5 5 0 2.761 2.2386 5 5 5 2.761 0 5-2.239 5-5 0-2.7614-2.239-5-5-5zm0 2c1.657 0 3 1.3431 3 3s-1.343 3-3 3-3-1.3431-3-3 1.343-3 3-3z" fill="#c0392b"/></g></svg>';
+const _hoisted_1$r = /* @__PURE__ */ vue.createElementVNode("div", { class: "map-test" }, null, -1);
+const markerSVG = '<svg width="199" height="284" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.859 29.266A99 99 0 0 1 198.862 99.27c0 74.25-99 183.857-99 183.857s-99-109.607-99-183.858A99 99 0 0 1 29.86 29.266Zm70.004 118.961c25.513 0 46.195-20.683 46.195-46.196 0-25.513-20.682-46.195-46.195-46.195S53.667 76.518 53.667 102.03s20.683 46.196 46.196 46.196Z" fill="#F04033"/></svg>';
 const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   props: {
@@ -16068,11 +16077,14 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         geocodeAddress(address).catch(console.error);
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "map",
-        id: "map",
-        style: vue.normalizeStyle({ height: `${_ctx.height || 400}px` })
-      }, null, 4);
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        _hoisted_1$r,
+        vue.createElementVNode("div", {
+          class: "map",
+          id: "map",
+          style: vue.normalizeStyle({ height: `${_ctx.height || 400}px` })
+        }, null, 4)
+      ], 64);
     };
   }
 });

package/dist/index.mjs

@@ -5121,7 +5121,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$F = { class: "full-nav" };
+const _hoisted_1$G = { class: "full-nav" };
 const _hoisted_2$y = { class: "nav-scroll" };
 const _hoisted_3$n = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
@@ -5156,7 +5156,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$F, [
+        createElementVNode("div", _hoisted_1$G, [
           createElementVNode("div", _hoisted_2$y, [
             createElementVNode("div", _hoisted_3$n, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
@@ -5215,7 +5215,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4b0a42be"]]);
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   class: "loading"
 };
@@ -5310,7 +5310,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$E)) : (openBlock(), createElementBlock("div", _hoisted_2$x, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$F)) : (openBlock(), createElementBlock("div", _hoisted_2$x, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$L), {
               key: 0,
               icon: _ctx.icon
@@ -5331,13 +5331,13 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-d09a83c5"]]);
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "tool-bar"
 };
 const _hoisted_2$w = {
   key: 1,
-  class: "sticky h-10 bg-white z-index-999 -mt-1 -me-075 h-40px pt-025 round"
+  class: "sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
 const _hoisted_3$m = {
   key: 2,
@@ -5407,7 +5407,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(slots)["toolbar"] || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$D, [
+              unref(slots)["toolbar"] || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$E, [
                 renderSlot(_ctx.$slots, "toolbar"),
                 createVNode(unref(Btn), {
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5565,7 +5565,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-619caeaa"]]);
-const _hoisted_1$C = { class: "accordion-item" };
+const _hoisted_1$D = { class: "accordion-item" };
 const _hoisted_2$v = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
@@ -5610,7 +5610,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
         createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
           "aria-expanded": unref(isOpen) ? "true" : "false",
@@ -5645,11 +5645,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-c1f34c59"]]);
 const _sfc_main$F = {};
-const _hoisted_1$B = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
+const _hoisted_1$C = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
 const _hoisted_2$u = { class: "p-1" };
 const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$B, [
+  return openBlock(), createElementBlock("div", _hoisted_1$C, [
     createElementVNode("div", _hoisted_2$u, [
       renderSlot(_ctx.$slots, "header")
     ]),
@@ -5659,7 +5659,7 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$2]]);
-const _hoisted_1$A = { class: "txt16 no-margin ellipsis" };
+const _hoisted_1$B = { class: "txt16 no-margin ellipsis" };
 const _hoisted_2$t = { class: "txt14 no-margin txt-gray ellipsis" };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
@@ -5685,7 +5685,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$A, [
+            createElementVNode("p", _hoisted_1$B, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -5700,7 +5700,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = { class: "page-top" };
+const _hoisted_1$A = { class: "page-top" };
 const _hoisted_2$s = { class: "top-title m-0" };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
@@ -5712,7 +5712,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createElementVNode("h1", _hoisted_2$s, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
@@ -5721,7 +5721,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = { class: "table-list-wrap h-100" };
+const _hoisted_1$z = { class: "table-list-wrap h-100" };
 const _hoisted_2$r = { class: "infinite-wrapper" };
 const _hoisted_3$j = { class: "row first-row" };
 const _hoisted_4$e = ["onClick"];
@@ -5822,7 +5822,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       return dta;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createElementVNode("table", _hoisted_2$r, [
           createElementVNode("thead", _hoisted_3$j, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
@@ -5887,9 +5887,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-56ba03fa"]]);
 const _sfc_main$B = {};
-const _hoisted_1$x = { class: "flex space-between" };
+const _hoisted_1$y = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$x, [
+  return openBlock(), createElementBlock("div", _hoisted_1$y, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -5917,7 +5917,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 0,
   class: "data"
 };
@@ -5957,7 +5957,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$w), {
           key: 0,
           label: _ctx.title
@@ -5995,7 +5995,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-c6978fee"]]);
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   class: "card_label"
 };
@@ -6006,13 +6006,18 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     thin: { type: Boolean },
     outline: { type: Boolean },
     h100: { type: Boolean },
+    to: {},
     overflowX: { type: Boolean },
     overflowY: { type: Boolean },
     bg: {}
   },
   setup(__props) {
+    const props2 = __props;
+    computed(() => props2.to ? "router-link" : "div");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      const _component_component = resolveComponent("component");
+      return openBlock(), createBlock(_component_component, {
+        to: _ctx.to,
         class: normalizeClass(["bgl_card", {
           thin: _ctx.thin,
           "border": _ctx.outline,
@@ -6021,14 +6026,17 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           "overflow-x": _ctx.overflowX,
           "overflow-y": _ctx.overflowY
         }])
-      }, [
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$v, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
+      }, {
+        default: withCtx(() => [
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$w, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["to", "class"]);
     };
   }
 });
-const _hoisted_1$u = ["src", "alt"];
+const _hoisted_1$v = ["src", "alt"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -6047,7 +6055,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$u)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$v)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString(_ctx.fallback || unref(initials)(_ctx.name || "")), 5))
@@ -6098,7 +6106,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["dismissable"];
+const _hoisted_1$u = ["dismissable"];
 const _hoisted_2$p = { class: "m-0" };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -6136,7 +6144,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           class: "alert_close",
           icon: "close"
         })
-      ], 10, _hoisted_1$t)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$u)) : createCommentVNode("", true);
     };
   }
 });
@@ -6172,7 +6180,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-561f7a72"]]);
-const _hoisted_1$s = ["src"];
+const _hoisted_1$t = ["src"];
 const _hoisted_2$o = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
@@ -6228,7 +6236,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$s)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$t)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6243,7 +6251,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-b1ad7c32"]]);
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   key: 0,
   class: "blocker"
 };
@@ -6407,7 +6415,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           ref_key: "bglSlider",
           ref: bglSlider
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$r)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$s)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         createElementVNode("div", _hoisted_2$n, [
@@ -16026,7 +16034,8 @@ var leafletSrc = { exports: {} };
 })(leafletSrc, leafletSrc.exports);
 var leafletSrcExports = leafletSrc.exports;
 const L$1 = /* @__PURE__ */ getDefaultExportFromCjs(leafletSrcExports);
-const markerSVG = '<svg height="32" width="32" xmlns="http://www.w3.org/2000/svg"><g><path d="m12 0c-4.4183 0-8 3.5817-8 8 0 1.421.3816 2.75 1.0312 3.906.1079.192.221.381.3438.563l6.625 11.531 6.625-11.531c.102-.151.19-.311.281-.469l.063-.094c.649-1.156 1.031-2.485 1.031-3.906 0-4.4183-3.582-8-8-8zm0 4c2.209 0 4 1.7909 4 4 0 2.209-1.791 4-4 4-2.2091 0-4-1.791-4-4 0-2.2091 1.7909-4 4-4z" fill="#e74c3c"/><path d="m12 3c-2.7614 0-5 2.2386-5 5 0 2.761 2.2386 5 5 5 2.761 0 5-2.239 5-5 0-2.7614-2.239-5-5-5zm0 2c1.657 0 3 1.3431 3 3s-1.343 3-3 3-3-1.3431-3-3 1.343-3 3-3z" fill="#c0392b"/></g></svg>';
+const _hoisted_1$r = /* @__PURE__ */ createElementVNode("div", { class: "map-test" }, null, -1);
+const markerSVG = '<svg width="199" height="284" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.859 29.266A99 99 0 0 1 198.862 99.27c0 74.25-99 183.857-99 183.857s-99-109.607-99-183.858A99 99 0 0 1 29.86 29.266Zm70.004 118.961c25.513 0 46.195-20.683 46.195-46.196 0-25.513-20.682-46.195-46.195-46.195S53.667 76.518 53.667 102.03s20.683 46.196 46.196 46.196Z" fill="#F04033"/></svg>';
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "MapEmbed",
   props: {
@@ -16066,11 +16075,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         geocodeAddress(address).catch(console.error);
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "map",
-        id: "map",
-        style: normalizeStyle({ height: `${_ctx.height || 400}px` })
-      }, null, 4);
+      return openBlock(), createElementBlock(Fragment$1, null, [
+        _hoisted_1$r,
+        createElementVNode("div", {
+          class: "map",
+          id: "map",
+          style: normalizeStyle({ height: `${_ctx.height || 400}px` })
+        }, null, 4)
+      ], 64);
     };
   }
 });

package/dist/style.css

@@ -417,15 +417,16 @@ a[data-v-d09a83c5] {
 }
 
 .tool-bar {
-    margin: -2rem -1rem 1rem;
+    margin: -1rem -1rem 1rem;
     display: flex;
     justify-content: space-between;
     position: -webkit-sticky;
     position: sticky;
-    padding-top: 1rem;
+    padding-top: 0rem;
     top: 0rem;
     z-index: 3;
     background: var(--bgl-white);
+    border-radius: var(--card-border-radius);
 }
 
 .modal-size {
@@ -525,6 +526,10 @@ a[data-v-d09a83c5] {
 	align-items: center;
 	gap: 0;
 }
+.modal-no-title{
+	width: calc(100% + 2rem);
+	border-radius: var(--card-border-radius);
+}
 
 .modal-title[data-v-619caeaa] {
 	margin-top: 0.5rem;
@@ -1669,15 +1674,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 #map {
     height: 100%;
+	border-radius: var(--input-border-radius);
 }
-.map {
+.map .leaflet-pane .leaflet-tile-pane{
 	filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
-	border-radius: var(--input-border-radius);
 }
 .leaflet-control-attribution{
 	display: none;
 }
-  
+.leaflet-pane.leaflet-marker-pane img{
+	filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.3));
+}
+  /* .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
+    font-size: var(--input-font-size);
+}
+.leaflet-touch .leaflet-bar a:first-child {
+    border-top-left-radius: var(--input-border-radius) !important;
+    border-top-right-radius: var(--input-border-radius) !important;
+}
+.leaflet-touch .leaflet-bar a {
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+} */
+
 .fi[data-v-8f23b7bc]{
 	background-size:contain;
 	background-position:50%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.455",
+  "version": "0.0.460",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -57,16 +57,6 @@
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",
-    "@vuepic/vue-datepicker": "^8.0.0",
-    "@tiptap/pm": "^2.2.4",
-    "@tiptap/starter-kit": "^2.2.4",
-    "@tiptap/extension-image": "^2.2.4",
-    "@tiptap/extension-youtube": "^2.2.4",
-    "@tiptap/extension-table": "^2.2.4",
-    "@tiptap/extension-table-row": "^2.2.4",
-    "@tiptap/extension-table-header": "^2.2.4",
-    "@tiptap/extension-table-cell": "^2.2.4",
-    "@tiptap/vue-3": "^2.2.4",
     "vue": "*",
     "vue-draggable-next": "^2.2.1",
     "vue-router": "*",
@@ -114,6 +104,16 @@
     "access": "public"
   },
   "dependencies": {
+    "@vuepic/vue-datepicker": "^8.0.0",
+    "@tiptap/pm": "^2.2.4",
+    "@tiptap/starter-kit": "^2.2.4",
+    "@tiptap/extension-image": "^2.2.4",
+    "@tiptap/extension-youtube": "^2.2.4",
+    "@tiptap/extension-table": "^2.2.4",
+    "@tiptap/extension-table-row": "^2.2.4",
+    "@tiptap/extension-table-header": "^2.2.4",
+    "@tiptap/extension-table-cell": "^2.2.4",
+    "@tiptap/vue-3": "^2.2.4",
     "leaflet": "^1.9.4",
     "libphonenumber-js": "1.11.1",
     "floating-vue": "^5.2.2",

package/src/components/Card.vue

@@ -1,5 +1,7 @@
 <template>
-	<div
+	<component
+		:is
+		:to
 		class="bgl_card"
 		:class="{
 			thin,
@@ -14,15 +16,16 @@
 			{{ label }}
 		</span>
 		<slot />
-	</div>
+	</component>
 </template>
 
 <script setup lang="ts">
-defineProps<{
+const props = defineProps<{
 	label?: string;
 	thin?: boolean;
 	outline?: boolean;
 	h100?: boolean;
+	to?: string;
 	overflowX?: boolean;
 	overflowY?: boolean;
 	bg?:
@@ -38,6 +41,8 @@ defineProps<{
 		| 'white'
 		| 'transparent';
 }>();
+
+const is = $computed(() => (props.to ? 'router-link' : 'div'));
 </script>
 
 <style>

package/src/components/MapEmbed.vue

@@ -1,4 +1,5 @@
 <template>
+	<div class="map-test"/>
 	<div class="map" id="map" :style="{height: `${height || 400}px`}"/>
 </template>
 
@@ -29,8 +30,7 @@ function initializeMap() {
 }
 
 onMounted(initializeMap);
-
-const markerSVG = '<svg height="32" width="32" xmlns="http://www.w3.org/2000/svg"><g><path d="m12 0c-4.4183 0-8 3.5817-8 8 0 1.421.3816 2.75 1.0312 3.906.1079.192.221.381.3438.563l6.625 11.531 6.625-11.531c.102-.151.19-.311.281-.469l.063-.094c.649-1.156 1.031-2.485 1.031-3.906 0-4.4183-3.582-8-8-8zm0 4c2.209 0 4 1.7909 4 4 0 2.209-1.791 4-4 4-2.2091 0-4-1.791-4-4 0-2.2091 1.7909-4 4-4z" fill="#e74c3c"/><path d="m12 3c-2.7614 0-5 2.2386-5 5 0 2.761 2.2386 5 5 5 2.761 0 5-2.239 5-5 0-2.7614-2.239-5-5-5zm0 2c1.657 0 3 1.3431 3 3s-1.343 3-3 3-3-1.3431-3-3 1.343-3 3-3z" fill="#c0392b"/></g></svg>';
+const markerSVG = '<svg width="199" height="284" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.859 29.266A99 99 0 0 1 198.862 99.27c0 74.25-99 183.857-99 183.857s-99-109.607-99-183.858A99 99 0 0 1 29.86 29.266Zm70.004 118.961c25.513 0 46.195-20.683 46.195-46.196 0-25.513-20.682-46.195-46.195-46.195S53.667 76.518 53.667 102.03s20.683 46.196 46.196 46.196Z" fill="#F04033"/></svg>';
 
 function addMarker(latlng: LatLngExpression) {
 	const customIcon = L.icon({
@@ -56,12 +56,29 @@ watch(() => props.address, (address) => {
   <style>
   #map {
     height: 100%;
+	border-radius: var(--input-border-radius);
   }
-  .map {
+
+  .map .leaflet-pane .leaflet-tile-pane{
 	filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
-	border-radius: var(--input-border-radius);
+
   }
   .leaflet-control-attribution{
 	display: none;
   }
-  </style>
+  .leaflet-pane.leaflet-marker-pane img{
+	filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.3));
+  }
+  /* .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
+    font-size: var(--input-font-size);
+}
+.leaflet-touch .leaflet-bar a:first-child {
+    border-top-left-radius: var(--input-border-radius) !important;
+    border-top-right-radius: var(--input-border-radius) !important;
+}
+.leaflet-touch .leaflet-bar a {
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+} */
+</style>

package/src/components/Modal.vue

@@ -17,7 +17,7 @@
 				<Title class="modal-title" tag="h3" v-if="title" :label="title" />
 			</header>
 
-			<div v-else class="sticky h-10 bg-white z-index-999 -mt-1 -me-075 h-40px pt-025 round">
+			<div v-else class="sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title">
 				<Btn
 					class="color-black"
 					:style="{ float: side ? 'left' : 'right' }"
@@ -136,4 +136,9 @@ onUnmounted(() => {
 	align-items: center;
 	gap: 0;
 }
+.modal-no-title{
+	width: calc(100% + 2rem);
+	border-radius: var(--card-border-radius);
+
+}
 </style>

package/src/styles/modal.css

@@ -40,15 +40,16 @@
 }
 
 .tool-bar {
-    margin: -2rem -1rem 1rem;
+    margin: -1rem -1rem 1rem;
     display: flex;
     justify-content: space-between;
     position: -webkit-sticky;
     position: sticky;
-    padding-top: 1rem;
+    padding-top: 0rem;
     top: 0rem;
     z-index: 3;
     background: var(--bgl-white);
+    border-radius: var(--card-border-radius);
 }
 
 .modal-size {