@sankhyalabs/core 1.0.42 → 1.0.45

package/src/ui/FloatingManager.ts

@@ -1,166 +1,168 @@
-interface FloatingOptions {
-    autoClose: boolean;
-    top?: string;
-    left?: string;
-    right?: string;
-    bottom?: string;
-    innerClickTest?: Function;
-}
-
-class FloatingEntry {
-
-    private weakRefParent?: WeakRef<HTMLElement>;
-    private weakRefContent?: WeakRef<HTMLElement>;
-    private strongRefParent?: HTMLElement;
-    private strongRefContent?: HTMLElement;
-    public options: FloatingOptions;
-
-    constructor(parent: HTMLElement, content: HTMLElement, opts: FloatingOptions) {
-        try{
-            this.weakRefParent = new WeakRef(parent);
-            this.weakRefContent = new WeakRef(content);
-        } catch(error){
-            this.strongRefParent = parent;
-            this.strongRefContent = content;
-        }
-        this.options = opts;
-    }
-
-    public get parent():HTMLElement|undefined{
-        if(this.weakRefParent){
-            return this.weakRefParent.deref();
-        }
-        return this.strongRefParent
-    }
-
-    public get content():HTMLElement|undefined{
-        if(this.weakRefContent){
-            return this.weakRefContent.deref();
-        }
-        return this.strongRefContent;
-    }
-}
-
-export default class FloatingManager {
-
-    private static initialized: boolean;
-    private static entries: Array<FloatingEntry>;
-
-    private static init() {
-        FloatingManager.entries = [];
-        document.addEventListener('mousedown', FloatingManager.handleDocumentEvent);
-        document.addEventListener('keydown', FloatingManager.handleKeyboardEvent);
-        FloatingManager.initialized = true;
-    }
-
-    private static innerClick(container: HTMLElement, node: HTMLElement) {
-        if (container.contains(node)) {
-            return true;
-        }
-
-        if (container.shadowRoot && container.shadowRoot.contains(node)) {
-            return true;
-        }
-
-        return false;
-    }
-
-    private static doClose(id: number, entry: FloatingEntry, target?: HTMLElement) {
-        if (!target || entry.options.autoClose) {
-            const parent: HTMLElement | undefined = entry.parent;
-            const content: HTMLElement | undefined = entry.content;
-
-            if (parent && content) {
-                const innerClickFunction: Function = entry.options.innerClickTest ? entry.options.innerClickTest : FloatingManager.innerClick;
-
-                if (!target || !innerClickFunction(content, target)) {
-                    content.remove();
-                    delete FloatingManager.entries[id];
-                }
-            } else {
-                delete FloatingManager.entries[id];
-            }
-        }
-    }
-
-    private static handleDocumentEvent(event: Event) {
-
-        FloatingManager.entries.forEach((entry, index) => {
-            FloatingManager.doClose(index, entry, event.composedPath()[0] as HTMLElement);
-        });
-    }
-
-    private static handleKeyboardEvent(event: KeyboardEvent) {
-        if (event.key === 'Escape') {
-            for (let index: number = FloatingManager.entries.length; index >= 0; index--) {
-                const entry: FloatingEntry = FloatingManager.entries[index];
-                if (entry) {
-                    FloatingManager.close(index);
-                    break;
-                }
-            }
-        }
-    }
-
-    private static applyStyle(element: HTMLElement, propertyName: string, value?: string) {
-        if (value) {
-            element.style.setProperty(propertyName, value);
-        }
-    }
-
-    private static getFloatIndex(content: HTMLElement, parent: HTMLElement): number {
-
-        for (let index: number = 0; index < FloatingManager.entries.length; index++) {
-            const entry: FloatingEntry = FloatingManager.entries[index];
-            if (entry && content === entry.content && parent === entry.parent) {
-                return index;
-            }
-        }
-        return -1;
-    }
-
-    public static isFloating(id: number){
-        return FloatingManager.entries[id] !== undefined;
-    }
-
-    public static float(content: HTMLElement, parent: HTMLElement, options: FloatingOptions = { autoClose: true }): number {
-
-        if (!FloatingManager.initialized) {
-            FloatingManager.init();
-        }
-
-        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
-
-        if (alreadyFloatingIndex > -1) {
-            return alreadyFloatingIndex;
-        }
-
-        content.style.position = 'absolute';
-        FloatingManager.applyStyle(content, "top", options.top);
-        FloatingManager.applyStyle(content, "left", options.left);
-        FloatingManager.applyStyle(content, "right", options.right);
-        FloatingManager.applyStyle(content, "bottom", options.bottom);
-
-        parent.appendChild(content);
-        FloatingManager.entries.push(new FloatingEntry(parent, content, options));
-
-        return FloatingManager.entries.length - 1;
-    }
-
-    public static updateFloatPosition(content: HTMLElement, parent: HTMLElement, options: FloatingOptions = { autoClose: true }) {
-        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
-        if (alreadyFloatingIndex > -1) {
-            FloatingManager.applyStyle(content, "top", options.top);
-            FloatingManager.applyStyle(content, "left", options.left);
-            FloatingManager.applyStyle(content, "right", options.right);
-            FloatingManager.applyStyle(content, "bottom", options.bottom);
-        }
-
-    }
-
-    public static close(id: number) {
-        if (FloatingManager.entries[id]) {
-            FloatingManager.doClose(id, FloatingManager.entries[id], undefined);
-        }
-    }
+interface FloatingOptions {
+    autoClose: boolean;
+    top?: string;
+    left?: string;
+    right?: string;
+    bottom?: string;
+    innerClickTest?: Function;
+    backClickListener?: Function;
+}
+
+class FloatingEntry {
+
+    private weakRefParent?: WeakRef<HTMLElement>;
+    private weakRefContent?: WeakRef<HTMLElement>;
+    private strongRefParent?: HTMLElement;
+    private strongRefContent?: HTMLElement;
+    public options: FloatingOptions;
+
+    constructor(parent: HTMLElement, content: HTMLElement, opts: FloatingOptions) {
+        try{
+            this.weakRefParent = new WeakRef(parent);
+            this.weakRefContent = new WeakRef(content);
+        } catch(error){
+            this.strongRefParent = parent;
+            this.strongRefContent = content;
+        }
+        this.options = opts;
+    }
+
+    public get parent():HTMLElement|undefined{
+        if(this.weakRefParent){
+            return this.weakRefParent.deref();
+        }
+        return this.strongRefParent
+    }
+
+    public get content():HTMLElement|undefined{
+        if(this.weakRefContent){
+            return this.weakRefContent.deref();
+        }
+        return this.strongRefContent;
+    }
+}
+
+export default class FloatingManager {
+
+    private static initialized: boolean;
+    private static entries: Array<FloatingEntry>;
+
+    private static init() {
+        FloatingManager.entries = [];
+        document.addEventListener('mousedown', FloatingManager.handleDocumentEvent);
+        document.addEventListener('keydown', FloatingManager.handleKeyboardEvent);
+        FloatingManager.initialized = true;
+    }
+
+    private static innerClick(container: HTMLElement, node: HTMLElement) {
+        if (container.contains(node)) {
+            return true;
+        }
+
+        if (container.shadowRoot && container.shadowRoot.contains(node)) {
+            return true;
+        }
+
+        return false;
+    }
+
+    private static doClose(id: number, entry: FloatingEntry, target?: HTMLElement, event?:Event) {
+        if (!target || entry.options.autoClose) {
+            const parent: HTMLElement | undefined = entry.parent;
+            const content: HTMLElement | undefined = entry.content;
+
+            if (parent && content) {
+                const innerClickFunction: Function = entry.options.innerClickTest ? entry.options.innerClickTest : FloatingManager.innerClick;
+                const backClickFunction: Function = entry.options.backClickListener ?  entry.options.backClickListener : () => {};
+                if (!target || !innerClickFunction(content, target, event)) {  
+                    content.remove();
+                    delete FloatingManager.entries[id];
+                    backClickFunction();
+                }
+            } else {
+                delete FloatingManager.entries[id];
+            }
+        }
+    }
+
+    private static handleDocumentEvent(event: Event) {
+
+        FloatingManager.entries.forEach((entry, index) => {
+            FloatingManager.doClose(index, entry, event.composedPath()[0] as HTMLElement, event);
+        });
+    }
+
+    private static handleKeyboardEvent(event: KeyboardEvent) {
+        if (event.key === 'Escape') {
+            for (let index: number = FloatingManager.entries.length; index >= 0; index--) {
+                const entry: FloatingEntry = FloatingManager.entries[index];
+                if (entry) {
+                    FloatingManager.close(index);
+                    break;
+                }
+            }
+        }
+    }
+
+    private static applyStyle(element: HTMLElement, propertyName: string, value?: string) {
+        if (value) {
+            element.style.setProperty(propertyName, value);
+        }
+    }
+
+    private static getFloatIndex(content: HTMLElement, parent: HTMLElement): number {
+
+        for (let index: number = 0; index < FloatingManager.entries.length; index++) {
+            const entry: FloatingEntry = FloatingManager.entries[index];
+            if (entry && content === entry.content && parent === entry.parent) {
+                return index;
+            }
+        }
+        return -1;
+    }
+
+    public static isFloating(id: number){
+        return FloatingManager.entries[id] !== undefined;
+    }
+
+    public static float(content: HTMLElement, parent: HTMLElement, options: FloatingOptions = { autoClose: true }): number {
+
+        if (!FloatingManager.initialized) {
+            FloatingManager.init();
+        }
+
+        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
+
+        if (alreadyFloatingIndex > -1) {
+            return alreadyFloatingIndex;
+        }
+
+        content.style.position = 'absolute';
+        FloatingManager.applyStyle(content, "top", options.top);
+        FloatingManager.applyStyle(content, "left", options.left);
+        FloatingManager.applyStyle(content, "right", options.right);
+        FloatingManager.applyStyle(content, "bottom", options.bottom);
+
+        parent.appendChild(content);
+        FloatingManager.entries.push(new FloatingEntry(parent, content, options));
+
+        return FloatingManager.entries.length - 1;
+    }
+
+    public static updateFloatPosition(content: HTMLElement, parent: HTMLElement, options: FloatingOptions = { autoClose: true }) {
+        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
+        if (alreadyFloatingIndex > -1) {
+            FloatingManager.applyStyle(content, "top", options.top);
+            FloatingManager.applyStyle(content, "left", options.left);
+            FloatingManager.applyStyle(content, "right", options.right);
+            FloatingManager.applyStyle(content, "bottom", options.bottom);
+        }
+
+    }
+
+    public static close(id: number) {
+        if (FloatingManager.entries[id]) {
+            FloatingManager.doClose(id, FloatingManager.entries[id], undefined);
+        }
+    }
 }

package/src/utils/ApplicationContext.ts

@@ -1,19 +1,19 @@
-export default class ApplicationContext{
-
-    public static getContextValue(key: string):any{
-        return ApplicationContext.getCtx()[key];
-    }
-
-    public static setContextValue(key: string, value: any):any{
-        ApplicationContext.getCtx()[key] = value;
-    }
-
-    private static getCtx():any{
-        let ctx = (window as any).___snkcore___ctx___;
-        if(!ctx){
-            ctx = {};
-            (window as any).___snkcore___ctx___ = ctx;
-        }
-        return ctx;
-    }
+export default class ApplicationContext{
+
+    public static getContextValue(key: string):any{
+        return ApplicationContext.getCtx()[key];
+    }
+
+    public static setContextValue(key: string, value: any):any{
+        ApplicationContext.getCtx()[key] = value;
+    }
+
+    private static getCtx():any{
+        let ctx = (window as any).___snkcore___ctx___;
+        if(!ctx){
+            ctx = {};
+            (window as any).___snkcore___ctx___ = ctx;
+        }
+        return ctx;
+    }
 }