@rhtml/modifiers 0.0.87 → 0.0.88

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 (4) hide show
  1. package/dist/modifiers.js +6 -3
  2. package/dist/modifiers.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/modifiers.ts +7 -3
package/dist/modifiers.js CHANGED
@@ -29,11 +29,14 @@ exports.setChildrensFlex = (div) => {
29
29
  };
30
30
  };
31
31
  exports.setFxLayout = (element) => {
32
- return (fxLayout = '') => {
32
+ return (fxLayout = 'row') => {
33
33
  // element.style['flex-direction'] = fxLayout;
34
+ const splitted = fxLayout.split(' ');
35
+ const [mainAxis, crossAxis] = splitted;
34
36
  element.style['box-sizing'] = 'flex';
35
37
  element.style['display'] = 'flex';
36
- element.style['flex-flow'] = `${fxLayout} wrap`;
38
+ element.style['flex-flow'] =
39
+ splitted.length > 1 ? `${mainAxis} ${crossAxis}` : mainAxis;
37
40
  };
38
41
  };
39
42
  exports.recursion = (div) => {
@@ -57,7 +60,7 @@ exports.recursion = (div) => {
57
60
  if (exports.isAttribute(fxLayoutGap)) {
58
61
  const divs = [...div.children];
59
62
  for (const div of divs) {
60
- div.style['padding'] = `0px ${fxLayoutGap} ${fxLayoutGap} 0px`;
63
+ div.style['margin'] = `0px ${fxLayoutGap} ${fxLayoutGap} 0px`;
61
64
  div.style.flex = '1 1 25%';
62
65
  }
63
66
  }
package/dist/modifiers.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modifiers.js","sourceRoot":"","sources":["../src/modifiers.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modifiers.js","sourceRoot":"","sources":["../src/modifiers.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rhtml/modifiers",
3
- "version": "0.0.87",
3
+ "version": "0.0.88",
4
4
  "description": "Reactive HyperText Markup Language",
5
5
  "scripts": {
6
6
  "start": "npx parcel ./examples/index.html --out-dir build/examples",
package/src/modifiers.ts CHANGED
@@ -49,11 +49,15 @@ export const setChildrensFlex = (div: HTMLElement) => {
49
49
  };
50
50
 
51
51
  export const setFxLayout = (element: HTMLElement) => {
52
- return (fxLayout = ''): void => {
52
+ return (fxLayout = 'row'): void => {
53
53
  // element.style['flex-direction'] = fxLayout;
54
+ const splitted = fxLayout.split(' ');
55
+ const [mainAxis, crossAxis] = splitted;
56
+
54
57
  element.style['box-sizing'] = 'flex';
55
58
  element.style['display'] = 'flex';
56
- element.style['flex-flow'] = `${fxLayout} wrap`;
59
+ element.style['flex-flow'] =
60
+ splitted.length > 1 ? `${mainAxis} ${crossAxis}` : mainAxis;
57
61
  };
58
62
  };
59
63
 
@@ -83,7 +87,7 @@ export const recursion = (div: HTMLElement): void => {
83
87
  if (isAttribute(fxLayoutGap)) {
84
88
  const divs = [...div.children] as HTMLElement[];
85
89
  for (const div of divs) {
86
- div.style['padding'] = `0px ${fxLayoutGap} ${fxLayoutGap} 0px`;
90
+ div.style['margin'] = `0px ${fxLayoutGap} ${fxLayoutGap} 0px`;
87
91
  div.style.flex = '1 1 25%';
88
92
  }
89
93
  }