cx 26.1.3 → 26.1.4

package/src/util/DOM.ts

@@ -1,88 +1,88 @@
-import { isNumber } from "../util/isNumber";
-
-type ElementFilter = (el: Element, condition: (el: Element) => boolean) => Element | null;
-
-/**
- * Returns first child element, or the parent element itself, that satisfies the `condition` function.
- * @param el
- * @param condition
- * @returns {Element}
- */
-export function findFirst<T extends Element>(el: Element, condition: (el: Element) => el is T): T | null;
-export function findFirst(el: Element, condition: (el: Element) => boolean): Element | null;
-export function findFirst(el: Element, condition: (el: Element) => boolean): Element | null {
-   if (condition(el)) return el;
-
-   var children = el.children;
-   if (children)
-      for (var i = 0; i < children.length; i++) {
-         var child = findFirst(children[i], condition);
-         if (child) return child;
-      }
-   return null;
-}
-
-export function findFirstChild<T extends Element>(el: Element, condition: (el: Element) => el is T): T | null;
-export function findFirstChild(el: Element, condition: (el: Element) => boolean): Element | null;
-export function findFirstChild(el: Element, condition: (el: Element) => boolean): Element | null {
-   var children = el.children;
-   if (children)
-      for (var i = 0; i < children.length; i++) {
-         var child = findFirst(children[i], condition);
-         if (child) return child;
-      }
-   return null;
-}
-
-export function closest(el: HTMLElement | null, condition: (el: HTMLElement) => boolean): HTMLElement | null;
-export function closest(el: Element | null, condition: (el: Element) => boolean): Element | null;
-export function closest(el: Element | null, condition: (el: any) => boolean): Element | null {
-   while (el) {
-      if (condition(el)) return el;
-      el = el.parentElement;
-   }
-   return null;
-}
-
-export function closestParent(el: HTMLElement, condition: (el: HTMLElement) => boolean): HTMLElement | null;
-export function closestParent(el: Element, condition: (el: HTMLElement) => boolean): HTMLElement | null;
-export function closestParent(el: Element, condition: (el: any) => boolean): HTMLElement | null {
-   return el && closest(el.parentElement, condition);
-}
-
-export function isFocused(el: Element): boolean {
-   return document.activeElement == el;
-}
-
-export function isFocusedDeep(el: Element): boolean {
-   return document.activeElement == el || (!!document.activeElement && el.contains(document.activeElement));
-}
-
-const focusableWithoutTabIndex = ["INPUT", "SELECT", "TEXTAREA", "A", "BUTTON"];
-
-export function isFocusable(el: Element): el is HTMLElement {
-   if (!(el instanceof HTMLElement)) return false;
-
-   var firstPass = el && isNumber(el.tabIndex) && el.tabIndex >= 0;
-   if (!firstPass) return false;
-
-   if (focusableWithoutTabIndex.indexOf(el.tagName) != -1 && !el.hasAttribute("disabled")) return true;
-
-   return el.hasAttribute("tabindex");
-}
-
-/**
- * Returns focused element.
- * @returns {Element}
- */
-export function getFocusedElement(): Element | null {
-   return document.activeElement;
-}
-
-export function isDescendant(el: Element, descEl: Element): boolean {
-   return el.contains(descEl);
-}
-
-export function isSelfOrDescendant(el: Element, descEl: Element): boolean {
-   return el == descEl || el.contains(descEl);
-}
+import { isNumber } from "../util/isNumber";
+
+type ElementFilter = (el: Element, condition: (el: Element) => boolean) => Element | null;
+
+/**
+ * Returns first child element, or the parent element itself, that satisfies the `condition` function.
+ * @param el
+ * @param condition
+ * @returns {Element}
+ */
+export function findFirst<T extends Element>(el: Element, condition: (el: Element) => el is T): T | null;
+export function findFirst(el: Element, condition: (el: Element) => boolean): Element | null;
+export function findFirst(el: Element, condition: (el: Element) => boolean): Element | null {
+   if (condition(el)) return el;
+
+   var children = el.children;
+   if (children)
+      for (var i = 0; i < children.length; i++) {
+         var child = findFirst(children[i], condition);
+         if (child) return child;
+      }
+   return null;
+}
+
+export function findFirstChild<T extends Element>(el: Element, condition: (el: Element) => el is T): T | null;
+export function findFirstChild(el: Element, condition: (el: Element) => boolean): Element | null;
+export function findFirstChild(el: Element, condition: (el: Element) => boolean): Element | null {
+   var children = el.children;
+   if (children)
+      for (var i = 0; i < children.length; i++) {
+         var child = findFirst(children[i], condition);
+         if (child) return child;
+      }
+   return null;
+}
+
+export function closest(el: HTMLElement | null, condition: (el: HTMLElement) => boolean): HTMLElement | null;
+export function closest(el: Element | null, condition: (el: Element) => boolean): Element | null;
+export function closest(el: Element | null, condition: (el: any) => boolean): Element | null {
+   while (el) {
+      if (condition(el)) return el;
+      el = el.parentElement;
+   }
+   return null;
+}
+
+export function closestParent(el: HTMLElement, condition: (el: HTMLElement) => boolean): HTMLElement | null;
+export function closestParent(el: Element, condition: (el: HTMLElement) => boolean): HTMLElement | null;
+export function closestParent(el: Element, condition: (el: any) => boolean): HTMLElement | null {
+   return el && closest(el.parentElement, condition);
+}
+
+export function isFocused(el: Element): boolean {
+   return document.activeElement == el;
+}
+
+export function isFocusedDeep(el: Element): boolean {
+   return document.activeElement == el || (!!document.activeElement && el.contains(document.activeElement));
+}
+
+const focusableWithoutTabIndex = ["INPUT", "SELECT", "TEXTAREA", "A", "BUTTON"];
+
+export function isFocusable(el: Element): el is HTMLElement {
+   if (!(el instanceof HTMLElement)) return false;
+
+   var firstPass = el && isNumber(el.tabIndex) && el.tabIndex >= 0;
+   if (!firstPass) return false;
+
+   if (focusableWithoutTabIndex.indexOf(el.tagName) != -1 && !el.hasAttribute("disabled")) return true;
+
+   return el.hasAttribute("tabindex");
+}
+
+/**
+ * Returns focused element.
+ * @returns {Element}
+ */
+export function getFocusedElement(): Element | null {
+   return document.activeElement;
+}
+
+export function isDescendant(el: Element, descEl: Element): boolean {
+   return el.contains(descEl);
+}
+
+export function isSelfOrDescendant(el: Element, descEl: Element): boolean {
+   return el == descEl || el.contains(descEl);
+}

package/src/util/Debug.ts

@@ -1,71 +1,71 @@
-import { Console } from './Console';
-
-export type DebugFlag =
-   | 'render'
-   | 'prepare'
-   | 'process-data'
-   | 'cleanup'
-   | 'menu'
-   | 'focus'
-   | 'internal'
-   | 'should-update'
-   | 'app-data'
-   | 'tooltips'
-   | 'deprecated'
-   | 'destroy'
-   | string; // Allow custom flags
-
-interface DebugFlags {
-   [flag: string]: boolean;
-}
-
-let activeFlags: DebugFlags = {
-   deprecated: true
-};
-
-export function debug(flag: DebugFlag, ...args: any[]): void {
-   if (process.env.NODE_ENV !== "production") {
-      if (!activeFlags[flag])
-         return;
-
-      Console.log(flag + ':', ...args);
-   }
-}
-
-export const Debug = {
-   enable(flag: DebugFlag): void {
-      if (process.env.NODE_ENV !== "production") {
-         activeFlags[flag] = true;
-      }
-   },
-
-   disable(flag: DebugFlag): void {
-      if (process.env.NODE_ENV !== "production") {
-         activeFlags[flag] = false;
-      }
-   },
-
-   isEnabled(flag: DebugFlag): boolean {
-      return process.env.NODE_ENV !== "production" && !!activeFlags[flag];
-   },
-
-   getActiveFlags(): Readonly<DebugFlags> {
-      return { ...activeFlags };
-   },
-
-   log: debug
-};
-
-export const renderFlag: DebugFlag = 'render';
-export const prepareFlag: DebugFlag = 'prepare';
-export const processDataFlag: DebugFlag = 'process-data';
-export const cleanupFlag: DebugFlag = 'cleanup';
-export const menuFlag: DebugFlag = 'menu';
-export const focusFlag: DebugFlag = 'focus';
-export const internalFlag: DebugFlag = 'internal';
-export const shouldUpdateFlag: DebugFlag = 'should-update';
-export const appDataFlag: DebugFlag = 'app-data';
-export const tooltipsFlag: DebugFlag = 'tooltips';
-export const deprecatedFlag: DebugFlag = 'deprecated';
-export const destroyFlag: DebugFlag = 'destroy';
-
+import { Console } from './Console';
+
+export type DebugFlag =
+   | 'render'
+   | 'prepare'
+   | 'process-data'
+   | 'cleanup'
+   | 'menu'
+   | 'focus'
+   | 'internal'
+   | 'should-update'
+   | 'app-data'
+   | 'tooltips'
+   | 'deprecated'
+   | 'destroy'
+   | string; // Allow custom flags
+
+interface DebugFlags {
+   [flag: string]: boolean;
+}
+
+let activeFlags: DebugFlags = {
+   deprecated: true
+};
+
+export function debug(flag: DebugFlag, ...args: any[]): void {
+   if (process.env.NODE_ENV !== "production") {
+      if (!activeFlags[flag])
+         return;
+
+      Console.log(flag + ':', ...args);
+   }
+}
+
+export const Debug = {
+   enable(flag: DebugFlag): void {
+      if (process.env.NODE_ENV !== "production") {
+         activeFlags[flag] = true;
+      }
+   },
+
+   disable(flag: DebugFlag): void {
+      if (process.env.NODE_ENV !== "production") {
+         activeFlags[flag] = false;
+      }
+   },
+
+   isEnabled(flag: DebugFlag): boolean {
+      return process.env.NODE_ENV !== "production" && !!activeFlags[flag];
+   },
+
+   getActiveFlags(): Readonly<DebugFlags> {
+      return { ...activeFlags };
+   },
+
+   log: debug
+};
+
+export const renderFlag: DebugFlag = 'render';
+export const prepareFlag: DebugFlag = 'prepare';
+export const processDataFlag: DebugFlag = 'process-data';
+export const cleanupFlag: DebugFlag = 'cleanup';
+export const menuFlag: DebugFlag = 'menu';
+export const focusFlag: DebugFlag = 'focus';
+export const internalFlag: DebugFlag = 'internal';
+export const shouldUpdateFlag: DebugFlag = 'should-update';
+export const appDataFlag: DebugFlag = 'app-data';
+export const tooltipsFlag: DebugFlag = 'tooltips';
+export const deprecatedFlag: DebugFlag = 'deprecated';
+export const destroyFlag: DebugFlag = 'destroy';
+

package/src/util/Format.spec.ts

@@ -1,69 +1,69 @@
-import assert from "assert";
-import { Format } from "./Format";
-
-describe("Format", function () {
-   describe("n,number ", function () {
-      it("correctly formats numbers with min and max allowed precision", function () {
-         assert.equal(Format.value(0.5, "n;2;4"), "0.50");
-         assert.equal(Format.value(0.50101, "n;2;4"), "0.501");
-         assert.equal(Format.value(0.5012, "n;2;4"), "0.5012");
-         assert.equal(Format.value(0.0, "n;0;4"), "0");
-      });
-
-      it("correctly formats numbers fixed precision", function () {
-         assert.equal(Format.value(0.5, "number;3"), "0.500");
-         assert.equal(Format.value(0.50101, "number;3"), "0.501");
-         assert.equal(Format.value(0.5016, "number;3"), "0.502");
-      });
-   });
-
-   describe("p,percentage", function () {
-      it("correctly formats numbers with min and max allowed precision", function () {
-         assert.equal(Format.value(0.5, "p;2;4"), "50.00%");
-         assert.equal(Format.value(0.50101, "p;2;4"), "50.101%");
-         assert.equal(Format.value(0.50123456, "p;2;4"), "50.1235%");
-         assert.equal(Format.value(0.0, "p;0;4"), "0%");
-      });
-
-      it("correctly formats numbers fixed precision", function () {
-         assert.equal(Format.value(0.5, "percentage;3"), "50.000%");
-         assert.equal(Format.value(0.50101, "percentage;3"), "50.101%");
-         assert.equal(Format.value(0.5016, "percentage;3"), "50.160%");
-      });
-   });
-
-   describe("date,time,datetime", function () {
-      it("correctly formats dates", function () {
-         assert.equal(Format.value(new Date(2015, 3, 1), "d"), "4/1/2015");
-      });
-
-      it("correctly formats time", function () {
-         assert.equal(Format.value(new Date(2015, 3, 1, 16, 15, 14), "t"), "16:15");
-         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), "time"), "05:06");
-      });
-
-      it("correctly formats date-time", function () {
-         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), "dt"), "4/1/2015 05:06");
-      });
-   });
-
-   describe("ellipsis", function () {
-      it("can shorten long texts", function () {
-         assert.equal(Format.value("This is a very long text.", "ellipsis;7"), "This...");
-      });
-
-      it("can be used at the start of string", function () {
-         assert.equal(Format.value("This is a very long text.", "ellipsis;8;start"), "...text.");
-      });
-
-      it("can be used in the middle of the string", function () {
-         assert.equal(Format.value("First (Middle) Last", "ellipsis;11;middle"), "Firs...Last");
-      });
-   });
-
-   describe("null text", function () {
-      it("can contain null text", function () {
-         assert.equal(Format.value(null, "n;2|N/A"), "N/A");
-      });
-   });
-});
+import assert from "assert";
+import { Format } from "./Format";
+
+describe("Format", function () {
+   describe("n,number ", function () {
+      it("correctly formats numbers with min and max allowed precision", function () {
+         assert.equal(Format.value(0.5, "n;2;4"), "0.50");
+         assert.equal(Format.value(0.50101, "n;2;4"), "0.501");
+         assert.equal(Format.value(0.5012, "n;2;4"), "0.5012");
+         assert.equal(Format.value(0.0, "n;0;4"), "0");
+      });
+
+      it("correctly formats numbers fixed precision", function () {
+         assert.equal(Format.value(0.5, "number;3"), "0.500");
+         assert.equal(Format.value(0.50101, "number;3"), "0.501");
+         assert.equal(Format.value(0.5016, "number;3"), "0.502");
+      });
+   });
+
+   describe("p,percentage", function () {
+      it("correctly formats numbers with min and max allowed precision", function () {
+         assert.equal(Format.value(0.5, "p;2;4"), "50.00%");
+         assert.equal(Format.value(0.50101, "p;2;4"), "50.101%");
+         assert.equal(Format.value(0.50123456, "p;2;4"), "50.1235%");
+         assert.equal(Format.value(0.0, "p;0;4"), "0%");
+      });
+
+      it("correctly formats numbers fixed precision", function () {
+         assert.equal(Format.value(0.5, "percentage;3"), "50.000%");
+         assert.equal(Format.value(0.50101, "percentage;3"), "50.101%");
+         assert.equal(Format.value(0.5016, "percentage;3"), "50.160%");
+      });
+   });
+
+   describe("date,time,datetime", function () {
+      it("correctly formats dates", function () {
+         assert.equal(Format.value(new Date(2015, 3, 1), "d"), "4/1/2015");
+      });
+
+      it("correctly formats time", function () {
+         assert.equal(Format.value(new Date(2015, 3, 1, 16, 15, 14), "t"), "16:15");
+         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), "time"), "05:06");
+      });
+
+      it("correctly formats date-time", function () {
+         assert.equal(Format.value(new Date(2015, 3, 1, 5, 6, 14), "dt"), "4/1/2015 05:06");
+      });
+   });
+
+   describe("ellipsis", function () {
+      it("can shorten long texts", function () {
+         assert.equal(Format.value("This is a very long text.", "ellipsis;7"), "This...");
+      });
+
+      it("can be used at the start of string", function () {
+         assert.equal(Format.value("This is a very long text.", "ellipsis;8;start"), "...text.");
+      });
+
+      it("can be used in the middle of the string", function () {
+         assert.equal(Format.value("First (Middle) Last", "ellipsis;11;middle"), "Firs...Last");
+      });
+   });
+
+   describe("null text", function () {
+      it("can contain null text", function () {
+         assert.equal(Format.value(null, "n;2|N/A"), "N/A");
+      });
+   });
+});