@nativescript-community/ui-collectionview-alignedflowlayout 5.3.44

package/README.md

@@ -0,0 +1,173 @@
+<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️-->
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<h1 align="center">@nativescript-community/ui-collectionview-alignedflowlayout</h1>
+<p align="center">
+		<a href="https://npmcharts.com/compare/@nativescript-community/ui-collectionview-alignedflowlayout?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@nativescript-community/ui-collectionview-alignedflowlayout.svg" height="20"/></a>
+<a href="https://www.npmjs.com/package/@nativescript-community/ui-collectionview-alignedflowlayout"><img alt="NPM Version" src="https://img.shields.io/npm/v/@nativescript-community/ui-collectionview-alignedflowlayout.svg" height="20"/></a>
+	</p>
+
+<p align="center">
+  <b>A NativeScript CollectionView For Custom aligned Layout Plugin.</b></br>
+  <sub><sub>
+</p>
+
+<br />
+
+
+
+[](#table-of-contents)
+
+## Table of Contents
+
+* [Installation](#installation)
+* [Configuration](#configuration)
+* [Demos and Development](#demos-and-development)
+	* [Repo Setup](#repo-setup)
+	* [Build](#build)
+	* [Demos](#demos)
+* [Contributing](#contributing)
+	* [Update repo ](#update-repo-)
+	* [Update readme ](#update-readme-)
+	* [Update doc ](#update-doc-)
+	* [Publish](#publish)
+	* [modifying submodules](#modifying-submodules)
+* [Questions](#questions)
+
+
+[](#installation)
+
+## Installation
+Run the following command from the root of your project:
+
+`ns plugin add @nativescript-community/ui-collectionview-alignedflowlayout`
+
+
+[](#configuration)
+
+## Configuration
+
+To install the plugin run:
+```typescript
+import install from '@nativescript-community/ui-collectionview-alignedflowlayout';
+install();
+```
+
+then simply use the `layoutStyle="align"` as a collectionview property
+You can then use `layoutHorizontalAlignment`(left, right, justified) and `verticalHorizontalAlignment` (top, bottom, center)
+
+
+[](#demos-and-development)
+
+## Demos and Development
+
+
+### Repo Setup
+
+The repo uses submodules. If you did not clone with ` --recursive` then you need to call
+```
+git submodule update --init
+```
+
+The package manager used to install and link dependencies must be `pnpm` or `yarn`. `npm` wont work.
+
+To develop and test:
+if you use `yarn` then run `yarn`
+if you use `pnpm` then run `pnpm i`
+
+**Interactive Menu:**
+
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
+
+### Build
+
+```bash
+npm run build.all
+```
+WARNING: it seems `yarn build.all` wont always work (not finding binaries in `node_modules/.bin`) which is why the doc explicitly uses `npm run`
+
+### Demos
+
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
+
+npm run demo.svelte.ios # Example
+```
+
+Demo setup is a bit special in the sense that if you want to modify/add demos you dont work directly in `demo-[ng|react|svelte|vue]`
+Instead you work in `demo-snippets/[ng|react|svelte|vue]`
+You can start from the `install.ts` of each flavor to see how to register new demos 
+
+
+[](#contributing)
+
+## Contributing
+
+### Update repo 
+
+You can update the repo files quite easily
+
+First update the submodules
+
+```bash
+npm run update
+```
+
+Then commit the changes
+Then update common files
+
+```bash
+npm run sync
+```
+Then you can run `yarn|pnpm`, commit changed files if any
+
+### Update readme 
+```bash
+npm run readme
+```
+
+### Update doc 
+```bash
+npm run doc
+```
+
+### Publish
+
+The publishing is completely handled by `lerna` (you can add `-- --bump major` to force a major release)
+Simply run 
+```shell
+npm run publish
+```
+
+### modifying submodules
+
+The repo uses https:// for submodules which means you won't be able to push directly into the submodules.
+One easy solution is t modify `~/.gitconfig` and add
+```
+[url "ssh://git@github.com/"]
+	pushInsteadOf = https://github.com/
+```
+
+
+[](#questions)
+
+## Questions
+
+If you have any questions/issues/comments please feel free to create an issue or start a conversation in the [NativeScript Community Discord](https://nativescript.org/discord).

package/index.android.d.ts

@@ -0,0 +1 @@
+export default function install(): void;

package/index.android.js

@@ -0,0 +1,2 @@
+export default function install() { }
+//# sourceMappingURL=index.android.js.map

package/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../src/alignedflowlayout/index.android.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,OAAO,KAAI,CAAC"}

package/index.d.ts

@@ -0,0 +1 @@
+export default function install();

package/index.ios.d.ts

@@ -0,0 +1 @@
+export default function install(): void;

package/index.ios.js

@@ -0,0 +1,84 @@
+import { Length, Utils } from '@nativescript/core';
+import { CollectionView } from '@nativescript-community/ui-collectionview';
+var AlignedCollectionViewFlowLayoutImpl = /** @class */ (function (_super) {
+    __extends(AlignedCollectionViewFlowLayoutImpl, _super);
+    function AlignedCollectionViewFlowLayoutImpl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    AlignedCollectionViewFlowLayoutImpl.initWithOwner = function (owner) {
+        var layout = AlignedCollectionViewFlowLayoutImpl.new();
+        layout._owner = new WeakRef(owner);
+        return layout;
+    };
+    AlignedCollectionViewFlowLayoutImpl.prototype.invalidationContextForInteractivelyMovingItemsWithTargetPositionPreviousIndexPathsPreviousPosition = function (targetIndexPaths, targetPosition, previousIndexPaths, previousPosition) {
+        var _a;
+        var owner = (_a = this._owner) === null || _a === void 0 ? void 0 : _a.get();
+        if (owner && targetIndexPaths.count) {
+            owner.clearCachedSize(targetIndexPaths.objectAtIndex(0).row, previousIndexPaths.objectAtIndex(0).row);
+        }
+        return _super.prototype.invalidationContextForInteractivelyMovingItemsWithTargetPositionPreviousIndexPathsPreviousPosition.call(this, targetIndexPaths, targetPosition, previousIndexPaths, previousPosition);
+    };
+    AlignedCollectionViewFlowLayoutImpl.prototype.layoutAttributesForElementsInRect = function (rect) {
+        var _a;
+        var attributesArray = _super.prototype.layoutAttributesForElementsInRect.call(this, rect);
+        var owner = (_a = this._owner) === null || _a === void 0 ? void 0 : _a.get();
+        if (owner === null || owner === void 0 ? void 0 : owner.itemOverlap) {
+            var itemOverlap = owner.itemOverlap;
+            for (var index = 0; index < attributesArray.count; index++) {
+                var attributes = attributesArray.objectAtIndex(index);
+                if (attributes.representedElementCategory === UICollectionElementCategory.Cell) {
+                    var xPosition = attributes.center.x + Utils.layout.toDeviceIndependentPixels(Length.toDevicePixels(itemOverlap[1], 0) + Length.toDevicePixels(itemOverlap[2], 0)) * attributes.indexPath.row;
+                    var yPosition = attributes.center.y + Utils.layout.toDeviceIndependentPixels(Length.toDevicePixels(itemOverlap[0], 0) + Length.toDevicePixels(itemOverlap[2], 0)) * attributes.indexPath.row;
+                    attributes.center = CGPointMake(xPosition, yPosition);
+                }
+            }
+        }
+        return attributesArray;
+    };
+    AlignedCollectionViewFlowLayoutImpl.prototype.shouldInvalidateLayoutForBoundsChange = function (newBounds) {
+        var _a;
+        var owner = (_a = this._owner) === null || _a === void 0 ? void 0 : _a.get();
+        if (owner === null || owner === void 0 ? void 0 : owner.itemOverlap) {
+            return true;
+        }
+        return _super.prototype.shouldInvalidateLayoutForBoundsChange.call(this, newBounds);
+    };
+    return AlignedCollectionViewFlowLayoutImpl;
+}(AlignedCollectionViewFlowLayout));
+export default function install() {
+    CollectionView.registerLayoutStyle('align', {
+        createLayout: (collectionview) => {
+            const layout = AlignedCollectionViewFlowLayoutImpl.new();
+            switch (collectionview['layoutHorizontalAlignment']) {
+                case 'left':
+                    layout.horizontalAlignment = 0 /* HorizontalAlignment.Left */;
+                    break;
+                case 'right':
+                    layout.horizontalAlignment = 1 /* HorizontalAlignment.Right */;
+                    break;
+                case 'justified':
+                    layout.horizontalAlignment = 4 /* HorizontalAlignment.Justified */;
+                    break;
+                case 'leading':
+                    layout.horizontalAlignment = 2 /* HorizontalAlignment.Leading */;
+                    break;
+                case 'trailing':
+                    layout.horizontalAlignment = 3 /* HorizontalAlignment.Trailing */;
+                    break;
+            }
+            switch (collectionview['layoutVerticalAlignment']) {
+                case 'top':
+                    layout.verticalAlignment = 0 /* VerticalAlignment.Top */;
+                    break;
+                case 'bottom':
+                    layout.verticalAlignment = 2 /* VerticalAlignment.Bottom */;
+                    break;
+                case 'center':
+                    layout.verticalAlignment = 1 /* VerticalAlignment.Center */;
+                    break;
+            }
+            return layout;
+        }
+    });
+}
+//# sourceMappingURL=index.ios.js.map

package/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../src/alignedflowlayout/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuD3E,MAAM,CAAC,OAAO,UAAU,OAAO;IAC3B,cAAc,CAAC,mBAAmB,CAAC,OAAO,EAAE;QACxC,YAAY,EAAE,CAAC,cAA8B,EAAE,EAAE;YAC7C,MAAM,MAAM,GAAG,mCAAmC,CAAC,GAAG,EAAE,CAAC;YACzD,QAAQ,cAAc,CAAC,2BAA2B,CAAC,EAAE,CAAC;gBAClD,KAAK,MAAM;oBACP,MAAM,CAAC,mBAAmB,mCAA2B,CAAC;oBACtD,MAAM;gBACV,KAAK,OAAO;oBACR,MAAM,CAAC,mBAAmB,oCAA4B,CAAC;oBACvD,MAAM;gBACV,KAAK,WAAW;oBACZ,MAAM,CAAC,mBAAmB,wCAAgC,CAAC;oBAC3D,MAAM;gBACV,KAAK,SAAS;oBACV,MAAM,CAAC,mBAAmB,sCAA8B,CAAC;oBACzD,MAAM;gBACV,KAAK,UAAU;oBACX,MAAM,CAAC,mBAAmB,uCAA+B,CAAC;oBAC1D,MAAM;YACd,CAAC;YACD,QAAQ,cAAc,CAAC,yBAAyB,CAAC,EAAE,CAAC;gBAChD,KAAK,KAAK;oBACN,MAAM,CAAC,iBAAiB,gCAAwB,CAAC;oBACjD,MAAM;gBACV,KAAK,QAAQ;oBACT,MAAM,CAAC,iBAAiB,mCAA2B,CAAC;oBACpD,MAAM;gBACV,KAAK,QAAQ;oBACT,MAAM,CAAC,iBAAiB,mCAA2B,CAAC;oBACpD,MAAM;YACd,CAAC;YACD,OAAO,MAAM,CAAC;QAClB,CAAC;KACJ,CAAC,CAAC;AACP,CAAC"}

package/package.json

@@ -0,0 +1,45 @@
+{
+    "name": "@nativescript-community/ui-collectionview-alignedflowlayout",
+    "version": "5.3.44",
+    "description": "A NativeScript CollectionView For Custom aligned Layout Plugin.",
+    "main": "./index",
+    "funding": "https://github.com/sponsors/farfromrefug",
+    "sideEffects": false,
+    "typings": "./index.d.ts",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/nativescript-community/ui-collectionview.git"
+    },
+    "scripts": {
+        "build": "npm run tsc && npm run readme",
+        "build.all": "npm run build",
+        "readme": "readme generate -c ../../tools/readme/blueprint.json",
+        "tsc": "cpy '**/*.d.ts' '../../packages/alignedflowlayout' --parents --cwd=../../src/alignedflowlayout && tsc -skipLibCheck -d",
+        "clean": "rimraf ./*.d.ts ./*.js ./*.js.map"
+    },
+    "nativescript": {
+        "platforms": {
+            "android": "6.1.0",
+            "ios": "6.1.0"
+        }
+    },
+    "keywords": [
+        "NativeScript",
+        "JavaScript",
+        "Android",
+        "iOS"
+    ],
+    "author": {
+        "name": "Martin Guillon",
+        "email": "martin@akylas.fr"
+    },
+    "license": "ISC",
+    "bugs": {
+        "url": "https://github.com/nativescript-community/ui-collectionview/issues"
+    },
+    "homepage": "https://github.com/nativescript-community/ui-collectionview#readme",
+    "dependencies": {
+        "@nativescript-community/ui-collectionview": "^5.3.44"
+    },
+    "gitHead": "1a56f35f828640583caacd593d9b8b6386b32afc"
+}