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

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
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_FULL.js"></script>
// Minimized Version
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_FULL.min.js"></script>
// Scoped to llm Version - llm.h rather than h etc...
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_SCOPED.min.js"></script>

Note: the above is the full documented version. You can load the 'min' version, or simply the components you require as shown here:

<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/liefs-layout-managerV3_CORE.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Context.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/DragBar.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Modal.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Pages.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Scrollbar.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Selected.min.js"></script>
<script src="https://leafdriving.github.io/liefs-layout-manager-3.0.0/dist/components/Tree.min.js"></script>

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)

Liefs layout Manager includes 'DisplayGroups' (An easy way to divide the screen by % or fixed Pixels):

Liefs layout Manager includes 'DragBars' (An easy way for the user to widen cells):

Liefs layout Manager includes 'Pages': (An easy way to change 'div' elements to new values)

Liefs layout Manager includes 'ScrollBars':

Liefs layout Manager includes 'Selected': (An Easy Way to Handle Selected Items)

Liefs layout Manager includes 'Tree': (An Easy to use Tree Object)

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