@citizenplane/pimp 8.0.1 → 8.0.2

package/dist/pimp.es.js

@@ -201,7 +201,7 @@ var v = function() {
     }(e2, n3 && n3.inputType || null));
   } }]) && t(r2.prototype, i2), n2;
 }();
-var d, h = (d = new WeakMap(), function(e2, t2) {
+var d, h = (d = /* @__PURE__ */ new WeakMap(), function(e2, t2) {
   t2.value && (d.has(e2) && !function(e3) {
     return !(f(e3.value) && e3.value === e3.oldValue || Array.isArray(e3.value) && JSON.stringify(e3.value) === JSON.stringify(e3.oldValue) || e3.value && e3.value.mask && e3.oldValue && e3.oldValue.mask && e3.value.mask === e3.oldValue.mask);
   }(t2) || d.set(e2, new v(e2, function(e3) {
@@ -4043,13 +4043,13 @@ function friendlyDateTime(dateTimeish) {
 const randomString = () => {
   return `_${Math.random().toString(36).substr(2, 9)}`;
 };
-const formatDates = function formatDates2(dateOne, dateTwo, format) {
+const formatDates = function formatDates2({ dateOne, dateTwo, format, locale }) {
   let formattedDates = "";
   if (dateOne) {
-    formattedDates = DateTime.fromISO(dateOne).toFormat(format);
+    formattedDates = DateTime.fromISO(dateOne).toFormat(format, { locale });
   }
   if (dateTwo) {
-    formattedDates += " - " + DateTime.fromISO(dateTwo).toFormat(format);
+    formattedDates += " - " + DateTime.fromISO(dateTwo).toFormat(format, { locale });
   }
   return formattedDates;
 };
@@ -4131,7 +4131,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var CpBadge = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j]]);
-var index_vue_vue_type_style_index_0_lang$7 = "";
+var index_vue_vue_type_style_index_0_lang$8 = "";
 const headingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const sizes = [100, 200, 300, 400, 500, 600, 700, 800, 900];
 const _sfc_main$j = {
@@ -4202,7 +4202,7 @@ const _hoisted_1$f = {
   "xml:space": "preserve"
 };
 const _hoisted_2$e = ["fill"];
-const _hoisted_3$b = ["fill"];
+const _hoisted_3$c = ["fill"];
 const _hoisted_4$b = /* @__PURE__ */ createElementVNode("animateTransform", {
   attributeType: "xml",
   attributeName: "transform",
@@ -4225,7 +4225,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("path", {
       fill: $props.color,
       d: "M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0    C22.32,8.481,24.301,9.057,26.013,10.047z"
-    }, _hoisted_5$9, 8, _hoisted_3$b)
+    }, _hoisted_5$9, 8, _hoisted_3$c)
   ]);
 }
 var CpLoader = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h]]);
@@ -4341,7 +4341,7 @@ const _hoisted_2$d = {
   key: 0,
   class: "cpButton__loader"
 };
-const _hoisted_3$a = {
+const _hoisted_3$b = {
   key: 1,
   class: "cpButton__icon cpButton__icon--isBefore"
 };
@@ -4366,7 +4366,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         $props.isLoading ? (openBlock(), createElementBlock("span", _hoisted_2$d, [
           createVNode(_component_cp_loader, { color: "#B2B2BD" })
         ])) : createCommentVNode("", true),
-        $options.hasIconBefore ? (openBlock(), createElementBlock("span", _hoisted_3$a, [
+        $options.hasIconBefore ? (openBlock(), createElementBlock("span", _hoisted_3$b, [
           renderSlot(_ctx.$slots, "icon-before")
         ])) : createCommentVNode("", true),
         $options.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_4$a, [
@@ -4381,7 +4381,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["type", "aria-disabled", "disabled", "class", "onClick"]);
 }
 var CpButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]);
-var CpDate_vue_vue_type_style_index_0_lang = "";
+var index_vue_vue_type_style_index_0_lang$7 = "";
 const HUMAN_MAX_AGE = 120;
 const _sfc_main$g = {
   props: {
@@ -4420,6 +4420,17 @@ const _sfc_main$g = {
     autocompleteBirthday: {
       type: Boolean,
       default: false
+    },
+    locale: {
+      type: String,
+      default: () => {
+        return navigator.language;
+      }
+    },
+    inputsOptions: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["update:modelValue", "on-validation"],
@@ -4433,7 +4444,7 @@ const _sfc_main$g = {
   computed: {
     formattedLabel() {
       const requiredLabel = this.required && this.label ? "*" : "";
-      return `${this.label} ${requiredLabel}`;
+      return `${capitalizeFirstLetter(this.label)} ${requiredLabel}`;
     },
     cpDateId() {
       return randomString();
@@ -4453,9 +4464,10 @@ const _sfc_main$g = {
       return date.daysInMonth;
     },
     months() {
-      return Info.months().map((month, index) => {
+      const rawLocalizedMonths = Info.months("long", { locale: this.locale });
+      return rawLocalizedMonths.map((month, index) => {
         return {
-          label: month,
+          label: capitalizeFirstLetter(month),
           value: index + 1
         };
       });
@@ -4542,6 +4554,18 @@ const _sfc_main$g = {
         month: "bday-month",
         year: "bday-year"
       };
+    },
+    dayInputPlaceholder() {
+      var _a;
+      return ((_a = this.inputsOptions) == null ? void 0 : _a.dayInputPlaceholder) || "DD";
+    },
+    monthInputPlaceholder() {
+      var _a;
+      return ((_a = this.inputsOptions) == null ? void 0 : _a.monthInputPlaceholder) || "Months";
+    },
+    yearInputPlaceholder() {
+      var _a;
+      return ((_a = this.inputsOptions) == null ? void 0 : _a.yearInputPlaceholder) || "YYYY";
     }
   },
   watch: {
@@ -4569,13 +4593,13 @@ const _sfc_main$g = {
 };
 const _hoisted_1$d = ["for"];
 const _hoisted_2$c = { class: "cpDate__inputs" };
-const _hoisted_3$9 = ["required", "disabled", "autocomplete"];
+const _hoisted_3$a = ["placeholder", "required", "disabled", "autocomplete"];
 const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("div", { class: "cpDate__divider" }, null, -1);
 const _hoisted_5$7 = ["id", "required", "disabled", "autocomplete"];
-const _hoisted_6$6 = /* @__PURE__ */ createElementVNode("option", { value: "" }, "Month", -1);
+const _hoisted_6$6 = { value: "" };
 const _hoisted_7$5 = ["value"];
 const _hoisted_8$4 = /* @__PURE__ */ createElementVNode("div", { class: "cpDate__divider" }, null, -1);
-const _hoisted_9$4 = ["disabled", "required", "autocomplete"];
+const _hoisted_9$4 = ["placeholder", "disabled", "required", "autocomplete"];
 const _hoisted_10$4 = {
   key: 0,
   class: "cpDate__errorMessage"
@@ -4601,14 +4625,14 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_2$c, [
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.day = $event),
-        placeholder: "DD",
+        placeholder: $options.dayInputPlaceholder,
         class: "cpDate__day",
         inputmode: "numeric",
         maxlength: "2",
         required: $props.required,
         disabled: $props.disabled,
         autocomplete: $options.autocompleteFields.day
-      }, null, 8, _hoisted_3$9), [
+      }, null, 8, _hoisted_3$a), [
         [vModelText, $data.day],
         [_directive_maska, "##"]
       ]),
@@ -4623,7 +4647,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: $props.disabled,
           autocomplete: $options.autocompleteFields.month
         }, [
-          _hoisted_6$6,
+          createElementVNode("option", _hoisted_6$6, toDisplayString($options.monthInputPlaceholder), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.months, (monthItem, index) => {
             return openBlock(), createElementBlock("option", {
               key: index,
@@ -4637,7 +4661,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       _hoisted_8$4,
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.year = $event),
-        placeholder: "YYYY",
+        placeholder: $options.yearInputPlaceholder,
         class: "cpDate__year",
         inputmode: "numeric",
         maxlength: "4",
@@ -4739,7 +4763,7 @@ var feather$2 = { exports: {} };
           var classNames = function() {
             function StorageObject() {
             }
-            StorageObject.prototype = Object.create(null);
+            StorageObject.prototype = /* @__PURE__ */ Object.create(null);
             function _parseArray(resultSet, array) {
               var length = array.length;
               for (var i2 = 0; i2 < length; ++i2) {
@@ -6274,6 +6298,12 @@ const _sfc_main$e = {
       type: Boolean,
       default: false
     },
+    locale: {
+      type: String,
+      default: () => {
+        return navigator.language;
+      }
+    },
     isTest: {
       type: Boolean,
       default: () => false
@@ -6307,9 +6337,9 @@ const _sfc_main$e = {
         hoveredInRange: "#67f6ee"
       },
       sundayFirst: false,
-      monthNames: Info.months("long", { locale: "eng" }),
-      days: Info.weekdaysFormat("long", { locale: "eng" }),
-      daysShort: Info.weekdaysFormat("short", { locale: "eng" }),
+      monthNames: Info.months("long", { locale: this.locale }),
+      days: Info.weekdaysFormat("long", { locale: this.locale }),
+      daysShort: Info.weekdaysFormat("short", { locale: this.locale }),
       texts: {
         apply: "Apply",
         cancel: "Cancel",
@@ -6959,7 +6989,7 @@ const _hoisted_2$b = {
   key: 0,
   class: "asd__mobile-header asd__mobile-only"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$9 = {
   key: 1,
   class: "asd__mobile-close-icon"
 };
@@ -6997,7 +7027,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
             type: "button",
             onClick: _cache[0] || (_cache[0] = (...args) => $options.closeDatepicker && $options.closeDatepicker(...args))
           }, [
-            _ctx.$slots["close-icon"] ? renderSlot(_ctx.$slots, "close-icon", { key: 0 }) : (openBlock(), createElementBlock("div", _hoisted_3$8, "X"))
+            _ctx.$slots["close-icon"] ? renderSlot(_ctx.$slots, "close-icon", { key: 0 }) : (openBlock(), createElementBlock("div", _hoisted_3$9, "X"))
           ]),
           createElementVNode("h3", null, toDisplayString($props.mobileHeader || $options.mobileHeaderFallback), 1)
         ])) : createCommentVNode("", true),
@@ -7341,7 +7371,7 @@ const _hoisted_2$a = {
   key: 0,
   class: "cpInput__icon cpInput__icon--isBefore"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$8 = {
   key: 2,
   class: "cpInput__icon cpInput__icon--isAfter"
 };
@@ -7390,7 +7420,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         })
       ], 2)) : createCommentVNode("", true),
-      $options.hasAfterIcon ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+      $options.hasAfterIcon ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
         renderSlot(_ctx.$slots, "input-icon-after")
       ])) : createCommentVNode("", true),
       withDirectives(createElementVNode("input", mergeProps({
@@ -7498,6 +7528,12 @@ const _sfc_main$a = {
     singleMonth: {
       type: Boolean,
       default: false
+    },
+    locale: {
+      type: String,
+      default: () => {
+        return navigator.language;
+      }
     }
   },
   emits: ["dates"],
@@ -7513,7 +7549,14 @@ const _sfc_main$a = {
   },
   computed: {
     inputComputedValue() {
-      return this.inputValue || formatDates(this.dateOne, this.dateTwo, this.humanFormat);
+      if (this.inputValue)
+        return this.inputValue;
+      return formatDates({
+        dateOne: this.dateOne,
+        dateTwo: this.dateTwo,
+        format: this.humanFormat,
+        locale: this.locale
+      });
     },
     numberOfMonths() {
       return this.singleMonth ? 1 : 2;
@@ -7573,12 +7616,13 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       "months-to-show": $options.numberOfMonths,
       "min-date": $options.computedMinDate,
       "max-date": $props.maxDate,
+      locale: $props.locale,
       class: normalizeClass(["cpDatepicker__datepicker", { "cpDatepicker__datepicker--isInline": $props.isInline }]),
       onDateOneSelected: _cache[0] || (_cache[0] = (date) => $options.selectDate("dateOne", date)),
       onDateTwoSelected: _cache[1] || (_cache[1] = (date) => $options.selectDate("dateTwo", date)),
       onOpened: _cache[2] || (_cache[2] = () => $data.isDisabled = true),
       onClosed: _cache[3] || (_cache[3] = () => $data.isDisabled = null)
-    }, null, 8, ["date-one", "date-two", "trigger-element-id", "close-after-select", "mode", "inline", "months-to-show", "min-date", "max-date", "class"])
+    }, null, 8, ["date-one", "date-two", "trigger-element-id", "close-after-select", "mode", "inline", "months-to-show", "min-date", "max-date", "locale", "class"])
   ]);
 }
 var CpDatepicker = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
@@ -7618,6 +7662,12 @@ const _sfc_main$9 = {
       validator: (value) => {
         return value === "" || value.length === 10;
       }
+    },
+    locale: {
+      type: String,
+      default: () => {
+        return navigator.language;
+      }
     }
   },
   emits: ["dates"],
@@ -7670,7 +7720,7 @@ const _sfc_main$9 = {
       this.triggerCalendar = !this.triggerCalendar;
     },
     humanDateFormat(dateOne, dateTwo) {
-      return formatDates(dateOne, dateTwo, this.humanFormat);
+      return formatDates({ dateOne, dateTwo, format: this.humanFormat, locale: this.locale });
     },
     toggleDay(index) {
       this.days[index].selected = !this.days[index].selected;
@@ -7730,7 +7780,7 @@ const _hoisted_2$9 = {
   key: 0,
   class: "footer-container"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$7 = {
   key: "days",
   class: "asd__recurency--container"
 };
@@ -7779,6 +7829,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       "close-after-select": $props.closeAfterSelect,
       "close-calendar": $data.triggerCalendar,
       inline: $data.isInline,
+      locale: $props.locale,
       class: normalizeClass(["cpCalendar__datepicker", $options.dynamicClasses]),
       onDateOneSelected: _cache[1] || (_cache[1] = (date) => $options.selectDate("dateOne", date)),
       onDateTwoSelected: _cache[2] || (_cache[2] = (date) => $options.selectDate("dateTwo", date)),
@@ -7793,7 +7844,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             mode: "out-in"
           }, {
             default: withCtx(() => [
-              $options.isDaysDisplayed ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
+              $options.isDaysDisplayed ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
                 createElementVNode("div", _hoisted_4$6, [
                   createElementVNode("ul", _hoisted_5$5, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList($data.days, ({ day, selected, value }, index) => {
@@ -7865,7 +7916,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true)
       ]),
       _: 1
-    }, 8, ["date-one", "date-two", "customized-dates", "trigger-element-id", "mode", "close-after-select", "close-calendar", "inline", "class"])
+    }, 8, ["date-one", "date-two", "customized-dates", "trigger-element-id", "mode", "close-after-select", "close-calendar", "inline", "locale", "class"])
   ]);
 }
 var CpCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
@@ -7930,8 +7981,9 @@ const _sfc_main$8 = {
     }
   }
 };
-const _hoisted_1$8 = { class: "cpAlert__body" };
-const _hoisted_2$8 = {
+const _hoisted_1$8 = { class: "cpAlert__icon" };
+const _hoisted_2$8 = { class: "cpAlert__body" };
+const _hoisted_3$6 = {
   key: 1,
   class: "cpAlert__content"
 };
@@ -7942,11 +7994,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: normalizeClass(["cpAlert", `cpAlert--${$props.intent}`])
   }, [
-    createVNode(_component_cp_icon, {
-      type: $options.alertIcon,
-      class: "cpAlert__icon"
-    }, null, 8, ["type"]),
     createElementVNode("div", _hoisted_1$8, [
+      createVNode(_component_cp_icon, { type: $options.alertIcon }, null, 8, ["type"])
+    ]),
+    createElementVNode("div", _hoisted_2$8, [
       $props.title ? (openBlock(), createBlock(_component_cp_heading, {
         key: 0,
         "heading-level": "h4",
@@ -7958,7 +8009,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       })) : createCommentVNode("", true),
-      $options.hasContent ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+      $options.hasContent ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true)
     ]),
@@ -8746,7 +8797,7 @@ function getElementTransforms(el) {
   }
   var str = el.style.transform || "";
   var reg = /(\w+)\(([^)]*)\)/g;
-  var transforms = new Map();
+  var transforms = /* @__PURE__ */ new Map();
   var m;
   while (m = reg.exec(str)) {
     transforms.set(m[1], m[2]);