@namelivia/vue-components 2.0.2 → 2.1.0

package/dist/index.esm.js

@@ -344,7 +344,7 @@ const _hoisted_1$j = { class: "selector-container" };
 const _hoisted_2$c = ["for"];
 const _hoisted_3$8 = { class: "selector-relative-container" };
 const _hoisted_4$2 = ["id", "disabled"];
-const _hoisted_5$2 = ["value", "disabled"];
+const _hoisted_5$1 = ["value", "disabled"];
 
 function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", _hoisted_1$j, [
@@ -365,7 +365,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
             key: option.value,
             value: option.value,
             disabled: option.disabled
-          }, toDisplayString(option.text), 9 /* TEXT, PROPS */, _hoisted_5$2))
+          }, toDisplayString(option.text), 9 /* TEXT, PROPS */, _hoisted_5$1))
         }), 128 /* KEYED_FRAGMENT */))
       ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_4$2), [
         [vModelSelect, _ctx.selected]
@@ -1018,7 +1018,7 @@ const _hoisted_1$6 = { class: "bg-gray-800" };
 const _hoisted_2$3 = { class: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8" };
 const _hoisted_3$2 = { class: "relative flex items-center justify-between h-16" };
 const _hoisted_4$1 = { class: "absolute inset-y-0 left-0 flex items-center sm:hidden" };
-const _hoisted_5$1 = { class: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-start" };
+const _hoisted_5 = { class: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-start" };
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_mobile_menu_button = resolveComponent("mobile-menu-button");
@@ -1036,7 +1036,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
             open: _ctx.mobileMenuOpen
           }, null, 8 /* PROPS */, ["onClick", "open"])
         ]),
-        createElementVNode("div", _hoisted_5$1, [
+        createElementVNode("div", _hoisted_5, [
           createVNode(_component_navbar_title, {
             href: "/",
             title: _ctx.title,
@@ -4891,27 +4891,25 @@ const _hoisted_1 = { class: "ranges-editor" };
 const _hoisted_2 = { class: "labels" };
 const _hoisted_3 = { class: "label" };
 const _hoisted_4 = { class: "label" };
-const _hoisted_5 = { class: "label" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", _hoisted_1, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.ranges, (range) => {
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.ranges, (range, index) => {
       return (openBlock(), createElementBlock("div", {
         class: "range",
         key: range.id
       }, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("span", _hoisted_3, toDisplayString(range.start), 1 /* TEXT */),
-          createElementVNode("span", _hoisted_4, toDisplayString(range.end), 1 /* TEXT */)
+          createElementVNode("span", _hoisted_3, toDisplayString(index < _ctx.ranges.length - 1 ? range.max : ' '), 1 /* TEXT */)
         ]),
         _cache[0] || (_cache[0] = createElementVNode("div", { class: "gap" }, null, -1 /* HOISTED */)),
-        createElementVNode("span", _hoisted_5, toDisplayString(range.label), 1 /* TEXT */)
+        createElementVNode("span", _hoisted_4, toDisplayString(range.label), 1 /* TEXT */)
       ]))
     }), 128 /* KEYED_FRAGMENT */))
   ]))
 }
 
-var css_248z = "\n.ranges-editor[data-v-3e589c2c] {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n}\n.range[data-v-3e589c2c] {\n    min-width: 50px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n}\n.labels[data-v-3e589c2c] {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n}\n.gap[data-v-3e589c2c] {\n    height: 10px;\n    width: auto;\n    background-color: red;\n    border: 1px solid black;\n}\n.label[data-v-3e589c2c] {\n    margin-top: 5px;\n}\n";
+var css_248z = "\n.ranges-editor[data-v-3e589c2c] {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n}\n.range[data-v-3e589c2c] {\n    min-width: 50px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n}\n.labels[data-v-3e589c2c] {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n}\n.gap[data-v-3e589c2c] {\n    height: 10px;\n    width: auto;\n    background-color: red;\n    border: 1px solid black;\n}\n.label[data-v-3e589c2c] {\n    margin-top: 5px;\n}\n";
 styleInject(css_248z);
 
 script.render = render;