juxscript 1.0.106 → 1.0.108

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 (5) hide show
  1. package/lib/componentsv2/grid/component.d.ts +2 -2
  2. package/lib/componentsv2/grid/engine.d.ts +8 -8
  3. package/lib/componentsv2/grid/engine.js +10 -10
  4. package/lib/componentsv2/grid/skin.js +2 -2
  5. package/package.json +1 -1
package/lib/componentsv2/grid/component.d.ts CHANGED
@@ -5,8 +5,8 @@ export type GridComponent = GridEngine & {
5
5
  rows: (config: GridInput) => GridComponent;
6
6
  columns: (config: GridInput) => GridComponent;
7
7
  gap: (gap: string) => GridComponent;
8
- boundaryWidth: (width: string) => GridComponent;
9
- boundaryHeight: (height: string) => GridComponent;
8
+ width: (width: string) => GridComponent;
9
+ height: (height: string) => GridComponent;
10
10
  gridder: (active?: boolean) => GridComponent;
11
11
  getCellId: (row: number, col: number) => string;
12
12
  };
package/lib/componentsv2/grid/engine.d.ts CHANGED
@@ -10,16 +10,16 @@ export interface GridState extends BaseState {
10
10
  rows: GridTrackConfig[];
11
11
  columns: GridTrackConfig[];
12
12
  gap: string;
13
- boundaryWidth: string;
14
- boundaryHeight: string;
13
+ width: string;
14
+ height: string;
15
15
  gridder: boolean;
16
16
  }
17
17
  export interface GridOptions {
18
18
  rows?: GridInput;
19
19
  columns?: GridInput;
20
20
  gap?: string;
21
- boundaryWidth?: string;
22
- boundaryHeight?: string;
21
+ width?: string;
22
+ height?: string;
23
23
  gridder?: boolean;
24
24
  }
25
25
  export declare class GridEngine extends BaseEngine<GridState, GridOptions> {
@@ -53,14 +53,14 @@ export declare class GridEngine extends BaseEngine<GridState, GridOptions> {
53
53
  gap(value: string): this;
54
54
  /**
55
55
  * Set container width
56
- * Method name matches state property: boundaryWidth
56
+ * Method name matches state property: width
57
57
  */
58
- boundaryWidth(width: string): this;
58
+ width(width: string): this;
59
59
  /**
60
60
  * Set container height
61
- * Method name matches state property: boundaryHeight
61
+ * Method name matches state property: height
62
62
  */
63
- boundaryHeight(height: string): this;
63
+ height(height: string): this;
64
64
  /**
65
65
  * Set gridder (debug) mode
66
66
  * Method name matches state property: gridder
package/lib/componentsv2/grid/engine.js CHANGED
@@ -27,13 +27,13 @@ export class GridEngine extends BaseEngine {
27
27
  description: 'Gap between grid cells (CSS value)',
28
28
  aliases: ['gridGap', 'spacing', 'gutter']
29
29
  },
30
- boundaryWidth: {
30
+ width: {
31
31
  type: 'string',
32
32
  default: '100%',
33
33
  description: 'Grid container width (CSS value)',
34
34
  aliases: ['width', 'w']
35
35
  },
36
- boundaryHeight: {
36
+ height: {
37
37
  type: 'string',
38
38
  default: '100%',
39
39
  description: 'Grid container height (CSS value)',
@@ -58,8 +58,8 @@ export class GridEngine extends BaseEngine {
58
58
  rows: this.normalizeTracks(options.rows || 1),
59
59
  columns: this.normalizeTracks(options.columns || 1),
60
60
  gap: options.gap || '0',
61
- boundaryWidth: options.boundaryWidth || '100%',
62
- boundaryHeight: options.boundaryHeight || '100%',
61
+ width: options.width || '100%',
62
+ height: options.height || '100%',
63
63
  gridder: options.gridder || false
64
64
  };
65
65
  }
@@ -110,19 +110,19 @@ export class GridEngine extends BaseEngine {
110
110
  }
111
111
  /**
112
112
  * Set container width
113
- * Method name matches state property: boundaryWidth
113
+ * Method name matches state property: width
114
114
  */
115
- boundaryWidth(width) {
116
- this.updateState({ boundaryWidth: width });
115
+ width(width) {
116
+ this.updateState({ width: width });
117
117
  this.emit('layout:resize', { width });
118
118
  return this;
119
119
  }
120
120
  /**
121
121
  * Set container height
122
- * Method name matches state property: boundaryHeight
122
+ * Method name matches state property: height
123
123
  */
124
- boundaryHeight(height) {
125
- this.updateState({ boundaryHeight: height });
124
+ height(height) {
125
+ this.updateState({ height: height });
126
126
  this.emit('layout:resize', { height });
127
127
  return this;
128
128
  }
package/lib/componentsv2/grid/skin.js CHANGED
@@ -30,8 +30,8 @@ export class GridSkin extends BaseSkin {
30
30
  this.applySkinAttributes(this.root, state);
31
31
  this.root.className = state.classes.join(' ');
32
32
  // 1. Container Styles
33
- this.root.style.width = state.boundaryWidth;
34
- this.root.style.height = state.boundaryHeight;
33
+ this.root.style.width = state.width;
34
+ this.root.style.height = state.height;
35
35
  this.root.style.gap = state.gap;
36
36
  // CSS Grid Definitions
37
37
  const rowSizes = state.rows.map(r => r.size).join(' ');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "juxscript",
3
- "version": "1.0.106",
3
+ "version": "1.0.108",
4
4
  "type": "module",
5
5
  "description": "A JavaScript UX authorship platform",
6
6
  "main": "./index.js",