@bagelink/vue 1.1.9 → 1.1.13

package/dist/components/dataTable/DataTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.vue"],"names":[],"mappings":"AAieA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA6UO,mBAAmB,CAAC;;;;;;;;;;wBAxNV,MAAM,EAAE;0CAwNoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UApD0E,GAAG;UAsDjF,2TAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxVzE,wBAwV4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.vue"],"names":[],"mappings":"AAueA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmVO,mBAAmB,CAAC;;;;;;;;;;wBAxNV,MAAM,EAAE;0CAwNoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UApD0E,GAAG;UAsDjF,2TAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9VzE,wBA8V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -11730,7 +11730,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "ae67a098": vue.unref(computedItemHeight)
+      "587595c3": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11750,9 +11750,15 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       toggleSort,
       cleanTransformedData,
       schemaState
-    } = useTableData({ data: data2, schema, columns, useServerSort, onSort: (field, direction) => {
-      emit2("orderBy", `${field} ${direction}`.trim());
-    } });
+    } = useTableData({
+      data: data2,
+      schema,
+      columns,
+      useServerSort,
+      onSort: (field, direction) => {
+        emit2("orderBy", `${field.trim()} ${direction.trim()}`);
+      }
+    });
     const {
       computedSelectedItems,
       isSelectable,
@@ -11912,7 +11918,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-871fbe77"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-8d87f35c"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -15545,9 +15551,9 @@ function normalizeDimension(value, defaultMetric = "px") {
 }
 const fileBaseUrl = "https://files.bagel.design".replace(/\/$/, "");
 const bagelBaseUrl = void 0;
+const URL_REGEX = /^https?:\/\/|^\/\//;
 function pathKeyToURL(pathKey) {
-  const urlRE = /^https?:\/\/|^\/\//;
-  if (!pathKey || urlRE.test(pathKey)) return pathKey;
+  if (!pathKey || URL_REGEX.test(pathKey)) return pathKey;
   if (pathKey.startsWith("static/")) {
     return `${bagelBaseUrl}/${pathKey}`;
   }
@@ -37747,6 +37753,26 @@ function getBrowserNavigatorLocale() {
   if (typeof navigator !== "object") return "en-US";
   return navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;
 }
+function getDatePartsMap(d2, locale2) {
+  return {
+    AmPm: d2.toLocaleString(locale2, { hour: "numeric", hour12: true, minute: "numeric" }).split(" ")[1],
+    DD: String(d2.getDate()).padStart(2, "0"),
+    DDD: d2.toLocaleString(locale2, { weekday: "short" }),
+    DDDD: d2.toLocaleString(locale2, { weekday: "long" }),
+    HH: String(d2.getHours()).padStart(2, "0"),
+    mm: String(d2.getMinutes()).padStart(2, "0"),
+    MM: String(d2.getMonth() + 1).padStart(2, "0"),
+    MMM: d2.toLocaleString(locale2, { month: "short" }),
+    MMMM: d2.toLocaleString(locale2, { month: "long" }),
+    ss: String(d2.getSeconds()).padStart(2, "0"),
+    sss: String(d2.getMilliseconds()).padStart(3, "0"),
+    YY: String(d2.getFullYear()).slice(-2),
+    YYYY: String(d2.getFullYear())
+  };
+}
+const _datePartsMapNow = getDatePartsMap(/* @__PURE__ */ new Date(), getBrowserNavigatorLocale());
+const _orderedDateTokens = Object.keys(_datePartsMapNow).sort((a2, b2) => b2.length - a2.length);
+const _tokenRegExPattern = new RegExp(_orderedDateTokens.map((token) => token).join("|"), "g");
 function formatDate(date2, format2 = "DD.MM.YY", locale2) {
   if (!date2) return "";
   locale2 = locale2 || getBrowserNavigatorLocale();
@@ -37756,21 +37782,7 @@ function formatDate(date2, format2 = "DD.MM.YY", locale2) {
       console.warn("Invalid date provided to formatDate:", date2);
       return "";
     }
-    const datePartsMap = {
-      AmPm: d2.toLocaleString(locale2, { hour: "numeric", hour12: true, minute: "numeric" }).split(" ")[1],
-      DD: String(d2.getDate()).padStart(2, "0"),
-      DDD: d2.toLocaleString(locale2, { weekday: "short" }),
-      DDDD: d2.toLocaleString(locale2, { weekday: "long" }),
-      HH: String(d2.getHours()).padStart(2, "0"),
-      mm: String(d2.getMinutes()).padStart(2, "0"),
-      MM: String(d2.getMonth() + 1).padStart(2, "0"),
-      MMM: d2.toLocaleString(locale2, { month: "short" }),
-      MMMM: d2.toLocaleString(locale2, { month: "long" }),
-      ss: String(d2.getSeconds()).padStart(2, "0"),
-      sss: String(d2.getMilliseconds()).padStart(3, "0"),
-      YY: String(d2.getFullYear()).slice(-2),
-      YYYY: String(d2.getFullYear())
-    };
+    const datePartsMap = getDatePartsMap(d2, locale2);
     const formatter = new Intl.DateTimeFormat(locale2, {
       day: "numeric",
       hour: "2-digit",
@@ -37799,15 +37811,12 @@ function formatDate(date2, format2 = "DD.MM.YY", locale2) {
     if (partsMap.dayPeriod) {
       datePartsMap.AmPm = partsMap.dayPeriod;
     }
-    let formattedDate = format2;
-    const tokens = Object.keys(datePartsMap).sort((a2, b2) => b2.length - a2.length);
-    for (const token of tokens) {
-      const regex2 = new RegExp(token, "g");
-      formattedDate = formattedDate.replace(regex2, datePartsMap[token]);
-    }
-    return formattedDate;
+    return format2.replace(
+      _tokenRegExPattern,
+      (match) => datePartsMap[match]
+    );
   } catch (error) {
-    console.warn("Error formatting date", error);
+    console.warn(`Error formatting date: ${date2} with format: ${format2}`, error);
     return "";
   }
 }
@@ -37902,6 +37911,7 @@ exports.debounce = debounce;
 exports.denullify = denullify;
 exports.formatDate = formatDate;
 exports.formatString = formatString;
+exports.getDatePartsMap = getDatePartsMap;
 exports.getFallbackSchema = getFallbackSchema;
 exports.getNestedValue = getNestedValue;
 exports.i18nTInjectionKey = i18nTInjectionKey;

package/dist/index.mjs

@@ -11728,7 +11728,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "ae67a098": unref(computedItemHeight)
+      "587595c3": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11748,9 +11748,15 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       toggleSort,
       cleanTransformedData,
       schemaState
-    } = useTableData({ data: data2, schema, columns, useServerSort, onSort: (field, direction) => {
-      emit2("orderBy", `${field} ${direction}`.trim());
-    } });
+    } = useTableData({
+      data: data2,
+      schema,
+      columns,
+      useServerSort,
+      onSort: (field, direction) => {
+        emit2("orderBy", `${field.trim()} ${direction.trim()}`);
+      }
+    });
     const {
       computedSelectedItems,
       isSelectable,
@@ -11910,7 +11916,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-871fbe77"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-8d87f35c"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -15543,9 +15549,9 @@ function normalizeDimension(value, defaultMetric = "px") {
 }
 const fileBaseUrl = "https://files.bagel.design".replace(/\/$/, "");
 const bagelBaseUrl = void 0;
+const URL_REGEX = /^https?:\/\/|^\/\//;
 function pathKeyToURL(pathKey) {
-  const urlRE = /^https?:\/\/|^\/\//;
-  if (!pathKey || urlRE.test(pathKey)) return pathKey;
+  if (!pathKey || URL_REGEX.test(pathKey)) return pathKey;
   if (pathKey.startsWith("static/")) {
     return `${bagelBaseUrl}/${pathKey}`;
   }
@@ -37745,6 +37751,26 @@ function getBrowserNavigatorLocale() {
   if (typeof navigator !== "object") return "en-US";
   return navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;
 }
+function getDatePartsMap(d2, locale2) {
+  return {
+    AmPm: d2.toLocaleString(locale2, { hour: "numeric", hour12: true, minute: "numeric" }).split(" ")[1],
+    DD: String(d2.getDate()).padStart(2, "0"),
+    DDD: d2.toLocaleString(locale2, { weekday: "short" }),
+    DDDD: d2.toLocaleString(locale2, { weekday: "long" }),
+    HH: String(d2.getHours()).padStart(2, "0"),
+    mm: String(d2.getMinutes()).padStart(2, "0"),
+    MM: String(d2.getMonth() + 1).padStart(2, "0"),
+    MMM: d2.toLocaleString(locale2, { month: "short" }),
+    MMMM: d2.toLocaleString(locale2, { month: "long" }),
+    ss: String(d2.getSeconds()).padStart(2, "0"),
+    sss: String(d2.getMilliseconds()).padStart(3, "0"),
+    YY: String(d2.getFullYear()).slice(-2),
+    YYYY: String(d2.getFullYear())
+  };
+}
+const _datePartsMapNow = getDatePartsMap(/* @__PURE__ */ new Date(), getBrowserNavigatorLocale());
+const _orderedDateTokens = Object.keys(_datePartsMapNow).sort((a2, b2) => b2.length - a2.length);
+const _tokenRegExPattern = new RegExp(_orderedDateTokens.map((token) => token).join("|"), "g");
 function formatDate(date2, format2 = "DD.MM.YY", locale2) {
   if (!date2) return "";
   locale2 = locale2 || getBrowserNavigatorLocale();
@@ -37754,21 +37780,7 @@ function formatDate(date2, format2 = "DD.MM.YY", locale2) {
       console.warn("Invalid date provided to formatDate:", date2);
       return "";
     }
-    const datePartsMap = {
-      AmPm: d2.toLocaleString(locale2, { hour: "numeric", hour12: true, minute: "numeric" }).split(" ")[1],
-      DD: String(d2.getDate()).padStart(2, "0"),
-      DDD: d2.toLocaleString(locale2, { weekday: "short" }),
-      DDDD: d2.toLocaleString(locale2, { weekday: "long" }),
-      HH: String(d2.getHours()).padStart(2, "0"),
-      mm: String(d2.getMinutes()).padStart(2, "0"),
-      MM: String(d2.getMonth() + 1).padStart(2, "0"),
-      MMM: d2.toLocaleString(locale2, { month: "short" }),
-      MMMM: d2.toLocaleString(locale2, { month: "long" }),
-      ss: String(d2.getSeconds()).padStart(2, "0"),
-      sss: String(d2.getMilliseconds()).padStart(3, "0"),
-      YY: String(d2.getFullYear()).slice(-2),
-      YYYY: String(d2.getFullYear())
-    };
+    const datePartsMap = getDatePartsMap(d2, locale2);
     const formatter = new Intl.DateTimeFormat(locale2, {
       day: "numeric",
       hour: "2-digit",
@@ -37797,15 +37809,12 @@ function formatDate(date2, format2 = "DD.MM.YY", locale2) {
     if (partsMap.dayPeriod) {
       datePartsMap.AmPm = partsMap.dayPeriod;
     }
-    let formattedDate = format2;
-    const tokens = Object.keys(datePartsMap).sort((a2, b2) => b2.length - a2.length);
-    for (const token of tokens) {
-      const regex2 = new RegExp(token, "g");
-      formattedDate = formattedDate.replace(regex2, datePartsMap[token]);
-    }
-    return formattedDate;
+    return format2.replace(
+      _tokenRegExPattern,
+      (match) => datePartsMap[match]
+    );
   } catch (error) {
-    console.warn("Error formatting date", error);
+    console.warn(`Error formatting date: ${date2} with format: ${format2}`, error);
     return "";
   }
 }
@@ -37901,6 +37910,7 @@ export {
   denullify,
   formatDate,
   formatString,
+  getDatePartsMap,
   getFallbackSchema,
   getNestedValue,
   i18nTInjectionKey,

package/dist/style.css

@@ -1021,22 +1021,22 @@ display: block;
 	text-align: center;
 }
 
-.table-list-wrap[data-v-871fbe77] {
+.table-list-wrap[data-v-8d87f35c] {
 	min-height: 150px;
 }
-.selected[data-v-871fbe77] {
+.selected[data-v-8d87f35c] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-871fbe77]:hover {
+tbody tr.selected[data-v-8d87f35c]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-871fbe77] {
+.loading-table[data-v-8d87f35c] {
 	position: relative;
 }
-.inset[data-v-871fbe77] {
+.inset[data-v-8d87f35c] {
 	inset: 0;
 }
-.loading-table-animation[data-v-871fbe77] {
+.loading-table-animation[data-v-8d87f35c] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -1044,9 +1044,9 @@ tbody tr.selected[data-v-871fbe77]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-871fbe77 1s linear infinite;
+	animation: loading-table-8d87f35c 1s linear infinite;
 }
-@keyframes loading-table-871fbe77 {
+@keyframes loading-table-8d87f35c {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -1054,55 +1054,55 @@ tbody tr.selected[data-v-871fbe77]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-871fbe77] {
+.list-arrows[data-v-8d87f35c] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-871fbe77] {
+.list-arrows .bgl_icon-font[data-v-8d87f35c] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-871fbe77] {
+.list-arrows.sorted[data-v-8d87f35c] {
 	opacity: 1;
 }
-.col img[data-v-871fbe77] {
+.col img[data-v-8d87f35c] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 	object-fit: cover;
 }
-.col[data-v-871fbe77]:has(img) {
+.col[data-v-8d87f35c]:has(img) {
 	padding-inline-end: 0.5rem;
 }
-.list-arrows.sorted .desc[data-v-871fbe77] {
+.list-arrows.sorted .desc[data-v-8d87f35c] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-871fbe77] {
+table[data-v-8d87f35c] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-871fbe77] {
+th[data-v-8d87f35c] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--ae67a098);
+	height: var(--587595c3);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-871fbe77] {
+.embedded-field[data-v-8d87f35c] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-871fbe77] {
+.row[data-v-8d87f35c] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-871fbe77] {
+.row.first-row[data-v-8d87f35c] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -1111,7 +1111,7 @@ th[data-v-871fbe77] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-871fbe77]::after {
+.row.first-row[data-v-8d87f35c]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1119,11 +1119,11 @@ th[data-v-871fbe77] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-871fbe77] {
+.first-row .col[data-v-8d87f35c] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-871fbe77] {
+.col[data-v-8d87f35c] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -1133,19 +1133,19 @@ th[data-v-871fbe77] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-871fbe77]:has(.bagel-input) {
+.col[data-v-8d87f35c]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-871fbe77] {
+.col > div[data-v-8d87f35c] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-871fbe77] {
+.max-col-width[data-v-8d87f35c] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-871fbe77] {
+.col.check .bgl_icon-font[data-v-8d87f35c] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -1156,35 +1156,35 @@ th[data-v-871fbe77] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-871fbe77] {
+.rows[data-v-8d87f35c] {
 	font-size: 0.88em;
 }
-.table-list[data-v-871fbe77] {
+.table-list[data-v-8d87f35c] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-871fbe77] {
+.BagelTable .table-list[data-v-8d87f35c] {
 	overflow: unset;
 }
-.row-item[data-v-871fbe77] {
-	height: var(--ae67a098);
+.row-item[data-v-8d87f35c] {
+	height: var(--587595c3);
 	transition: all 200ms ease;
 }
-.row-item[data-v-871fbe77]:hover {
+.row-item[data-v-8d87f35c]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-871fbe77] {
+.row-item input[type='checkbox'][data-v-8d87f35c] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-871fbe77] {
+.infinite-wrapper[data-v-8d87f35c] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-871fbe77] {
+input[type='checkbox'][data-v-8d87f35c] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -1196,7 +1196,7 @@ input[type='checkbox'][data-v-871fbe77] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-871fbe77]::before {
+input[type='checkbox'][data-v-8d87f35c]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -1209,18 +1209,18 @@ input[type='checkbox'][data-v-871fbe77]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-871fbe77]:hover::before {
+input[type='checkbox'][data-v-8d87f35c]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-871fbe77] {
+[lang='he'] [dir='ltr'][data-v-8d87f35c] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-871fbe77] {
+th input[type='checkbox'][data-v-8d87f35c] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-871fbe77]::after {
+th[data-v-8d87f35c]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1228,24 +1228,24 @@ th[data-v-871fbe77]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-871fbe77] {
+tr[data-v-8d87f35c] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-871fbe77],
-th[data-v-871fbe77] {
+td[data-v-8d87f35c],
+th[data-v-8d87f35c] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-871fbe77] {
+tbody tr[data-v-8d87f35c] {
 	font-size: 0.88em;
-	height: var(--ae67a098);
+	height: var(--587595c3);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-871fbe77]:hover {
+tbody tr[data-v-8d87f35c]:hover {
 	background: var(--bgl-gray-light);
 }
 

package/dist/types/timeAgoT.d.ts

@@ -19,5 +19,5 @@ export type DateFormatSeparatorTypes = '/' | '-' | ' ' | ':' | '.';
 export type CommonDateFormats = `${DayFormatTypes}${DateFormatSeparatorTypes}${MonthFormatTypes}${DateFormatSeparatorTypes}${YearFormatTypes}` | 'DD.MM.YY' | 'DD.MM.YYYY' | 'DD/MM/YY' | 'DD/MM/YYYY' | 'MM.DD.YY' | 'MM.DD.YYYY' | 'MM/DD/YY' | 'MM/DD/YYYY' | 'YYYY-MM-DD' | 'YY-MM-DD' | 'DD MMM YYYY' | 'DD MMMM YYYY' | 'DDD, DD MMM' | 'DDDD, DD MMMM' | 'MMM DD' | 'MMMM DD';
 export type CommonTimeFormats = 'HH:mm' | 'HH:mm:ss' | 'HH:mm:ss:sss' | 'HH:mm AmPm';
 export type CommonDateTimeFormats = `${CommonDateFormats} ${CommonTimeFormats}` | `${CommonTimeFormats}, ${CommonDateFormats}` | 'YYYY-MM-DD HH:MM';
-export type DateTimeAcceptedFormats = CommonDateFormats | CommonTimeFormats | CommonDateTimeFormats;
+export type DateTimeAcceptedFormats = CommonDateFormats | CommonTimeFormats | CommonDateTimeFormats | DayFormatTypes | MonthFormatTypes | YearFormatTypes | HourFormatTypes | MinuteFormatTypes | SecondFormatTypes | MillisecondFormatTypes;
 //# sourceMappingURL=timeAgoT.d.ts.map

package/dist/types/timeAgoT.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeAgoT.d.ts","sourceRoot":"","sources":["../../src/types/timeAgoT.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,oBAAoB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAClD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAA;AAC3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAA;AAClC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA;AAEpC,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAGlE,MAAM,MAAM,iBAAiB,GAC1B,GAAG,cAAc,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,wBAAwB,GAAG,eAAe,EAAE,GAC9G,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,YAAY,GAAG,UAAU,GACzB,aAAa,GAAG,cAAc,GAC9B,aAAa,GAAG,eAAe,GAC/B,QAAQ,GAAG,SAAS,CAAA;AAEvB,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GAAG,UAAU,GAAG,cAAc,GACrC,YAAY,CAAA;AAGf,MAAM,MAAM,qBAAqB,GAC9B,GAAG,iBAAiB,IAAI,iBAAiB,EAAE,GAC3C,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,GAC5C,kBAAkB,CAAA;AAGrB,MAAM,MAAM,uBAAuB,GAChC,iBAAiB,GACjB,iBAAiB,GACjB,qBAAqB,CAAA"}
+{"version":3,"file":"timeAgoT.d.ts","sourceRoot":"","sources":["../../src/types/timeAgoT.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,oBAAoB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAClD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAA;AAC3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAA;AAClC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA;AAEpC,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAGlE,MAAM,MAAM,iBAAiB,GAC1B,GAAG,cAAc,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,wBAAwB,GAAG,eAAe,EAAE,GAC9G,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,YAAY,GAAG,UAAU,GACzB,aAAa,GAAG,cAAc,GAC9B,aAAa,GAAG,eAAe,GAC/B,QAAQ,GAAG,SAAS,CAAA;AAEvB,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GAAG,UAAU,GAAG,cAAc,GACrC,YAAY,CAAA;AAGf,MAAM,MAAM,qBAAqB,GAC9B,GAAG,iBAAiB,IAAI,iBAAiB,EAAE,GAC3C,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,GAC5C,kBAAkB,CAAA;AAGrB,MAAM,MAAM,uBAAuB,GAChC,iBAAiB,GACjB,iBAAiB,GACjB,qBAAqB,GAErB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,iBAAiB,GACjB,iBAAiB,GACjB,sBAAsB,CAAA"}

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAK5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAO5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAO5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAM5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F"}

package/dist/utils/timeAgo.d.ts

@@ -1,4 +1,19 @@
 import { AvailableTimeLanguages, DateTimeAcceptedFormats } from '../types/timeAgoT';
 export declare function timeAgo(date: string | Date, lang?: AvailableTimeLanguages): string;
+export declare function getDatePartsMap(d: Date, locale: Intl.LocalesArgument): {
+    AmPm: string;
+    DD: string;
+    DDD: string;
+    DDDD: string;
+    HH: string;
+    mm: string;
+    MM: string;
+    MMM: string;
+    MMMM: string;
+    ss: string;
+    sss: string;
+    YY: string;
+    YYYY: string;
+};
 export declare function formatDate(date?: string | Date, format?: DateTimeAcceptedFormats, locale?: string): string;
 //# sourceMappingURL=timeAgo.d.ts.map

package/dist/utils/timeAgo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeAgo.d.ts","sourceRoot":"","sources":["../../src/utils/timeAgo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,uBAAuB,EAAkC,MAAM,mBAAmB,CAAA;AAqDxH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UAsD/E;AASD,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAE,uBAAoC,EAAE,MAAM,CAAC,EAAE,MAAM,UAsF7G"}
+{"version":3,"file":"timeAgo.d.ts","sourceRoot":"","sources":["../../src/utils/timeAgo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,uBAAuB,EAAkC,MAAM,mBAAmB,CAAA;AAqDxH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UAsD/E;AASD,wBAAgB,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe;;;;;;;;;;;;;;EAiBpE;AAcD,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAE,uBAAoC,EAAE,MAAM,CAAC,EAAE,MAAM,UA6D7G"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.1.9",
+  "version": "1.1.13",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/dataTable/DataTable.vue

@@ -43,9 +43,15 @@ const {
 	toggleSort,
 	cleanTransformedData,
 	schemaState
-} = useTableData<T>({ data, schema, columns, useServerSort, onSort: (field, direction) => {
-	emit('orderBy', `${field} ${direction}`.trim() as EmitOrderT)
-} })
+} = useTableData<T>({
+	data,
+	schema,
+	columns,
+	useServerSort,
+	onSort: (field, direction) => {
+		emit('orderBy', `${field.trim()} ${direction.trim()}` as EmitOrderT)
+	}
+})
 
 const {
 	computedSelectedItems,

package/src/types/timeAgoT.ts

@@ -47,5 +47,14 @@ export type DateTimeAcceptedFormats =
 	| CommonDateFormats
 	| CommonTimeFormats
 	| CommonDateTimeFormats
+	// ^^ Union types for common formats
+	| DayFormatTypes
+	| MonthFormatTypes
+	| YearFormatTypes
+	| HourFormatTypes
+	| MinuteFormatTypes
+	| SecondFormatTypes
+	| MillisecondFormatTypes
+	// ^^ Union types for individual date parts
 	// ! | string
 	// ! no string fallback so that autocomplete works (developers should / can always cast to DateTimeAcceptedFormats)

package/src/utils/index.ts

@@ -172,9 +172,10 @@ export { useDebounceFn } from '@vueuse/core'
 const fileBaseUrl = (import.meta.env.VITE_FILE_BASE_URL || 'https://files.bagel.design').replace(/\/$/, '')
 const bagelBaseUrl = import.meta.env.VITE_BAGEL_BASE_URL
 
+const URL_REGEX = /^https?:\/\/|^\/\//
+
 export function pathKeyToURL(pathKey?: string) {
-	const urlRE = /^https?:\/\/|^\/\//
-	if (!pathKey || urlRE.test(pathKey)) return pathKey
+	if (!pathKey || URL_REGEX.test(pathKey)) return pathKey
 	if (pathKey.startsWith('static/')) {
 		return `${bagelBaseUrl}/${pathKey}`
 	}

package/src/utils/timeAgo.ts

@@ -114,6 +114,37 @@ function getBrowserNavigatorLocale(): string {
 		: navigator.language
 }
 
+export function getDatePartsMap(d: Date, locale: Intl.LocalesArgument) {
+	/// keep-sorted
+	return {
+		AmPm: d.toLocaleString(locale, { hour: 'numeric', hour12: true, minute: 'numeric' }).split(' ')[1],
+		DD: String(d.getDate()).padStart(2, '0'),
+		DDD: d.toLocaleString(locale, { weekday: 'short' }),
+		DDDD: d.toLocaleString(locale, { weekday: 'long' }),
+		HH: String(d.getHours()).padStart(2, '0'),
+		mm: String(d.getMinutes()).padStart(2, '0'),
+		MM: String(d.getMonth() + 1).padStart(2, '0'),
+		MMM: d.toLocaleString(locale, { month: 'short' }),
+		MMMM: d.toLocaleString(locale, { month: 'long' }),
+		ss: String(d.getSeconds()).padStart(2, '0'),
+		sss: String(d.getMilliseconds()).padStart(3, '0'),
+		YY: String(d.getFullYear()).slice(-2),
+		YYYY: String(d.getFullYear()),
+	}
+}
+
+// ? Avoid creating the date parts map on every call
+const _datePartsMapNow = getDatePartsMap(new Date(), getBrowserNavigatorLocale())
+
+// Sort tokens by length (longest first) to avoid partial replacements
+const _orderedDateTokens = (
+	Object.keys(_datePartsMapNow).sort((a, b) => b.length - a.length)
+) as (keyof typeof _datePartsMapNow)[]
+
+// ? Avoid creating the token regex pattern on every call
+// ? no longer creating the Regex Objs it in a loop
+const _tokenRegExPattern = new RegExp(_orderedDateTokens.map(token => token).join('|'), 'g')
+
 export function formatDate(date?: string | Date, format: DateTimeAcceptedFormats = 'DD.MM.YY', locale?: string) {
 	if (!date) return ''
 	locale = locale || getBrowserNavigatorLocale()
@@ -127,22 +158,7 @@ export function formatDate(date?: string | Date, format: DateTimeAcceptedFormats
 			return ''
 		}
 
-		/// keep-sorted
-		const datePartsMap = {
-			AmPm: d.toLocaleString(locale, { hour: 'numeric', hour12: true, minute: 'numeric' }).split(' ')[1],
-			DD: String(d.getDate()).padStart(2, '0'),
-			DDD: d.toLocaleString(locale, { weekday: 'short' }),
-			DDDD: d.toLocaleString(locale, { weekday: 'long' }),
-			HH: String(d.getHours()).padStart(2, '0'),
-			mm: String(d.getMinutes()).padStart(2, '0'),
-			MM: String(d.getMonth() + 1).padStart(2, '0'),
-			MMM: d.toLocaleString(locale, { month: 'short' }),
-			MMMM: d.toLocaleString(locale, { month: 'long' }),
-			ss: String(d.getSeconds()).padStart(2, '0'),
-			sss: String(d.getMilliseconds()).padStart(3, '0'),
-			YY: String(d.getFullYear()).slice(-2),
-			YYYY: String(d.getFullYear()),
-		}
+		const datePartsMap = getDatePartsMap(d, locale)
 
 		// For more complex formats that need localization, use Intl.DateTimeFormat
 		/// keep-sorted
@@ -182,22 +198,12 @@ export function formatDate(date?: string | Date, format: DateTimeAcceptedFormats
 		}
 
 		// Process the format string by replacing each token with its value
-		let formattedDate: string = format
-
-		// Sort tokens by length (longest first) to avoid partial replacements
-		const tokens = (
-			Object.keys(datePartsMap).sort((a, b) => b.length - a.length)
-		) as (keyof typeof datePartsMap)[]
-
-		// Replace each token with its value
-		for (const token of tokens) {
-			const regex = new RegExp(token, 'g')
-			formattedDate = formattedDate.replace(regex, datePartsMap[token])
-		}
-
-		return formattedDate
+		return format.replace(
+			_tokenRegExPattern,
+			match => datePartsMap[match as keyof typeof datePartsMap]
+		)
 	} catch (error) {
-		console.warn('Error formatting date', error)
+		console.warn(`Error formatting date: ${date} with format: ${format}`, error)
 		return ''
 	}
 }