@citizenplane/pimp 8.1.2 → 8.2.1

package/dist/pimp.es.js

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, createCommentVNode, createElementVNode, resolveDynamicComponent, mergeProps, withCtx, createVNode, resolveDirective, createTextVNode, toDisplayString, withDirectives, vModelText, Fragment, renderList, vModelSelect, defineComponent, watch, h, Transition, normalizeStyle, withKeys, TransitionGroup, vShow, ref, withModifiers, vModelCheckbox } from "vue";
+import { useSlots, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createBlock, createCommentVNode, createElementVNode, createVNode, resolveDynamicComponent, mergeProps, withCtx, resolveDirective, createTextVNode, toDisplayString, withDirectives, vModelText, Fragment, renderList, vModelSelect, defineComponent, watch, h, Transition, normalizeStyle, withKeys, TransitionGroup, vShow, ref, withModifiers, vModelCheckbox } from "vue";
 function _mergeNamespaces(n2, m) {
   m.forEach(function(e) {
     e && typeof e !== "string" && !Array.isArray(e) && Object.keys(e).forEach(function(k) {
@@ -15,10 +15,10 @@ function _mergeNamespaces(n2, m) {
   });
   return Object.freeze(Object.defineProperty(n2, Symbol.toStringTag, { value: "Module" }));
 }
-/*! maska v2.1.2 | (c) Alexander Shabunevich | Released under the MIT license */
-var L = Object.defineProperty;
-var b = (n2, t, s2) => t in n2 ? L(n2, t, { enumerable: true, configurable: true, writable: true, value: s2 }) : n2[t] = s2;
-var f = (n2, t, s2) => (b(n2, typeof t != "symbol" ? t + "" : t, s2), s2);
+/*! maska v2.1.4 | (c) Alexander Shabunevich | Released under the MIT license */
+var b = Object.defineProperty;
+var L = (n2, t, s2) => t in n2 ? b(n2, t, { enumerable: true, configurable: true, writable: true, value: s2 }) : n2[t] = s2;
+var f = (n2, t, s2) => (L(n2, typeof t != "symbol" ? t + "" : t, s2), s2);
 const R = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
@@ -129,7 +129,7 @@ class N {
       e.isEager() && "inputType" in t2 && t2.inputType.startsWith("delete") && e.unmasked(s3.value).length <= 1 && this.setMaskedValue(s3, "");
     });
     f(this, "inputEvent", (t2) => {
-      if (t2 instanceof CustomEvent && t2.type === "input" && t2.detail != null && "masked" in t2.detail)
+      if (t2 instanceof CustomEvent && t2.type === "input" && t2.detail != null && typeof t2.detail == "object" && "masked" in t2.detail)
         return;
       const s3 = t2.target, e = this.items.get(s3), a = s3.value, i = s3.selectionStart, p = s3.selectionEnd;
       let l2 = a;
@@ -137,7 +137,11 @@ class N {
         const k = e.unmasked(a), r = e.masked(k);
         k === "" && "data" in t2 && t2.data != null ? l2 = t2.data : (r.startsWith(a) || e.completed(k)) && (l2 = k);
       }
-      this.setMaskedValue(s3, l2), "inputType" in t2 && (t2.inputType.startsWith("delete") || i != null && i < a.length) && s3.setSelectionRange(i, p);
+      if (this.setMaskedValue(s3, l2), "inputType" in t2 && (t2.inputType.startsWith("delete") || i != null && i < a.length))
+        try {
+          s3.setSelectionRange(i, p);
+        } catch {
+        }
     });
     this.options = s2, typeof t == "string" ? this.init(
       Array.from(document.querySelectorAll(t)),
@@ -626,24 +630,33 @@ function systemLocale() {
   }
 }
 function parseLocaleString(localeStr) {
+  const xIndex = localeStr.indexOf("-x-");
+  if (xIndex !== -1) {
+    localeStr = localeStr.substring(0, xIndex);
+  }
   const uIndex = localeStr.indexOf("-u-");
   if (uIndex === -1) {
     return [localeStr];
   } else {
     let options;
-    const smaller = localeStr.substring(0, uIndex);
+    let selectedStr;
     try {
       options = getCachedDTF(localeStr).resolvedOptions();
+      selectedStr = localeStr;
     } catch (e) {
+      const smaller = localeStr.substring(0, uIndex);
       options = getCachedDTF(smaller).resolvedOptions();
+      selectedStr = smaller;
     }
     const { numberingSystem, calendar } = options;
-    return [smaller, numberingSystem, calendar];
+    return [selectedStr, numberingSystem, calendar];
   }
 }
 function intlConfigString(localeStr, numberingSystem, outputCalendar) {
   if (outputCalendar || numberingSystem) {
-    localeStr += "-u";
+    if (!localeStr.includes("-u-")) {
+      localeStr += "-u";
+    }
     if (outputCalendar) {
       localeStr += `-ca-${outputCalendar}`;
     }
@@ -713,7 +726,7 @@ class PolyNumberFormatter {
 class PolyDateFormatter {
   constructor(dt, intl, opts) {
     this.opts = opts;
-    let z;
+    let z = void 0;
     if (dt.zone.isUniversal) {
       const gmtOffset = -1 * (dt.offset / 60);
       const offsetZ = gmtOffset >= 0 ? `Etc/GMT+${gmtOffset}` : `Etc/GMT${gmtOffset}`;
@@ -735,9 +748,7 @@ class PolyDateFormatter {
       z = dt.zone.name;
     }
     const intlOpts = { ...this.opts };
-    if (z) {
-      intlOpts.timeZone = z;
-    }
+    intlOpts.timeZone = intlOpts.timeZone || z;
     this.dtf = getCachedDTF(intl, intlOpts);
   }
   format() {
@@ -1465,6 +1476,10 @@ class Formatter {
     const df = this.loc.dtFormatter(dt, { ...this.opts, ...opts });
     return df.formatToParts();
   }
+  formatInterval(interval, opts = {}) {
+    const df = this.loc.dtFormatter(interval.start, { ...this.opts, ...opts });
+    return df.dtf.formatRange(interval.start.toJSDate(), interval.end.toJSDate());
+  }
   resolvedOptions(dt, opts = {}) {
     const df = this.loc.dtFormatter(dt, { ...this.opts, ...opts });
     return df.resolvedOptions();
@@ -1818,7 +1833,7 @@ function extractRFC2822(match2) {
   return [result, new FixedOffsetZone(offset2)];
 }
 function preprocessRFC2822(s2) {
-  return s2.replace(/\([^)]*\)|[\n\t]/g, " ").replace(/(\s\s+)/g, " ").trim();
+  return s2.replace(/\([^()]*\)|[\n\t]/g, " ").replace(/(\s\s+)/g, " ").trim();
 }
 const rfc1123 = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun), (\d\d) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) (\d{4}) (\d\d):(\d\d):(\d\d) GMT$/, rfc850 = /^(Monday|Tuesday|Wednesday|Thursday|Friday|Saturday|Sunday), (\d\d)-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d\d) (\d\d):(\d\d):(\d\d) GMT$/, ascii = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) ( \d|\d\d) (\d\d):(\d\d):(\d\d) (\d{4})$/;
 function extractRFC1123Or850(match2) {
@@ -2646,6 +2661,9 @@ class Interval {
       return INVALID$1;
     return `[${this.s.toISO()} \u2013 ${this.e.toISO()})`;
   }
+  toLocaleString(formatOpts = DATE_SHORT, opts = {}) {
+    return this.isValid ? Formatter.create(this.s.loc.clone(opts), formatOpts).formatInterval(this) : INVALID$1;
+  }
   toISO(opts) {
     if (!this.isValid)
       return INVALID$1;
@@ -2728,19 +2746,19 @@ function highOrderDiffs(cursor, later, units) {
     ["days", dayDiff]
   ];
   const results = {};
+  const earlier = cursor;
   let lowestOrder, highWater;
   for (const [unit, differ] of differs) {
     if (units.indexOf(unit) >= 0) {
       lowestOrder = unit;
-      let delta = differ(cursor, later);
-      highWater = cursor.plus({ [unit]: delta });
+      results[unit] = differ(cursor, later);
+      highWater = earlier.plus(results);
       if (highWater > later) {
-        cursor = cursor.plus({ [unit]: delta - 1 });
-        delta -= 1;
+        results[unit]--;
+        cursor = earlier.plus(results);
       } else {
         cursor = highWater;
       }
-      results[unit] = delta;
     }
   }
   return [cursor, results, highWater, lowestOrder];
@@ -3018,7 +3036,7 @@ const partTypeStyleToTokenVal = {
     short: "ZZZ"
   }
 };
-function tokenForPart(part, locale, formatOpts) {
+function tokenForPart(part, formatOpts) {
   const { type, value } = part;
   if (type === "literal") {
     return {
@@ -3177,7 +3195,7 @@ function formatOptsToTokens(formatOpts, locale) {
   }
   const formatter = Formatter.create(locale, formatOpts);
   const parts = formatter.formatDateTimeParts(getDummyDateTime());
-  return parts.map((p) => tokenForPart(p, locale, formatOpts));
+  return parts.map((p) => tokenForPart(p, formatOpts));
 }
 const nonLeapLadder = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334], leapLadder = [0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335];
 function unitOutOfRange(unit, value) {
@@ -4268,79 +4286,98 @@ const capitalizeFirstLetter = (rawString) => {
   return rawString.charAt(0).toUpperCase() + rawString.slice(1);
 };
 var CpBadge_vue_vue_type_style_index_0_lang = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
+const _hoisted_1$g = {
+  key: 0,
+  class: "cpBadge__icon"
 };
+const _hoisted_2$f = { class: "cpBadge__label" };
 const badgeColors = ["neutral", "blue", "green", "red", "orange", "purple", "teal", "pink", "yellow"];
 const _sfc_main$k = {
+  __name: "CpBadge",
   props: {
     color: {
       type: String,
       default: "",
-      validator: (value) => Object.values(badgeColors).includes(value) || value === ""
+      validator: (value) => badgeColors.includes(value) || value === ""
     },
     isSolid: {
       type: Boolean,
-      default: false,
-      required: false
+      default: false
     },
     isPlain: {
       type: Boolean,
-      default: false,
-      required: false
+      default: false
+    },
+    isClearable: {
+      type: Boolean,
+      default: false
     },
     icon: {
       type: String,
-      default: "",
-      required: false
+      default: ""
     }
   },
-  computed: {
-    capitalizedColor() {
-      return capitalizeFirstLetter(this.color);
-    },
-    computedClasses() {
-      const hasIcon = this.icon !== "" || this.hasIconSlot;
-      return [
-        this.isSolid ? "cpBadge--isSolid" : "",
-        this.isPlain ? "cpBadge--isPlain" : "",
-        hasIcon ? "cpBadge--hasIcon" : "",
-        this.capitalizedColor ? `cpBadge--is${this.capitalizedColor}` : ""
-      ];
-    },
-    hasIconSlot() {
-      return !!this.$slots.icon;
-    }
+  emits: ["on-clear"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const slots = useSlots();
+    const capitalizedColor = computed(() => {
+      return capitalizeFirstLetter(props.color);
+    });
+    const hasIconSlot = computed(() => {
+      return !!slots.icon;
+    });
+    const computedClasses = computed(() => {
+      const hasIcon = props.icon !== "" || hasIconSlot.value;
+      return {
+        "cpBadge--isSolid": props.isSolid,
+        "cpBadge--isPlain": props.isPlain,
+        "cpBadge--hasIcon": hasIcon,
+        "cpBadge--isClearable": props.isClearable,
+        [`cpBadge--is${capitalizedColor.value}`]: capitalizedColor.value
+      };
+    });
+    const onClear = () => {
+      emits("on-clear");
+    };
+    return (_ctx, _cache) => {
+      const _component_cp_icon = resolveComponent("cp-icon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["cpBadge", unref(computedClasses)])
+      }, [
+        unref(hasIconSlot) ? (openBlock(), createElementBlock("span", _hoisted_1$g, [
+          renderSlot(_ctx.$slots, "icon")
+        ])) : __props.icon ? (openBlock(), createBlock(_component_cp_icon, {
+          key: 1,
+          type: __props.icon,
+          class: "cpBadge__icon"
+        }, null, 8, ["type"])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2$f, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        __props.isClearable ? (openBlock(), createElementBlock("button", {
+          key: 2,
+          class: "cpBadge__clear",
+          type: "button",
+          onClick: onClear
+        }, [
+          createVNode(_component_cp_icon, {
+            class: "cpBadge__icon cpBadge__icon--isClear",
+            type: "x"
+          })
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
   }
 };
-const _hoisted_1$g = {
-  key: 0,
-  class: "cpBadge__icon"
-};
-const _hoisted_2$f = { class: "cpBadge__label" };
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_cp_icon = resolveComponent("cp-icon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["cpBadge", $options.computedClasses])
-  }, [
-    $options.hasIconSlot ? (openBlock(), createElementBlock("span", _hoisted_1$g, [
-      renderSlot(_ctx.$slots, "icon")
-    ])) : $props.icon ? (openBlock(), createBlock(_component_cp_icon, {
-      key: 1,
-      type: $props.icon,
-      class: "cpBadge__icon"
-    }, null, 8, ["type"])) : createCommentVNode("", true),
-    createElementVNode("span", _hoisted_2$f, [
-      renderSlot(_ctx.$slots, "default")
-    ])
-  ], 2);
-}
-var CpBadge = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j]]);
 var index_vue_vue_type_style_index_0_lang$8 = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
 const headingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const sizes = [100, 200, 300, 400, 500, 600, 700, 800, 900];
 const _sfc_main$j = {
@@ -10927,7 +10964,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var CpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 const Components = {
-  CpBadge,
+  CpBadge: _sfc_main$k,
   CpHeading,
   CpButton,
   CpDate,