jpf 5.0.62 → 5.0.64

package/dist/framework/style.d.ts

@@ -1,333 +1,6 @@
 import * as css from "./css";
-import { ISubscribable } from "./observableInterfaces";
+import { ISubscribable } from "./observable";
 export interface IStyle {
-    alignContent?: css.AlignContent;
-    alignItems?: css.CssValue<css.AlignItems>;
-    alignSelf?: css.CssValue<css.AlignSelf>;
-    alignmentAdjust?: unknown;
-    alignmentBaseline?: css.AlignmentBaseline;
-    animation?: css.CssValueString;
-    animationDelay?: unknown;
-    animationDirection?: css.CssGlobalValues | css.AnimationDirection;
-    animationDuration?: css.CssValue<string>;
-    animationFillMode?: css.AnimationFillMode;
-    animationIterationCount?: css.CssValue<number> | "infinite";
-    animationName?: css.CssValue<string>;
-    animationPlayState?: css.CssValue<css.CssAnimationPlayState>;
-    animationTimingFunction?: css.CssValue<css.CssTimingFunction>;
-    appearance?: css.CssValue<"auto" | "none">;
-    backfaceVisibility?: css.CssGlobalValues | "visible" | "hidden";
-    background?: unknown;
-    backgroundAttachment?: css.BackgroundAttachment;
-    backgroundBlendMode?: css.CssValue<css.CssBlendMode>;
-    backgroundClip?: css.CssValue<css.CssBox | "text">;
-    backgroundColor?: css.CssValue<css.CssColor>;
-    backgroundComposite?: unknown;
-    backgroundImage?: css.CssValue<css.CssImage>;
-    backgroundOrigin?: css.CssValue<css.CssBox>;
-    backgroundPosition?: css.CssValue<css.CssPosition>;
-    backgroundRepeat?: css.CssValue<css.CssRepeatStyle | string>;
-    backgroundSize?: css.BackgroundSize | css.CssLength | css.CssPercentage | css.CssGlobalValues;
-    baselineShift?: unknown;
-    behavior?: unknown;
-    border?: unknown;
-    borderBottom?: css.CssBorderShorthand;
-    borderBottomColor?: css.CssValue<css.CssColor>;
-    borderBottomLeftRadius?: unknown;
-    borderBottomRightRadius?: unknown;
-    borderBottomStyle?: css.CssValue<css.CssLineStyle>;
-    borderBottomWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    borderCollapse?: unknown;
-    borderColor?: css.CssValue<css.CssColorSet>;
-    borderCornerShape?: unknown;
-    borderImageSource?: css.CssValue<css.CssImage>;
-    borderImageWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    borderLeft?: css.CssBorderShorthand;
-    borderLeftColor?: css.CssValue<css.CssColor>;
-    borderLeftStyle?: css.CssValue<css.CssLineStyle>;
-    borderLeftWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    borderRadius?: css.CssValue<css.CssLength | css.CssPercentage>;
-    borderRight?: css.CssBorderShorthand;
-    borderRightColor?: css.CssValue<css.CssColor>;
-    borderRightStyle?: css.CssValue<css.CssLineStyle>;
-    borderRightWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    borderSpacing?: css.CssLength | string | "inherit";
-    borderStyle?: css.CssValue<css.CssLineStyleSet>;
-    borderTop?: css.CssBorderShorthand;
-    borderTopColor?: css.CssValue<css.CssColor>;
-    borderTopLeftRadius?: unknown;
-    borderTopRightRadius?: unknown;
-    borderTopStyle?: css.CssValue<css.CssLineStyle>;
-    borderTopWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    borderWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    bottom?: css.CssValue<"auto" | css.CssLength | css.CssPercentage | css.CssGlobalValues>;
-    boxAlign?: unknown;
-    boxDecorationBreak?: unknown;
-    boxDirection?: unknown;
-    boxLineProgression?: unknown;
-    boxLines?: unknown;
-    boxOrdinalGroup?: unknown;
-    boxFlex?: number;
-    boxSizing?: css.CssGlobalValues | "content-box" | "border-box";
-    boxShadow?: css.CssValueGeneral;
-    boxFlexGroup?: number;
-    breakAfter?: css.BreakAfter;
-    breakBefore?: css.BreakBefore;
-    breakInside?: css.BreakInside;
-    captionSide?: css.CaptionSide;
-    clear?: css.CssGlobalValues | "none" | "left" | "right" | "both";
-    clip?: unknown;
-    clipRule?: unknown;
-    color?: css.CssValue<css.CssColor>;
-    columnCount?: number | "auto" | "initial" | "inherit";
-    columnFill?: unknown;
-    columnGap?: unknown;
-    columnRule?: unknown;
-    columnRuleColor?: css.CssValue<css.CssColor>;
-    columnRuleStyle?: css.CssValue<css.CssLineStyle>;
-    columnRuleWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    columnSpan?: unknown;
-    columnWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    columns?: unknown;
-    content?: css.CssValueString;
-    counterIncrement?: unknown;
-    counterReset?: unknown;
-    cue?: unknown;
-    cueAfter?: unknown;
-    cursor?: css.Cursor;
-    direction?: css.CssGlobalValues | "ltr" | "rtl";
-    display?: css.CssValue<css.CssGlobalValues | css.CssDisplay>;
-    dominantBaseline?: css.DominantBaseline;
-    emptyCells?: css.CssGlobalValues | "show" | "hide";
-    fill?: css.CssColor | "context-stroke" | "context-fill";
-    fillOpacity?: number;
-    fillRule?: "nonzero" | "evenodd";
-    filter?: string;
-    flex?: number | string;
-    flexAlign?: unknown;
-    flexBasis?: unknown;
-    flexDirection?: css.FlexDirection;
-    flexFlow?: unknown;
-    flexGrow?: number;
-    flexItemAlign?: unknown;
-    flexLinePack?: unknown;
-    flexPositive?: unknown;
-    flexNegative?: unknown;
-    flexOrder?: unknown;
-    flexShrink?: number;
-    flexWrap?: css.FlexWrap;
-    float?: css.CssGlobalValues | "left" | "right" | "none" | "inline-start" | "inline-end";
-    flowFrom?: unknown;
-    font?: unknown;
-    fontFamily?: unknown;
-    fontKerning?: css.CssGlobalValues | "auto" | "normal" | "none";
-    fontSize?: css.CssValue<css.CssFontSize>;
-    fontSizeAdjust?: unknown;
-    fontStretch?: css.FontStretch;
-    fontStyle?: css.CssGlobalValues | "normal" | "italic" | "oblique";
-    fontSynthesis?: unknown;
-    fontVariant?: unknown;
-    fontVariantAlternates?: unknown;
-    fontWeight?: css.CssFontWeight;
-    gridArea?: unknown;
-    gridAutoColumns?: unknown;
-    gridAutoFlow?: unknown;
-    gridAutoRows?: unknown;
-    gridColumn?: unknown;
-    gridColumnGap?: unknown;
-    gridColumnEnd?: unknown;
-    gridColumnStart?: unknown;
-    gridGap?: unknown;
-    gridRow?: unknown;
-    gridRowEnd?: unknown;
-    gridRowGap?: unknown;
-    gridRowStart?: unknown;
-    gridRowPosition?: unknown;
-    gridRowSpan?: unknown;
-    gridTemplate?: unknown;
-    gridTemplateAreas?: unknown;
-    gridTemplateColumns?: unknown;
-    gridTemplateRows?: unknown;
-    height?: css.CssValue<"auto" | css.CssLength | css.CssPercentage | css.CssGlobalValues>;
-    hyphenateLimitChars?: unknown;
-    hyphenateLimitLines?: unknown;
-    hyphenateLimitZone?: unknown;
-    hyphens?: css.CssGlobalValues | string | "none" | "manual" | "auto";
-    imeMode?: css.CssGlobalValues | "auto" | "normal" | "active" | "inactive" | "disabled";
-    justifyContent?: css.JustifyContent;
-    justifyItems?: css.JustifyItems | ISubscribable<css.JustifyItems>;
-    justifySelf?: css.JustifySelf;
-    layoutGrid?: unknown;
-    layoutGridChar?: unknown;
-    layoutGridLine?: unknown;
-    layoutGridMode?: unknown;
-    layoutGridType?: unknown;
-    left?: css.CssValue<"auto" | css.CssLength | css.CssPercentage | css.CssGlobalValues>;
-    letterSpacing?: unknown;
-    lineBreak?: unknown;
-    lineClamp?: number;
-    lineHeight?: css.CssValue<css.CssLength | css.CssPercentage>;
-    listStyle?: unknown;
-    listStyleImage?: unknown;
-    listStylePosition?: css.CssGlobalValues | "inside" | "outside";
-    listStyleType?: unknown;
-    margin?: unknown;
-    marginBottom?: unknown;
-    marginLeft?: unknown;
-    marginRight?: unknown;
-    marginTop?: css.CssValueGeneral;
-    marqueeDirection?: unknown;
-    marqueeStyle?: unknown;
-    mask?: unknown;
-    maskBorder?: unknown;
-    maskBorderRepeat?: unknown;
-    maskBorderSlice?: unknown;
-    maskBorderSource?: unknown;
-    maskBorderWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    maskClip?: unknown;
-    maskOrigin?: unknown;
-    maxFontSize?: unknown;
-    maxHeight?: css.CssValue<css.CssLength | css.CssPercentage>;
-    maxWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    minHeight?: css.CssValue<css.CssLength | css.CssPercentage>;
-    minWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    mixBlendMode?: css.CssValue<css.CssBlendMode>;
-    objectFit?: css.CssObjectFit;
-    objectPosition?: string | css.CssGlobalValues;
-    opacity?: number | css.CssGlobalValues;
-    order?: number;
-    orphans?: number;
-    outline?: unknown;
-    outlineColor?: css.CssValue<css.CssColor>;
-    outlineStyle?: css.OutlineStyle;
-    outlineOffset?: unknown;
-    outlineWidth?: css.CssGlobalValues | "thin" | "medium" | "thick" | css.CssLength;
-    overflow?: css.CssValue<css.CssOverflow>;
-    overflowStyle?: unknown;
-    overflowWrap?: css.CssGlobalValues | "normal" | "break-word";
-    overflowX?: css.CssValue<css.CssOverflow>;
-    overflowY?: css.CssValue<css.CssOverflow>;
-    padding?: unknown;
-    paddingBottom?: css.CssValue<css.CssLength | css.CssPercentage>;
-    paddingLeft?: css.CssValue<css.CssLength | css.CssPercentage>;
-    paddingRight?: css.CssValue<css.CssLength | css.CssPercentage>;
-    paddingTop?: css.CssValue<css.CssLength | css.CssPercentage>;
-    pageBreakAfter?: css.PageBreakAfter;
-    pageBreakBefore?: css.PageBreakBefore;
-    pageBreakInside?: css.CssGlobalValues | "auto" | "avoid";
-    pause?: unknown;
-    pauseAfter?: unknown;
-    pauseBefore?: unknown;
-    perspective?: unknown;
-    perspectiveOrigin?: unknown;
-    pointerEvents?: css.PointerEvents;
-    position?: css.PositionX;
-    punctuationTrim?: unknown;
-    quotes?: unknown;
-    regionFragment?: unknown;
-    resize?: css.CssGlobalValues | "none" | "both " | "horizontal" | "vertical";
-    restAfter?: unknown;
-    restBefore?: unknown;
-    right?: css.CssValue<"auto" | css.CssLength | css.CssPercentage | css.CssGlobalValues>;
-    rubyAlign?: css.CssGlobalValues | "start" | "center" | "space-between" | "space-around";
-    rubyPosition?: css.CssGlobalValues | "over" | "under" | "inter-character";
-    rx?: number;
-    ry?: number;
-    shapeImageThreshold?: unknown;
-    shapeInside?: unknown;
-    shapeMargin?: unknown;
-    shapeOutside?: unknown;
-    speak?: unknown;
-    speakAs?: unknown;
-    src?: css.CssValueString;
-    stroke?: string;
-    strokeDasharray?: number[];
-    strokeDashoffset?: css.CssValue<css.CssGlobalValues | css.CssLength | css.CssPercentage>;
-    strokeLinecap?: css.CssGlobalValues | "butt" | "round" | "square";
-    strokeOpacity?: number;
-    strokeWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    tabSize?: unknown;
-    tableLayout?: unknown;
-    textAnchor?: "start" | "middle" | "end" | "inherit";
-    textAlign?: css.TextAlign;
-    textAlignLast?: css.TextAlignLast;
-    textDecoration?: unknown;
-    textDecorationColor?: css.CssValue<css.CssColor>;
-    textDecorationLine?: unknown;
-    textDecorationLineThrough?: unknown;
-    textDecorationNone?: unknown;
-    textDecorationOverline?: unknown;
-    textDecorationSkip?: unknown;
-    textDecorationStyle?: css.CssGlobalValues | "solid" | "double" | "dotted" | "dashed" | "wavy";
-    textDecorationUnderline?: unknown;
-    textEmphasis?: unknown;
-    textEmphasisColor?: css.CssValue<css.CssColor>;
-    textEmphasisStyle?: unknown;
-    textHeight?: css.CssValue<css.CssLength | css.CssPercentage>;
-    textIndent?: unknown;
-    textJustifyTrim?: unknown;
-    textKashidaSpace?: unknown;
-    textLineThrough?: unknown;
-    textLineThroughColor?: css.CssValue<css.CssColor>;
-    textLineThroughMode?: unknown;
-    textLineThroughStyle?: unknown;
-    textLineThroughWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    textOverflow?: css.CssGlobalValues | "clip" | "ellipsis" | string;
-    textOverline?: unknown;
-    textOverlineColor?: css.CssValue<css.CssColor>;
-    textOverlineMode?: unknown;
-    textOverlineStyle?: unknown;
-    textOverlineWidth?: css.CssValue<css.CssLength | css.CssPercentage>;
-    textRendering?: css.CssGlobalValues | "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision";
-    textScript?: unknown;
-    textShadow?: unknown;
-    textTransform?: css.TextTransform;
-    textUnderlinePosition?: unknown;
-    textUnderlineStyle?: unknown;
-    top?: css.CssValue<"auto" | css.CssLength | css.CssPercentage | css.CssGlobalValues>;
-    touchAction?: css.TouchAction;
-    transform?: css.CssTransformFunction;
-    webKitTransform?: css.CssTransformFunction;
-    msTransform?: css.CssTransformFunction;
-    transformOrigin?: unknown;
-    transformOriginZ?: unknown;
-    transformStyle?: css.CssGlobalValues | "flat" | "preserve-3d";
-    transition?: unknown;
-    transitionDelay?: unknown;
-    transitionDuration?: unknown;
-    transitionProperty?: css.CssValueString;
-    transitionTimingFunction?: css.CssTimingFunction;
-    unicodeBidi?: unknown;
-    unicodeRange?: unknown;
-    userFocus?: unknown;
-    userInput?: unknown;
-    userSelect?: "auto" | "text" | "none" | "contain" | "all";
-    verticalAlign?: css.VerticalAlign;
-    visibility?: css.CssGlobalValues | "visible" | "hidden" | "collapse";
-    voiceBalance?: unknown;
-    voiceDuration?: unknown;
-    voiceFamily?: unknown;
-    voicePitch?: unknown;
-    voiceRange?: unknown;
-    voiceRate?: unknown;
-    voiceStress?: unknown;
-    voiceVolume?: unknown;
-    whiteSpace?: css.CssGlobalValues | "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
-    whiteSpaceTreatment?: unknown;
-    widows?: number;
-    width?: css.CssValue<"auto" | css.CssLength | css.CssPercentage | css.CssGlobalValues>;
-    willChange?: css.CssValue<"auto" | "scroll-position" | "contents" | css.CssValueString>;
-    wordBreak?: css.CssGlobalValues | "normal" | "break-all" | "keep-all";
-    wordSpacing?: css.CssGlobalValues | "normal" | css.CssLength | css.CssPercentage;
-    wordWrap?: css.CssGlobalValues | "normal" | "break-word";
-    wrapFlow?: unknown;
-    wrapMargin?: unknown;
-    wrapOption?: unknown;
-    writingMode?: css.WritingMode;
-    zIndex?: css.CssGlobalValues | "auto" | number;
-    zoom?: "auto" | number;
-}
-export interface IStyleSubscribable {
     alignContent?: css.AlignContent | ISubscribable<css.AlignContent>;
     alignItems?: css.CssValue<css.AlignItems> | ISubscribable<css.CssValue<css.AlignItems>>;
     alignSelf?: css.CssValue<css.AlignSelf> | ISubscribable<css.CssValue<css.AlignSelf>>;

package/dist/index.d.ts

@@ -1,22 +1,18 @@
 import * as controls from "./controls/index";
-import * as utilities from "./utilities/index";
 import * as attributes from "./framework/attributes";
+import * as css from "./framework/css";
 import * as element from "./framework/element";
 import * as event from "./framework/event";
-import * as observableInterfaces from "./framework/observableInterfaces";
-import * as observableImplementations from "./framework/observablelmplementations";
-import * as properties from "./framework/properties";
+import * as observable from "./framework/observable";
 import * as root from "./framework/root";
 import * as style from "./framework/style";
-import * as css from "./framework/css";
+import * as utilities from "./utilities/index";
 export { controls };
-export { utilities };
 export { attributes };
+export { css };
 export { element };
-export { observableInterfaces };
-export { observableImplementations };
+export { observable };
 export { event };
-export { properties };
 export { root };
 export { style };
-export { css };
+export { utilities };

package/dist/index.js

@@ -33,27 +33,23 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.css = exports.style = exports.root = exports.properties = exports.event = exports.observableImplementations = exports.observableInterfaces = exports.element = exports.attributes = exports.utilities = exports.controls = void 0;
+exports.utilities = exports.style = exports.root = exports.event = exports.observable = exports.element = exports.css = exports.attributes = exports.controls = void 0;
 const controls = __importStar(require("./controls/index"));
 exports.controls = controls;
-const utilities = __importStar(require("./utilities/index"));
-exports.utilities = utilities;
 const attributes = __importStar(require("./framework/attributes"));
 exports.attributes = attributes;
+const css = __importStar(require("./framework/css"));
+exports.css = css;
 const element = __importStar(require("./framework/element"));
 exports.element = element;
 const event = __importStar(require("./framework/event"));
 exports.event = event;
-const observableInterfaces = __importStar(require("./framework/observableInterfaces"));
-exports.observableInterfaces = observableInterfaces;
-const observableImplementations = __importStar(require("./framework/observablelmplementations"));
-exports.observableImplementations = observableImplementations;
-const properties = __importStar(require("./framework/properties"));
-exports.properties = properties;
+const observable = __importStar(require("./framework/observable"));
+exports.observable = observable;
 const root = __importStar(require("./framework/root"));
 exports.root = root;
 const style = __importStar(require("./framework/style"));
 exports.style = style;
-const css = __importStar(require("./framework/css"));
-exports.css = css;
+const utilities = __importStar(require("./utilities/index"));
+exports.utilities = utilities;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2DAA6C;AAapC,4BAAQ;AAZjB,6DAA+C;AAatC,8BAAS;AAXlB,mEAAqD;AAa5C,gCAAU;AAZnB,6DAA+C;AAatC,0BAAO;AAZhB,yDAA2C;AAelC,sBAAK;AAdd,uFAAyE;AAYhE,oDAAoB;AAX7B,iGAAmF;AAY1E,8DAAyB;AAXlC,mEAAqD;AAa5C,gCAAU;AAZnB,uDAAyC;AAahC,oBAAI;AAZb,yDAA2C;AAalC,sBAAK;AAZd,qDAAuC;AAa9B,kBAAG"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAA6C;AAepC,4BAAQ;AAZjB,mEAAqD;AAe5C,gCAAU;AAdnB,qDAAuC;AAe9B,kBAAG;AAdZ,6DAA+C;AAetC,0BAAO;AAdhB,yDAA2C;AAgBlC,sBAAK;AAfd,mEAAqD;AAc5C,gCAAU;AAbnB,uDAAyC;AAehC,oBAAI;AAdb,yDAA2C;AAelC,sBAAK;AAZd,6DAA+C;AAetC,8BAAS"}

package/dist/utilities/object/object.d.ts

@@ -0,0 +1,5 @@
+export interface IWebSocketMessageHandler {
+    handleWebSocketMessage: (message: unknown) => void;
+}
+export declare function handleWebSocketMessage(context: object, message: unknown): void;
+export declare function executeHandlerOnContext(context: object, handler: (context: any) => void, alreadyProcessedContexts?: Set<object>): void;

package/dist/utilities/object/object.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleWebSocketMessage = handleWebSocketMessage;
+exports.executeHandlerOnContext = executeHandlerOnContext;
+const observable_js_1 = require("../../framework/observable.js");
+function handleWebSocketMessage(context, message) {
+    executeHandlerOnContext(context, (context) => {
+        const webSocketMessageHandler = context;
+        if (webSocketMessageHandler.handleWebSocketMessage && typeof webSocketMessageHandler.handleWebSocketMessage === "function") {
+            webSocketMessageHandler.handleWebSocketMessage(message);
+        }
+    });
+}
+function executeHandlerOnContext(context, handler, alreadyProcessedContexts) {
+    if (!alreadyProcessedContexts) {
+        alreadyProcessedContexts = new Set();
+    }
+    if (!context || typeof context !== "object" || alreadyProcessedContexts.has(context)) {
+        return;
+    }
+    alreadyProcessedContexts.add(context);
+    if (Array.isArray(context)) {
+        for (const arrayEntry of context) {
+            if (typeof arrayEntry === "object") {
+                executeHandlerOnContext(arrayEntry, handler, alreadyProcessedContexts);
+            }
+        }
+    }
+    else {
+        if (observable_js_1.observable.isSubscribable(context)) {
+            const unwrapped = observable_js_1.observable.unwrap(context);
+            if (typeof unwrapped === "object") {
+                executeHandlerOnContext(unwrapped, handler, alreadyProcessedContexts);
+            }
+        }
+        else {
+            handler(context);
+            for (const key of Object.keys(context)) {
+                const property = context[key];
+                if (property && typeof property === "object") {
+                    executeHandlerOnContext(property, handler, alreadyProcessedContexts);
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=object.js.map

package/dist/utilities/object/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../src/utilities/object/object.ts"],"names":[],"mappings":";;AAKA,wDAWC;AACD,0DAsCC;AAvDD,iEAA2D;AAK3D,SAAgB,sBAAsB,CAAC,OAAe,EAAE,OAAgB;IACpE,uBAAuB,CACnB,OAAO,EACP,CAAC,OAAO,EAAE,EAAE;QACR,MAAM,uBAAuB,GAAG,OAAmC,CAAC;QACpE,IAAI,uBAAuB,CAAC,sBAAsB,IAAI,OAAO,uBAAuB,CAAC,sBAAsB,KAAK,UAAU,EAAE,CAAC;YAEzH,uBAAuB,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;QAC5D,CAAC;IACL,CAAC,CACJ,CAAC;AACN,CAAC;AACD,SAAgB,uBAAuB,CAAC,OAAe,EAAE,OAA0B,EAAE,wBAAsC;IACvH,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAC5B,wBAAwB,GAAG,IAAI,GAAG,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,wBAAwB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACnF,OAAO;IACX,CAAC;IAGD,wBAAwB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAGtC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACzB,KAAK,MAAM,UAAU,IAAI,OAAyB,EAAE,CAAC;YACjD,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjC,uBAAuB,CAAC,UAAU,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC;IACL,CAAC;SAAM,CAAC;QACJ,IAAI,0BAAU,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;YACrC,MAAM,SAAS,GAAG,0BAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC7C,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAChC,uBAAuB,CAAC,SAAS,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC;YAC1E,CAAC;QACL,CAAC;aAAM,CAAC;YAEJ,OAAO,CAAC,OAAO,CAAC,CAAC;YAGjB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACrC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;gBAC9B,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBAC3C,uBAAuB,CAAC,QAAQ,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC;gBACzE,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;AACL,CAAC"}

package/dist/utilities/value/value.d.ts

@@ -0,0 +1 @@
+export declare function isNullOrUndefined(value: any): boolean;

package/dist/utilities/value/value.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNullOrUndefined = isNullOrUndefined;
+function isNullOrUndefined(value) {
+    return value === null || typeof value === "undefined";
+}
+//# sourceMappingURL=value.js.map

package/dist/utilities/value/value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value.js","sourceRoot":"","sources":["../../../src/utilities/value/value.ts"],"names":[],"mappings":";;AAAA,8CAEC;AAFD,SAAgB,iBAAiB,CAAC,KAAK;IACnC,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,WAAW,CAAC;AAC1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jpf",
-    "version": "5.0.62",
+    "version": "5.0.64",
     "description": "Javascript Presentation Foundation base classes and interfaces",
     "keywords": [
         "mvvm",

package/src/controls/codeMirror/Editor/Editor.ts

@@ -1,8 +1,6 @@
-import { Element, addElementToDictionary } from "../../../framework/element";
+import { Element, addElementToDictionary,ElementProperties, IElementProperties, extendProperties  } from "../../../framework/element";
 import { createClickEvent } from "../../../framework/event";
-import { Properties, IProperties, extendProperties } from "../../../framework/properties";
-import { ISubscribable } from "../../../framework/observableInterfaces";
-import { isSubscribable, isObservableValue, unwrap } from "../../../framework/observablelmplementations";
+import { ISubscribable , observable} from "../../../framework/observable";
 import { EditorView, basicSetup } from "codemirror";
 import { EditorState, Extension } from "@codemirror/state";
 import { keymap } from "@codemirror/view";
@@ -18,7 +16,7 @@ import { createDiv } from "../../html/Div/Div";
 
 export type mode = "json" | "html" | "css" | "less" | "javascript" | "typescript";
 
-export interface IEditorProperties extends IProperties {
+export interface IEditorProperties extends IElementProperties {
     mode: mode;
     value?: string | ISubscribable<string>;
 }
@@ -112,7 +110,7 @@ export class EditorElement extends Element<IEditorProperties> {
             },
             eventListeners: [
                 createClickEvent(() => {
-                    if (isObservableValue(properties.value)) {
+                    if (observable.isObservableValue(properties.value)) {
                         properties.value.setValue(this.editor.state.doc.toString());
                     }
                 })
@@ -132,7 +130,7 @@ export class EditorElement extends Element<IEditorProperties> {
             }
         );
 
-        this.element.appendChild(buttons.render());
+        this.htmlElement.appendChild(buttons.render());
         const extensions: Extension[] = [
             basicSetup,
             EditorView.lineWrapping,
@@ -162,17 +160,17 @@ export class EditorElement extends Element<IEditorProperties> {
                     extensions: extensions
                 }
             ),
-            parent: this.element,
+            parent: this.htmlElement,
 
         });
 
         this.editor.dom.style.overflow = "auto";
 
         //Set the initial value;
-        this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: unwrap(properties.value) } });
+        this.editor.dispatch({ changes: { from: 0, to: this.editor.state.doc.length, insert: observable.unwrap(properties.value) } });
 
         //Find out if the viewModel property is observable.
-        if (isSubscribable(properties.value)) {
+        if (observable.isSubscribable(properties.value)) {
             this.disposers.push(
                 properties.value.subscribe(
                     (html) => {
@@ -188,7 +186,7 @@ export function createEditor(properties: IEditorProperties) {
     return new EditorElement(properties);
 }
 
-export class EditorProperties extends Properties implements IEditorProperties {
+export class EditorProperties extends ElementProperties implements IEditorProperties {
     constructor(properties: IEditorProperties) {
         super();
         this.setProperties(this, properties);

package/src/controls/custom/FileSelector/FileSelector.ts

@@ -1,9 +1,8 @@
-import { Properties, IProperties, extendProperties } from "../../../framework/properties";
-import { Element, addElementToDictionary } from "../../../framework/element";
+import { Element, addElementToDictionary ,ElementProperties, IElementProperties, extendProperties } from "../../../framework/element";
 import { IButtonProperties, createButton} from "../../html/Button/Button";
 import { createInput, IInputProperties } from "../../html/Input/Input";
 
-export interface IFileSelectorProperties extends IProperties {
+export interface IFileSelectorProperties extends IElementProperties {
     button?: IButtonProperties;
     inputFile: IInputProperties<FileList>;
 }
@@ -33,7 +32,7 @@ export class FileSelectorElement extends Element<IFileSelectorProperties>  {
 
         const fileInput = createInput(inputProperties).render();
 
-        this.element.appendChild(fileInput);
+        this.htmlElement.appendChild(fileInput);
 
         if (properties.button) {
             const button = createButton(
@@ -52,7 +51,7 @@ export class FileSelectorElement extends Element<IFileSelectorProperties>  {
                 )
             ).render();
 
-            this.element.appendChild(button);
+            this.htmlElement.appendChild(button);
         }
     }
 }
@@ -61,7 +60,7 @@ export function createFileSelector(properties: IFileSelectorProperties) {
     return new FileSelectorElement(properties);
 }
 
-export class FileSelectorProperties extends Properties implements IFileSelectorProperties {
+export class FileSelectorProperties extends ElementProperties implements IFileSelectorProperties {
     constructor(properties: IFileSelectorProperties) {
         super();
         this.setProperties(this, properties);

package/src/controls/custom/LabeledControl/LabeledControl.ts

@@ -1,9 +1,8 @@
-import { Properties, IProperties, extendProperties } from "../../../framework/properties"
-import { Element, IElement, addElementToDictionary } from "../../../framework/element";
+import { Element, IElement, addElementToDictionary,ElementProperties, IElementProperties, extendProperties  } from "../../../framework/element";
 import { createDiv } from "../../html/Div/Div";
 
-export interface ILabeledViewProperties extends IProperties {
-    labelProperties: IProperties;
+export interface ILabeledViewProperties extends IElementProperties {
+    labelProperties: IElementProperties;
     element: IElement;
 }
 
@@ -39,12 +38,12 @@ export function createLabeledControl(properties: ILabeledViewProperties) {
     return new LabeledControlElement(properties);
 }
 
-export class LabeledControlProperties extends Properties implements ILabeledViewProperties {
+export class LabeledControlProperties extends ElementProperties implements ILabeledViewProperties {
     constructor(properties: ILabeledViewProperties) {
         super();
         this.setProperties(this, properties);
     }
-    labelProperties: Properties;
+    labelProperties: ElementProperties;
     element: IElement;
 }