@fluid-topics/ft-wc-utils 1.3.24 → 1.3.26

package/build/DateFormatter.d.ts

@@ -5,6 +5,7 @@ declare global {
     }
 }
 export declare class DateFormatter {
-    static format(date: string, locale: string, longDateFormat: boolean, dateTimeFormat: boolean): string;
-    private static getDateFormat;
+    static format(date: string | Date, locale: string, longDateFormat: boolean, dateTimeFormat: boolean): string;
+    private static getMomentDateFormat;
+    private static getIntlDateTime;
 }

package/build/DateFormatter.js

@@ -1,11 +1,11 @@
 export class DateFormatter {
     static format(date, locale, longDateFormat, dateTimeFormat) {
         if (!window.moment) {
-            return date;
+            return this.getIntlDateTime(date, locale, longDateFormat, dateTimeFormat);
         }
-        return window.moment(date).locale(locale).format(this.getDateFormat(longDateFormat, dateTimeFormat));
+        return window.moment(date).locale(locale).format(this.getMomentDateFormat(longDateFormat, dateTimeFormat));
     }
-    static getDateFormat(longDateFormat, dateTimeFormat) {
+    static getMomentDateFormat(longDateFormat, dateTimeFormat) {
         if (longDateFormat) {
             if (dateTimeFormat) {
                 return "lll";
@@ -19,4 +19,13 @@ export class DateFormatter {
             return "L";
         }
     }
+    static getIntlDateTime(date, locale, longDateFormat, dateTimeFormat) {
+        const parsedDate = typeof date === "string" ? new Date(date) : date;
+        const datePart = (new Intl.DateTimeFormat(locale, { dateStyle: longDateFormat ? "medium" : "short" })).format(parsedDate);
+        if (!dateTimeFormat) {
+            return datePart;
+        }
+        const timePart = (new Intl.DateTimeFormat(locale, { timeStyle: "short" })).format(parsedDate);
+        return `${datePart} ${timePart}`;
+    }
 }

package/build/FtLitElementWithAriaNotification.d.ts

@@ -0,0 +1,12 @@
+import { FtLitElement } from "./FtLitElement";
+import { Constructor } from "./generic-types";
+type AriaNotificationMessageType = string | {
+    message: string;
+};
+export type FtLitElementWithAriaNotificationInterface = {
+    sendAriaNotificationIfVisible(message?: AriaNotificationMessageType): void;
+    sendAriaNotification(message?: AriaNotificationMessageType): void;
+};
+type FtLitElementWithAriaNotificationType<T extends Constructor<FtLitElement>> = T & Constructor<FtLitElementWithAriaNotificationInterface>;
+export declare function withAriaNotification<T extends Constructor<FtLitElement>>(Class: T): FtLitElementWithAriaNotificationType<T>;
+export {};

package/build/FtLitElementWithAriaNotification.js

@@ -0,0 +1,22 @@
+import { FtNotificationEvent } from "./events";
+export function withAriaNotification(Class) {
+    class FtLitElementWithAriaNotificationClass extends Class {
+        sendAriaNotificationIfVisible(message) {
+            setTimeout(() => {
+                if (this.checkVisibility()) {
+                    this.sendAriaNotification(message);
+                }
+            }, 20);
+        }
+        sendAriaNotification(message) {
+            message = typeof message === "string" ? message : message === null || message === void 0 ? void 0 : message.message;
+            if (message) {
+                this.dispatchEvent(new FtNotificationEvent({
+                    type: "aria",
+                    message: message,
+                }));
+            }
+        }
+    }
+    return FtLitElementWithAriaNotificationClass;
+}

package/build/events.d.ts

@@ -1,5 +1,5 @@
 import { Constructor } from "./generic-types";
-export type FtNotificationType = "info" | "warning" | "error";
+export type FtNotificationType = "info" | "warning" | "error" | "aria";
 export interface FtNotificationEventDetail {
     type: FtNotificationType;
     message: string;