uicore-ts 1.0.282 → 1.0.285
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -32,7 +32,7 @@ class UINativeScrollView extends import_UIView.UIView {
|
|
|
32
32
|
this.style.overflow = "auto";
|
|
33
33
|
this.viewHTMLElement.addEventListener("scroll", () => {
|
|
34
34
|
this.resizingHandles.forEach(
|
|
35
|
-
(value) => value.
|
|
35
|
+
(value) => value.frameTransform = "translateX(" + this.viewHTMLElement.scrollLeft + "px)translateY(" + this.viewHTMLElement.scrollTop + "px)"
|
|
36
36
|
);
|
|
37
37
|
this.didScrollToPosition(new import_UIPoint.UIPoint(this.viewHTMLElement.scrollLeft, this.viewHTMLElement.scrollTop));
|
|
38
38
|
this.broadcastEventInSubtree({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../scripts/UINativeScrollView.ts"],
|
|
4
|
-
"sourcesContent": ["import { nil } from \"./UIObject\"\nimport { UIPoint } from \"./UIPoint\"\nimport { LooseObject, UIView } from \"./UIView\"\n\n\nexport class UINativeScrollView extends UIView {\n \n animationDuration = 0\n \n constructor(elementID?: string, viewHTMLElement?: (HTMLElement & LooseObject) | null | undefined) {\n \n super(elementID, viewHTMLElement)\n \n this.style.cssText = this.style.cssText + \"-webkit-overflow-scrolling: touch;\"\n this.style.overflow = \"auto\"\n \n this.viewHTMLElement.addEventListener(\"scroll\", () => {\n \n this.resizingHandles.forEach(\n value => value.
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAoB;AACpB,qBAAwB;AACxB,oBAAoC;AAG7B,MAAM,2BAA2B,qBAAO;AAAA,EAI3C,YAAY,WAAoB,iBAAkE;AAE9F,UAAM,WAAW,eAAe;AAJpC,6BAAoB;AAMhB,SAAK,MAAM,UAAU,KAAK,MAAM,UAAU;AAC1C,SAAK,MAAM,WAAW;AAEtB,SAAK,gBAAgB,iBAAiB,UAAU,MAAM;AAElD,WAAK,gBAAgB;AAAA,QACjB,WAAS,MAAM,
|
|
4
|
+
"sourcesContent": ["import { nil } from \"./UIObject\"\nimport { UIPoint } from \"./UIPoint\"\nimport { LooseObject, UIView } from \"./UIView\"\n\n\nexport class UINativeScrollView extends UIView {\n \n animationDuration = 0\n \n constructor(elementID?: string, viewHTMLElement?: (HTMLElement & LooseObject) | null | undefined) {\n \n super(elementID, viewHTMLElement)\n \n this.style.cssText = this.style.cssText + \"-webkit-overflow-scrolling: touch;\"\n this.style.overflow = \"auto\"\n \n this.viewHTMLElement.addEventListener(\"scroll\", () => {\n \n this.resizingHandles.forEach(\n value => value.frameTransform = \"translateX(\" + this.viewHTMLElement.scrollLeft + \"px)\" +\n \"translateY(\" + this.viewHTMLElement.scrollTop + \"px)\"\n )\n \n this.didScrollToPosition(new UIPoint(this.viewHTMLElement.scrollLeft, this.viewHTMLElement.scrollTop))\n \n this.broadcastEventInSubtree({\n name: UIView.broadcastEventName.PageDidScroll,\n parameters: nil\n })\n \n })\n \n }\n \n \n didScrollToPosition(offsetPosition: UIPoint) {\n \n \n }\n \n \n get scrollsX() {\n const result = (this.style.overflowX == \"scroll\")\n return result\n }\n \n set scrollsX(scrolls: boolean) {\n if (scrolls) {\n this.style.overflowX = \"scroll\"\n }\n else {\n this.style.overflowX = \"hidden\"\n }\n }\n \n \n get scrollsY() {\n const result = (this.style.overflowY == \"scroll\")\n return result\n }\n \n set scrollsY(scrolls: boolean) {\n if (scrolls) {\n this.style.overflowY = \"scroll\"\n }\n else {\n this.style.overflowY = \"hidden\"\n }\n }\n \n \n get contentOffset() {\n const result = new UIPoint(this.viewHTMLElement.scrollLeft, this.viewHTMLElement.scrollTop)\n return result\n }\n \n \n set contentOffset(offsetPoint: UIPoint) {\n \n if (this.animationDuration) {\n \n this.scrollXTo(this.viewHTMLElement, offsetPoint.x, this.animationDuration)\n this.scrollYTo(this.viewHTMLElement, offsetPoint.y, this.animationDuration)\n \n return\n \n }\n \n \n this.viewHTMLElement.scrollLeft = offsetPoint.x\n this.viewHTMLElement.scrollTop = offsetPoint.y\n \n }\n \n \n scrollToBottom() {\n \n this.contentOffset = new UIPoint(this.contentOffset.x, this.scrollSize.height - this.frame.height)\n \n }\n \n scrollToTop() {\n \n this.contentOffset = new UIPoint(this.contentOffset.x, 0)\n \n }\n \n get isScrolledToBottom() {\n \n return this.contentOffset.isEqualTo(new UIPoint(this.contentOffset.x, this.scrollSize.height -\n this.frame.height))\n \n }\n \n get isScrolledToTop() {\n \n return this.contentOffset.isEqualTo(new UIPoint(this.contentOffset.x, 0))\n \n }\n \n \n scrollYTo(element: HTMLElement & LooseObject, to: number, duration: number) {\n \n duration = duration * 1000\n \n const start = element.scrollTop\n const change = to - start\n const increment = 10\n \n const animateScroll = (elapsedTime: number) => {\n elapsedTime += increment\n const position = this.easeInOut(elapsedTime, start, change, duration)\n element.scrollTop = position\n if (elapsedTime < duration) {\n setTimeout(function () {\n animateScroll(elapsedTime)\n }, increment)\n }\n }\n \n animateScroll(0)\n }\n \n scrollXTo(element: HTMLElement & LooseObject, to: number, duration: number) {\n \n duration = duration * 1000\n \n const start = element.scrollTop\n const change = to - start\n const increment = 10\n \n const animateScroll = (elapsedTime: number) => {\n elapsedTime += increment\n const position = this.easeInOut(elapsedTime, start, change, duration)\n element.scrollLeft = position\n if (elapsedTime < duration) {\n setTimeout(function () {\n animateScroll(elapsedTime)\n }, increment)\n }\n }\n \n animateScroll(0)\n }\n \n easeInOut(currentTime: number, start: number, change: number, duration: number) {\n currentTime /= duration / 2\n if (currentTime < 1) {\n return change / 2 * currentTime * currentTime + start\n }\n currentTime -= 1\n return -change / 2 * (currentTime * (currentTime - 2) - 1) + start\n }\n \n \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "uicore-ts",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.285",
|
|
4
4
|
"description": "UICore is a library to build native-like user interfaces using pure Typescript. No HTML is needed at all. Components are described as TS classes and all user interactions are handled explicitly. This library is strongly inspired by the UIKit framework that is used in IOS. In addition, UICore has tools to handle URL based routing, array sorting and filtering and adds a number of other utilities for convenience.",
|
|
5
5
|
"main": "compiledScripts/index.js",
|
|
6
6
|
"types": "compiledScripts/index.d.ts",
|
|
@@ -17,7 +17,7 @@ export class UINativeScrollView extends UIView {
|
|
|
17
17
|
this.viewHTMLElement.addEventListener("scroll", () => {
|
|
18
18
|
|
|
19
19
|
this.resizingHandles.forEach(
|
|
20
|
-
value => value.
|
|
20
|
+
value => value.frameTransform = "translateX(" + this.viewHTMLElement.scrollLeft + "px)" +
|
|
21
21
|
"translateY(" + this.viewHTMLElement.scrollTop + "px)"
|
|
22
22
|
)
|
|
23
23
|
|