@citizenplane/pimp 14.1.4 → 15.0.0

package/dist/pimp.es.js

@@ -2905,7 +2905,7 @@ var kt = Gu(), Ku = Object.defineProperty, Yu = Object.defineProperties, qu = Ob
   for (var i in t) Jl.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
   if (t != null && bi) for (var i of bi(t)) e.indexOf(i) < 0 && Xl.call(t, i) && (n[i] = t[i]);
   return n;
-}, Ju = Ei(), Ee = Ju, pn = /{([^}]*)}/g, Ql = /(\d+\s+[\+\-\*\/]\s+\d+)/g, e2 = /var\([^)]+\)/g;
+}, Ju = Ei(), De = Ju, pn = /{([^}]*)}/g, Ql = /(\d+\s+[\+\-\*\/]\s+\d+)/g, e2 = /var\([^)]+\)/g;
 function Os(t) {
   return Ye(t) ? t.replace(/[A-Z]/g, (e, n) => n === 0 ? e : "." + e.toLowerCase()).toLowerCase() : t;
 }
@@ -3150,15 +3150,15 @@ var st = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
 }, getTheme() {
   return this.theme;
 }, setTheme(t) {
-  this.update({ theme: t }), Ee.emit("theme:change", t);
+  this.update({ theme: t }), De.emit("theme:change", t);
 }, getPreset() {
   return this.preset;
 }, setPreset(t) {
-  this._theme = po(ut({}, this.theme), { preset: t }), this._tokens = st.createTokens(t, this.defaults), this.clearLoadedStyleNames(), Ee.emit("preset:change", t), Ee.emit("theme:change", this.theme);
+  this._theme = po(ut({}, this.theme), { preset: t }), this._tokens = st.createTokens(t, this.defaults), this.clearLoadedStyleNames(), De.emit("preset:change", t), De.emit("theme:change", this.theme);
 }, getOptions() {
   return this.options;
 }, setOptions(t) {
-  this._theme = po(ut({}, this.theme), { options: t }), this.clearLoadedStyleNames(), Ee.emit("options:change", t), Ee.emit("theme:change", this.theme);
+  this._theme = po(ut({}, this.theme), { options: t }), this.clearLoadedStyleNames(), De.emit("options:change", t), De.emit("theme:change", this.theme);
 }, getLayerNames() {
   return [...this._layerNames];
 }, setLayerNames(t) {
@@ -3199,7 +3199,7 @@ var st = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
 }, onStyleUpdated(t) {
   this._loadingStyles.add(t);
 }, onStyleLoaded(t, { name: e }) {
-  this._loadingStyles.size && (this._loadingStyles.delete(e), Ee.emit(`theme:${e}:load`, t), !this._loadingStyles.size && Ee.emit("theme:load"));
+  this._loadingStyles.size && (this._loadingStyles.delete(e), De.emit(`theme:${e}:load`, t), !this._loadingStyles.size && De.emit("theme:load"));
 } }, He = {
   STARTS_WITH: "startsWith",
   CONTAINS: "contains",
@@ -3803,7 +3803,7 @@ function I3(t, e) {
 }
 var w1 = [];
 function M3() {
-  Ee.clear(), w1.forEach(function(t) {
+  De.clear(), w1.forEach(function(t) {
     return t?.();
   }), w1 = [];
 }
@@ -3825,7 +3825,7 @@ function L3(t, e) {
       }, $), C), $e.setLoadedStyleName("common");
     }
   };
-  Ee.on("theme:change", function(l) {
+  De.on("theme:change", function(l) {
     n.value || (t.config.globalProperties.$primevue.config.theme = l, n.value = !0);
   });
   var o = Le(e.config, function(l, d) {
@@ -18478,13 +18478,13 @@ const Zr = /* @__PURE__ */ I(zg, [["render", sC]]), aC = { class: "cpAccordion"
 }) => {
   let o = "";
   return t && (o = L.fromISO(t).toFormat(n, { locale: i })), e && (o += " - " + L.fromISO(e).toFormat(n, { locale: i })), o;
-}, De = (t) => typeof t != "string" ? "" : t.charAt(0).toUpperCase() + t.slice(1), gC = /* @__PURE__ */ ie({
+}, Ee = (t) => typeof t != "string" ? "" : t.charAt(0).toUpperCase() + t.slice(1), gC = /* @__PURE__ */ ie({
   __name: "CpAccordionGroup",
   props: {
     variant: { default: "minimal" }
   },
   setup(t) {
-    const e = t, n = x(() => ({ [`cpAccordionGroup--is${De(e.variant)}`]: !0 }));
+    const e = t, n = x(() => ({ [`cpAccordionGroup--is${Ee(e.variant)}`]: !0 }));
     return (i, o) => (h(), y("div", {
       class: Y(["cpAccordionGroup", n.value])
     }, [
@@ -18568,64 +18568,63 @@ const Zr = /* @__PURE__ */ I(zg, [["render", sC]]), aC = { class: "cpAccordion"
       ], 2)) : M("", !0);
     };
   }
-}), IC = { class: "cpBadge__label" }, MC = ["disabled"], LC = /* @__PURE__ */ ie({
+}), IC = {
+  key: 0,
+  class: "cpBadge__label"
+}, MC = ["disabled"], LC = /* @__PURE__ */ ie({
   __name: "CpBadge",
   props: {
-    color: { default: "gray" },
-    isClearable: { type: Boolean },
-    isDashed: { type: Boolean },
-    isDisabled: { type: Boolean },
-    isSolid: { type: Boolean },
+    color: { default: "neutral" },
+    disabled: { type: Boolean },
+    hasClose: { type: Boolean },
     isSquare: { type: Boolean },
-    isStroked: { type: Boolean },
     label: { default: "" },
     leadingIcon: { default: "" },
     size: { default: "md" },
+    style: { default: "outline" },
     trailingIcon: { default: "" }
   },
   emits: ["onClear"],
   setup(t, { emit: e }) {
     const n = t, i = e, o = x(() => [
       `cpBadge--${n.size}`,
-      `cpBadge--is${De(n.color)}`,
-      { "cpBadge--isStroked": n.isStroked },
+      `cpBadge--is${Ee(n.color)}`,
+      `cpBadge--is${Ee(n.style)}`,
       { "cpBadge--isSquare": n.isSquare },
-      { "cpBadge--isDashed": n.isDashed },
-      { "cpBadge--isDisabled": n.isDisabled },
-      { "cpBadge--isSolid": n.isSolid }
-    ]), r = () => i("onClear");
-    return (s, a) => {
-      const l = J("cp-icon");
+      { "cpBadge--isDisabled": n.disabled }
+    ]);
+    return (r, s) => {
+      const a = J("cp-icon");
       return h(), y("div", {
         class: Y(["cpBadge", o.value])
       }, [
-        N(s.$slots, "leading-icon", {}, () => [
-          t.leadingIcon ? (h(), U(l, {
+        N(r.$slots, "leading-icon", {}, () => [
+          t.leadingIcon ? (h(), U(a, {
             key: 0,
             class: "cpBadge__icon",
             type: t.leadingIcon
           }, null, 8, ["type"])) : M("", !0)
         ]),
-        v("span", IC, [
-          N(s.$slots, "default", {}, () => [
+        t.label ? (h(), y("span", IC, [
+          N(r.$slots, "default", {}, () => [
             xe(E(t.label), 1)
           ])
-        ]),
-        t.isClearable ? M("", !0) : N(s.$slots, "trailing-icon", { key: 0 }, () => [
-          t.trailingIcon ? (h(), U(l, {
+        ])) : M("", !0),
+        t.hasClose ? M("", !0) : N(r.$slots, "trailing-icon", { key: 1 }, () => [
+          t.trailingIcon ? (h(), U(a, {
             key: 0,
             class: "cpBadge__icon",
             type: t.trailingIcon
           }, null, 8, ["type"])) : M("", !0)
         ]),
-        t.isClearable ? (h(), y("button", {
-          key: 1,
+        t.hasClose ? (h(), y("button", {
+          key: 2,
           class: "cpBadge__clear",
-          disabled: t.isDisabled,
+          disabled: t.disabled,
           type: "button",
-          onClick: r
+          onClick: s[0] || (s[0] = (l) => i("onClear"))
         }, [
-          W(l, {
+          W(a, {
             class: "cpBadge__clearIcon",
             type: "x"
           })
@@ -18823,7 +18822,7 @@ const _1 = {
     size: { default: "sm" }
   },
   setup(t) {
-    const e = t, n = x(() => `${e.duration}ms`), i = x(() => [`cpLoader--is${De(e.color)}`, `cpLoader--${e.size}`]);
+    const e = t, n = x(() => `${e.duration}ms`), i = x(() => [`cpLoader--is${Ee(e.color)}`, `cpLoader--${e.size}`]);
     return (o, r) => (h(), y("svg", {
       id: "loader-1",
       class: Y(["cpLoader", i.value]),
@@ -18881,7 +18880,7 @@ const _1 = {
     type: { default: "button" }
   },
   setup(t) {
-    const e = t, n = Vt(), { trigger: i } = Wr(), o = x(() => De(e.appearance)), r = x(() => De(e.color)), s = x(() => !!n.default), a = x(() => !!n["leading-icon"]), l = x(() => !!n["trailing-icon"]), d = x(() => e.disabled || e.isLoading), u = x(() => [
+    const e = t, n = Vt(), { trigger: i } = Wr(), o = x(() => Ee(e.appearance)), r = x(() => Ee(e.color)), s = x(() => !!n.default), a = x(() => !!n["leading-icon"]), l = x(() => !!n["trailing-icon"]), d = x(() => e.disabled || e.isLoading), u = x(() => [
       `cpButton--is${o.value}`,
       `cpButton--${e.size}`,
       {
@@ -19018,7 +19017,7 @@ const _1 = {
   }),
   emits: /* @__PURE__ */ wt(["update:modelValue"], ["update:modelValue"]),
   setup(t, { emit: e }) {
-    const n = t, i = e, o = hl(), { ["class"]: r, id: s, ...a } = o, l = q(s || Ie()), d = Ie(), u = Ie(), c = x(() => `${d} ${u}`), p = Vt(), f = x(() => De(n.label)), m = P1(t, "modelValue", {
+    const n = t, i = e, o = hl(), { ["class"]: r, id: s, ...a } = o, l = q(s || Ie()), d = Ie(), u = Ie(), c = x(() => `${d} ${u}`), p = Vt(), f = x(() => Ee(n.label)), m = P1(t, "modelValue", {
       set(oe) {
         return ee(oe), oe;
       }
@@ -19320,7 +19319,7 @@ const _1 = {
       },
       { immediate: !0 }
     );
-    const s = x(() => Array.isArray(n.modelValue) ? n.modelValue.includes(n.checkboxValue) : n.modelValue), a = x(() => De(n.color)), l = x(() => n.indeterminate ? "minus" : "check"), d = Vt(), u = x(() => !!d.default), c = x(() => !u.value && !n.checkboxLabel), p = x(() => [
+    const s = x(() => Array.isArray(n.modelValue) ? n.modelValue.includes(n.checkboxValue) : n.modelValue), a = x(() => Ee(n.color)), l = x(() => n.indeterminate ? "minus" : "check"), d = Vt(), u = x(() => !!d.default), c = x(() => !u.value && !n.checkboxLabel), p = x(() => [
       {
         "cpCheckbox--isEmpty": c.value,
         "cpCheckbox--isDisabled": n.isDisabled,
@@ -19550,14 +19549,14 @@ var qt = {
     isUnstyled: {
       immediate: !0,
       handler: function(e) {
-        Ee.off("theme:change", this._loadCoreStyles), e || (this._loadCoreStyles(), this._themeChangeListener(this._loadCoreStyles));
+        De.off("theme:change", this._loadCoreStyles), e || (this._loadCoreStyles(), this._themeChangeListener(this._loadCoreStyles));
       }
     },
     dt: {
       immediate: !0,
       handler: function(e, n) {
         var i = this;
-        Ee.off("theme:change", this._themeScopedListener), e ? (this._loadScopedThemeStyles(e), this._themeScopedListener = function() {
+        De.off("theme:change", this._themeScopedListener), e ? (this._loadScopedThemeStyles(e), this._themeScopedListener = function() {
           return i._loadScopedThemeStyles(e);
         }, this._themeChangeListener(this._themeScopedListener)) : this._unloadScopedThemeStyles();
       }
@@ -19671,10 +19670,10 @@ var qt = {
     _themeChangeListener: function() {
       var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function() {
       };
-      zt.clearLoadedStyleNames(), Ee.on("theme:change", e);
+      zt.clearLoadedStyleNames(), De.on("theme:change", e);
     },
     _removeThemeListeners: function() {
-      Ee.off("theme:change", this._loadCoreStyles), Ee.off("theme:change", this._load), Ee.off("theme:change", this._themeScopedListener);
+      De.off("theme:change", this._loadCoreStyles), De.off("theme:change", this._load), De.off("theme:change", this._themeScopedListener);
     },
     _getHostInstance: function(e) {
       return e ? this.$options.hostName ? e.$.type.name === this.$options.hostName ? e : this._getHostInstance(e.$parentInstance) : e.$parentInstance : void 0;
@@ -20379,11 +20378,11 @@ var ae = {
   _themeChangeListener: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function() {
     };
-    zt.clearLoadedStyleNames(), Ee.on("theme:change", e);
+    zt.clearLoadedStyleNames(), De.on("theme:change", e);
   },
   _removeThemeListeners: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    Ee.off("theme:change", e.$loadStyles), e.$loadStyles = void 0;
+    De.off("theme:change", e.$loadStyles), e.$loadStyles = void 0;
   },
   _hook: function(e, n, i, o, r, s) {
     var a, l, d = "on".concat(Au(n)), u = ae._getConfig(o, r), c = i?.$instance, p = ae._usePT(c, ae._getPT(o == null || (a = o.value) === null || a === void 0 ? void 0 : a.pt, e), ae._getOptionValue, "hooks.".concat(d)), f = ae._useDefaultPT(c, u == null || (l = u.pt) === null || l === void 0 || (l = l.directives) === null || l === void 0 ? void 0 : l[e], ae._getOptionValue, "hooks.".concat(d)), m = {
@@ -21486,7 +21485,7 @@ const hb = { class: "cpMenuItem" }, fb = ["disabled"], mb = {
       "cpMenuItem__button--reverseLabel": n.reverseLabel,
       "cpMenuItem__button--isCritical": n.isCritical
     })), r = x(() => n.isLoading || n.isDisabled), s = x(() => !n.hideLabel && n.label), a = async (l) => {
-      n.command && (n.isAsync && (l.stopPropagation(), await n.command({ originalEvent: l, item: n }), i("onAsyncCommandComplete")), i("onItemClick"));
+      n.isAsync && n.command && (l.stopPropagation(), await n.command({ originalEvent: l, item: n }), i("onAsyncCommandComplete")), i("onItemClick");
     };
     return (l, d) => {
       const u = J("cp-loader"), c = J("cp-icon"), p = Ue("tooltip");
@@ -21581,12 +21580,12 @@ const hb = { class: "cpMenuItem" }, fb = ["disabled"], mb = {
   },
   emits: ["update:modelValue", "onValidation"],
   setup(t, { emit: e }) {
-    const n = t, i = e, o = (te) => L.fromISO(n.modelValue).invalid ? "" : L.fromISO(n.modelValue)[te], r = q(o("day")), s = q(o("month")), a = q(o("year")), l = x(() => De(n.label)), d = Ie(), u = x(() => g.value.year), c = x(() => C.value.year), p = x(() => L.fromObject({
+    const n = t, i = e, o = (te) => L.fromISO(n.modelValue).invalid ? "" : L.fromISO(n.modelValue)[te], r = q(o("day")), s = q(o("month")), a = q(o("year")), l = x(() => Ee(n.label)), d = Ie(), u = x(() => g.value.year), c = x(() => C.value.year), p = x(() => L.fromObject({
       year: a.value && a.value.length <= 4 ? Number(a.value) : L.now().year,
       month: s.value ? Number(s.value) : L.now().month,
       day: 1
     }).daysInMonth), f = x(() => vt.months("long", { locale: n.locale }).map((G, re) => ({
-      label: De(G),
+      label: Ee(G),
       value: re + 1
     }))), m = x(() => L.fromObject({
       year: Number(a.value),
@@ -25365,7 +25364,7 @@ const fx = {
         "cpRadio--isActive": a(d),
         "cpRadio--isDisabled": u
       },
-      `cpRadio--is${De(n.color)}`
+      `cpRadio--is${Ee(n.color)}`
     ];
     return (d, u) => (h(), y("div", null, [
       (h(!0), y(le, null, be(t.options, ({ label: c, value: p, description: f, additionalData: m, disabled: g }, C) => (h(), y("label", {
@@ -25415,7 +25414,7 @@ const fx = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = P1(t, "modelValue"), i = Ie(), o = Ie(), r = Ie(), s = x(() => De(e.label)), a = x(() => [
+    const e = t, n = P1(t, "modelValue"), i = Ie(), o = Ie(), r = Ie(), s = x(() => Ee(e.label)), a = x(() => [
       `cpSelect--${e.size}`,
       {
         "cpSelect--isInvalid": e.isInvalid,
@@ -25498,7 +25497,7 @@ const fx = {
   setup(t) {
     const e = t, n = Vt(), i = x(() => !!n["leading-icon"]), o = x(() => !!e.label), r = x(() => !!n["trailing-icon"]), s = x(() => [
       `cpSelectableButton--${e.size}`,
-      `cpSelectableButton--is${De(e.appearance)}`,
+      `cpSelectableButton--is${Ee(e.appearance)}`,
       {
         "cpSelectableButton--isSelected": e.isSelected,
         "cpSelectableButton--isExpanded": e.isExpanded,
@@ -25652,7 +25651,7 @@ const fx = {
     subcontent: { default: "" }
   },
   setup(t) {
-    const e = t, n = Ie(), i = Vt(), o = x(() => !!(e.subcontent || i.subcontent)), r = x(() => [`cpTooltip--is${De(e.color)}`]);
+    const e = t, n = Ie(), i = Vt(), o = x(() => !!(e.subcontent || i.subcontent)), r = x(() => [`cpTooltip--is${Ee(e.color)}`]);
     return (s, a) => (h(), U(ge(hu), {
       "aria-id": ge(n),
       class: Y(["cpTooltip", r.value]),
@@ -25710,7 +25709,7 @@ const fx = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = t, i = e, { trigger: o } = Wr(), r = Ie(), s = x(() => De(n.color)), a = x(() => [
+    const n = t, i = e, { trigger: o } = Wr(), r = Ie(), s = x(() => Ee(n.color)), a = x(() => [
       {
         "cpSwitch--hasLabel": n.label,
         "cpSwitch--isActive": n.modelValue,
@@ -26319,7 +26318,7 @@ const M_ = ["aria-labelledby"], L_ = { class: "cpTable__table" }, k_ = ["id"], O
         "cpTelInput__input--isInvalid": n.isInvalid,
         "cpTelInput__input--isDisabled": n.disabled
       }
-    })), f = q(l.id || Ie()), m = x(() => De(n.label)), g = x(() => n.isInvalid && n.errorMessage.length), C = x(() => n.help?.length && !g.value), $ = async () => {
+    })), f = q(l.id || Ie()), m = x(() => Ee(n.label)), g = x(() => n.isInvalid && n.errorMessage.length), C = x(() => n.help?.length && !g.value), $ = async () => {
       r.value && setTimeout(() => r.value?.focus(), 1);
     }, b = async () => {
       if (!r.value) return;
@@ -26431,7 +26430,7 @@ const M_ = ["aria-labelledby"], L_ = { class: "cpTable__table" }, k_ = ["id"], O
       set(d) {
         return l(d), d;
       }
-    }), r = q(n.inputId || Ie()), s = x(() => De(n.label)), a = x(() => n.isInvalid && n.errorMessage.length), l = (d) => i("update:modelValue", d);
+    }), r = q(n.inputId || Ie()), s = x(() => Ee(n.label)), a = x(() => n.isInvalid && n.errorMessage.length), l = (d) => i("update:modelValue", d);
     return (d, u) => {
       const c = Ue("bind-once");
       return h(), y("div", hS, [
@@ -27524,7 +27523,7 @@ const mI = { class: "cpToast__inner" }, yI = { class: "cpToast__content" }, vI =
   __name: "CpToast",
   setup(t) {
     _t(() => Je.on("add", c));
-    const e = (p) => p.showTimer && p.life !== void 0, n = (p) => `cpToast--is${De(p)}`, i = (p) => {
+    const e = (p) => p.showTimer && p.life !== void 0, n = (p) => `cpToast--is${Ee(p)}`, i = (p) => {
       switch (p) {
         case et.ERROR:
           return "alert-octagon";