# liefs-layout-manager
> Dynamic Layout Manager (Javascript/TypeScript)
Latest version **3.0.0** (published 2021-05-04) · ISC license · 0 weekly downloads
## Install
```sh
npm install liefs-layout-manager
pnpm add liefs-layout-manager
yarn add liefs-layout-manager
bun add liefs-layout-manager
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 3.0.0 |
| Published | 2021-05-04 |
| First published | 2017-01-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Stacy Lief Kelly |
| Maintainers | liefs |
## Links
- npm: https://www.npmjs.com/package/liefs-layout-manager
- Repository: https://github.com/Leafdriving/liefs-layout-manager-3.0.0
- Homepage: https://github.com/Leafdriving/liefs-layout-manager-3.0.0#readme
- Issues: https://github.com/Leafdriving/liefs-layout-manager-3.0.0/issues
- npm.io page: https://npm.io/package/liefs-layout-manager
## Recent versions
- 3.0.0 (latest) — 2021-05-04
- 1.0.3 — 2017-03-12
- 1.0.2 — 2017-02-14
- 1.0.1 — 2017-02-14
- 1.0.0 — 2017-02-14
- 0.0.18 — 2017-02-14
- 0.0.17 — 2017-02-14
- 0.0.16 — 2017-02-05
- 0.0.15 — 2017-02-05
- 0.0.14 — 2017-02-01
- 0.0.13 — 2017-01-10
- 0.0.12 — 2017-01-08
- 0.0.11 — 2017-01-08
- 0.0.10 — 2017-01-08
- 0.0.9 — 2017-01-08
- … 8 more at https://npm.io/package/liefs-layout-manager/versions
## README
# Liefs-Layout-Manager
### This software is not fully tested. It is created and managed by one person.
# USE AT OWN RISK - THIS SOFTWARE IS NOT PROPERLY TESTED!
Full Manual is available here:
[https://leafdriving.github.io/liefs-layout-manager-3.0.0/Manual/Manual.html](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Manual/Manual.html)
Liefs Layout Manager is a framework for creating Dynamic Web Pages. It is a client-side solution to advanced layouts of 'div' Elements. It keeps the dom clean, by removing all non-visible 'div's from the dom.
It does not need "installation" and can be added to you webpage by simply adding one line of code:
```
// Full Script with Docs
// Minimized Version
// Scoped to llm Version - llm.h rather than h etc...
```
Note: the above is the full documented version. You can load the 'min' version, or simply the components you require as shown here:
```
```
The Full version is still smaller than JQuery, so it's pretty small.
You can import, of course:
```
// https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_FULL_MODULE.js
// From depends on how you save the file (or use NPM)
import {pf, Arguments_, Base, Component, FunctionStack_BASE, FunctionStack, debounce_,
debounce, node_, sample, Point, Within, Coord, events, Element_, DisplayCell, DisplayGroup,
h, v, Handler, H, Css, css, Render, ScrollBar, scrollbar, onDrag_, onDrag, onHoldClick_,
onHoldClick, Selected, Pages, P, Tree_, Context, context, Modal, winModal, Stretch, DragBar,
dragbar} from 'liefs-layout-manager';
```
Liefs layout Manager includes 'Context': (Right-click and Drop Down Menus)
[
](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Examples/context_01.html)
Liefs layout Manager includes 'DisplayGroups' (An easy way to divide the screen by % or fixed Pixels):
[
](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Examples/core_displaygroup01.html)
Liefs layout Manager includes 'DragBars' (An easy way for the user to widen cells):
[
](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Examples/DragBar_01.html)
Liefs layout Manager includes 'Pages': (An easy way to change 'div' elements to new values)
[
](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Examples/Pages_01.html)
Liefs layout Manager includes 'ScrollBars':
[
](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Examples/Scrollbar_01.html)
Liefs layout Manager includes 'Selected': (An Easy Way to Handle Selected Items)
[
](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Examples/Selected_01.html)
Liefs layout Manager includes 'Tree': (An Easy to use Tree Object)
[
](https://leafdriving.github.io/liefs-layout-manager-3.0.0/Examples/Tree_01.html)
PLUS:
- A custom Css system, where you can change values in Javascript
- A custom Event System, which allows multiple events (like multiple "onclick" events) to be stacked, as well as Drag Events
---
_Source: https://npm.io/package/liefs-layout-manager · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._