@dpa-id-components/dpa-shared-components 0.9.0 → 0.10.0

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

@@ -11,8 +11,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     disabled: {
-        type: __PropType<boolean>;
-        required: true;
+        type: __PropType<boolean | undefined>;
+        required: false;
         default: boolean;
     };
     backgroundColor: {
@@ -42,8 +42,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     disabled: {
-        type: __PropType<boolean>;
-        required: true;
+        type: __PropType<boolean | undefined>;
+        required: false;
         default: boolean;
     };
     backgroundColor: {
@@ -66,7 +66,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     iconName: string;
     size: "small" | "medium" | "large" | "xl";
-    disabled: boolean;
+    disabled: boolean | undefined;
     title: string;
     backgroundColor: "blue" | "none";
     iconColor: "blue" | "white" | "gray";

package/dist/dpa-shared-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as he, ref as $e, computed as ee, onMounted as hr, openBlock as F, createElementBlock as H, createElementVNode as ie, normalizeClass as te, unref as Z, toDisplayString as qe, createBlock as Fe, resolveDynamicComponent as gr, createCommentVNode as ge, renderSlot as be, watch as Gr, withModifiers as ct, createVNode as Ne, withDirectives as it, withKeys as Ct, normalizeStyle as ft, withCtx as Je, Fragment as Ht, renderList as jt, createTextVNode as vr, vShow as mr, watchEffect as yi, vModelText as wi, Transition as _i, pushScopeId as Ti, popScopeId as Si } from "vue";
+import { defineComponent as he, ref as $e, computed as ee, onMounted as hr, openBlock as F, createElementBlock as H, createElementVNode as ie, normalizeClass as te, unref as J, toDisplayString as qe, createBlock as Fe, resolveDynamicComponent as gr, createCommentVNode as ge, renderSlot as be, watch as Gr, withModifiers as ct, createVNode as Ne, withDirectives as it, withKeys as Ct, normalizeStyle as ft, withCtx as Je, Fragment as Ht, renderList as jt, createTextVNode as vr, vShow as mr, watchEffect as yi, vModelText as wi, Transition as _i, pushScopeId as Ti, popScopeId as Si } from "vue";
 var nt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Vr = {}, Yr = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -232,11 +232,11 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
   }
   rt.prototype.clear = $n, rt.prototype.delete = Rn, rt.prototype.get = Mn, rt.prototype.has = zn, rt.prototype.set = qn;
   function Fn(i, d) {
-    var b = er(i), R = !b && Zt(i), J = !b && !R && Ar(i), se = !b && !R && !J && $r(i), fe = b || R || J || se, X = fe ? G(i.length, String) : [], de = X.length;
+    var b = er(i), R = !b && Zt(i), Z = !b && !R && Ar(i), se = !b && !R && !Z && $r(i), fe = b || R || Z || se, X = fe ? G(i.length, String) : [], de = X.length;
     for (var De in i)
       (d || Oe.call(i, De)) && !(fe && // Safari 9 has enumerable `arguments.length` in strict mode.
       (De == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      J && (De == "offset" || De == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      Z && (De == "offset" || De == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       se && (De == "buffer" || De == "byteLength" || De == "byteOffset") || // Skip index properties.
       Lr(De, de))) && X.push(De);
     return X;
@@ -286,17 +286,17 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
       R == "constructor" && (d || !Oe.call(i, R)) || b.push(R);
     return b;
   }
-  function Br(i, d, b, R, J) {
+  function Br(i, d, b, R, Z) {
     i !== d && Un(d, function(se, fe) {
-      if (J || (J = new rt()), Xe(se))
-        Gn(i, d, fe, b, Br, R, J);
+      if (Z || (Z = new rt()), Xe(se))
+        Gn(i, d, fe, b, Br, R, Z);
       else {
-        var X = R ? R(Jt(i, fe), se, fe + "", i, d, J) : void 0;
+        var X = R ? R(Jt(i, fe), se, fe + "", i, d, Z) : void 0;
         X === void 0 && (X = se), Qt(i, fe, X);
       }
     }, Rr);
   }
-  function Gn(i, d, b, R, J, se, fe) {
+  function Gn(i, d, b, R, Z, se, fe) {
     var X = Jt(i, b), de = Jt(d, b), De = fe.get(de);
     if (De) {
       Qt(i, b, De);
@@ -307,7 +307,7 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
       var nr = er(de), ir = !nr && Ar(de), zr = !nr && !ir && $r(de);
       Ie = de, nr || ir || zr ? er(X) ? Ie = X : pi(X) ? Ie = Jn(X) : ir ? (ut = !1, Ie = Qn(de, !0)) : zr ? (ut = !1, Ie = Xn(de, !0)) : Ie = [] : hi(de) || Zt(de) ? (Ie = X, Zt(X) ? Ie = gi(X) : (!Xe(X) || rr(X)) && (Ie = ni(de))) : ut = !1;
     }
-    ut && (fe.set(de, Ie), J(Ie, de, R, se, fe), fe.delete(de)), Qt(i, b, Ie);
+    ut && (fe.set(de, Ie), Z(Ie, de, R, se, fe), fe.delete(de)), Qt(i, b, Ie);
   }
   function Vn(i, d) {
     return ci(ui(i, d, Mr), i + "");
@@ -341,18 +341,18 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
     return d;
   }
   function Zn(i, d, b, R) {
-    var J = !b;
+    var Z = !b;
     b || (b = {});
     for (var se = -1, fe = d.length; ++se < fe; ) {
       var X = d[se], de = R ? R(b[X], i[X], X, b, i) : void 0;
-      de === void 0 && (de = i[X]), J ? Kt(b, X, de) : Nn(b, X, de);
+      de === void 0 && (de = i[X]), Z ? Kt(b, X, de) : Nn(b, X, de);
     }
     return b;
   }
   function ei(i) {
     return Vn(function(d, b) {
-      var R = -1, J = b.length, se = J > 1 ? b[J - 1] : void 0, fe = J > 2 ? b[2] : void 0;
-      for (se = i.length > 3 && typeof se == "function" ? (J--, se) : void 0, fe && ii(b[0], b[1], fe) && (se = J < 3 ? void 0 : se, J = 1), d = Object(d); ++R < J; ) {
+      var R = -1, Z = b.length, se = Z > 1 ? b[Z - 1] : void 0, fe = Z > 2 ? b[2] : void 0;
+      for (se = i.length > 3 && typeof se == "function" ? (Z--, se) : void 0, fe && ii(b[0], b[1], fe) && (se = Z < 3 ? void 0 : se, Z = 1), d = Object(d); ++R < Z; ) {
         var X = b[R];
         X && i(d, X, R, se);
       }
@@ -361,8 +361,8 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
   }
   function ti(i) {
     return function(d, b, R) {
-      for (var J = -1, se = Object(d), fe = R(d), X = fe.length; X--; ) {
-        var de = fe[i ? X : ++J];
+      for (var Z = -1, se = Object(d), fe = R(d), X = fe.length; X--; ) {
+        var de = fe[i ? X : ++Z];
         if (b(se[de], de, se) === !1)
           break;
       }
@@ -384,8 +384,8 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
       var R = !0;
     } catch {
     }
-    var J = Ge.call(i);
-    return R && (d ? i[Qe] = b : delete i[Qe]), J;
+    var Z = Ge.call(i);
+    return R && (d ? i[Qe] = b : delete i[Qe]), Z;
   }
   function ni(i) {
     return typeof i.constructor == "function" && !Cr(i) ? yn(kr(i)) : {};
@@ -423,11 +423,11 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
   }
   function ui(i, d, b) {
     return d = Er(d === void 0 ? i.length - 1 : d, 0), function() {
-      for (var R = arguments, J = -1, se = Er(R.length - d, 0), fe = Array(se); ++J < se; )
-        fe[J] = R[d + J];
-      J = -1;
-      for (var X = Array(d + 1); ++J < d; )
-        X[J] = R[J];
+      for (var R = arguments, Z = -1, se = Er(R.length - d, 0), fe = Array(se); ++Z < se; )
+        fe[Z] = R[d + Z];
+      Z = -1;
+      for (var X = Array(d + 1); ++Z < d; )
+        X[Z] = R[Z];
       return X[d] = b(fe), me(i, this, X);
     };
   }
@@ -439,8 +439,8 @@ var Qr = (ar.__esModule ? ar : { default: ar }).default, Dt = {}, xi = {
   function fi(i) {
     var d = 0, b = 0;
     return function() {
-      var R = bn(), J = g - (R - b);
-      if (b = R, J > 0) {
+      var R = bn(), Z = g - (R - b);
+      if (b = R, Z > 0) {
         if (++d >= c)
           return arguments[0];
       } else
@@ -5032,8 +5032,8 @@ const vs = { class: "relative" }, ms = ["for"], bs = {
     }), (w, S) => (F(), H("div", vs, [
       ie("label", {
         class: te([[
-          Z(y) ? "-translate-y-1/2 bg-white text-xs" : "translate-y-4 text-sm",
-          Z(P) ? "text-blue" : "text-gray-500",
+          J(y) ? "-translate-y-1/2 bg-white text-xs" : "translate-y-4 text-sm",
+          J(P) ? "text-blue" : "text-gray-500",
           e.isInvalid ? "text-alert-red" : "",
           e.showWarning ? "text-orange" : ""
         ], "pointer-events-none absolute left-3 origin-left select-none px-1 transition-all duration-150"]),
@@ -5047,7 +5047,7 @@ const vs = { class: "relative" }, ms = ["for"], bs = {
         value: e.value,
         readonly: e.readonly,
         disabled: e.disabled,
-        class: te(["peer block h-14 w-full rounded-none outline-none transition duration-150 placeholder:text-gray-400", Z(h)]),
+        class: te(["peer block h-14 w-full rounded-none outline-none transition duration-150 placeholder:text-gray-400", J(h)]),
         type: e.type,
         autocomplete: e.autocomplete,
         "is-date-time-picker": e.isDateTimePicker,
@@ -5059,8 +5059,8 @@ const vs = { class: "relative" }, ms = ["for"], bs = {
       }, null, 40, ["id", "aria-label", "value", "readonly", "disabled", "class", "type", "autocomplete", "is-date-time-picker", "placeholder"])),
       e.isInvalid || e.showWarning || e.hasInfo ? (F(), H("div", {
         key: 0,
-        class: te(Z(u))
-      }, qe(Z(o)), 3)) : ge("", !0),
+        class: te(J(u))
+      }, qe(J(o)), 3)) : ge("", !0),
       e.chevron ? (F(), H("svg", bs, ws)) : ge("", !0)
     ]));
   }
@@ -5108,7 +5108,7 @@ const dn = /* @__PURE__ */ Ze(Ts, [["render", xs]]), ks = ["checked", "aria-chec
     return (g, p) => (F(), H("label", {
       class: te(["text-small flex flex-col", [
         e.disabled ? "text-gray-400 cursor-default" : "text-gray-900 cursor-pointer",
-        Z(a)
+        J(a)
       ]])
     }, [
       ie("input", {
@@ -5166,7 +5166,7 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
       return t.sizeClasses || g[t.size];
     });
     return (g, p) => (F(), Fe(gr(l.value), {
-      class: te([Z(c), "inline-flex fill-current"])
+      class: te([J(c), "inline-flex fill-current"])
     }, null, 8, ["class"]));
   }
 }), Ls = ["onClick"], Cs = {
@@ -5193,7 +5193,7 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
   emits: ["list-item-click"],
   setup(e, { emit: t }) {
     const l = e, a = ee(() => [
-      l.selected || l.disabled ? "text-gray-600 hover:text-gray-600" : "text-gray-900",
+      l.selected || l.disabled ? "text-gray-600" : "text-gray-900",
       l.selectable ? "pr-9" : "pr-3"
     ]), c = () => {
       t("list-item-click", l.value);
@@ -5206,7 +5206,7 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
       onClick: ct(c, ["prevent", "stop"])
     }, [
       ie("span", {
-        class: te([[Z(a), e.overrideClasses], "hover:text-blue-default block py-3 pl-4 text-sm leading-normal"])
+        class: te([[J(a), e.overrideClasses], "hover:text-blue-default block py-3 pl-4 text-sm leading-normal"])
       }, [
         ie("span", Cs, [
           e.checkBoxMenu ? (F(), H("span", As, [
@@ -5291,7 +5291,7 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
         ref_key: "dropdownRef",
         ref: c,
         class: "absolute z-10 mt-1 max-h-60 overflow-y-auto bg-white shadow-lg",
-        style: ft(Z(o))
+        style: ft(J(o))
       }, [
         Ne(dn, null, {
           default: Je(() => [
@@ -5317,7 +5317,7 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
         [mr, e.options.length && p.value]
       ])
     ])), [
-      [Z(Sr), h]
+      [J(Sr), h]
     ]);
   }
 }), $s = { class: "flex items-center gap-1" }, wl = /* @__PURE__ */ he({
@@ -5342,7 +5342,7 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
       black: "bg-black text-white"
     })[t.color]);
     return (a, c) => (F(), H("div", {
-      class: te(["group relative inline-block rounded-full py-0.5 px-2 text-sm", [Z(l), { "pl-2": e.icon }, { "text-xs": e.small }]])
+      class: te(["group relative inline-block rounded-full py-0.5 px-2 text-sm", [J(l), { "pl-2": e.icon }, { "text-xs": e.small }]])
     }, [
       e.mobileTrim || e.trim ? (F(), H("span", {
         key: 0,
@@ -5401,12 +5401,12 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
           return "h-10 text-base";
       }
     }), g = ee(() => l.size === "small" ? "small" : "large"), p = ee(() => l.href?.length ? "a" : "button");
-    return (v, n) => (F(), Fe(gr(Z(p)), {
+    return (v, n) => (F(), Fe(gr(J(p)), {
       class: te(["UiButton focus-visible:outline-blue inline-flex items-center whitespace-nowrap font-medium leading-normal focus:outline-none", [
         e.rounded ? "is-round" : "",
         e.size === "xs" ? "is-xs" : "",
-        Z(a),
-        Z(c)
+        J(a),
+        J(c)
       ]]),
       disabled: e.disabled,
       href: e.href,
@@ -5416,7 +5416,7 @@ const Is = /* @__PURE__ */ Ze(Ps, [["__scopeId", "data-v-62db8018"]]), Bs = (e,
         e.iconName ? (F(), Fe(je, {
           key: 0,
           name: e.iconName,
-          size: Z(g),
+          size: J(g),
           class: "mr-2"
         }, null, 8, ["name", "size"])) : ge("", !0),
         be(v.$slots, "default", {}, void 0, !0)
@@ -5458,8 +5458,8 @@ const Sl = /* @__PURE__ */ Ze(Fs, [["render", Us]]), xl = /* @__PURE__ */ he({
     return (c, g) => (F(), H("div", {
       class: te(["whitespace-no-wrap min-w-max items-center rounded-full bg-gray-300 align-middle leading-normal text-gray-900", [
         e.isVisible ? "inline-flex" : "hidden",
-        Z(a),
-        Z(l)
+        J(a),
+        J(l)
       ]])
     }, [
       be(c.$slots, "default")
@@ -5582,7 +5582,7 @@ const Ol = /* @__PURE__ */ he({
       l.disabled || t("click");
     };
     return (n, o) => (F(), H("div", {
-      class: te([Z(g), "flex w-max max-w-max cursor-pointer select-none items-center rounded-full py-1.5 pr-4 pl-3"]),
+      class: te([J(g), "flex w-max max-w-max cursor-pointer select-none items-center rounded-full py-1.5 pr-4 pl-3"]),
       onClick: v
     }, [
       ie("button", {
@@ -5590,7 +5590,7 @@ const Ol = /* @__PURE__ */ he({
         disabled: e.disabled
       }, [
         ie("span", {
-          class: te([Z(p), "flex w-full items-center justify-between text-sm font-medium leading-normal"])
+          class: te([J(p), "flex w-full items-center justify-between text-sm font-medium leading-normal"])
         }, [
           vr(qe(e.title) + " ", 1),
           Ne(je, {
@@ -5624,21 +5624,33 @@ const Ol = /* @__PURE__ */ he({
       gray: "text-gray-800 hover:text-gray-900 disabled:text-gray-400 active:text-white",
       white: "text-white disabled:text-gray-400"
     }, c = {
-      small: "h-6 w-6",
-      medium: "h-8 w-8",
-      large: "h-12 w-12",
-      xl: "h-16 w-16"
-    }, g = ee(() => l[t.backgroundColor]), p = ee(() => a[t.iconColor]), v = ee(() => c[t.size]);
-    return (n, o) => (F(), H("button", {
+      small: {
+        iconSize: "medium",
+        buttonSize: "h-6 w-6"
+      },
+      medium: {
+        iconSize: "large",
+        buttonSize: "h-8 w-8"
+      },
+      large: {
+        iconSize: "large",
+        buttonSize: "h-12 w-12"
+      },
+      xl: {
+        iconSize: "large",
+        buttonSize: "h-16 w-16"
+      }
+    }, g = ee(() => l[t.backgroundColor]), p = ee(() => a[t.iconColor]), v = ee(() => c[t.size].buttonSize), n = ee(() => c[t.size].iconSize);
+    return (o, u) => (F(), H("button", {
       disabled: e.disabled,
       "aria-label": e.title,
-      class: te(["focus-visible:outline-blue group flex flex-none items-center justify-center rounded-full focus:outline-none", [Z(p), Z(g), Z(v)]]),
-      onClick: o[0] || (o[0] = (u) => n.$emit("click", u))
+      class: te(["focus-visible:outline-blue group flex flex-none items-center justify-center rounded-full focus:outline-none", [J(p), J(g), J(v)]]),
+      onClick: u[0] || (u[0] = (h) => o.$emit("click", h))
     }, [
       Ne(je, {
         class: "flex items-center justify-center",
         name: e.iconName,
-        size: e.size
+        size: J(n)
       }, null, 8, ["name", "size"])
     ], 10, Ys));
   }
@@ -5664,7 +5676,7 @@ const Ol = /* @__PURE__ */ he({
     return (a, c) => (F(), H("div", Ks, [
       e.iconName ? (F(), H("div", {
         key: 0,
-        class: te(["rounded-full p-6 shadow-md", Z(l)]),
+        class: te(["rounded-full p-6 shadow-md", J(l)]),
         "data-testid": "info-icon"
       }, [
         Ne(je, {
@@ -5715,7 +5727,7 @@ const Ol = /* @__PURE__ */ he({
     return (n, o) => it((F(), H("div", null, [
       Ne(Vs, {
         variant: e.buttonVariant,
-        title: Z(a) || e.defaultTitle,
+        title: J(a) || e.defaultTitle,
         "data-testid": "button",
         disabled: e.disabled,
         onClick: g
@@ -5749,7 +5761,7 @@ const Ol = /* @__PURE__ */ he({
         _: 1
       })
     ])), [
-      [Z(Sr), p]
+      [J(Sr), p]
     ]);
   }
 }), rl = { class: "relative h-full w-full border-none" }, nl = { class: "absolute right-3 top-12 z-10 block border-t bg-white py-3 px-4 shadow-lg" }, Il = /* @__PURE__ */ he({
@@ -5768,7 +5780,7 @@ const Ol = /* @__PURE__ */ he({
       ])
     ])), [
       [mr, e.isOpen],
-      [Z(Sr), l]
+      [J(Sr), l]
     ]);
   }
 }), il = ["for"], al = ["name", "value", "checked", "disabled"], Bl = /* @__PURE__ */ he({
@@ -5797,7 +5809,7 @@ const Ol = /* @__PURE__ */ he({
     return yi(() => {
       l.value.length && (a.value = l.value);
     }), (n, o) => (F(), H("div", {
-      class: te(["flex gap-5", Z(p)])
+      class: te(["flex gap-5", J(p)])
     }, [
       (F(!0), H(Ht, null, jt(a.value, (u) => (F(), H("span", {
         key: u.label
@@ -5812,7 +5824,7 @@ const Ol = /* @__PURE__ */ he({
             checked: u.selected,
             disabled: e.disabled,
             type: "radio",
-            class: te(["cursor-pointer appearance-none rounded-full border-2 bg-clip-content disabled:cursor-default disabled:border-gray-500 disabled:bg-gray-500", [Z(c), Z(g)]]),
+            class: te(["cursor-pointer appearance-none rounded-full border-2 bg-clip-content disabled:cursor-default disabled:border-gray-500 disabled:bg-gray-500", [J(c), J(g)]]),
             onChange: v
           }, null, 42, al),
           ie("span", {
@@ -5888,7 +5900,7 @@ const Ol = /* @__PURE__ */ he({
       return `${g} ${p}`;
     });
     return (g, p) => (F(), H("section", {
-      class: te([Z(c), "w-full border-gray-200 bg-white"])
+      class: te([J(c), "w-full border-gray-200 bg-white"])
     }, [
       ie("div", {
         class: te([l[e.size], a[e.verticalPadding]]),
@@ -5910,7 +5922,7 @@ const Ol = /* @__PURE__ */ he({
       large: "h-4"
     }, a = ee(() => l[t.size]);
     return (c, g) => (F(), H("div", {
-      class: te([[Z(a), e.customClasses], "bg-gray-100"])
+      class: te([[J(a), e.customClasses], "bg-gray-100"])
     }, null, 2));
   }
 }), Dl = /* @__PURE__ */ he({
@@ -5928,7 +5940,7 @@ const Ol = /* @__PURE__ */ he({
       class: te(["inline-block animate-pulse rounded bg-gray-200", {
         "w-full h-4": e.dynamicSize
       }]),
-      style: ft({ width: Z(l) })
+      style: ft({ width: J(l) })
     }, null, 6));
   }
 }), sl = {
@@ -5947,7 +5959,7 @@ const Ol = /* @__PURE__ */ he({
       white: "text-white"
     })[t.color]);
     return (a, c) => (F(), H("div", {
-      class: te(Z(l))
+      class: te(J(l))
     }, [
       e.variant === "bubbles" ? (F(), H("div", sl)) : ge("", !0),
       e.variant === "spinner" ? (F(), Fe(je, {
@@ -6038,7 +6050,7 @@ const $l = /* @__PURE__ */ Ze(ll, [["__scopeId", "data-v-878c7c3e"]]), ul = { cl
     return (g, p) => (F(), H("div", null, [
       ie("label", dl, [
         ie("div", {
-          class: te(["whitespace-nowrap text-xs font-medium leading-4 text-gray-800", Z(a)])
+          class: te(["whitespace-nowrap text-xs font-medium leading-4 text-gray-800", J(a)])
         }, qe(e.labelText), 3),
         ie("div", pl, [
           ie("input", {