@niche-works/style-layouts 0.2.0 → 0.3.0

package/README.ja.md

@@ -315,6 +315,17 @@ type StyleLayoutResult = {
 };
 ```
 
+## 動作環境（対応ブラウザー）
+
+本ライブラリはモダンCSSの標準仕様を用いて設計されており、使用するオプションによって対応ブラウザーが異なります。
+
+| ブラウザー      |    標準    | `childRatioX` / `childRatioY` 使用時 |
+| --------------- | :--------: | :----------------------------------: |
+| Google Chrome   | 2019年以降 |              2023年以降              |
+| Microsoft Edge  | 2019年以降 |              2023年以降              |
+| Mozilla Firefox | 2019年以降 |              2023年以降              |
+| Apple Safari    | 2019年以降 |              2023年以降              |
+
 ## ライセンス
 
 MIT

package/README.md

@@ -315,6 +315,17 @@ type StyleLayoutResult = {
 };
 ```
 
+## Browser Support
+
+This library is built on modern CSS standards. Supported browsers vary depending on the options used.
+
+| Browser         | Standard | When using `childRatioX` / `childRatioY` |
+| --------------- | :------: | :--------------------------------------: |
+| Google Chrome   |  2019+   |                  2023+                   |
+| Microsoft Edge  |  2019+   |                  2023+                   |
+| Mozilla Firefox |  2019+   |                  2023+                   |
+| Apple Safari    |  2019+   |                  2023+                   |
+
 ## License
 
 MIT

package/balance/index.cjs

@@ -1,4 +1,4 @@
 require('../core/balance/styles.css');
 const require_core_balance_balance = require('../core/balance/balance.cjs');
 
-module.exports = require_core_balance_balance;
+module.exports = require_core_balance_balance;

package/center/index.cjs

@@ -1,4 +1,4 @@
 require('../core/center/styles.css');
 const require_core_center_center = require('../core/center/center.cjs');
 
-module.exports = require_core_center_center;
+module.exports = require_core_center_center;

package/constants.cjs

@@ -45,9 +45,9 @@ 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.varLayoutAutoTracX = require_core_constants.varLayoutAutoTracX;
-exports.varLayoutAutoTracY = require_core_constants.varLayoutAutoTracY;
 exports.varLayoutChildCountX = require_core_constants.varLayoutChildCountX;
 exports.varLayoutChildCountY = require_core_constants.varLayoutChildCountY;
 exports.varLayoutChildRatio = require_core_constants.varLayoutChildRatio;

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, clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, 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, clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };
+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 };

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, clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, 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, clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };
+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 };

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, clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY } from "./core/constants.mjs";
+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, clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };
+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 };

package/core/_constants.cjs

@@ -3,92 +3,72 @@ const require_core_constants = require('./constants.cjs');
 
 //#region src/core/_constants.ts
 /**
-* 整列
+* axis毎のクラス
 */
-const clsLayoutDirection = {
-	x: require_core_constants.clsLayoutDirectionX,
-	y: require_core_constants.clsLayoutDirectionY
-};
-/**
-* 横位置・縦位置
-*/
-const clsLayoutAlign = {
-	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
+const clsLayout = {
+	direction: {
+		x: require_core_constants.clsLayoutDirectionX,
+		y: require_core_constants.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
+		},
+		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
+		}
+	},
+	adjust: {
+		x: {
+			none: require_core_constants.clsLayoutAdjustXNone,
+			fit: require_core_constants.clsLayoutAdjustXFit,
+			grow: require_core_constants.clsLayoutAdjustXExpand,
+			shrink: require_core_constants.clsLayoutAdjustXShrink
+		},
+		y: {
+			none: require_core_constants.clsLayoutAdjustYNone,
+			fit: require_core_constants.clsLayoutAdjustYFit,
+			grow: require_core_constants.clsLayoutAdjustYExpand,
+			shrink: require_core_constants.clsLayoutAdjustYShrink
+		}
+	},
+	childSize: {
+		x: require_core_constants.clsLayoutChildSizeX,
+		y: require_core_constants.clsLayoutChildSizeY
 	},
-	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
+	template: {
+		x: require_core_constants.clsLayoutTemplateX,
+		y: require_core_constants.clsLayoutTemplateY
 	}
 };
 /**
-* 子要素の幅・高さ調整
+* axis毎の変数
 */
-const clsLayoutAdjust = {
-	x: {
-		none: require_core_constants.clsLayoutAdjustXNone,
-		fit: require_core_constants.clsLayoutAdjustXFit,
-		grow: require_core_constants.clsLayoutAdjustXExpand,
-		shrink: require_core_constants.clsLayoutAdjustXShrink
+const varLayout = {
+	childSize: {
+		x: require_core_constants.varLayoutChildSizeX,
+		y: require_core_constants.varLayoutChildSizeY
 	},
-	y: {
-		none: require_core_constants.clsLayoutAdjustYNone,
-		fit: require_core_constants.clsLayoutAdjustYFit,
-		grow: require_core_constants.clsLayoutAdjustYExpand,
-		shrink: require_core_constants.clsLayoutAdjustYShrink
+	template: {
+		x: require_core_constants.varLayoutTemplateX,
+		y: require_core_constants.varLayoutTemplateY
+	},
+	gap: {
+		x: require_core_constants.varLayoutGapX,
+		y: require_core_constants.varLayoutGapY
 	}
 };
-/**
-* 子要素の幅・高さ
-*/
-const clsLayoutChildSize = {
-	x: require_core_constants.clsLayoutChildSizeX,
-	y: require_core_constants.clsLayoutChildSizeY
-};
-/**
-* 子要素の幅・高さ
-*/
-const varLayoutChildSize = {
-	x: require_core_constants.varLayoutChildSizeX,
-	y: require_core_constants.varLayoutChildSizeY
-};
-/**
-* 子要素のテンプレート
-*/
-const varLayoutTemplate = {
-	x: require_core_constants.varLayoutTemplateX,
-	y: require_core_constants.varLayoutTemplateY
-};
-/**
-* 間隔
-*/
-const varLayoutGap = {
-	x: require_core_constants.varLayoutGapX,
-	y: require_core_constants.varLayoutGapY
-};
-/**
-* 軸に対するサイズプロパティ
-*/
-const cssLayoutAxisSizeProp = {
-	x: "width",
-	y: "height"
-};
 
 //#endregion
-exports.clsLayoutAdjust = clsLayoutAdjust;
-exports.clsLayoutAlign = clsLayoutAlign;
-exports.clsLayoutChildSize = clsLayoutChildSize;
-exports.clsLayoutDirection = clsLayoutDirection;
-exports.cssLayoutAxisSizeProp = cssLayoutAxisSizeProp;
-exports.varLayoutChildSize = varLayoutChildSize;
-exports.varLayoutGap = varLayoutGap;
-exports.varLayoutTemplate = varLayoutTemplate;
+exports.clsLayout = clsLayout;
+exports.varLayout = varLayout;

package/core/_constants.d.cts

@@ -1,83 +1,69 @@
 //#region src/core/_constants.d.ts
 /**
- * 整列
+ * axis毎のクラス
  */
-declare const clsLayoutDirection: {
-  readonly x: "nws-layout-direction-x";
-  readonly y: "nws-layout-direction-y";
-};
-/**
- * 横位置・縦位置
- */
-declare const clsLayoutAlign: {
-  readonly x: {
-    readonly left: "nws-layout-alignX-left";
-    readonly center: "nws-layout-alignX-center";
-    readonly right: "nws-layout-alignX-right";
-    readonly 'space-between': "nws-layout-alignX-spaceBetween";
-    readonly 'space-around': "nws-layout-alignX-spaceAround";
-    readonly 'space-evenly': "nws-layout-alignX-spaceEvenly";
+declare const clsLayout: {
+  readonly direction: {
+    readonly x: "nws-layout-direction-x";
+    readonly y: "nws-layout-direction-y";
   };
-  readonly y: {
-    readonly top: "nws-layout-alignY-top";
-    readonly middle: "nws-layout-alignY-middle";
-    readonly bottom: "nws-layout-alignY-bottom";
-    readonly 'space-between': "nws-layout-alignY-spaceBetween";
-    readonly 'space-around': "nws-layout-alignY-spaceAround";
-    readonly 'space-evenly': "nws-layout-alignY-spaceEvenly";
+  readonly align: {
+    readonly x: {
+      readonly left: "nws-layout-alignX-left";
+      readonly center: "nws-layout-alignX-center";
+      readonly right: "nws-layout-alignX-right";
+      readonly 'space-between': "nws-layout-alignX-spaceBetween";
+      readonly 'space-around': "nws-layout-alignX-spaceAround";
+      readonly 'space-evenly': "nws-layout-alignX-spaceEvenly";
+    };
+    readonly y: {
+      readonly top: "nws-layout-alignY-top";
+      readonly middle: "nws-layout-alignY-middle";
+      readonly bottom: "nws-layout-alignY-bottom";
+      readonly 'space-between': "nws-layout-alignY-spaceBetween";
+      readonly 'space-around': "nws-layout-alignY-spaceAround";
+      readonly 'space-evenly': "nws-layout-alignY-spaceEvenly";
+    };
   };
-};
-/**
- * 子要素の幅・高さ調整
- */
-declare const clsLayoutAdjust: {
-  readonly x: {
-    readonly none: "nws-layout-adjustX-none";
-    readonly fit: "nws-layout-adjustX-fit";
-    readonly grow: "nws-layout-adjustX-grow";
-    readonly shrink: "nws-layout-adjustX-shrink";
+  readonly adjust: {
+    readonly x: {
+      readonly none: "nws-layout-adjustX-none";
+      readonly fit: "nws-layout-adjustX-fit";
+      readonly grow: "nws-layout-adjustX-grow";
+      readonly shrink: "nws-layout-adjustX-shrink";
+    };
+    readonly y: {
+      readonly none: "nws-layout-adjustY-none";
+      readonly fit: "nws-layout-adjustY-fit";
+      readonly grow: "nws-layout-adjustY-grow";
+      readonly shrink: "nws-layout-adjustY-shrink";
+    };
   };
-  readonly y: {
-    readonly none: "nws-layout-adjustY-none";
-    readonly fit: "nws-layout-adjustY-fit";
-    readonly grow: "nws-layout-adjustY-grow";
-    readonly shrink: "nws-layout-adjustY-shrink";
+  readonly childSize: {
+    readonly x: "nws-layout-childSizeX";
+    readonly y: "nws-layout-childSizeY";
+  };
+  readonly template: {
+    readonly x: "nws-layout-templateX";
+    readonly y: "nws-layout-templateY";
   };
 };
 /**
- * 子要素の幅・高さ
- */
-declare const clsLayoutChildSize: {
-  readonly x: "nws-layout-childSizeX";
-  readonly y: "nws-layout-childSizeY";
-};
-/**
- * 子要素の幅・高さ
- */
-declare const varLayoutChildSize: {
-  readonly x: "--nws-layout-childSizeX";
-  readonly y: "--nws-layout-childSizeY";
-};
-/**
- * 子要素のテンプレート
- */
-declare const varLayoutTemplate: {
-  readonly x: "--nws-layout-templateX";
-  readonly y: "--nws-layout-templateY";
-};
-/**
- * 間隔
- */
-declare const varLayoutGap: {
-  readonly x: "--nws-layout-gapX";
-  readonly y: "--nws-layout-gapY";
-};
-/**
- * 軸に対するサイズプロパティ
+ * axis毎の変数
  */
-declare const cssLayoutAxisSizeProp: {
-  readonly x: "width";
-  readonly y: "height";
+declare const varLayout: {
+  childSize: {
+    x: string;
+    y: string;
+  };
+  template: {
+    x: string;
+    y: string;
+  };
+  gap: {
+    x: string;
+    y: string;
+  };
 };
 //#endregion
-export { clsLayoutAdjust, clsLayoutAlign, clsLayoutChildSize, clsLayoutDirection, cssLayoutAxisSizeProp, varLayoutChildSize, varLayoutGap, varLayoutTemplate };
+export { clsLayout, varLayout };

package/core/_constants.d.mts

@@ -1,83 +1,69 @@
 //#region src/core/_constants.d.ts
 /**
- * 整列
+ * axis毎のクラス
  */
-declare const clsLayoutDirection: {
-  readonly x: "nws-layout-direction-x";
-  readonly y: "nws-layout-direction-y";
-};
-/**
- * 横位置・縦位置
- */
-declare const clsLayoutAlign: {
-  readonly x: {
-    readonly left: "nws-layout-alignX-left";
-    readonly center: "nws-layout-alignX-center";
-    readonly right: "nws-layout-alignX-right";
-    readonly 'space-between': "nws-layout-alignX-spaceBetween";
-    readonly 'space-around': "nws-layout-alignX-spaceAround";
-    readonly 'space-evenly': "nws-layout-alignX-spaceEvenly";
+declare const clsLayout: {
+  readonly direction: {
+    readonly x: "nws-layout-direction-x";
+    readonly y: "nws-layout-direction-y";
   };
-  readonly y: {
-    readonly top: "nws-layout-alignY-top";
-    readonly middle: "nws-layout-alignY-middle";
-    readonly bottom: "nws-layout-alignY-bottom";
-    readonly 'space-between': "nws-layout-alignY-spaceBetween";
-    readonly 'space-around': "nws-layout-alignY-spaceAround";
-    readonly 'space-evenly': "nws-layout-alignY-spaceEvenly";
+  readonly align: {
+    readonly x: {
+      readonly left: "nws-layout-alignX-left";
+      readonly center: "nws-layout-alignX-center";
+      readonly right: "nws-layout-alignX-right";
+      readonly 'space-between': "nws-layout-alignX-spaceBetween";
+      readonly 'space-around': "nws-layout-alignX-spaceAround";
+      readonly 'space-evenly': "nws-layout-alignX-spaceEvenly";
+    };
+    readonly y: {
+      readonly top: "nws-layout-alignY-top";
+      readonly middle: "nws-layout-alignY-middle";
+      readonly bottom: "nws-layout-alignY-bottom";
+      readonly 'space-between': "nws-layout-alignY-spaceBetween";
+      readonly 'space-around': "nws-layout-alignY-spaceAround";
+      readonly 'space-evenly': "nws-layout-alignY-spaceEvenly";
+    };
   };
-};
-/**
- * 子要素の幅・高さ調整
- */
-declare const clsLayoutAdjust: {
-  readonly x: {
-    readonly none: "nws-layout-adjustX-none";
-    readonly fit: "nws-layout-adjustX-fit";
-    readonly grow: "nws-layout-adjustX-grow";
-    readonly shrink: "nws-layout-adjustX-shrink";
+  readonly adjust: {
+    readonly x: {
+      readonly none: "nws-layout-adjustX-none";
+      readonly fit: "nws-layout-adjustX-fit";
+      readonly grow: "nws-layout-adjustX-grow";
+      readonly shrink: "nws-layout-adjustX-shrink";
+    };
+    readonly y: {
+      readonly none: "nws-layout-adjustY-none";
+      readonly fit: "nws-layout-adjustY-fit";
+      readonly grow: "nws-layout-adjustY-grow";
+      readonly shrink: "nws-layout-adjustY-shrink";
+    };
   };
-  readonly y: {
-    readonly none: "nws-layout-adjustY-none";
-    readonly fit: "nws-layout-adjustY-fit";
-    readonly grow: "nws-layout-adjustY-grow";
-    readonly shrink: "nws-layout-adjustY-shrink";
+  readonly childSize: {
+    readonly x: "nws-layout-childSizeX";
+    readonly y: "nws-layout-childSizeY";
+  };
+  readonly template: {
+    readonly x: "nws-layout-templateX";
+    readonly y: "nws-layout-templateY";
   };
 };
 /**
- * 子要素の幅・高さ
- */
-declare const clsLayoutChildSize: {
-  readonly x: "nws-layout-childSizeX";
-  readonly y: "nws-layout-childSizeY";
-};
-/**
- * 子要素の幅・高さ
- */
-declare const varLayoutChildSize: {
-  readonly x: "--nws-layout-childSizeX";
-  readonly y: "--nws-layout-childSizeY";
-};
-/**
- * 子要素のテンプレート
- */
-declare const varLayoutTemplate: {
-  readonly x: "--nws-layout-templateX";
-  readonly y: "--nws-layout-templateY";
-};
-/**
- * 間隔
- */
-declare const varLayoutGap: {
-  readonly x: "--nws-layout-gapX";
-  readonly y: "--nws-layout-gapY";
-};
-/**
- * 軸に対するサイズプロパティ
+ * axis毎の変数
  */
-declare const cssLayoutAxisSizeProp: {
-  readonly x: "width";
-  readonly y: "height";
+declare const varLayout: {
+  childSize: {
+    x: string;
+    y: string;
+  };
+  template: {
+    x: string;
+    y: string;
+  };
+  gap: {
+    x: string;
+    y: string;
+  };
 };
 //#endregion
-export { clsLayoutAdjust, clsLayoutAlign, clsLayoutChildSize, clsLayoutDirection, cssLayoutAxisSizeProp, varLayoutChildSize, varLayoutGap, varLayoutTemplate };
+export { clsLayout, varLayout };