@niche-works/css-layouts 0.1.0

package/constants.cjs

@@ -0,0 +1,341 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/constants.ts
+/**
+* 整列方向
+*/
+const Direction = {
+	x: "x",
+	y: "y"
+};
+const AlignBetween = {
+	"space-between": "space-between",
+	"space-around": "space-around",
+	"space-evenly": "space-evenly"
+};
+/**
+* 横位置
+*
+* - left: 左
+* - center: 中央
+* - right: 右
+*/
+const AlignXBase = {
+	left: "left",
+	center: "center",
+	right: "right"
+};
+/**
+* 横位置
+*
+* - left: 左
+* - center: 中央
+* - right: 右
+* - space-between: 両端揃え
+* - space-around: 両端余白あり均等
+* - space-evenly: 完全均等
+*/
+const AlignX = {
+	...AlignXBase,
+	...AlignBetween
+};
+/**
+* 縦位置
+*
+* - top: 上
+* - middle: 中央
+* - bottom: 下
+*/
+const AlignYBase = {
+	top: "top",
+	middle: "middle",
+	bottom: "bottom"
+};
+/**
+* 縦位置(items用)
+*
+* - top: 上
+* - middle: 中央
+* - bottom: 下
+* - space-between: 両端揃え
+* - space-around: 両端余白あり均等
+* - space-evenly: 完全均等
+*/
+const AlignY = {
+	...AlignYBase,
+	...AlignBetween
+};
+/**
+* 親要素のサイズを基準にした子要素のサイズ調整
+*
+* - `none`
+*   - 親のサイズに足りないとき: そのまま
+*   - 親のサイズを超えるとき: そのまま
+*/
+const AdjustBase = { none: "none" };
+/**
+* 親要素のサイズを基準にした子要素のサイズ調整
+*
+* - `none`
+*   - 親のサイズに足りないとき: そのまま
+*   - 親のサイズを超えるとき: そのまま
+* - `fit`
+*   - 親のサイズに足りないとき: 伸ばす
+*   - 親のサイズを超えるとき: 縮める
+* - `grow`
+*   - 親のサイズに足りないとき: 伸ばす
+*   - 親のサイズを超えるとき: そのまま
+* - `shrink`
+*   - 親のサイズに足りないとき: そのまま
+*   - 親のサイズを超えるとき: 縮める
+*/
+const Adjust = {
+	...AdjustBase,
+	fit: "fit",
+	grow: "grow",
+	shrink: "shrink"
+};
+/**
+* レイアウト種別: balance
+*/
+const clsLayoutBalance = "nws-layout-balance";
+/**
+* レイアウト種別: flow
+*/
+const clsLayoutFlow = "nws-layout-flow";
+/**
+* レイアウト種別: matrix
+*/
+const clsLayoutMatrix = "nws-layout-matrix";
+/**
+* レイアウト種別: pack
+*/
+const clsLayoutPack = "nws-layout-pack";
+/**
+* レイアウト種別: pin
+*/
+const clsLayoutPin = "nws-layout-pin";
+/**
+* レイアウト種別: stack
+*/
+const clsLayoutStack = "nws-layout-stack";
+/**
+* レイアウト種別: tile
+*/
+const clsLayoutTile = "nws-layout-tile";
+/**
+* 間隔: 横方向
+*/
+const clsLayoutSpacingX = "nws-layout-spacingX";
+/**
+* 間隔: 縦方向
+*/
+const clsLayoutSpacingY = "nws-layout-spacingY";
+/**
+* 整列: 横方向
+*/
+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 clsLayoutChildCountX = "nws-layout-childCountX";
+/**
+* 子要素の縦方向の数
+*/
+const clsLayoutChildCountY = "nws-layout-childCountY";
+/**
+* 子要素の幅
+*/
+const clsLayoutChildSizeX = "nws-layout-childSizeX";
+/**
+* 子要素の高さ
+*/
+const clsLayoutChildSizeY = "nws-layout-childSizeY";
+/**
+* 子要素の幅調整: なし
+*/
+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 varLayoutSpacingX = "--nws-layout-spacingX";
+/**
+* 変数\
+* 間隔: 縦方向
+*/
+const varLayoutSpacingY = "--nws-layout-spacingY";
+/**
+* 変数\
+* 子要素の横方向の数
+*/
+const varLayoutChildCountX = "--nws-layout-childCountX";
+/**
+* 変数\
+* 子要素の縦方向の数
+*/
+const varLayoutChildCountY = "--nws-layout-childCountY";
+/**
+* 変数\
+* 子要素の幅
+*/
+const varLayoutChildSizeX = "--nws-layout-childSizeX";
+/**
+* 変数\
+* 子要素の高さ
+*/
+const varLayoutChildSizeY = "--nws-layout-childSizeY";
+/**
+* 変数\
+* 横方向のテンプレート
+*/
+const varLayoutTemplateX = "--nws-layout-childX";
+/**
+* 変数\
+* 縦方向のテンプレート
+*/
+const varLayoutTemplateY = "--nws-layout-childY";
+/**
+* 変数\
+* 横方向のオートトラック
+*/
+const varLayoutAutoTracX = "--nws-layout-autoTracX";
+/**
+* 変数\
+* 縦方向のオートトラック
+*/
+const varLayoutAutoTracY = "--nws-layout-autoTracY";
+
+//#endregion
+exports.Adjust = Adjust;
+exports.AdjustBase = AdjustBase;
+exports.AlignX = AlignX;
+exports.AlignXBase = AlignXBase;
+exports.AlignY = AlignY;
+exports.AlignYBase = AlignYBase;
+exports.Direction = Direction;
+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.clsLayoutChildCountX = clsLayoutChildCountX;
+exports.clsLayoutChildCountY = clsLayoutChildCountY;
+exports.clsLayoutChildSizeX = clsLayoutChildSizeX;
+exports.clsLayoutChildSizeY = clsLayoutChildSizeY;
+exports.clsLayoutDirectionX = clsLayoutDirectionX;
+exports.clsLayoutDirectionY = clsLayoutDirectionY;
+exports.clsLayoutFlow = clsLayoutFlow;
+exports.clsLayoutMatrix = clsLayoutMatrix;
+exports.clsLayoutPack = clsLayoutPack;
+exports.clsLayoutPin = clsLayoutPin;
+exports.clsLayoutSpacingX = clsLayoutSpacingX;
+exports.clsLayoutSpacingY = clsLayoutSpacingY;
+exports.clsLayoutStack = clsLayoutStack;
+exports.clsLayoutTile = clsLayoutTile;
+exports.varLayoutAutoTracX = varLayoutAutoTracX;
+exports.varLayoutAutoTracY = varLayoutAutoTracY;
+exports.varLayoutChildCountX = varLayoutChildCountX;
+exports.varLayoutChildCountY = varLayoutChildCountY;
+exports.varLayoutChildSizeX = varLayoutChildSizeX;
+exports.varLayoutChildSizeY = varLayoutChildSizeY;
+exports.varLayoutSpacingX = varLayoutSpacingX;
+exports.varLayoutSpacingY = varLayoutSpacingY;
+exports.varLayoutTemplateX = varLayoutTemplateX;
+exports.varLayoutTemplateY = varLayoutTemplateY;

package/constants.d.cts

@@ -0,0 +1,299 @@
+//#region src/constants.d.ts
+/**
+ * 整列方向
+ */
+declare const Direction: {
+  readonly x: "x";
+  readonly y: "y";
+};
+type Direction = (typeof Direction)[keyof typeof Direction];
+/**
+ * 横位置
+ *
+ * - left: 左
+ * - center: 中央
+ * - right: 右
+ */
+declare const AlignXBase: {
+  readonly left: "left";
+  readonly center: "center";
+  readonly right: "right";
+};
+type AlignXBase = (typeof AlignXBase)[keyof typeof AlignXBase];
+/**
+ * 横位置
+ *
+ * - left: 左
+ * - center: 中央
+ * - right: 右
+ * - space-between: 両端揃え
+ * - space-around: 両端余白あり均等
+ * - space-evenly: 完全均等
+ */
+declare const AlignX: {
+  readonly 'space-between': "space-between";
+  readonly 'space-around': "space-around";
+  readonly 'space-evenly': "space-evenly";
+  readonly left: "left";
+  readonly center: "center";
+  readonly right: "right";
+};
+type AlignX = (typeof AlignX)[keyof typeof AlignX];
+/**
+ * 縦位置
+ *
+ * - top: 上
+ * - middle: 中央
+ * - bottom: 下
+ */
+declare const AlignYBase: {
+  readonly top: "top";
+  readonly middle: "middle";
+  readonly bottom: "bottom";
+};
+type AlignYBase = (typeof AlignYBase)[keyof typeof AlignYBase];
+/**
+ * 縦位置(items用)
+ *
+ * - top: 上
+ * - middle: 中央
+ * - bottom: 下
+ * - space-between: 両端揃え
+ * - space-around: 両端余白あり均等
+ * - space-evenly: 完全均等
+ */
+declare const AlignY: {
+  readonly 'space-between': "space-between";
+  readonly 'space-around': "space-around";
+  readonly 'space-evenly': "space-evenly";
+  readonly top: "top";
+  readonly middle: "middle";
+  readonly bottom: "bottom";
+};
+type AlignY = (typeof AlignY)[keyof typeof AlignY];
+/**
+ * 親要素のサイズを基準にした子要素のサイズ調整
+ *
+ * - `none`
+ *   - 親のサイズに足りないとき: そのまま
+ *   - 親のサイズを超えるとき: そのまま
+ */
+declare const AdjustBase: {
+  readonly none: "none";
+};
+type AdjustBase = (typeof AdjustBase)[keyof typeof AdjustBase];
+/**
+ * 親要素のサイズを基準にした子要素のサイズ調整
+ *
+ * - `none`
+ *   - 親のサイズに足りないとき: そのまま
+ *   - 親のサイズを超えるとき: そのまま
+ * - `fit`
+ *   - 親のサイズに足りないとき: 伸ばす
+ *   - 親のサイズを超えるとき: 縮める
+ * - `grow`
+ *   - 親のサイズに足りないとき: 伸ばす
+ *   - 親のサイズを超えるとき: そのまま
+ * - `shrink`
+ *   - 親のサイズに足りないとき: そのまま
+ *   - 親のサイズを超えるとき: 縮める
+ */
+declare const Adjust: {
+  readonly fit: "fit";
+  readonly grow: "grow";
+  readonly shrink: "shrink";
+  readonly none: "none";
+};
+type Adjust = (typeof Adjust)[keyof typeof Adjust];
+/**
+ * レイアウト種別: balance
+ */
+declare const clsLayoutBalance = "nws-layout-balance";
+/**
+ * レイアウト種別: flow
+ */
+declare const clsLayoutFlow = "nws-layout-flow";
+/**
+ * レイアウト種別: matrix
+ */
+declare const clsLayoutMatrix = "nws-layout-matrix";
+/**
+ * レイアウト種別: pack
+ */
+declare const clsLayoutPack = "nws-layout-pack";
+/**
+ * レイアウト種別: pin
+ */
+declare const clsLayoutPin = "nws-layout-pin";
+/**
+ * レイアウト種別: stack
+ */
+declare const clsLayoutStack = "nws-layout-stack";
+/**
+ * レイアウト種別: tile
+ */
+declare const clsLayoutTile = "nws-layout-tile";
+/**
+ * 間隔: 横方向
+ */
+declare const clsLayoutSpacingX = "nws-layout-spacingX";
+/**
+ * 間隔: 縦方向
+ */
+declare const clsLayoutSpacingY = "nws-layout-spacingY";
+/**
+ * 整列: 横方向
+ */
+declare const clsLayoutDirectionX = "nws-layout-direction-x";
+/**
+ * 整列: 縦方向
+ */
+declare const clsLayoutDirectionY = "nws-layout-direction-y";
+/**
+ * 横位置: 左
+ */
+declare const clsLayoutAlignXLeft = "nws-layout-alignX-left";
+/**
+ * 横位置: 中央
+ */
+declare const clsLayoutAlignXCenter = "nws-layout-alignX-center";
+/**
+ * 横位置: 右
+ */
+declare const clsLayoutAlignXRight = "nws-layout-alignX-right";
+/**
+ * 横位置: 両端揃え
+ */
+declare const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
+/**
+ * 横位置: 両端余白あり均等
+ */
+declare const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
+/**
+ * 横位置: 完全均等
+ */
+declare const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
+/**
+ * 縦位置: 上
+ */
+declare const clsLayoutAlignYTop = "nws-layout-alignY-top";
+/**
+ * 縦位置: 中央
+ */
+declare const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
+/**
+ * 縦位置: 下
+ */
+declare const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
+/**
+ * 縦位置: 両端揃え
+ */
+declare const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
+/**
+ * 縦位置: 両端余白あり均等
+ */
+declare const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
+/**
+ * 縦位置: 完全均等
+ */
+declare const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
+/**
+ * 子要素の横方向の数
+ */
+declare const clsLayoutChildCountX = "nws-layout-childCountX";
+/**
+ * 子要素の縦方向の数
+ */
+declare const clsLayoutChildCountY = "nws-layout-childCountY";
+/**
+ * 子要素の幅
+ */
+declare const clsLayoutChildSizeX = "nws-layout-childSizeX";
+/**
+ * 子要素の高さ
+ */
+declare const clsLayoutChildSizeY = "nws-layout-childSizeY";
+/**
+ * 子要素の幅調整: なし
+ */
+declare const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
+/**
+ * 子要素の幅調整: 伸ばす & 縮める
+ */
+declare const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
+/**
+ * 子要素の幅調整: 伸ばす
+ */
+declare const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
+/**
+ * 子要素の幅調整: 縮める
+ */
+declare const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
+/**
+ * 子要素の高さ調整: なし
+ */
+declare const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
+/**
+ * 子要素の高さ調整: 伸ばす & 縮める
+ */
+declare const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
+/**
+ * 子要素の高さ調整: 伸ばす
+ */
+declare const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
+/**
+ * 子要素の高さ調整: 縮める
+ */
+declare const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
+/**
+ * 変数\
+ * 間隔: 横方向
+ */
+declare const varLayoutSpacingX = "--nws-layout-spacingX";
+/**
+ * 変数\
+ * 間隔: 縦方向
+ */
+declare const varLayoutSpacingY = "--nws-layout-spacingY";
+/**
+ * 変数\
+ * 子要素の横方向の数
+ */
+declare const varLayoutChildCountX = "--nws-layout-childCountX";
+/**
+ * 変数\
+ * 子要素の縦方向の数
+ */
+declare const varLayoutChildCountY = "--nws-layout-childCountY";
+/**
+ * 変数\
+ * 子要素の幅
+ */
+declare const varLayoutChildSizeX = "--nws-layout-childSizeX";
+/**
+ * 変数\
+ * 子要素の高さ
+ */
+declare const varLayoutChildSizeY = "--nws-layout-childSizeY";
+/**
+ * 変数\
+ * 横方向のテンプレート
+ */
+declare const varLayoutTemplateX = "--nws-layout-childX";
+/**
+ * 変数\
+ * 縦方向のテンプレート
+ */
+declare const varLayoutTemplateY = "--nws-layout-childY";
+/**
+ * 変数\
+ * 横方向のオートトラック
+ */
+declare const varLayoutAutoTracX = "--nws-layout-autoTracX";
+/**
+ * 変数\
+ * 縦方向のオートトラック
+ */
+declare const varLayoutAutoTracY = "--nws-layout-autoTracY";
+//#endregion
+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, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutSpacingX, clsLayoutSpacingY, clsLayoutStack, clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutSpacingX, varLayoutSpacingY, varLayoutTemplateX, varLayoutTemplateY };