@idmwx/idmui-gl4 1.6.5 → 1.6.6

package/dist/index.js

@@ -1637,10 +1637,10 @@ const ui = {
 }, xi = { class: "summary-box" }, vi = { class: "d-flex justify-space-between align-center py-2" }, _i = { class: "d-flex justify-center align-center text-h6 ga-2" }, ki = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, zi = ["xlink:href"], Li = { class: "gray-card rounded d-flex flex-column ga-4 pa-4" }, Pi = { class: "w-100 d-flex justify-start align-center" }, Ci = { class: "w-30 text-label font-weight-400" }, Ti = { class: "flex-1-1-0" }, Si = { class: "w-100 d-flex justify-start align-center" }, Mi = { class: "w-30 text-label font-weight-400" }, Ii = { class: "flex-1-1-0" }, Di = { class: "w-100 d-flex justify-start align-center" }, Ai = { class: "w-30 text-label font-weight-400" }, Ri = { class: "flex-1-1-0" }, Oi = { class: "table-box w-100 mt-2" }, Bi = { class: "w-100 d-flex justify-space-between align-center py-2" }, Ei = { class: "d-flex justify-center align-center text-h6 ga-2" }, ji = {
+}, zi = ["xlink:href"], Li = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, Pi = { class: "w-100 d-flex justify-start align-center" }, Ci = { class: "w-30 text-label font-weight-400" }, Ti = { class: "flex-1-1-0" }, Si = { class: "w-100 d-flex justify-start align-center" }, Mi = { class: "w-30 text-label font-weight-400" }, Ii = { class: "flex-1-1-0" }, Di = { class: "w-100 d-flex justify-start align-center" }, Ai = { class: "w-30 text-label font-weight-400" }, Ri = { class: "flex-1-1-0" }, Oi = { class: "table-box w-100 mt-2" }, Bi = { class: "w-100 d-flex justify-space-between align-center py-2" }, Ei = { class: "d-flex justify-center align-center text-h6 ga-2" }, ji = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Ni = ["xlink:href"], Fi = { class: "w-100 gray-card rounded pa-4" }, Hi = {
+}, Ni = ["xlink:href"], Fi = { class: "w-100 gray-bg-2 rounded pa-4" }, Hi = {
   "fixed-header": "",
   density: "compact",
   class: "w-100 forecast-table bg-none mb-2"
@@ -1655,7 +1655,7 @@ const ui = {
   "aria-hidden": "true"
 }, sr = ["xlink:href"], lr = { class: "text-body-2 ga-2" }, nr = {
   key: 0,
-  class: "w-100 gray-card rounded pa-4 overflow-y-auto"
+  class: "w-100 gray-bg-2 rounded pa-4 overflow-y-auto"
 }, cr = {
   ref: "tideEchart",
   class: "w-100",
@@ -1724,7 +1724,7 @@ function yr(t, e, o, i, a, r) {
             return ((P = g.port) == null ? void 0 : P.id) === o.portId;
           }) ? (y(), R(l, {
             key: 0,
-            class: "text-none text-body-1 rounded flex-1-1-0",
+            class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
             density: "compact",
             height: "32",
@@ -1740,7 +1740,7 @@ function yr(t, e, o, i, a, r) {
             _: 1
           }, 8, ["onClick"])) : (y(), R(l, {
             key: 1,
-            class: "text-none text-body-1 rounded flex-1-1-0",
+            class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
             density: "compact",
             height: "32",
@@ -1753,7 +1753,7 @@ function yr(t, e, o, i, a, r) {
             _: 1
           }, 8, ["onClick"])),
           p(l, {
-            class: "text-none text-body-1 rounded flex-1-1-0",
+            class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
             density: "compact",
             height: "32",
@@ -1809,7 +1809,7 @@ function yr(t, e, o, i, a, r) {
               p(h, {
                 modelValue: a.currentIndex,
                 "onUpdate:modelValue": e[0] || (e[0] = (g) => a.currentIndex = g),
-                class: "w-100 gray-card rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
+                class: "w-100 gray-bg-1 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
                 height: "26",
@@ -1929,7 +1929,7 @@ function yr(t, e, o, i, a, r) {
     _: 1
   });
 }
-const so = /* @__PURE__ */ Y(ui, [["render", yr], ["__scopeId", "data-v-33d7d92f"]]);
+const so = /* @__PURE__ */ Y(ui, [["render", yr], ["__scopeId", "data-v-104cfb37"]]);
 const br = {
   name: "IdmPort",
   components: {
@@ -2918,10 +2918,10 @@ const qr = {
 }, Xr = { class: "d-flex justify-space-between align-center" }, $r = { class: "d-flex justify-start text-h5 my-2" }, Kr = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, Qr = { class: "w-100 px-5 pt-0 pb-0 overflow-y-auto scroll" }, Jr = { class: "summary-box w-100" }, es = { class: "d-flex justify-space-between align-center py-2" }, ts = { class: "d-flex justify-center align-center text-h6 ga-2" }, os = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, as = ["xlink:href"], is = { class: "gray-card rounded d-flex flex-column ga-4 pa-4" }, rs = { class: "w-100 d-flex justify-start align-center" }, ss = { class: "w-30 text-label font-weight-400" }, ls = { class: "flex-1-1-0" }, ns = { class: "w-100 d-flex justify-start align-center" }, cs = { class: "w-30 text-label font-weight-400" }, ms = { class: "flex-1-1-0" }, ds = { class: "w-100 d-flex justify-start align-center" }, hs = { class: "w-30 text-label font-weight-400" }, ps = { class: "flex-1-1-0" }, us = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, gs = { class: "w-100 d-flex justify-space-between align-center py-2" }, fs = { class: "d-flex justify-center align-center text-h6 ga-2" }, ys = {
+}, as = ["xlink:href"], is = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, rs = { class: "w-100 d-flex justify-start align-center" }, ss = { class: "w-30 text-label font-weight-400" }, ls = { class: "flex-1-1-0" }, ns = { class: "w-100 d-flex justify-start align-center" }, cs = { class: "w-30 text-label font-weight-400" }, ms = { class: "flex-1-1-0" }, ds = { class: "w-100 d-flex justify-start align-center" }, hs = { class: "w-30 text-label font-weight-400" }, ps = { class: "flex-1-1-0" }, us = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, gs = { class: "w-100 d-flex justify-space-between align-center py-2" }, fs = { class: "d-flex justify-center align-center text-h6 ga-2" }, ys = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, bs = ["xlink:href"], ws = { class: "w-100 gray-card rounded pa-4 overflow-y-auto" }, xs = {
+}, bs = ["xlink:href"], ws = { class: "w-100 gray-bg-2 rounded pa-4 overflow-y-auto" }, xs = {
   class: "w-100 py-4",
   style: { height: "244px" },
   ref: "tideEchart"
@@ -3019,7 +3019,7 @@ function Ts(t, e, o, i, a, r) {
               p(u, {
                 modelValue: a.currentIndex,
                 "onUpdate:modelValue": e[0] || (e[0] = (z) => a.currentIndex = z),
-                class: "w-100 gray-card rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
+                class: "w-100 gray-bg-1 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
                 height: "26",
@@ -3068,7 +3068,7 @@ function Ts(t, e, o, i, a, r) {
     _: 1
   });
 }
-const Ss = /* @__PURE__ */ Y(qr, [["render", Ts], ["__scopeId", "data-v-53dd32f9"]]);
+const Ss = /* @__PURE__ */ Y(qr, [["render", Ts], ["__scopeId", "data-v-e6ab70d5"]]);
 const Ms = {
   name: "IdmTideStations",
   components: {
@@ -10998,7 +10998,7 @@ function om(t, e, o, i, a, r) {
                   }, {
                     default: f(() => [
                       p(u, {
-                        class: "text-body-2 text-center",
+                        class: "text-body-2 font-weight-600 text-center",
                         onClick: (O) => a.currentTime = P
                       }, {
                         default: f(() => [
@@ -11407,7 +11407,7 @@ const am = {
   "aria-hidden": "true"
 }, Wm = ["xlink:href"];
 function Um(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), h = w("VTextField"), b = w("VCol"), x = w("VRow"), z = w("DateTimePicker"), g = w("VBtnToggle"), P = w("VCardActions"), T = w("VForm"), O = w("VCardText"), I = w("VCard"), L = w("VIcon");
+  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), h = w("VTextField"), b = w("VCol"), x = w("VRow"), z = w("DateTimePicker"), g = w("VBtnToggle"), P = w("VCardText"), T = w("VCardActions"), O = w("VForm"), I = w("VCard"), L = w("VIcon");
   return y(), S("div", im, [
     s("div", {
       class: "menu-bar-box transition pa-1",
@@ -11463,14 +11463,14 @@ function Um(t, e, o, i, a, r) {
           _: 1
         }),
         p(u),
-        p(O, { class: "text-body-1 py-1" }, {
+        p(O, {
+          ref: "spotForm",
+          autocomplete: "off",
+          class: "form-box",
+          onSubmit: je(r.submitForm, ["prevent"])
+        }, {
           default: f(() => [
-            p(T, {
-              ref: "spotForm",
-              autocomplete: "off",
-              class: "form-box",
-              onSubmit: je(r.submitForm, ["prevent"])
-            }, {
+            p(P, { class: "text-body-1 py-1" }, {
               default: f(() => [
                 s("div", lm, [
                   (y(), S("svg", nm, [
@@ -11493,7 +11493,7 @@ function Um(t, e, o, i, a, r) {
                           rules: a.formRules.lngDegree,
                           density: "compact",
                           variant: "outlined",
-                          class: "text-body-1",
+                          class: "text-body-1 input-btn-bg-1",
                           required: "",
                           dense: ""
                         }, null, 8, ["modelValue", "rules"]),
@@ -11514,7 +11514,7 @@ function Um(t, e, o, i, a, r) {
                           label: "",
                           density: "compact",
                           variant: "outlined",
-                          class: "text-body-1",
+                          class: "text-body-1 input-btn-bg-1",
                           required: "",
                           dense: ""
                         }, null, 8, ["modelValue", "rules"]),
@@ -11575,7 +11575,7 @@ function Um(t, e, o, i, a, r) {
                           "min-height": "32px",
                           required: "",
                           dense: "",
-                          class: "text-body-1"
+                          class: "text-body-1 input-btn-bg-1"
                         }, null, 8, ["modelValue", "rules"]),
                         e[12] || (e[12] = s("span", { class: "px-1" }, "°", -1))
                       ]),
@@ -11594,7 +11594,7 @@ function Um(t, e, o, i, a, r) {
                           label: "",
                           density: "compact",
                           variant: "outlined",
-                          class: "text-body-1",
+                          class: "text-body-1 input-btn-bg-1",
                           required: "",
                           dense: ""
                         }, null, 8, ["modelValue", "rules"]),
@@ -11717,44 +11717,44 @@ function Um(t, e, o, i, a, r) {
                     })
                   ]),
                   _: 1
-                }),
-                p(u),
-                p(P, { class: "d-flex justify-end align-center ga-4" }, {
+                })
+              ]),
+              _: 1
+            }),
+            p(u),
+            p(T, { class: "d-flex justify-end align-center ga-4" }, {
+              default: f(() => [
+                p(l, {
+                  size: "small",
+                  variant: "outlined",
+                  class: "text-none text-body-1 btn-border-1 btn-bg-1",
+                  onClick: r.cancelForm
+                }, {
                   default: f(() => [
-                    p(l, {
-                      size: "small",
-                      variant: "outlined",
-                      class: "text-none text-body-1 btn-border-1 btn-bg-1",
-                      onClick: r.cancelForm
-                    }, {
-                      default: f(() => [
-                        $(m(t.$t("actions.clear")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"]),
-                    p(l, {
-                      ref: "submitSpot",
-                      loading: a.loading,
-                      size: "small",
-                      variant: "flat",
-                      color: "primary",
-                      type: "submit",
-                      class: "text-none text-body-1"
-                    }, {
-                      default: f(() => [
-                        $(m(t.$t("actions.confirm")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["loading"])
+                    $(m(t.$t("actions.clear")), 1)
                   ]),
                   _: 1
-                })
+                }, 8, ["onClick"]),
+                p(l, {
+                  ref: "submitSpot",
+                  loading: a.loading,
+                  size: "small",
+                  variant: "flat",
+                  color: "primary",
+                  type: "submit",
+                  class: "text-none text-body-1"
+                }, {
+                  default: f(() => [
+                    $(m(t.$t("actions.confirm")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
               ]),
               _: 1
-            }, 8, ["onSubmit"])
+            })
           ]),
           _: 1
-        })
+        }, 8, ["onSubmit"])
       ]),
       _: 1
     }, 8, ["style"])) : D("", !0),
@@ -11791,7 +11791,7 @@ function Um(t, e, o, i, a, r) {
           _: 1
         }),
         p(u),
-        p(O, { class: "text-body-1 px-0 py-1" }, {
+        p(P, { class: "text-body-1 px-0 py-1" }, {
           default: f(() => {
             var k, v;
             return [
@@ -11829,7 +11829,7 @@ function Um(t, e, o, i, a, r) {
           _: 1
         }),
         p(u),
-        p(P, { class: "d-flex justify-space-between align-center" }, {
+        p(T, { class: "d-flex justify-space-between align-center" }, {
           default: f(() => [
             o.followList.some((k) => {
               var v, C;