@niche-works/style-layouts 0.3.1 → 0.4.0

package/README.ja.md

@@ -310,7 +310,7 @@ const { className, style } = pin({
 type StyleLayoutResult = {
   className?: string;
   style?: {
-    [key: `--${string}`]: string | number | undefined;
+    [key: `--${string}`]: string | undefined;
   };
 };
 ```
@@ -319,8 +319,8 @@ type StyleLayoutResult = {
 
 本ライブラリはモダンCSSの標準仕様を用いて設計されており、下記のメジャーなブラウザーのバージョンに対応しています。
 
-| ブラウザー      |   対応バージョン    |
-| --------------- | :-----------------: |
+| ブラウザー      | 対応バージョン      |
+| --------------- | ------------------- |
 | Google Chrome   | 88 (2021年1月) 以降 |
 | Microsoft Edge  | 88 (2021年1月) 以降 |
 | Mozilla Firefox | 89 (2021年6月) 以降 |

package/README.md

@@ -310,7 +310,7 @@ All layout functions return a `StyleLayoutResult`:
 type StyleLayoutResult = {
   className?: string;
   style?: {
-    [key: `--${string}`]: string | number | undefined;
+    [key: `--${string}`]: string | undefined;
   };
 };
 ```
@@ -319,11 +319,11 @@ type StyleLayoutResult = {
 
 This library is built on modern CSS standards and supports the following major browser versions.
 
-| Browser         |    Supported Versions    |
-| --------------- | :----------------------: |
-| Google Chrome   | 88 (January 2021) and later  |
-| Microsoft Edge  | 88 (January 2021) and later  |
-| Mozilla Firefox | 89 (June 2021) and later     |
+| Browser         | Supported Versions            |
+| --------------- | ----------------------------- |
+| Google Chrome   | 88 (January 2021) and later   |
+| Microsoft Edge  | 88 (January 2021) and later   |
+| Mozilla Firefox | 89 (June 2021) and later      |
 | Apple Safari    | 15 (September 2021) and later |
 
 ## License

package/balance/index.cjs

@@ -1,4 +1,8 @@
-require('../core/balance/styles.css');
 const require_core_balance_balance = require('../core/balance/balance.cjs');
+require('../core/balance/styles.css');
+
+//#region src/balance/index.ts
+var balance_default = require_core_balance_balance;
 
-module.exports = require_core_balance_balance;
+//#endregion
+module.exports = balance_default;

package/balance/index.mjs

@@ -1,4 +1,8 @@
-import "../core/balance/styles.css";
 import balance from "../core/balance/balance.mjs";
+import "../core/balance/styles.css";
+
+//#region src/balance/index.ts
+var balance_default = balance;
 
-export { balance as default };
+//#endregion
+export { balance_default as default };

package/center/index.cjs

@@ -1,4 +1,8 @@
-require('../core/center/styles.css');
 const require_core_center_center = require('../core/center/center.cjs');
+require('../core/center/styles.css');
+
+//#region src/center/index.ts
+var center_default = require_core_center_center;
 
-module.exports = require_core_center_center;
+//#endregion
+module.exports = center_default;

package/center/index.mjs

@@ -1,4 +1,8 @@
-import "../core/center/styles.css";
 import center from "../core/center/center.mjs";
+import "../core/center/styles.css";
+
+//#region src/center/index.ts
+var center_default = center;
 
-export { center as default };
+//#endregion
+export { center_default as default };

package/constants.cjs

@@ -7,53 +7,4 @@ exports.AlignX = require_core_constants.AlignX;
 exports.AlignXBase = require_core_constants.AlignXBase;
 exports.AlignY = require_core_constants.AlignY;
 exports.AlignYBase = require_core_constants.AlignYBase;
-exports.Direction = require_core_constants.Direction;
-exports.clsLayoutAdjustXExpand = require_core_constants.clsLayoutAdjustXExpand;
-exports.clsLayoutAdjustXFit = require_core_constants.clsLayoutAdjustXFit;
-exports.clsLayoutAdjustXNone = require_core_constants.clsLayoutAdjustXNone;
-exports.clsLayoutAdjustXShrink = require_core_constants.clsLayoutAdjustXShrink;
-exports.clsLayoutAdjustYExpand = require_core_constants.clsLayoutAdjustYExpand;
-exports.clsLayoutAdjustYFit = require_core_constants.clsLayoutAdjustYFit;
-exports.clsLayoutAdjustYNone = require_core_constants.clsLayoutAdjustYNone;
-exports.clsLayoutAdjustYShrink = require_core_constants.clsLayoutAdjustYShrink;
-exports.clsLayoutAlignXCenter = require_core_constants.clsLayoutAlignXCenter;
-exports.clsLayoutAlignXLeft = require_core_constants.clsLayoutAlignXLeft;
-exports.clsLayoutAlignXRight = require_core_constants.clsLayoutAlignXRight;
-exports.clsLayoutAlignXSpaceAround = require_core_constants.clsLayoutAlignXSpaceAround;
-exports.clsLayoutAlignXSpaceBetween = require_core_constants.clsLayoutAlignXSpaceBetween;
-exports.clsLayoutAlignXSpaceEvenly = require_core_constants.clsLayoutAlignXSpaceEvenly;
-exports.clsLayoutAlignYBottom = require_core_constants.clsLayoutAlignYBottom;
-exports.clsLayoutAlignYMiddle = require_core_constants.clsLayoutAlignYMiddle;
-exports.clsLayoutAlignYSpaceAround = require_core_constants.clsLayoutAlignYSpaceAround;
-exports.clsLayoutAlignYSpaceBetween = require_core_constants.clsLayoutAlignYSpaceBetween;
-exports.clsLayoutAlignYSpaceEvenly = require_core_constants.clsLayoutAlignYSpaceEvenly;
-exports.clsLayoutAlignYTop = require_core_constants.clsLayoutAlignYTop;
-exports.clsLayoutBalance = require_core_constants.clsLayoutBalance;
-exports.clsLayoutCenter = require_core_constants.clsLayoutCenter;
-exports.clsLayoutChildCountX = require_core_constants.clsLayoutChildCountX;
-exports.clsLayoutChildCountY = require_core_constants.clsLayoutChildCountY;
-exports.clsLayoutChildRatio = require_core_constants.clsLayoutChildRatio;
-exports.clsLayoutChildSizeX = require_core_constants.clsLayoutChildSizeX;
-exports.clsLayoutChildSizeY = require_core_constants.clsLayoutChildSizeY;
-exports.clsLayoutDirectionX = require_core_constants.clsLayoutDirectionX;
-exports.clsLayoutDirectionY = require_core_constants.clsLayoutDirectionY;
-exports.clsLayoutFlow = require_core_constants.clsLayoutFlow;
-exports.clsLayoutGapX = require_core_constants.clsLayoutGapX;
-exports.clsLayoutGapY = require_core_constants.clsLayoutGapY;
-exports.clsLayoutLayer = require_core_constants.clsLayoutLayer;
-exports.clsLayoutMatrix = require_core_constants.clsLayoutMatrix;
-exports.clsLayoutPack = require_core_constants.clsLayoutPack;
-exports.clsLayoutPin = require_core_constants.clsLayoutPin;
-exports.clsLayoutStack = require_core_constants.clsLayoutStack;
-exports.clsLayoutTemplateX = require_core_constants.clsLayoutTemplateX;
-exports.clsLayoutTemplateY = require_core_constants.clsLayoutTemplateY;
-exports.clsLayoutTile = require_core_constants.clsLayoutTile;
-exports.varLayoutChildCountX = require_core_constants.varLayoutChildCountX;
-exports.varLayoutChildCountY = require_core_constants.varLayoutChildCountY;
-exports.varLayoutChildRatio = require_core_constants.varLayoutChildRatio;
-exports.varLayoutChildSizeX = require_core_constants.varLayoutChildSizeX;
-exports.varLayoutChildSizeY = require_core_constants.varLayoutChildSizeY;
-exports.varLayoutGapX = require_core_constants.varLayoutGapX;
-exports.varLayoutGapY = require_core_constants.varLayoutGapY;
-exports.varLayoutTemplateX = require_core_constants.varLayoutTemplateX;
-exports.varLayoutTemplateY = require_core_constants.varLayoutTemplateY;
+exports.Direction = require_core_constants.Direction;

package/constants.d.cts

@@ -1,2 +1,2 @@
-import { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY } from "./core/constants.cjs";
-export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };
+import { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction } from "./core/constants.cjs";
+export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction };

package/constants.d.mts

@@ -1,2 +1,2 @@
-import { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY } from "./core/constants.mjs";
-export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };
+import { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction } from "./core/constants.mjs";
+export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction };

package/constants.mjs

@@ -1,3 +1,3 @@
-import { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY } from "./core/constants.mjs";
+import { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction } from "./core/constants.mjs";
 
-export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };
+export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction };

package/core/_constants.cjs

@@ -1,54 +1,258 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_core_constants = require('./constants.cjs');
 
 //#region src/core/_constants.ts
 /**
+* レイアウト種別: stack
+*/
+const clsLayoutStack = "nws-layout-stack";
+/**
+* レイアウト種別: flow
+*/
+const clsLayoutFlow = "nws-layout-flow";
+/**
+* レイアウト種別: tile
+*/
+const clsLayoutTile = "nws-layout-tile";
+/**
+* レイアウト種別: matrix
+*/
+const clsLayoutMatrix = "nws-layout-matrix";
+/**
+* レイアウト種別: center
+*/
+const clsLayoutCenter = "nws-layout-center";
+/**
+* レイアウト種別: pack
+*/
+const clsLayoutPack = "nws-layout-pack";
+/**
+* レイアウト種別: balance
+*/
+const clsLayoutBalance = "nws-layout-balance";
+/**
+* レイアウト種別: layer
+*/
+const clsLayoutLayer = "nws-layout-layer";
+/**
+* レイアウト種別: pin
+*/
+const clsLayoutPin = "nws-layout-pin";
+/**
+* 整列: 横方向
+*/
+const clsLayoutDirectionX = "nws-layout-direction-x";
+/**
+* 整列: 縦方向
+*/
+const clsLayoutDirectionY = "nws-layout-direction-y";
+/**
+* 横位置: 左
+*/
+const clsLayoutAlignXLeft = "nws-layout-alignX-left";
+/**
+* 横位置: 中央
+*/
+const clsLayoutAlignXCenter = "nws-layout-alignX-center";
+/**
+* 横位置: 右
+*/
+const clsLayoutAlignXRight = "nws-layout-alignX-right";
+/**
+* 横位置: 両端揃え
+*/
+const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
+/**
+* 横位置: 両端余白あり均等
+*/
+const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
+/**
+* 横位置: 完全均等
+*/
+const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
+/**
+* 縦位置: 上
+*/
+const clsLayoutAlignYTop = "nws-layout-alignY-top";
+/**
+* 縦位置: 中央
+*/
+const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
+/**
+* 縦位置: 下
+*/
+const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
+/**
+* 縦位置: 両端揃え
+*/
+const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
+/**
+* 縦位置: 両端余白あり均等
+*/
+const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
+/**
+* 縦位置: 完全均等
+*/
+const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
+/**
+* 子要素の幅調整: なし
+*/
+const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
+/**
+* 子要素の幅調整: 伸ばす & 縮める
+*/
+const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
+/**
+* 子要素の幅調整: 伸ばす
+*/
+const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
+/**
+* 子要素の幅調整: 縮める
+*/
+const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
+/**
+* 子要素の高さ調整: なし
+*/
+const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
+/**
+* 子要素の高さ調整: 伸ばす & 縮める
+*/
+const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
+/**
+* 子要素の高さ調整: 伸ばす
+*/
+const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
+/**
+* 子要素の高さ調整: 縮める
+*/
+const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
+/**
+* 間隔: 横方向
+*/
+const clsLayoutGapX = "nws-layout-gapX";
+/**
+* 間隔: 縦方向
+*/
+const clsLayoutGapY = "nws-layout-gapY";
+/**
+* 子要素の幅
+*/
+const clsLayoutChildSizeX = "nws-layout-childSizeX";
+/**
+* 子要素の高さ
+*/
+const clsLayoutChildSizeY = "nws-layout-childSizeY";
+/**
+* 子要素の縦横比
+*/
+const clsLayoutChildRatio = "nws-layout-childRatio";
+/**
+* 子要素の横方向の数
+*/
+const clsLayoutChildCountX = "nws-layout-childCountX";
+/**
+* 子要素の縦方向の数
+*/
+const clsLayoutChildCountY = "nws-layout-childCountY";
+/**
+* 横方向のテンプレート
+*/
+const clsLayoutTemplateX = "nws-layout-templateX";
+/**
+* 縦方向のテンプレート
+*/
+const clsLayoutTemplateY = "nws-layout-templateY";
+/**
+* 変数\
+* 間隔: 横方向
+*/
+const varLayoutGapX = "--nws-layout-gapX";
+/**
+* 変数\
+* 間隔: 縦方向
+*/
+const varLayoutGapY = "--nws-layout-gapY";
+/**
+* 変数\
+* 子要素の幅
+*/
+const varLayoutChildSizeX = "--nws-layout-childSizeX";
+/**
+* 変数\
+* 子要素の高さ
+*/
+const varLayoutChildSizeY = "--nws-layout-childSizeY";
+/**
+* 変数\
+* 子要素の縦横比
+*/
+const varLayoutChildRatio = "--nws-layout-childRatio";
+/**
+* 変数\
+* 子要素の横方向の数
+*/
+const varLayoutChildCountX = "--nws-layout-childCountX";
+/**
+* 変数\
+* 子要素の縦方向の数
+*/
+const varLayoutChildCountY = "--nws-layout-childCountY";
+/**
+* 変数\
+* 横方向のテンプレート
+*/
+const varLayoutTemplateX = "--nws-layout-templateX";
+/**
+* 変数\
+* 縦方向のテンプレート
+*/
+const varLayoutTemplateY = "--nws-layout-templateY";
+/**
 * axis毎のクラス
 */
 const clsLayout = {
 	direction: {
-		x: require_core_constants.clsLayoutDirectionX,
-		y: require_core_constants.clsLayoutDirectionY
+		x: clsLayoutDirectionX,
+		y: clsLayoutDirectionY
 	},
 	align: {
 		x: {
-			left: require_core_constants.clsLayoutAlignXLeft,
-			center: require_core_constants.clsLayoutAlignXCenter,
-			right: require_core_constants.clsLayoutAlignXRight,
-			"space-between": require_core_constants.clsLayoutAlignXSpaceBetween,
-			"space-around": require_core_constants.clsLayoutAlignXSpaceAround,
-			"space-evenly": require_core_constants.clsLayoutAlignXSpaceEvenly
+			left: clsLayoutAlignXLeft,
+			center: clsLayoutAlignXCenter,
+			right: clsLayoutAlignXRight,
+			"space-between": clsLayoutAlignXSpaceBetween,
+			"space-around": clsLayoutAlignXSpaceAround,
+			"space-evenly": clsLayoutAlignXSpaceEvenly
 		},
 		y: {
-			top: require_core_constants.clsLayoutAlignYTop,
-			middle: require_core_constants.clsLayoutAlignYMiddle,
-			bottom: require_core_constants.clsLayoutAlignYBottom,
-			"space-between": require_core_constants.clsLayoutAlignYSpaceBetween,
-			"space-around": require_core_constants.clsLayoutAlignYSpaceAround,
-			"space-evenly": require_core_constants.clsLayoutAlignYSpaceEvenly
+			top: clsLayoutAlignYTop,
+			middle: clsLayoutAlignYMiddle,
+			bottom: clsLayoutAlignYBottom,
+			"space-between": clsLayoutAlignYSpaceBetween,
+			"space-around": clsLayoutAlignYSpaceAround,
+			"space-evenly": clsLayoutAlignYSpaceEvenly
 		}
 	},
 	adjust: {
 		x: {
-			none: require_core_constants.clsLayoutAdjustXNone,
-			fit: require_core_constants.clsLayoutAdjustXFit,
-			grow: require_core_constants.clsLayoutAdjustXExpand,
-			shrink: require_core_constants.clsLayoutAdjustXShrink
+			none: clsLayoutAdjustXNone,
+			fit: clsLayoutAdjustXFit,
+			grow: clsLayoutAdjustXExpand,
+			shrink: clsLayoutAdjustXShrink
 		},
 		y: {
-			none: require_core_constants.clsLayoutAdjustYNone,
-			fit: require_core_constants.clsLayoutAdjustYFit,
-			grow: require_core_constants.clsLayoutAdjustYExpand,
-			shrink: require_core_constants.clsLayoutAdjustYShrink
+			none: clsLayoutAdjustYNone,
+			fit: clsLayoutAdjustYFit,
+			grow: clsLayoutAdjustYExpand,
+			shrink: clsLayoutAdjustYShrink
 		}
 	},
 	childSize: {
-		x: require_core_constants.clsLayoutChildSizeX,
-		y: require_core_constants.clsLayoutChildSizeY
+		x: clsLayoutChildSizeX,
+		y: clsLayoutChildSizeY
 	},
 	template: {
-		x: require_core_constants.clsLayoutTemplateX,
-		y: require_core_constants.clsLayoutTemplateY
+		x: clsLayoutTemplateX,
+		y: clsLayoutTemplateY
 	}
 };
 /**
@@ -56,19 +260,68 @@ const clsLayout = {
 */
 const varLayout = {
 	childSize: {
-		x: require_core_constants.varLayoutChildSizeX,
-		y: require_core_constants.varLayoutChildSizeY
+		x: varLayoutChildSizeX,
+		y: varLayoutChildSizeY
 	},
 	template: {
-		x: require_core_constants.varLayoutTemplateX,
-		y: require_core_constants.varLayoutTemplateY
+		x: varLayoutTemplateX,
+		y: varLayoutTemplateY
 	},
 	gap: {
-		x: require_core_constants.varLayoutGapX,
-		y: require_core_constants.varLayoutGapY
+		x: varLayoutGapX,
+		y: varLayoutGapY
 	}
 };
 
 //#endregion
 exports.clsLayout = clsLayout;
-exports.varLayout = varLayout;
+exports.clsLayoutAdjustXExpand = clsLayoutAdjustXExpand;
+exports.clsLayoutAdjustXFit = clsLayoutAdjustXFit;
+exports.clsLayoutAdjustXNone = clsLayoutAdjustXNone;
+exports.clsLayoutAdjustXShrink = clsLayoutAdjustXShrink;
+exports.clsLayoutAdjustYExpand = clsLayoutAdjustYExpand;
+exports.clsLayoutAdjustYFit = clsLayoutAdjustYFit;
+exports.clsLayoutAdjustYNone = clsLayoutAdjustYNone;
+exports.clsLayoutAdjustYShrink = clsLayoutAdjustYShrink;
+exports.clsLayoutAlignXCenter = clsLayoutAlignXCenter;
+exports.clsLayoutAlignXLeft = clsLayoutAlignXLeft;
+exports.clsLayoutAlignXRight = clsLayoutAlignXRight;
+exports.clsLayoutAlignXSpaceAround = clsLayoutAlignXSpaceAround;
+exports.clsLayoutAlignXSpaceBetween = clsLayoutAlignXSpaceBetween;
+exports.clsLayoutAlignXSpaceEvenly = clsLayoutAlignXSpaceEvenly;
+exports.clsLayoutAlignYBottom = clsLayoutAlignYBottom;
+exports.clsLayoutAlignYMiddle = clsLayoutAlignYMiddle;
+exports.clsLayoutAlignYSpaceAround = clsLayoutAlignYSpaceAround;
+exports.clsLayoutAlignYSpaceBetween = clsLayoutAlignYSpaceBetween;
+exports.clsLayoutAlignYSpaceEvenly = clsLayoutAlignYSpaceEvenly;
+exports.clsLayoutAlignYTop = clsLayoutAlignYTop;
+exports.clsLayoutBalance = clsLayoutBalance;
+exports.clsLayoutCenter = clsLayoutCenter;
+exports.clsLayoutChildCountX = clsLayoutChildCountX;
+exports.clsLayoutChildCountY = clsLayoutChildCountY;
+exports.clsLayoutChildRatio = clsLayoutChildRatio;
+exports.clsLayoutChildSizeX = clsLayoutChildSizeX;
+exports.clsLayoutChildSizeY = clsLayoutChildSizeY;
+exports.clsLayoutDirectionX = clsLayoutDirectionX;
+exports.clsLayoutDirectionY = clsLayoutDirectionY;
+exports.clsLayoutFlow = clsLayoutFlow;
+exports.clsLayoutGapX = clsLayoutGapX;
+exports.clsLayoutGapY = clsLayoutGapY;
+exports.clsLayoutLayer = clsLayoutLayer;
+exports.clsLayoutMatrix = clsLayoutMatrix;
+exports.clsLayoutPack = clsLayoutPack;
+exports.clsLayoutPin = clsLayoutPin;
+exports.clsLayoutStack = clsLayoutStack;
+exports.clsLayoutTemplateX = clsLayoutTemplateX;
+exports.clsLayoutTemplateY = clsLayoutTemplateY;
+exports.clsLayoutTile = clsLayoutTile;
+exports.varLayout = varLayout;
+exports.varLayoutChildCountX = varLayoutChildCountX;
+exports.varLayoutChildCountY = varLayoutChildCountY;
+exports.varLayoutChildRatio = varLayoutChildRatio;
+exports.varLayoutChildSizeX = varLayoutChildSizeX;
+exports.varLayoutChildSizeY = varLayoutChildSizeY;
+exports.varLayoutGapX = varLayoutGapX;
+exports.varLayoutGapY = varLayoutGapY;
+exports.varLayoutTemplateX = varLayoutTemplateX;
+exports.varLayoutTemplateY = varLayoutTemplateY;