@fluid-topics/ft-wc-utils 1.1.81 → 1.1.83

package/build/DateFormatter.d.ts

@@ -0,0 +1,10 @@
+import type { Moment } from "moment";
+declare global {
+    interface Window {
+        moment?: Moment;
+    }
+}
+export declare class DateFormatter {
+    static format(date: string, locale: string, longDateFormat: boolean, dateTimeFormat: boolean): string;
+    private static getDateFormat;
+}

package/build/DateFormatter.js

@@ -0,0 +1,22 @@
+export class DateFormatter {
+    static format(date, locale, longDateFormat, dateTimeFormat) {
+        if (!window.moment) {
+            return date;
+        }
+        return window.moment(date).locale(locale).format(this.getDateFormat(longDateFormat, dateTimeFormat));
+    }
+    static getDateFormat(longDateFormat, dateTimeFormat) {
+        if (longDateFormat) {
+            if (dateTimeFormat) {
+                return "lll";
+            }
+            return "ll";
+        }
+        else {
+            if (dateTimeFormat) {
+                return "L LT";
+            }
+            return "L";
+        }
+    }
+}

package/build/FtLitElement.d.ts

@@ -7,13 +7,14 @@ export declare class FtLitElement extends ScopedRegistryLitElement {
     exportpartsPrefix?: string;
     exportpartsPrefixes?: string[];
     customStylesheet?: string;
-    private adoptedCustomStyleSheet;
     private useAdoptedStyleSheets;
+    private adoptedCustomStyleSheet;
     private readonly [constructorPrototype];
     private readonly [constructorName];
     constructor();
     adoptedCallback(): void;
     connectedCallback(): void;
+    protected importDynamicDependencies(): void;
     protected updated(props: PropertyValues): void;
     protected contentAvailableCallback(props: PropertyValues): void;
     private applyCustomStylesheet;

package/build/FtLitElement.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var _a;
-import { property } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import { jsonProperty } from "./decorators";
 import { Debouncer } from "./Debouncer";
 import { ScopedRegistryLitElement } from "./ScopedRegistryLitElement";
@@ -15,8 +15,8 @@ const exportpartsDebouncer = Symbol("exportpartsDebouncer");
 export class FtLitElement extends ScopedRegistryLitElement {
     constructor() {
         super();
-        this.adoptedCustomStyleSheet = new CSSStyleSheet();
         this.useAdoptedStyleSheets = true;
+        this.adoptedCustomStyleSheet = new CSSStyleSheet();
         this[_a] = new Debouncer(5);
         this[constructorName] = this.constructor.name;
         this[constructorPrototype] = this.constructor.prototype;
@@ -32,11 +32,15 @@ export class FtLitElement extends ScopedRegistryLitElement {
             if (this.shadowRoot && !this.shadowRoot.adoptedStyleSheets.includes(this.adoptedCustomStyleSheet)) {
                 this.shadowRoot.adoptedStyleSheets = [...this.shadowRoot.adoptedStyleSheets, this.adoptedCustomStyleSheet];
             }
+            this.useAdoptedStyleSheets = true;
         }
         catch (e) {
             this.useAdoptedStyleSheets = false;
             console.error("Cannot use adopted stylesheets", e);
         }
+        this.importDynamicDependencies();
+    }
+    importDynamicDependencies() {
     }
     updated(props) {
         super.updated(props);
@@ -50,18 +54,19 @@ export class FtLitElement extends ScopedRegistryLitElement {
     }
     applyCustomStylesheet(props) {
         var _b, _c, _d;
+        ((_c = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll(".ft-lit-element--custom-stylesheet")) !== null && _c !== void 0 ? _c : []).forEach(e => e.remove());
         if (this.useAdoptedStyleSheets) {
             if (props.has("customStylesheet")) {
                 try {
-                    this.adoptedCustomStyleSheet.replaceSync((_b = this.customStylesheet) !== null && _b !== void 0 ? _b : "");
+                    this.adoptedCustomStyleSheet.replaceSync((_d = this.customStylesheet) !== null && _d !== void 0 ? _d : "");
                 }
                 catch (e) {
                     console.error(e, this.customStylesheet);
+                    this.useAdoptedStyleSheets = false;
                 }
             }
         }
         else {
-            ((_d = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll(".ft-lit-element--custom-stylesheet")) !== null && _d !== void 0 ? _d : []).forEach(e => e.remove());
             if (this.customStylesheet) {
                 const customStyles = document.createElement("style");
                 customStyles.classList.add("ft-lit-element--custom-stylesheet");
@@ -118,3 +123,6 @@ __decorate([
 __decorate([
     property()
 ], FtLitElement.prototype, "customStylesheet", void 0);
+__decorate([
+    state()
+], FtLitElement.prototype, "useAdoptedStyleSheets", void 0);

package/build/decorators.js

@@ -1,5 +1,5 @@
 import { property } from "lit/decorators.js";
-import { deepEqual } from "./helpers";
+import { hasChanged } from "./helpers";
 export const customElement = (tagName) => (clazz) => {
     if (!window.customElements.get(tagName)) {
         window.customElements.define(tagName, clazz);
@@ -25,7 +25,7 @@ export function jsonProperty(defaultValue, options) {
                 return JSON.stringify(value);
             }
         },
-        hasChanged: (a, b) => !deepEqual(a, b),
+        hasChanged,
         ...(options !== null && options !== void 0 ? options : {})
     });
 }