ziko 0.34.2 → 0.35.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/ziko.cjs +162 -162
  2. package/dist/ziko.js +194 -248
  3. package/dist/ziko.min.js +2 -2
  4. package/dist/ziko.mjs +194 -248
  5. package/package.json +6 -4
  6. package/src/index.js +2 -2
  7. package/src/reactivity/hooks/UI/index.js +2 -2
  8. package/src/reactivity/hooks/index.js +1 -1
  9. package/src/ui/{elements/ZikoUIElement.js → constructors/ziko-ui-element.js} +12 -7
  10. package/src/ui/constructors/ziko-ui-node.js +15 -0
  11. package/src/ui/elements/flex/index.js +1 -1
  12. package/src/ui/elements/grid/index.js +1 -1
  13. package/src/ui/elements/io/Inputs/__helpers__.js +1 -1
  14. package/src/ui/elements/io/Inputs/input/index.js +1 -1
  15. package/src/ui/elements/io/Inputs/input-file/input-image.js +1 -1
  16. package/src/ui/elements/io/Select/index.js +1 -1
  17. package/src/ui/elements/io/Textarea/index.js +1 -1
  18. package/src/ui/elements/list/index.js +1 -1
  19. package/src/ui/elements/media/Image/figure.js +1 -1
  20. package/src/ui/elements/media/Image/image.js +1 -1
  21. package/src/ui/elements/media/__ZikoUIDynamicMediaELement__.js +1 -1
  22. package/src/ui/elements/misc/hyperscript.js +1 -1
  23. package/src/ui/elements/misc/index.js +1 -1
  24. package/src/ui/elements/misc/suspense.js +1 -1
  25. package/src/ui/elements/misc/xml-wrapper.js +1 -1
  26. package/src/ui/elements/semantic/index.js +1 -1
  27. package/src/ui/elements/table/elements.js +1 -1
  28. package/src/ui/elements/table/table.js +1 -1
  29. package/src/ui/elements/text/__ZikoUIText__.js +1 -1
  30. package/src/ui/elements/text/heading.js +1 -1
  31. package/src/ui/index.js +1 -1
  32. package/src/ui/tags/index.js +1 -1
  33. package/src/ui/utils/index.js +1 -1
  34. package/src/watch/dom-observer/ziko-observer.js +15 -0
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../../constructors/ziko-ui-element.js";
2
2
  import { Random } from "../../../../math/index.js";
3
3
  class ZikoUILabel extends ZikoUIElement{
4
4
  constructor(){
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../../../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../../../constructors/ziko-ui-element.js";
2
2
  import { useInputEvent } from "../../../../../reactivity/index.js";
3
3
  class ZikoUIInput extends ZikoUIElement {
4
4
  constructor(type, name , value = "", datalist) {
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../../../ZikoUIElement";
1
+ import ZikoUIElement from "../../../../constructors/ziko-ui-element.js";
2
2
  import { btn } from "../../../misc";
3
3
  class ZikoUIInputImage extends ZikoUIElement {
4
4
  constructor(text = "File") {
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../../ZikoUIElement";
1
+ import ZikoUIElement from "../../../constructors/ziko-ui-element.js";
2
2
  import { ZikoUIInputOption } from "../Inputs/__helpers__";
3
3
  class ZikoUISelect extends ZikoUIElement {
4
4
  constructor(){
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../../ZikoUIElement";
1
+ import ZikoUIElement from "../../../constructors/ziko-ui-element.js";
2
2
  class ZikoUITextArea extends ZikoUIElement {
3
3
  constructor() {
4
4
  super();
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  import {text} from "../text/index.js";
3
3
  class ZikoUILI extends ZikoUIElement{
4
4
  constructor(UI){
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../../ZikoUIElement";
1
+ import ZikoUIElement from "../../../constructors/ziko-ui-element.js";
2
2
  class ZikoUIFigure extends ZikoUIElement{
3
3
  constructor(src,caption){
4
4
  super("figure","figure")
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../../constructors/ziko-ui-element.js";
2
2
  class ZikoUIImage extends ZikoUIElement {
3
3
  constructor(src,alt, w, h) {
4
4
  super("img","image");
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  class __ZikoUIDynamicMediaElement__ extends ZikoUIElement {
3
3
  constructor(element, name) {
4
4
  super(element, name);
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from '../ZikoUIElement.js';
1
+ import ZikoUIElement from '../../constructors/ziko-ui-element.js';
2
2
  const _h=(tag, type, attributes, ...children)=>{
3
3
  const { name, style, ...attrs } = attributes;
4
4
  let element = new ZikoUIElement(tag, name, type);
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  class ZikoUIHtmlTag extends ZikoUIElement {
3
3
  constructor(element) {
4
4
  super(element,"html");
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  // function loadComponent() {
3
3
  // return new Promise((resolve) => {
4
4
  // setTimeout(() => {
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  class ZikoUIXMLWrapper extends ZikoUIElement{
3
3
  constructor(XMLContent, type){
4
4
  super("div", "")
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  const elements = ['Main', 'Header', 'Nav', 'Section', 'Article', 'Aside', 'Footer']
3
3
 
4
4
  // Storage for Classes and component functions
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js"
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js"
2
2
  import { text } from "../text/text.js";
3
3
  class ZikoUITh extends ZikoUIElement{
4
4
  constructor(...ZikoUIElement){
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js"
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js"
2
2
  import { tbody,caption,ZikoUICaption,thead} from "./elements.js";
3
3
  import { matrix } from "../../../math/matrix/index.js";
4
4
  import { MatrixToTableUI } from "./utils.js";
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  import {
3
3
  ZikoUISubText,
4
4
  ZikoUISupText
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../ZikoUIElement.js";
1
+ import ZikoUIElement from "../../constructors/ziko-ui-element.js";
2
2
  class ZikoUIHeading extends ZikoUIElement {
3
3
  constructor(type = 1, value = "") {
4
4
  super(`h${type}`,`h${type}`);
package/src/ui/index.js CHANGED
@@ -20,7 +20,7 @@ import * as Flex from "./elements/flex/index.js";
20
20
  import * as Grid from "./elements/grid/index.js";
21
21
 
22
22
 
23
- import ZikoUIElement from "./elements/ZikoUIElement.js";
23
+ import ZikoUIElement from "./constructors/ziko-ui-element.js";
24
24
 
25
25
  export{
26
26
  ZikoUIElement
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../elements/ZikoUIElement.js";
1
+ import ZikoUIElement from "../constructors/ziko-ui-element.js";
2
2
  import { HTMLTags, SVGTags } from "./tags.js";
3
3
  const _h=(tag, type, attributes, ...children)=>{
4
4
  const { name, style, ...attrs } = attributes;
@@ -1,4 +1,4 @@
1
- import ZikoUIElement from "../elements/ZikoUIElement.js";
1
+ import ZikoUIElement from "../constructors/ziko-ui-element.js";
2
2
  const Id = (a) => document.getElementById(a);
3
3
  const Class = (a) => [...document.getElementsByClassName(a)];
4
4
  const $=(...selector)=>{
@@ -0,0 +1,15 @@
1
+ class ZikoDomObserver{
2
+ constructor(UIElement, options = {}){
3
+ this.cache = {
4
+ target : UIElement,
5
+ options : options,
6
+ observer : null
7
+ }
8
+ }
9
+ disconnect(){
10
+
11
+ }
12
+ stream(){
13
+
14
+ }
15
+ }