@niche-works/style-layouts 0.3.0 → 0.4.0
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.
- package/README.ja.md +8 -8
- package/README.md +8 -8
- package/balance/index.cjs +6 -2
- package/balance/index.mjs +6 -2
- package/center/index.cjs +6 -2
- package/center/index.mjs +6 -2
- package/constants.cjs +1 -50
- package/constants.d.cts +2 -2
- package/constants.d.mts +2 -2
- package/constants.mjs +2 -2
- package/core/_constants.cjs +287 -34
- package/core/_constants.d.cts +206 -1
- package/core/_constants.d.mts +206 -1
- package/core/_constants.mjs +206 -3
- package/core/_internal/applyChildCount.cjs +6 -8
- package/core/_internal/applyChildCount.mjs +6 -6
- package/core/_internal/applyChildRatio.cjs +4 -6
- package/core/_internal/applyChildRatio.mjs +3 -3
- package/core/_internal/applyChildSize.cjs +6 -8
- package/core/_internal/applyChildSize.mjs +4 -4
- package/core/_internal/applyGap.cjs +6 -8
- package/core/_internal/applyGap.mjs +4 -4
- package/core/_internal/mergeClassName.cjs +11 -0
- package/core/_internal/mergeClassName.d.cts +3 -0
- package/core/_internal/mergeClassName.d.mts +4 -0
- package/core/_internal/mergeClassName.mjs +10 -0
- package/core/_internal/mergeLayoutResults.cjs +2 -4
- package/core/_internal/mergeLayoutResults.mjs +2 -2
- package/core/_types.d.cts +1 -9
- package/core/_types.d.mts +1 -9
- package/core/balance/balance.cjs +4 -4
- package/core/balance/balance.d.cts +2 -0
- package/core/balance/balance.d.mts +2 -0
- package/core/balance/balance.mjs +5 -4
- package/core/balance/styles.css +38 -6
- package/core/center/center.cjs +3 -4
- package/core/center/center.d.cts +1 -0
- package/core/center/center.d.mts +1 -0
- package/core/center/center.mjs +4 -4
- package/core/center/styles.css +4 -26
- package/core/constants.cjs +4 -255
- package/core/constants.d.cts +4 -206
- package/core/constants.d.mts +4 -206
- package/core/constants.mjs +4 -206
- package/core/flow/flow.cjs +5 -7
- package/core/flow/flow.mjs +6 -7
- package/core/index.d.cts +2 -2
- package/core/index.d.mts +2 -2
- package/core/layer/layer.cjs +2 -4
- package/core/layer/layer.mjs +3 -4
- package/core/layer/styles.css +0 -4
- package/core/matrix/matrix.cjs +3 -4
- package/core/matrix/matrix.d.cts +1 -0
- package/core/matrix/matrix.d.mts +1 -0
- package/core/matrix/matrix.mjs +4 -4
- package/core/matrix/styles.css +0 -6
- package/core/pack/pack.cjs +2 -4
- package/core/pack/pack.mjs +3 -4
- package/core/pin/pin.cjs +2 -2
- package/core/pin/pin.mjs +1 -1
- package/core/stack/stack.cjs +12 -14
- package/core/stack/stack.d.cts +1 -1
- package/core/stack/stack.d.mts +1 -1
- package/core/stack/stack.mjs +13 -14
- package/core/stack/styles.css +0 -2
- package/core/styles.css +42 -44
- package/core/tile/tile.cjs +2 -4
- package/core/tile/tile.mjs +3 -4
- package/core/types.d.cts +7 -2
- package/core/types.d.mts +7 -2
- package/flow/index.cjs +6 -2
- package/flow/index.mjs +6 -2
- package/helpers/_internal/constants.cjs +25 -0
- package/helpers/_internal/constants.d.cts +13 -0
- package/helpers/_internal/constants.d.mts +13 -0
- package/helpers/_internal/constants.mjs +16 -0
- package/helpers/_internal/createExtractLayoutOptions.cjs +25 -0
- package/helpers/_internal/createExtractLayoutOptions.d.cts +8 -0
- package/helpers/_internal/createExtractLayoutOptions.d.mts +9 -0
- package/helpers/_internal/createExtractLayoutOptions.mjs +24 -0
- package/helpers/extractBalanceOptions.cjs +15 -0
- package/helpers/extractBalanceOptions.d.cts +5 -0
- package/helpers/extractBalanceOptions.d.mts +6 -0
- package/helpers/extractBalanceOptions.mjs +15 -0
- package/helpers/extractCenterOptions.cjs +14 -0
- package/helpers/extractCenterOptions.d.cts +6 -0
- package/helpers/extractCenterOptions.d.mts +7 -0
- package/helpers/extractCenterOptions.mjs +14 -0
- package/helpers/extractFlowOptions.cjs +15 -0
- package/helpers/extractFlowOptions.d.cts +6 -0
- package/helpers/extractFlowOptions.d.mts +7 -0
- package/helpers/extractFlowOptions.mjs +15 -0
- package/helpers/extractLayerOptions.cjs +13 -0
- package/helpers/extractLayerOptions.d.cts +6 -0
- package/helpers/extractLayerOptions.d.mts +7 -0
- package/helpers/extractLayerOptions.mjs +13 -0
- package/helpers/extractMatrixOptions.cjs +17 -0
- package/helpers/extractMatrixOptions.d.cts +5 -0
- package/helpers/extractMatrixOptions.d.mts +6 -0
- package/helpers/extractMatrixOptions.mjs +17 -0
- package/helpers/extractPackOptions.cjs +8 -0
- package/helpers/extractPackOptions.d.cts +6 -0
- package/helpers/extractPackOptions.d.mts +7 -0
- package/helpers/extractPackOptions.mjs +8 -0
- package/helpers/extractPinOptions.cjs +8 -0
- package/helpers/extractPinOptions.d.cts +6 -0
- package/helpers/extractPinOptions.d.mts +7 -0
- package/helpers/extractPinOptions.mjs +8 -0
- package/helpers/extractStackOptions.cjs +15 -0
- package/helpers/extractStackOptions.d.cts +6 -0
- package/helpers/extractStackOptions.d.mts +7 -0
- package/helpers/extractStackOptions.mjs +15 -0
- package/helpers/extractTileOptions.cjs +15 -0
- package/helpers/extractTileOptions.d.cts +6 -0
- package/helpers/extractTileOptions.d.mts +7 -0
- package/helpers/extractTileOptions.mjs +15 -0
- package/helpers/index.cjs +20 -0
- package/helpers/index.d.cts +10 -0
- package/helpers/index.d.mts +10 -0
- package/helpers/index.mjs +11 -0
- package/index.cjs +18 -18
- package/index.d.cts +2 -2
- package/index.d.mts +2 -2
- package/index.mjs +10 -10
- package/layer/index.cjs +6 -2
- package/layer/index.mjs +6 -2
- package/matrix/index.cjs +6 -2
- package/matrix/index.mjs +6 -2
- package/pack/index.cjs +6 -2
- package/pack/index.mjs +6 -2
- package/package.json +6 -4
- package/pin/index.cjs +6 -2
- package/pin/index.mjs +6 -2
- package/stack/index.cjs +6 -2
- package/stack/index.mjs +6 -2
- package/tile/index.cjs +6 -2
- package/tile/index.mjs +6 -2
- package/types.d.cts +2 -2
- package/types.d.mts +2 -2
- package/core/_internal/warnIfUnsupported.cjs +0 -15
- package/core/_internal/warnIfUnsupported.d.cts +0 -3
- package/core/_internal/warnIfUnsupported.d.mts +0 -4
- package/core/_internal/warnIfUnsupported.mjs +0 -14
package/core/constants.cjs
CHANGED
|
@@ -3,6 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
3
3
|
//#region src/core/constants.ts
|
|
4
4
|
/**
|
|
5
5
|
* 整列方向
|
|
6
|
+
*
|
|
7
|
+
* - x: 横方向
|
|
8
|
+
* - y: 縦方向
|
|
6
9
|
*/
|
|
7
10
|
const Direction = {
|
|
8
11
|
x: "x",
|
|
@@ -95,211 +98,6 @@ const Adjust = {
|
|
|
95
98
|
grow: "grow",
|
|
96
99
|
shrink: "shrink"
|
|
97
100
|
};
|
|
98
|
-
/**
|
|
99
|
-
* レイアウト種別: stack
|
|
100
|
-
*/
|
|
101
|
-
const clsLayoutStack = "nws-layout-stack";
|
|
102
|
-
/**
|
|
103
|
-
* レイアウト種別: flow
|
|
104
|
-
*/
|
|
105
|
-
const clsLayoutFlow = "nws-layout-flow";
|
|
106
|
-
/**
|
|
107
|
-
* レイアウト種別: tile
|
|
108
|
-
*/
|
|
109
|
-
const clsLayoutTile = "nws-layout-tile";
|
|
110
|
-
/**
|
|
111
|
-
* レイアウト種別: matrix
|
|
112
|
-
*/
|
|
113
|
-
const clsLayoutMatrix = "nws-layout-matrix";
|
|
114
|
-
/**
|
|
115
|
-
* レイアウト種別: center
|
|
116
|
-
*/
|
|
117
|
-
const clsLayoutCenter = "nws-layout-center";
|
|
118
|
-
/**
|
|
119
|
-
* レイアウト種別: pack
|
|
120
|
-
*/
|
|
121
|
-
const clsLayoutPack = "nws-layout-pack";
|
|
122
|
-
/**
|
|
123
|
-
* レイアウト種別: balance
|
|
124
|
-
*/
|
|
125
|
-
const clsLayoutBalance = "nws-layout-balance";
|
|
126
|
-
/**
|
|
127
|
-
* レイアウト種別: layer
|
|
128
|
-
*/
|
|
129
|
-
const clsLayoutLayer = "nws-layout-layer";
|
|
130
|
-
/**
|
|
131
|
-
* レイアウト種別: pin
|
|
132
|
-
*/
|
|
133
|
-
const clsLayoutPin = "nws-layout-pin";
|
|
134
|
-
/**
|
|
135
|
-
* 整列: 横方向
|
|
136
|
-
*/
|
|
137
|
-
const clsLayoutDirectionX = "nws-layout-direction-x";
|
|
138
|
-
/**
|
|
139
|
-
* 整列: 縦方向
|
|
140
|
-
*/
|
|
141
|
-
const clsLayoutDirectionY = "nws-layout-direction-y";
|
|
142
|
-
/**
|
|
143
|
-
* 横位置: 左
|
|
144
|
-
*/
|
|
145
|
-
const clsLayoutAlignXLeft = "nws-layout-alignX-left";
|
|
146
|
-
/**
|
|
147
|
-
* 横位置: 中央
|
|
148
|
-
*/
|
|
149
|
-
const clsLayoutAlignXCenter = "nws-layout-alignX-center";
|
|
150
|
-
/**
|
|
151
|
-
* 横位置: 右
|
|
152
|
-
*/
|
|
153
|
-
const clsLayoutAlignXRight = "nws-layout-alignX-right";
|
|
154
|
-
/**
|
|
155
|
-
* 横位置: 両端揃え
|
|
156
|
-
*/
|
|
157
|
-
const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
|
|
158
|
-
/**
|
|
159
|
-
* 横位置: 両端余白あり均等
|
|
160
|
-
*/
|
|
161
|
-
const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
|
|
162
|
-
/**
|
|
163
|
-
* 横位置: 完全均等
|
|
164
|
-
*/
|
|
165
|
-
const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
|
|
166
|
-
/**
|
|
167
|
-
* 縦位置: 上
|
|
168
|
-
*/
|
|
169
|
-
const clsLayoutAlignYTop = "nws-layout-alignY-top";
|
|
170
|
-
/**
|
|
171
|
-
* 縦位置: 中央
|
|
172
|
-
*/
|
|
173
|
-
const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
|
|
174
|
-
/**
|
|
175
|
-
* 縦位置: 下
|
|
176
|
-
*/
|
|
177
|
-
const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
|
|
178
|
-
/**
|
|
179
|
-
* 縦位置: 両端揃え
|
|
180
|
-
*/
|
|
181
|
-
const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
|
|
182
|
-
/**
|
|
183
|
-
* 縦位置: 両端余白あり均等
|
|
184
|
-
*/
|
|
185
|
-
const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
|
|
186
|
-
/**
|
|
187
|
-
* 縦位置: 完全均等
|
|
188
|
-
*/
|
|
189
|
-
const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
|
|
190
|
-
/**
|
|
191
|
-
* 子要素の幅調整: なし
|
|
192
|
-
*/
|
|
193
|
-
const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
|
|
194
|
-
/**
|
|
195
|
-
* 子要素の幅調整: 伸ばす & 縮める
|
|
196
|
-
*/
|
|
197
|
-
const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
|
|
198
|
-
/**
|
|
199
|
-
* 子要素の幅調整: 伸ばす
|
|
200
|
-
*/
|
|
201
|
-
const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
|
|
202
|
-
/**
|
|
203
|
-
* 子要素の幅調整: 縮める
|
|
204
|
-
*/
|
|
205
|
-
const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
|
|
206
|
-
/**
|
|
207
|
-
* 子要素の高さ調整: なし
|
|
208
|
-
*/
|
|
209
|
-
const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
|
|
210
|
-
/**
|
|
211
|
-
* 子要素の高さ調整: 伸ばす & 縮める
|
|
212
|
-
*/
|
|
213
|
-
const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
|
|
214
|
-
/**
|
|
215
|
-
* 子要素の高さ調整: 伸ばす
|
|
216
|
-
*/
|
|
217
|
-
const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
|
|
218
|
-
/**
|
|
219
|
-
* 子要素の高さ調整: 縮める
|
|
220
|
-
*/
|
|
221
|
-
const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
|
|
222
|
-
/**
|
|
223
|
-
* 間隔: 横方向
|
|
224
|
-
*/
|
|
225
|
-
const clsLayoutGapX = "nws-layout-gapX";
|
|
226
|
-
/**
|
|
227
|
-
* 間隔: 縦方向
|
|
228
|
-
*/
|
|
229
|
-
const clsLayoutGapY = "nws-layout-gapY";
|
|
230
|
-
/**
|
|
231
|
-
* 子要素の幅
|
|
232
|
-
*/
|
|
233
|
-
const clsLayoutChildSizeX = "nws-layout-childSizeX";
|
|
234
|
-
/**
|
|
235
|
-
* 子要素の高さ
|
|
236
|
-
*/
|
|
237
|
-
const clsLayoutChildSizeY = "nws-layout-childSizeY";
|
|
238
|
-
/**
|
|
239
|
-
* 子要素の縦横比
|
|
240
|
-
*/
|
|
241
|
-
const clsLayoutChildRatio = "nws-layout-childRatio";
|
|
242
|
-
/**
|
|
243
|
-
* 子要素の横方向の数
|
|
244
|
-
*/
|
|
245
|
-
const clsLayoutChildCountX = "nws-layout-childCountX";
|
|
246
|
-
/**
|
|
247
|
-
* 子要素の縦方向の数
|
|
248
|
-
*/
|
|
249
|
-
const clsLayoutChildCountY = "nws-layout-childCountY";
|
|
250
|
-
/**
|
|
251
|
-
* 横方向のテンプレート
|
|
252
|
-
*/
|
|
253
|
-
const clsLayoutTemplateX = "nws-layout-templateX";
|
|
254
|
-
/**
|
|
255
|
-
* 縦方向のテンプレート
|
|
256
|
-
*/
|
|
257
|
-
const clsLayoutTemplateY = "nws-layout-templateY";
|
|
258
|
-
/**
|
|
259
|
-
* 変数\
|
|
260
|
-
* 間隔: 横方向
|
|
261
|
-
*/
|
|
262
|
-
const varLayoutGapX = "--nws-layout-gapX";
|
|
263
|
-
/**
|
|
264
|
-
* 変数\
|
|
265
|
-
* 間隔: 縦方向
|
|
266
|
-
*/
|
|
267
|
-
const varLayoutGapY = "--nws-layout-gapY";
|
|
268
|
-
/**
|
|
269
|
-
* 変数\
|
|
270
|
-
* 子要素の幅
|
|
271
|
-
*/
|
|
272
|
-
const varLayoutChildSizeX = "--nws-layout-childSizeX";
|
|
273
|
-
/**
|
|
274
|
-
* 変数\
|
|
275
|
-
* 子要素の高さ
|
|
276
|
-
*/
|
|
277
|
-
const varLayoutChildSizeY = "--nws-layout-childSizeY";
|
|
278
|
-
/**
|
|
279
|
-
* 変数\
|
|
280
|
-
* 子要素の縦横比
|
|
281
|
-
*/
|
|
282
|
-
const varLayoutChildRatio = "--nws-layout-childRatio";
|
|
283
|
-
/**
|
|
284
|
-
* 変数\
|
|
285
|
-
* 子要素の横方向の数
|
|
286
|
-
*/
|
|
287
|
-
const varLayoutChildCountX = "--nws-layout-childCountX";
|
|
288
|
-
/**
|
|
289
|
-
* 変数\
|
|
290
|
-
* 子要素の縦方向の数
|
|
291
|
-
*/
|
|
292
|
-
const varLayoutChildCountY = "--nws-layout-childCountY";
|
|
293
|
-
/**
|
|
294
|
-
* 変数\
|
|
295
|
-
* 横方向のテンプレート
|
|
296
|
-
*/
|
|
297
|
-
const varLayoutTemplateX = "--nws-layout-templateX";
|
|
298
|
-
/**
|
|
299
|
-
* 変数\
|
|
300
|
-
* 縦方向のテンプレート
|
|
301
|
-
*/
|
|
302
|
-
const varLayoutTemplateY = "--nws-layout-templateY";
|
|
303
101
|
|
|
304
102
|
//#endregion
|
|
305
103
|
exports.Adjust = Adjust;
|
|
@@ -308,53 +106,4 @@ exports.AlignX = AlignX;
|
|
|
308
106
|
exports.AlignXBase = AlignXBase;
|
|
309
107
|
exports.AlignY = AlignY;
|
|
310
108
|
exports.AlignYBase = AlignYBase;
|
|
311
|
-
exports.Direction = Direction;
|
|
312
|
-
exports.clsLayoutAdjustXExpand = clsLayoutAdjustXExpand;
|
|
313
|
-
exports.clsLayoutAdjustXFit = clsLayoutAdjustXFit;
|
|
314
|
-
exports.clsLayoutAdjustXNone = clsLayoutAdjustXNone;
|
|
315
|
-
exports.clsLayoutAdjustXShrink = clsLayoutAdjustXShrink;
|
|
316
|
-
exports.clsLayoutAdjustYExpand = clsLayoutAdjustYExpand;
|
|
317
|
-
exports.clsLayoutAdjustYFit = clsLayoutAdjustYFit;
|
|
318
|
-
exports.clsLayoutAdjustYNone = clsLayoutAdjustYNone;
|
|
319
|
-
exports.clsLayoutAdjustYShrink = clsLayoutAdjustYShrink;
|
|
320
|
-
exports.clsLayoutAlignXCenter = clsLayoutAlignXCenter;
|
|
321
|
-
exports.clsLayoutAlignXLeft = clsLayoutAlignXLeft;
|
|
322
|
-
exports.clsLayoutAlignXRight = clsLayoutAlignXRight;
|
|
323
|
-
exports.clsLayoutAlignXSpaceAround = clsLayoutAlignXSpaceAround;
|
|
324
|
-
exports.clsLayoutAlignXSpaceBetween = clsLayoutAlignXSpaceBetween;
|
|
325
|
-
exports.clsLayoutAlignXSpaceEvenly = clsLayoutAlignXSpaceEvenly;
|
|
326
|
-
exports.clsLayoutAlignYBottom = clsLayoutAlignYBottom;
|
|
327
|
-
exports.clsLayoutAlignYMiddle = clsLayoutAlignYMiddle;
|
|
328
|
-
exports.clsLayoutAlignYSpaceAround = clsLayoutAlignYSpaceAround;
|
|
329
|
-
exports.clsLayoutAlignYSpaceBetween = clsLayoutAlignYSpaceBetween;
|
|
330
|
-
exports.clsLayoutAlignYSpaceEvenly = clsLayoutAlignYSpaceEvenly;
|
|
331
|
-
exports.clsLayoutAlignYTop = clsLayoutAlignYTop;
|
|
332
|
-
exports.clsLayoutBalance = clsLayoutBalance;
|
|
333
|
-
exports.clsLayoutCenter = clsLayoutCenter;
|
|
334
|
-
exports.clsLayoutChildCountX = clsLayoutChildCountX;
|
|
335
|
-
exports.clsLayoutChildCountY = clsLayoutChildCountY;
|
|
336
|
-
exports.clsLayoutChildRatio = clsLayoutChildRatio;
|
|
337
|
-
exports.clsLayoutChildSizeX = clsLayoutChildSizeX;
|
|
338
|
-
exports.clsLayoutChildSizeY = clsLayoutChildSizeY;
|
|
339
|
-
exports.clsLayoutDirectionX = clsLayoutDirectionX;
|
|
340
|
-
exports.clsLayoutDirectionY = clsLayoutDirectionY;
|
|
341
|
-
exports.clsLayoutFlow = clsLayoutFlow;
|
|
342
|
-
exports.clsLayoutGapX = clsLayoutGapX;
|
|
343
|
-
exports.clsLayoutGapY = clsLayoutGapY;
|
|
344
|
-
exports.clsLayoutLayer = clsLayoutLayer;
|
|
345
|
-
exports.clsLayoutMatrix = clsLayoutMatrix;
|
|
346
|
-
exports.clsLayoutPack = clsLayoutPack;
|
|
347
|
-
exports.clsLayoutPin = clsLayoutPin;
|
|
348
|
-
exports.clsLayoutStack = clsLayoutStack;
|
|
349
|
-
exports.clsLayoutTemplateX = clsLayoutTemplateX;
|
|
350
|
-
exports.clsLayoutTemplateY = clsLayoutTemplateY;
|
|
351
|
-
exports.clsLayoutTile = clsLayoutTile;
|
|
352
|
-
exports.varLayoutChildCountX = varLayoutChildCountX;
|
|
353
|
-
exports.varLayoutChildCountY = varLayoutChildCountY;
|
|
354
|
-
exports.varLayoutChildRatio = varLayoutChildRatio;
|
|
355
|
-
exports.varLayoutChildSizeX = varLayoutChildSizeX;
|
|
356
|
-
exports.varLayoutChildSizeY = varLayoutChildSizeY;
|
|
357
|
-
exports.varLayoutGapX = varLayoutGapX;
|
|
358
|
-
exports.varLayoutGapY = varLayoutGapY;
|
|
359
|
-
exports.varLayoutTemplateX = varLayoutTemplateX;
|
|
360
|
-
exports.varLayoutTemplateY = varLayoutTemplateY;
|
|
109
|
+
exports.Direction = Direction;
|
package/core/constants.d.cts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
//#region src/core/constants.d.ts
|
|
2
2
|
/**
|
|
3
3
|
* 整列方向
|
|
4
|
+
*
|
|
5
|
+
* - x: 横方向
|
|
6
|
+
* - y: 縦方向
|
|
4
7
|
*/
|
|
5
8
|
declare const Direction: {
|
|
6
9
|
readonly x: "x";
|
|
@@ -105,210 +108,5 @@ declare const Adjust: {
|
|
|
105
108
|
readonly none: "none";
|
|
106
109
|
};
|
|
107
110
|
type Adjust = (typeof Adjust)[keyof typeof Adjust];
|
|
108
|
-
/**
|
|
109
|
-
* レイアウト種別: stack
|
|
110
|
-
*/
|
|
111
|
-
declare const clsLayoutStack = "nws-layout-stack";
|
|
112
|
-
/**
|
|
113
|
-
* レイアウト種別: flow
|
|
114
|
-
*/
|
|
115
|
-
declare const clsLayoutFlow = "nws-layout-flow";
|
|
116
|
-
/**
|
|
117
|
-
* レイアウト種別: tile
|
|
118
|
-
*/
|
|
119
|
-
declare const clsLayoutTile = "nws-layout-tile";
|
|
120
|
-
/**
|
|
121
|
-
* レイアウト種別: matrix
|
|
122
|
-
*/
|
|
123
|
-
declare const clsLayoutMatrix = "nws-layout-matrix";
|
|
124
|
-
/**
|
|
125
|
-
* レイアウト種別: center
|
|
126
|
-
*/
|
|
127
|
-
declare const clsLayoutCenter = "nws-layout-center";
|
|
128
|
-
/**
|
|
129
|
-
* レイアウト種別: pack
|
|
130
|
-
*/
|
|
131
|
-
declare const clsLayoutPack = "nws-layout-pack";
|
|
132
|
-
/**
|
|
133
|
-
* レイアウト種別: balance
|
|
134
|
-
*/
|
|
135
|
-
declare const clsLayoutBalance = "nws-layout-balance";
|
|
136
|
-
/**
|
|
137
|
-
* レイアウト種別: layer
|
|
138
|
-
*/
|
|
139
|
-
declare const clsLayoutLayer = "nws-layout-layer";
|
|
140
|
-
/**
|
|
141
|
-
* レイアウト種別: pin
|
|
142
|
-
*/
|
|
143
|
-
declare const clsLayoutPin = "nws-layout-pin";
|
|
144
|
-
/**
|
|
145
|
-
* 整列: 横方向
|
|
146
|
-
*/
|
|
147
|
-
declare const clsLayoutDirectionX = "nws-layout-direction-x";
|
|
148
|
-
/**
|
|
149
|
-
* 整列: 縦方向
|
|
150
|
-
*/
|
|
151
|
-
declare const clsLayoutDirectionY = "nws-layout-direction-y";
|
|
152
|
-
/**
|
|
153
|
-
* 横位置: 左
|
|
154
|
-
*/
|
|
155
|
-
declare const clsLayoutAlignXLeft = "nws-layout-alignX-left";
|
|
156
|
-
/**
|
|
157
|
-
* 横位置: 中央
|
|
158
|
-
*/
|
|
159
|
-
declare const clsLayoutAlignXCenter = "nws-layout-alignX-center";
|
|
160
|
-
/**
|
|
161
|
-
* 横位置: 右
|
|
162
|
-
*/
|
|
163
|
-
declare const clsLayoutAlignXRight = "nws-layout-alignX-right";
|
|
164
|
-
/**
|
|
165
|
-
* 横位置: 両端揃え
|
|
166
|
-
*/
|
|
167
|
-
declare const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
|
|
168
|
-
/**
|
|
169
|
-
* 横位置: 両端余白あり均等
|
|
170
|
-
*/
|
|
171
|
-
declare const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
|
|
172
|
-
/**
|
|
173
|
-
* 横位置: 完全均等
|
|
174
|
-
*/
|
|
175
|
-
declare const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
|
|
176
|
-
/**
|
|
177
|
-
* 縦位置: 上
|
|
178
|
-
*/
|
|
179
|
-
declare const clsLayoutAlignYTop = "nws-layout-alignY-top";
|
|
180
|
-
/**
|
|
181
|
-
* 縦位置: 中央
|
|
182
|
-
*/
|
|
183
|
-
declare const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
|
|
184
|
-
/**
|
|
185
|
-
* 縦位置: 下
|
|
186
|
-
*/
|
|
187
|
-
declare const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
|
|
188
|
-
/**
|
|
189
|
-
* 縦位置: 両端揃え
|
|
190
|
-
*/
|
|
191
|
-
declare const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
|
|
192
|
-
/**
|
|
193
|
-
* 縦位置: 両端余白あり均等
|
|
194
|
-
*/
|
|
195
|
-
declare const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
|
|
196
|
-
/**
|
|
197
|
-
* 縦位置: 完全均等
|
|
198
|
-
*/
|
|
199
|
-
declare const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
|
|
200
|
-
/**
|
|
201
|
-
* 子要素の幅調整: なし
|
|
202
|
-
*/
|
|
203
|
-
declare const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
|
|
204
|
-
/**
|
|
205
|
-
* 子要素の幅調整: 伸ばす & 縮める
|
|
206
|
-
*/
|
|
207
|
-
declare const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
|
|
208
|
-
/**
|
|
209
|
-
* 子要素の幅調整: 伸ばす
|
|
210
|
-
*/
|
|
211
|
-
declare const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
|
|
212
|
-
/**
|
|
213
|
-
* 子要素の幅調整: 縮める
|
|
214
|
-
*/
|
|
215
|
-
declare const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
|
|
216
|
-
/**
|
|
217
|
-
* 子要素の高さ調整: なし
|
|
218
|
-
*/
|
|
219
|
-
declare const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
|
|
220
|
-
/**
|
|
221
|
-
* 子要素の高さ調整: 伸ばす & 縮める
|
|
222
|
-
*/
|
|
223
|
-
declare const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
|
|
224
|
-
/**
|
|
225
|
-
* 子要素の高さ調整: 伸ばす
|
|
226
|
-
*/
|
|
227
|
-
declare const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
|
|
228
|
-
/**
|
|
229
|
-
* 子要素の高さ調整: 縮める
|
|
230
|
-
*/
|
|
231
|
-
declare const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
|
|
232
|
-
/**
|
|
233
|
-
* 間隔: 横方向
|
|
234
|
-
*/
|
|
235
|
-
declare const clsLayoutGapX = "nws-layout-gapX";
|
|
236
|
-
/**
|
|
237
|
-
* 間隔: 縦方向
|
|
238
|
-
*/
|
|
239
|
-
declare const clsLayoutGapY = "nws-layout-gapY";
|
|
240
|
-
/**
|
|
241
|
-
* 子要素の幅
|
|
242
|
-
*/
|
|
243
|
-
declare const clsLayoutChildSizeX = "nws-layout-childSizeX";
|
|
244
|
-
/**
|
|
245
|
-
* 子要素の高さ
|
|
246
|
-
*/
|
|
247
|
-
declare const clsLayoutChildSizeY = "nws-layout-childSizeY";
|
|
248
|
-
/**
|
|
249
|
-
* 子要素の縦横比
|
|
250
|
-
*/
|
|
251
|
-
declare const clsLayoutChildRatio = "nws-layout-childRatio";
|
|
252
|
-
/**
|
|
253
|
-
* 子要素の横方向の数
|
|
254
|
-
*/
|
|
255
|
-
declare const clsLayoutChildCountX = "nws-layout-childCountX";
|
|
256
|
-
/**
|
|
257
|
-
* 子要素の縦方向の数
|
|
258
|
-
*/
|
|
259
|
-
declare const clsLayoutChildCountY = "nws-layout-childCountY";
|
|
260
|
-
/**
|
|
261
|
-
* 横方向のテンプレート
|
|
262
|
-
*/
|
|
263
|
-
declare const clsLayoutTemplateX = "nws-layout-templateX";
|
|
264
|
-
/**
|
|
265
|
-
* 縦方向のテンプレート
|
|
266
|
-
*/
|
|
267
|
-
declare const clsLayoutTemplateY = "nws-layout-templateY";
|
|
268
|
-
/**
|
|
269
|
-
* 変数\
|
|
270
|
-
* 間隔: 横方向
|
|
271
|
-
*/
|
|
272
|
-
declare const varLayoutGapX = "--nws-layout-gapX";
|
|
273
|
-
/**
|
|
274
|
-
* 変数\
|
|
275
|
-
* 間隔: 縦方向
|
|
276
|
-
*/
|
|
277
|
-
declare const varLayoutGapY = "--nws-layout-gapY";
|
|
278
|
-
/**
|
|
279
|
-
* 変数\
|
|
280
|
-
* 子要素の幅
|
|
281
|
-
*/
|
|
282
|
-
declare const varLayoutChildSizeX = "--nws-layout-childSizeX";
|
|
283
|
-
/**
|
|
284
|
-
* 変数\
|
|
285
|
-
* 子要素の高さ
|
|
286
|
-
*/
|
|
287
|
-
declare const varLayoutChildSizeY = "--nws-layout-childSizeY";
|
|
288
|
-
/**
|
|
289
|
-
* 変数\
|
|
290
|
-
* 子要素の縦横比
|
|
291
|
-
*/
|
|
292
|
-
declare const varLayoutChildRatio = "--nws-layout-childRatio";
|
|
293
|
-
/**
|
|
294
|
-
* 変数\
|
|
295
|
-
* 子要素の横方向の数
|
|
296
|
-
*/
|
|
297
|
-
declare const varLayoutChildCountX = "--nws-layout-childCountX";
|
|
298
|
-
/**
|
|
299
|
-
* 変数\
|
|
300
|
-
* 子要素の縦方向の数
|
|
301
|
-
*/
|
|
302
|
-
declare const varLayoutChildCountY = "--nws-layout-childCountY";
|
|
303
|
-
/**
|
|
304
|
-
* 変数\
|
|
305
|
-
* 横方向のテンプレート
|
|
306
|
-
*/
|
|
307
|
-
declare const varLayoutTemplateX = "--nws-layout-templateX";
|
|
308
|
-
/**
|
|
309
|
-
* 変数\
|
|
310
|
-
* 縦方向のテンプレート
|
|
311
|
-
*/
|
|
312
|
-
declare const varLayoutTemplateY = "--nws-layout-templateY";
|
|
313
111
|
//#endregion
|
|
314
|
-
export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction
|
|
112
|
+
export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction };
|
package/core/constants.d.mts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
//#region src/core/constants.d.ts
|
|
2
2
|
/**
|
|
3
3
|
* 整列方向
|
|
4
|
+
*
|
|
5
|
+
* - x: 横方向
|
|
6
|
+
* - y: 縦方向
|
|
4
7
|
*/
|
|
5
8
|
declare const Direction: {
|
|
6
9
|
readonly x: "x";
|
|
@@ -105,210 +108,5 @@ declare const Adjust: {
|
|
|
105
108
|
readonly none: "none";
|
|
106
109
|
};
|
|
107
110
|
type Adjust = (typeof Adjust)[keyof typeof Adjust];
|
|
108
|
-
/**
|
|
109
|
-
* レイアウト種別: stack
|
|
110
|
-
*/
|
|
111
|
-
declare const clsLayoutStack = "nws-layout-stack";
|
|
112
|
-
/**
|
|
113
|
-
* レイアウト種別: flow
|
|
114
|
-
*/
|
|
115
|
-
declare const clsLayoutFlow = "nws-layout-flow";
|
|
116
|
-
/**
|
|
117
|
-
* レイアウト種別: tile
|
|
118
|
-
*/
|
|
119
|
-
declare const clsLayoutTile = "nws-layout-tile";
|
|
120
|
-
/**
|
|
121
|
-
* レイアウト種別: matrix
|
|
122
|
-
*/
|
|
123
|
-
declare const clsLayoutMatrix = "nws-layout-matrix";
|
|
124
|
-
/**
|
|
125
|
-
* レイアウト種別: center
|
|
126
|
-
*/
|
|
127
|
-
declare const clsLayoutCenter = "nws-layout-center";
|
|
128
|
-
/**
|
|
129
|
-
* レイアウト種別: pack
|
|
130
|
-
*/
|
|
131
|
-
declare const clsLayoutPack = "nws-layout-pack";
|
|
132
|
-
/**
|
|
133
|
-
* レイアウト種別: balance
|
|
134
|
-
*/
|
|
135
|
-
declare const clsLayoutBalance = "nws-layout-balance";
|
|
136
|
-
/**
|
|
137
|
-
* レイアウト種別: layer
|
|
138
|
-
*/
|
|
139
|
-
declare const clsLayoutLayer = "nws-layout-layer";
|
|
140
|
-
/**
|
|
141
|
-
* レイアウト種別: pin
|
|
142
|
-
*/
|
|
143
|
-
declare const clsLayoutPin = "nws-layout-pin";
|
|
144
|
-
/**
|
|
145
|
-
* 整列: 横方向
|
|
146
|
-
*/
|
|
147
|
-
declare const clsLayoutDirectionX = "nws-layout-direction-x";
|
|
148
|
-
/**
|
|
149
|
-
* 整列: 縦方向
|
|
150
|
-
*/
|
|
151
|
-
declare const clsLayoutDirectionY = "nws-layout-direction-y";
|
|
152
|
-
/**
|
|
153
|
-
* 横位置: 左
|
|
154
|
-
*/
|
|
155
|
-
declare const clsLayoutAlignXLeft = "nws-layout-alignX-left";
|
|
156
|
-
/**
|
|
157
|
-
* 横位置: 中央
|
|
158
|
-
*/
|
|
159
|
-
declare const clsLayoutAlignXCenter = "nws-layout-alignX-center";
|
|
160
|
-
/**
|
|
161
|
-
* 横位置: 右
|
|
162
|
-
*/
|
|
163
|
-
declare const clsLayoutAlignXRight = "nws-layout-alignX-right";
|
|
164
|
-
/**
|
|
165
|
-
* 横位置: 両端揃え
|
|
166
|
-
*/
|
|
167
|
-
declare const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
|
|
168
|
-
/**
|
|
169
|
-
* 横位置: 両端余白あり均等
|
|
170
|
-
*/
|
|
171
|
-
declare const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
|
|
172
|
-
/**
|
|
173
|
-
* 横位置: 完全均等
|
|
174
|
-
*/
|
|
175
|
-
declare const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
|
|
176
|
-
/**
|
|
177
|
-
* 縦位置: 上
|
|
178
|
-
*/
|
|
179
|
-
declare const clsLayoutAlignYTop = "nws-layout-alignY-top";
|
|
180
|
-
/**
|
|
181
|
-
* 縦位置: 中央
|
|
182
|
-
*/
|
|
183
|
-
declare const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
|
|
184
|
-
/**
|
|
185
|
-
* 縦位置: 下
|
|
186
|
-
*/
|
|
187
|
-
declare const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
|
|
188
|
-
/**
|
|
189
|
-
* 縦位置: 両端揃え
|
|
190
|
-
*/
|
|
191
|
-
declare const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
|
|
192
|
-
/**
|
|
193
|
-
* 縦位置: 両端余白あり均等
|
|
194
|
-
*/
|
|
195
|
-
declare const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
|
|
196
|
-
/**
|
|
197
|
-
* 縦位置: 完全均等
|
|
198
|
-
*/
|
|
199
|
-
declare const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
|
|
200
|
-
/**
|
|
201
|
-
* 子要素の幅調整: なし
|
|
202
|
-
*/
|
|
203
|
-
declare const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
|
|
204
|
-
/**
|
|
205
|
-
* 子要素の幅調整: 伸ばす & 縮める
|
|
206
|
-
*/
|
|
207
|
-
declare const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
|
|
208
|
-
/**
|
|
209
|
-
* 子要素の幅調整: 伸ばす
|
|
210
|
-
*/
|
|
211
|
-
declare const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
|
|
212
|
-
/**
|
|
213
|
-
* 子要素の幅調整: 縮める
|
|
214
|
-
*/
|
|
215
|
-
declare const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
|
|
216
|
-
/**
|
|
217
|
-
* 子要素の高さ調整: なし
|
|
218
|
-
*/
|
|
219
|
-
declare const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
|
|
220
|
-
/**
|
|
221
|
-
* 子要素の高さ調整: 伸ばす & 縮める
|
|
222
|
-
*/
|
|
223
|
-
declare const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
|
|
224
|
-
/**
|
|
225
|
-
* 子要素の高さ調整: 伸ばす
|
|
226
|
-
*/
|
|
227
|
-
declare const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
|
|
228
|
-
/**
|
|
229
|
-
* 子要素の高さ調整: 縮める
|
|
230
|
-
*/
|
|
231
|
-
declare const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
|
|
232
|
-
/**
|
|
233
|
-
* 間隔: 横方向
|
|
234
|
-
*/
|
|
235
|
-
declare const clsLayoutGapX = "nws-layout-gapX";
|
|
236
|
-
/**
|
|
237
|
-
* 間隔: 縦方向
|
|
238
|
-
*/
|
|
239
|
-
declare const clsLayoutGapY = "nws-layout-gapY";
|
|
240
|
-
/**
|
|
241
|
-
* 子要素の幅
|
|
242
|
-
*/
|
|
243
|
-
declare const clsLayoutChildSizeX = "nws-layout-childSizeX";
|
|
244
|
-
/**
|
|
245
|
-
* 子要素の高さ
|
|
246
|
-
*/
|
|
247
|
-
declare const clsLayoutChildSizeY = "nws-layout-childSizeY";
|
|
248
|
-
/**
|
|
249
|
-
* 子要素の縦横比
|
|
250
|
-
*/
|
|
251
|
-
declare const clsLayoutChildRatio = "nws-layout-childRatio";
|
|
252
|
-
/**
|
|
253
|
-
* 子要素の横方向の数
|
|
254
|
-
*/
|
|
255
|
-
declare const clsLayoutChildCountX = "nws-layout-childCountX";
|
|
256
|
-
/**
|
|
257
|
-
* 子要素の縦方向の数
|
|
258
|
-
*/
|
|
259
|
-
declare const clsLayoutChildCountY = "nws-layout-childCountY";
|
|
260
|
-
/**
|
|
261
|
-
* 横方向のテンプレート
|
|
262
|
-
*/
|
|
263
|
-
declare const clsLayoutTemplateX = "nws-layout-templateX";
|
|
264
|
-
/**
|
|
265
|
-
* 縦方向のテンプレート
|
|
266
|
-
*/
|
|
267
|
-
declare const clsLayoutTemplateY = "nws-layout-templateY";
|
|
268
|
-
/**
|
|
269
|
-
* 変数\
|
|
270
|
-
* 間隔: 横方向
|
|
271
|
-
*/
|
|
272
|
-
declare const varLayoutGapX = "--nws-layout-gapX";
|
|
273
|
-
/**
|
|
274
|
-
* 変数\
|
|
275
|
-
* 間隔: 縦方向
|
|
276
|
-
*/
|
|
277
|
-
declare const varLayoutGapY = "--nws-layout-gapY";
|
|
278
|
-
/**
|
|
279
|
-
* 変数\
|
|
280
|
-
* 子要素の幅
|
|
281
|
-
*/
|
|
282
|
-
declare const varLayoutChildSizeX = "--nws-layout-childSizeX";
|
|
283
|
-
/**
|
|
284
|
-
* 変数\
|
|
285
|
-
* 子要素の高さ
|
|
286
|
-
*/
|
|
287
|
-
declare const varLayoutChildSizeY = "--nws-layout-childSizeY";
|
|
288
|
-
/**
|
|
289
|
-
* 変数\
|
|
290
|
-
* 子要素の縦横比
|
|
291
|
-
*/
|
|
292
|
-
declare const varLayoutChildRatio = "--nws-layout-childRatio";
|
|
293
|
-
/**
|
|
294
|
-
* 変数\
|
|
295
|
-
* 子要素の横方向の数
|
|
296
|
-
*/
|
|
297
|
-
declare const varLayoutChildCountX = "--nws-layout-childCountX";
|
|
298
|
-
/**
|
|
299
|
-
* 変数\
|
|
300
|
-
* 子要素の縦方向の数
|
|
301
|
-
*/
|
|
302
|
-
declare const varLayoutChildCountY = "--nws-layout-childCountY";
|
|
303
|
-
/**
|
|
304
|
-
* 変数\
|
|
305
|
-
* 横方向のテンプレート
|
|
306
|
-
*/
|
|
307
|
-
declare const varLayoutTemplateX = "--nws-layout-templateX";
|
|
308
|
-
/**
|
|
309
|
-
* 変数\
|
|
310
|
-
* 縦方向のテンプレート
|
|
311
|
-
*/
|
|
312
|
-
declare const varLayoutTemplateY = "--nws-layout-templateY";
|
|
313
111
|
//#endregion
|
|
314
|
-
export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction
|
|
112
|
+
export { Adjust, AdjustBase, AlignX, AlignXBase, AlignY, AlignYBase, Direction };
|