@idds/vue 1.6.46 → 1.6.48

package/dist/index.es.js

@@ -3018,12 +3018,13 @@ const jn = {
     readonly: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
     showIcon: { type: Boolean, default: !1 },
-    showClearButton: { type: Boolean, default: !1 }
+    showClearButton: { type: Boolean, default: !1 },
+    id: {}
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { emit: i }) {
     const t = e, a = i, o = z(), r = z(), d = z(), u = z(!1), p = z({}), m = z(!1), k = z(null), w = v(
-      () => `month-picker-${Math.random().toString(36).substr(2, 9)}`
+      () => t.id || `month-picker-${Math.random().toString(36).substr(2, 9)}`
     ), x = v(() => t.modelValue), _ = [
       "Jan",
       "Feb",
@@ -3132,7 +3133,7 @@ const jn = {
         onKeydown: ie
       }, [
         e.showIcon ? (s(), n("div", Tl, [...B[1] || (B[1] = [
-          Ue('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-95159d18><rect x="3" y="4" width="18" height="18" rx="2" ry="2" stroke="currentColor" stroke-width="2" data-v-95159d18></rect><line x1="16" y1="2" x2="16" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-95159d18></line><line x1="8" y1="2" x2="8" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-95159d18></line><line x1="3" y1="10" x2="21" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-95159d18></line></svg>', 1)
+          Ue('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-71cbdabb><rect x="3" y="4" width="18" height="18" rx="2" ry="2" stroke="currentColor" stroke-width="2" data-v-71cbdabb></rect><line x1="16" y1="2" x2="16" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-71cbdabb></line><line x1="8" y1="2" x2="8" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-71cbdabb></line><line x1="3" y1="10" x2="21" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-71cbdabb></line></svg>', 1)
         ])])) : b("", !0),
         l("span", Al, I(c.value || e.placeholder), 1),
         e.showClearButton && x.value !== void 0 && !e.disabled && !e.readonly ? (s(), n("button", {
@@ -3239,7 +3240,7 @@ const jn = {
       }, I(e.statusMessage), 3)) : b("", !0)
     ], 2));
   }
-}), at = /* @__PURE__ */ ye(Nl, [["__scopeId", "data-v-95159d18"]]), Rl = {
+}), at = /* @__PURE__ */ ye(Nl, [["__scopeId", "data-v-71cbdabb"]]), Rl = {
   key: 0,
   class: "ina-multiple-choice-grid__title"
 }, Pl = {
@@ -4588,7 +4589,7 @@ const yi = async (e) => {
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { expose: i, emit: t }) {
     const a = e, o = t, r = z([]), d = z(a.modelValue), u = v(
-      () => `radio-input-label-${Math.random().toString(36).substr(2, 9)}`
+      () => a.name || `radio-input-label-${Math.random().toString(36).substr(2, 9)}`
     ), p = v(() => {
       const c = ["ina-radio-input"];
       return c.push(`ina-radio-input--size-${a.size}`), c.push(`ina-radio-input--orientation-${a.orientation}`), a.disabled && c.push("ina-radio-input--disabled"), a.error && c.push("ina-radio-input--error"), c;
@@ -4747,12 +4748,13 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
     maxYear: { default: 2100 },
     decadeSize: { default: 20 },
     showIcon: { type: Boolean, default: !1 },
-    showClearButton: { type: Boolean, default: !1 }
+    showClearButton: { type: Boolean, default: !1 },
+    id: {}
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { emit: i }) {
     const t = e, a = i, o = z(), r = z(), d = z(), u = z(!1), p = z({}), m = z(!1), k = z(null), w = z(t.decadeSize), x = v(() => c.value ? Math.floor(c.value / w.value) * w.value : Math.floor((/* @__PURE__ */ new Date()).getFullYear() / w.value) * w.value), _ = v(
-      () => `year-picker-${Math.random().toString(36).substr(2, 9)}`
+      () => t.id || `year-picker-${Math.random().toString(36).substr(2, 9)}`
     ), c = v(() => t.modelValue);
     v(
       () => Math.floor(t.minYear / w.value) * w.value
@@ -4876,7 +4878,7 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
           onKeydown: h
         }, [
           e.showIcon ? (s(), n("div", io, [...U[1] || (U[1] = [
-            Ue('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-1172dd91><rect x="3" y="4" width="18" height="18" rx="2" ry="2" stroke="currentColor" stroke-width="2" data-v-1172dd91></rect><line x1="16" y1="2" x2="16" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-1172dd91></line><line x1="8" y1="2" x2="8" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-1172dd91></line><line x1="3" y1="10" x2="21" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-1172dd91></line></svg>', 1)
+            Ue('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-b6049cd2><rect x="3" y="4" width="18" height="18" rx="2" ry="2" stroke="currentColor" stroke-width="2" data-v-b6049cd2></rect><line x1="16" y1="2" x2="16" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-b6049cd2></line><line x1="8" y1="2" x2="8" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-b6049cd2></line><line x1="3" y1="10" x2="21" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-b6049cd2></line></svg>', 1)
           ])])) : b("", !0),
           l("span", oo, I(c.value || e.placeholder), 1),
           e.showClearButton && c.value && !e.disabled && !e.readonly ? (s(), n("button", {
@@ -5017,7 +5019,7 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
       }, I(e.statusMessage), 3)) : b("", !0)
     ], 2));
   }
-}), nt = /* @__PURE__ */ ye(po, [["__scopeId", "data-v-1172dd91"]]), mo = ["for"], go = { key: 1 }, bo = {
+}), nt = /* @__PURE__ */ ye(po, [["__scopeId", "data-v-b6049cd2"]]), mo = ["for"], go = { key: 1 }, bo = {
   key: 2,
   class: "ina-date-picker__required"
 }, yo = {
@@ -5060,14 +5062,15 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
     panelClassName: { default: "" },
     triggerClassname: { default: "" },
     popperPlacement: { default: "bottom-start" },
-    panelOnly: { type: Boolean, default: !1 }
+    panelOnly: { type: Boolean, default: !1 },
+    id: {}
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { expose: i, emit: t }) {
     const a = e, o = t, r = z(), d = z(), u = z(!1), p = z({}), m = z(/* @__PURE__ */ new Date()), k = z(new Date((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() + 1)));
     z(null);
     const w = z(!1), x = z(null), _ = v(
-      () => `date-picker-${Math.random().toString(36).substring(2, 9)}`
+      () => a.id || `date-picker-${Math.random().toString(36).substring(2, 9)}`
     ), c = v(() => `${_.value}-status`), g = v(() => m.value.getFullYear()), f = v(() => m.value.getMonth()), $ = v(() => k.value.getFullYear()), D = v(() => k.value.getMonth()), E = [
       "Januari",
       "Februari",
@@ -5588,15 +5591,17 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
               l("div", xo, [
                 l("div", Mo, [
                   oe(at, {
+                    id: `${_.value}-month`,
                     "model-value": f.value,
                     disabled: e.disabled,
                     readonly: e.readonly,
                     size: "sm",
                     "onUpdate:modelValue": j
-                  }, null, 8, ["model-value", "disabled", "readonly"])
+                  }, null, 8, ["id", "model-value", "disabled", "readonly"])
                 ]),
                 l("div", So, [
                   oe(nt, {
+                    id: `${_.value}-year`,
                     "model-value": g.value,
                     "min-year": 1900,
                     "max-year": 2100,
@@ -5605,7 +5610,7 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
                     readonly: e.readonly,
                     size: "sm",
                     "onUpdate:modelValue": le
-                  }, null, 8, ["model-value", "disabled", "readonly"])
+                  }, null, 8, ["id", "model-value", "disabled", "readonly"])
                 ])
               ]),
               l("button", {
@@ -5661,15 +5666,17 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
                 l("div", Eo, [
                   l("div", Lo, [
                     oe(at, {
+                      id: `${_.value}-left-month`,
                       "model-value": f.value,
                       disabled: e.disabled,
                       readonly: e.readonly,
                       size: "sm",
                       "onUpdate:modelValue": j
-                    }, null, 8, ["model-value", "disabled", "readonly"])
+                    }, null, 8, ["id", "model-value", "disabled", "readonly"])
                   ]),
                   l("div", No, [
                     oe(nt, {
+                      id: `${_.value}-left-year`,
                       "model-value": g.value,
                       "min-year": 1900,
                       "max-year": 2100,
@@ -5678,7 +5685,7 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
                       readonly: e.readonly,
                       size: "sm",
                       "onUpdate:modelValue": le
-                    }, null, 8, ["model-value", "disabled", "readonly"])
+                    }, null, 8, ["id", "model-value", "disabled", "readonly"])
                   ])
                 ]),
                 l("button", {
@@ -5762,15 +5769,17 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
                 l("div", Go, [
                   l("div", Uo, [
                     oe(at, {
+                      id: `${_.value}-right-month`,
                       "model-value": D.value,
                       disabled: e.disabled,
                       readonly: e.readonly,
                       size: "sm",
                       "onUpdate:modelValue": G
-                    }, null, 8, ["model-value", "disabled", "readonly"])
+                    }, null, 8, ["id", "model-value", "disabled", "readonly"])
                   ]),
                   l("div", Wo, [
                     oe(nt, {
+                      id: `${_.value}-right-year`,
                       "model-value": $.value,
                       "min-year": 1900,
                       "max-year": 2100,
@@ -5779,7 +5788,7 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
                       readonly: e.readonly,
                       size: "sm",
                       "onUpdate:modelValue": L
-                    }, null, 8, ["model-value", "disabled", "readonly"])
+                    }, null, 8, ["id", "model-value", "disabled", "readonly"])
                   ])
                 ]),
                 l("button", {
@@ -5851,7 +5860,7 @@ const to = /* @__PURE__ */ ye(Xi, [["render", eo]]), ao = ["for"], so = {
       }, I(e.statusMessage), 11, Xo)) : b("", !0)
     ], 2));
   }
-}), er = /* @__PURE__ */ ye(Qo, [["__scopeId", "data-v-21667ccd"]]), tr = Z({
+}), er = /* @__PURE__ */ ye(Qo, [["__scopeId", "data-v-774aaf1a"]]), tr = Z({
   name: "IconChevronUp",
   props: {
     size: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idds/vue",
-  "version": "1.6.46",
+  "version": "1.6.48",
   "publishConfig": {
     "access": "public"
   },