jpf 4.1.44 → 4.1.45

package/dist/controls/svg/Pattern/Pattern.d.ts

@@ -0,0 +1,25 @@
+import { View } from "../../../framework/View";
+import { ViewModelOptions } from "../../../framework/ViewModel";
+import { CircleView } from "../Circle/Circle";
+import { EllipseView } from "../Ellipse/Ellipse";
+import { LineView } from "../Line/Line";
+import { PolygonView } from "../Polygon/Polygon";
+import { PolylineView } from "../Polyline/Polyline";
+import { TextView } from "../Text/Text";
+type PatternUnits = "userSpaceOnUser" | "objectboudingBox";
+export interface PatternViewModelOptions extends ViewModelOptions {
+    width: number | string;
+    height: number | string;
+    patternUnits?: PatternUnits;
+    patternTransform?: string;
+    pattern: CircleView | EllipseView | LineView | PolygonView | PolylineView | TextView;
+}
+export declare class PatternView extends View<PatternViewModelOptions> {
+    constructor(viewModel: PatternViewModelOptions);
+    build(): void;
+    private setWidth;
+    private setHeight;
+    private setPatternUnits;
+    private setPatternTransform;
+}
+export {};

package/dist/controls/svg/Pattern/Pattern.js

@@ -0,0 +1,56 @@
+import { View } from "../../../framework/View";
+import { extendViewModel } from "../../../framework/ViewModel";
+import { svgNamespace } from "../svg";
+export class PatternView extends View {
+    constructor(viewModel) {
+        super({
+            tagName: "pattern",
+            namespace: svgNamespace,
+            viewModel: extendViewModel({
+                viewType: "Pattern"
+            }, viewModel),
+            children: [viewModel.pattern]
+        });
+    }
+    build() {
+        super.build();
+        const viewModel = this.viewModel;
+        this.setWidth(viewModel.width);
+        this.setHeight(viewModel.height);
+        this.setPatternUnits(viewModel.patternUnits);
+        this.setPatternTransform(viewModel.patternTransform);
+    }
+    setWidth(width) {
+        if (width) {
+            this.element.setAttribute("width", width.toString());
+        }
+        else {
+            this.element.removeAttribute("width");
+        }
+    }
+    setHeight(height) {
+        if (height) {
+            this.element.setAttribute("height", height.toString());
+        }
+        else {
+            this.element.removeAttribute("height");
+        }
+    }
+    setPatternUnits(patternUnits) {
+        if (patternUnits) {
+            this.element.setAttribute("patternUnits", patternUnits);
+        }
+        else {
+            this.element.removeAttribute("patternUnits");
+        }
+    }
+    setPatternTransform(patternTransform) {
+        if (patternTransform) {
+            this.element.setAttribute("patternTransform", patternTransform);
+        }
+        else {
+            this.element.removeAttribute("patternTransform");
+        }
+    }
+}
+//# sourceMappingURL=Pattern.js.map

package/dist/controls/svg/Pattern/Pattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pattern.js","sourceRoot":"","sources":["../../../../src/controls/svg/Pattern/Pattern.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAoB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAoBtC,MAAM,OAAO,WAAY,SAAQ,IAA6B;IAC1D,YAAY,SAAkC;QAC1C,KAAK,CACD;YACI,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,eAAe,CACtB;gBACI,QAAQ,EAAE,SAAS;aACtB,EACD,SAAS,CACZ;YACD,QAAQ,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC;SAChC,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAEjC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACjC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC7C,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACzD,CAAC;IAEO,QAAQ,CAAC,KAAoB;QACjC,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;SACxD;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACzC;IACL,CAAC;IAEO,SAAS,CAAC,MAAqB;QACnC,IAAI,MAAM,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;SAC1D;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;SAC1C;IACL,CAAC;IAEO,eAAe,CAAC,YAA0B;QAC9C,IAAI,YAAY,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;SAC3D;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;SAChD;IACL,CAAC;IAEO,mBAAmB,CAAC,gBAAwB;QAChD,IAAI,gBAAgB,EAAE;YAClB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;SACnE;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SACpD;IACL,CAAC;CACJ"}

package/dist/framework/View.d.ts

@@ -2,7 +2,7 @@ import "tocca";
 import { ObservableArray, Computed } from "knockout";
 import { ViewModel } from "./ViewModel";
 type HtmlTagName = "div" | "input" | "a" | "button" | "img" | "select" | "pre" | "form" | "span" | "textarea";
-type SvgTagName = "svg" | "circle" | "ellipse" | "g" | "line" | "polygon" | "polyline" | "rect" | "text";
+type SvgTagName = "svg" | "circle" | "ellipse" | "g" | "line" | "polygon" | "polyline" | "rect" | "text" | "pattern";
 type TagName = HtmlTagName | SvgTagName;
 export interface IView {
     render(): HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jpf",
-    "version": "4.1.44",
+    "version": "4.1.45",
     "description": "Javascript Presentation Foundation",
     "keywords": [
         "mvvm",