nodality 1.0.0-beta.1

package/layout/index.js

@@ -0,0 +1,183 @@
+import { ElementMapper } from "../lib/elementMapper.js";
+import { Animator } from "../layout/animator.js";
+import { Base } from "../layout/base.js";
+import { Text } from "../layout/text.js";
+import { Image } from "../layout/image.js";
+import { Link } from "../layout/link.js";
+import { FlexRow } from "../layout/flexRow.js";
+import { CustomDivRenderer } from "../layout/navFactor/customDiv.js";
+import { UINavBar } from "../layout/newNavBar.js";
+import { SideBar } from "../layout/sideBar.js";
+import { SideNav } from "../layout/sideNavBar.js";
+import { Free } from "../layout/free.js";
+import { Audio } from "../layout/audionew.js";
+import { Progress } from "../layout/progress.js";
+import { Center } from "../layout/center.js";
+import { Code } from "../layout/code.js";
+import { Stack } from "../layout/stack.js";
+import { Wrapper } from "../layout/container.js";
+import { MetaAdder } from "../layout/metaAdder.js";
+import { Table } from "../layout/table.js";
+import { Dropdown } from "../layout/dropdown2025.js";
+import { Modal } from "../layout/modal2025.js";
+import { TextField } from "../layout/textField.js";
+import { Card } from "../layout/flexCard.js";
+import { Wrap } from "../layout/wrap.js";
+import { FlexGrid } from "../layout/flexGrid.js";
+import { ZoomCard } from "../layout/zoomCard.js";
+import { SimpleBar } from "../layout/simpleBar.js";
+import { DesktopBar } from "../layout/betaDesktopBar.js";
+import { MobileBar } from "../layout/betaMobileBar.js";
+import { Switcher } from "../layout/multiswitcher.js";
+import { Spacer } from "../layout/spacer.js";
+import {HScroller} from "../layout/horizontalScroller.js";
+import {Checkbox} from "../layout/checkbox.js";
+import {FilePickera} from "../layout/formComponents/imagePicker.js";
+import {Picker} from "../layout/formComponents/picker.js";
+import {Range} from "../layout/formComponents/range.js";
+import {RadioGroup} from "../layout/formComponents/radio.js";
+import {DataList} from "../layout/formComponents/dataList.js";
+import {Button} from "../layout/button.js";
+import {Des} from "../lib/designer.js";
+import { LinkStyler } from "../lib/linkGetter.js";
+import { CardGen } from "../lib/cardGetter.js";
+
+
+// Expose modules as globals
+if (typeof window !== 'undefined') {
+  window.ElementMapper = ElementMapper;
+  window.Animator = Animator;
+  window.Text = Text;
+  window.Image = Image;
+  window.Link = Link;
+  window.FlexRow = FlexRow;
+  window.UINavBar = UINavBar;
+  window.Free = Free;
+  window.Audio = Audio;
+  window.Progress = Progress;
+  window.Center = Center;
+  window.Code = Code;
+  window.Stack = Stack;
+  window.Wrapper = Wrapper;
+  window.MetaAdder = MetaAdder;
+  window.Table = Table;
+  window.Dropdown = Dropdown;
+  window.Modal = Modal;
+  window.TextField = TextField;
+  window.Card = Card;
+  window.Wrap = Wrap;
+  window.FlexGrid = FlexGrid;
+  window.ZoomCard = ZoomCard;
+  window.CustomDivRenderer = CustomDivRenderer;
+  window.SideBar = SideBar;
+  window.SideNav = SideNav;
+  window.SimpleBar = SimpleBar;
+  window.DesktopBar = DesktopBar;
+  window.MobileBar = MobileBar;
+  window.Switcher = Switcher;
+  window.Spacer = Spacer;
+  window.HScroller = HScroller;
+  window.Checkbox = Checkbox;
+  window.Base = Base;
+  window.FilePickera = FilePickera;
+  window.Picker = Picker;
+  window.Range = Range;
+  window.RadioGroup = RadioGroup;
+  window.DataList = DataList;
+  window.Button = Button;
+  window.Des = Des;
+  window.LinkStyler = LinkStyler;
+  window.CardGen = CardGen;
+}
+
+if (typeof global !== 'undefined') {
+  global.ElementMapper = ElementMapper;
+  global.Animator = Animator;
+  global.Text = Text;
+  global.Image = Image;
+  global.Link = Link;
+  global.FlexRow = FlexRow;
+  global.UINavBar = UINavBar;
+  global.Free = Free;
+  global.Audio = Audio;
+  global.Progress = Progress;
+  global.Center = Center;
+  global.Code = Code;
+  global.Stack = Stack;
+  global.Wrapper = Wrapper;
+  global.MetaAdder = MetaAdder;
+  global.Table = Table;
+  global.Dropdown = Dropdown;
+  global.Modal = Modal;
+  global.TextField = TextField;
+  global.Card = Card;
+  global.Wrap = Wrap;
+  global.FlexGrid = FlexGrid;
+  global.ZoomCard = ZoomCard;
+  global.CustomDivRenderer = CustomDivRenderer;
+  global.SideBar = SideBar;
+  global.SideNav = SideNav;
+  global.SimpleBar = SimpleBar;
+  global.DesktopBar = DesktopBar;
+  global.MobileBar = MobileBar;
+  global.Switcher = Switcher;
+  global.Spacer = Spacer;
+  global.HScroller = HScroller;
+  global.Checkbox = Checkbox;
+  global.Base = Base;
+  global.FilePickera = FilePickera;
+  global.Picker = Picker;
+  global.Range = Range;
+  global.RadioGroup = RadioGroup;
+  global.DataList = DataList;
+  global.Button = Button;
+  global.Des = Des;
+  global.LinkStyler = LinkStyler;
+  global.CardGen = CardGen;
+}
+
+export {
+  ElementMapper,
+  Animator,
+  Text,
+  Image,
+  Link,
+  FlexRow,
+  UINavBar,
+  Free,
+  Audio,
+  Progress,
+  Center,
+  Code,
+  Stack,
+  Wrapper,
+  MetaAdder,
+  Table,
+  Dropdown,
+  Modal,
+  TextField,
+  Card,
+  Wrap,
+  FlexGrid,
+  ZoomCard,
+  CustomDivRenderer,
+  SideBar,
+  SideNav,
+  SimpleBar,
+  DesktopBar, 
+  MobileBar,
+  Switcher,
+  Spacer,
+  HScroller,
+  Checkbox,
+  Base,
+  FilePickera,
+  Picker,
+  Range,
+  RadioGroup,
+  DataList,
+  Button,
+  Des,
+  LinkStyler,
+  CardGen,
+}; // 172112 Nice!!!! 17/04/25

package/layout/label.js

@@ -0,0 +1,50 @@
+import {Animator} from "./animator.js";
+
+
+
+class Label {
+    constructor(){
+        this.el = null;
+    }
+    
+    setup(obj){
+        var el = document.createElement("div");
+        el.style.display = "flex";
+        
+      
+        
+         let image = document.createElement("img");
+        image.setAttribute("src", obj.image);
+        image.style.width = "30";
+        image.style.height = "auto";
+        el.appendChild(image);
+        
+        
+          let node = document.createElement("p");
+        let textNode = document.createTextNode(obj.text);
+         el.appendChild(textNode);
+        
+        this.el = el;
+        return this;
+    }
+   
+render(el) {
+    if (el) {
+        document.querySelector("body").style.margin = 0;
+        document.querySelector("body").style.padding = 0;
+        document.querySelector(el).appendChild(this.el);
+    } else {
+        return this.el;
+    }
+}
+    
+    
+    
+    
+    
+    
+    
+    
+}
+
+export { Label };