# core-layout-probe

> A version of core-layout that depends on angular-iscroll-probe.

Latest version **7.2.0** (published 2023-11-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install core-layout-probe
pnpm add core-layout-probe
yarn add core-layout-probe
bun add core-layout-probe
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 7.2.0 |
| Published | 2023-11-30 |
| First published | 2015-05-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 209.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Martin Thorsen Ranang |
| Maintainers | mtrtm |
| Keywords | layout, responsive, angular, iscroll, modal, web-app, directive |

## Links

- npm: https://www.npmjs.com/package/core-layout-probe
- Repository: https://github.com/encount/core-layout-probe
- Homepage: https://encount.github.io/core-layout-probe
- Issues: https://github.com/encount/core-layout-probe/issues
- npm.io page: https://npm.io/package/core-layout-probe

## Dependencies (1)

- [angular-iscroll-probe](https://npm.io/package/angular-iscroll-probe.md) ^4.2.0

## Alternatives

- [react-native-root-siblings](https://npm.io/package/react-native-root-siblings.md) — 102.9K weekly downloads
- [@praxisui/dialog](https://npm.io/package/@praxisui/dialog.md) — 2.0K weekly downloads
- [easy-toggle-state](https://npm.io/package/easy-toggle-state.md) — 350 weekly downloads
- [ngx-lightbox-evp](https://npm.io/package/ngx-lightbox-evp.md) — 19 weekly downloads
- [react-native-modal-translucent-axton](https://npm.io/package/react-native-modal-translucent-axton.md) — 4 weekly downloads

## Recent versions

- 7.2.0 (latest) — 2023-11-30
- 7.0.1 — 2021-06-28
- 6.3.3 — 2019-11-07
- 6.3.2 — 2019-11-07
- 6.2.1 — 2018-01-21
- 6.2.0 — 2018-01-21
- 6.1.0 — 2017-06-14
- 6.0.1 — 2016-09-02
- 5.5.2 — 2016-02-16
- 5.5.1 — 2016-02-15
- 5.5.0 — 2016-01-27
- 5.4.1 — 2016-01-22
- 5.3.0 — 2015-12-18
- 5.0.0 — 2015-12-16
- 4.4.0 — 2015-08-15
- … 2 more at https://npm.io/package/core-layout-probe/versions

## README

# core-layout-probe
A responsive AngularJS layout component for a simple, yet not completely trivial, Web-app layout that works well on both small (mobile) and larger screens.  An important feature is its use of iScroll 5.x, through [angular-iscroll-probe](https://github.com/OnLiveResearch/core-layout-probe), to support fixed-position headers and footers without using the CSS `position: fixed` formatting instruction which is not well supported on older Android (<= 4.1.2 ?) and iOS (<= 8.x) versions.  

## Install

Install the [core-layout-probe NPM package](https://www.npmjs.com/package/core-layout-probe)
```bash
# With NPM:
npm install --save core-layout-probe
# With Yarn, which I prefer:
yarn add core-layout-probe
```

Or, to check out a development version, start by cloning the repository, by
```bash
git clone git@github.com:OnLiveResearch/core-layout-probe.git
```
Then, install the necessary dependencies:
```bash
cd core-layout-probe/
yarn install    # Or: npm install
```
After that, you should have a `dist` directory with a subdirectory named `lib`:
```
dist/
├── lib
│   └── core-layout.js
└── scss
    ├── _core-drawers.scss
    ├── _core-modal.scss
    ├── _core-responsive.scss
    ├── _core.scss
    └── _core-variables.scss
```

### Build

To rebuild the library, run
```bash
yarn build         # Or `yarn watch` (to rebuild on every file change).
```

To build the examples, run
```bash
yarn build-examples  # Or, `npm run-script build-examples`.
```


## Demo
You may have a look at an Angular [demo app](https://onliveresearch.github.io/core-layout-probe/examples/) that shows how you can use this `core-layout-probe` module.

### Building the Demo (`examples/`)
Please note that if you don't plan on changing the demo and testing new stuff, there's no need to compile it yourself; you can just visit the [demo app](https://onliveresearch.github.io/core-layout-probe/examples/).

---
_Source: https://npm.io/package/core-layout-probe · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._