@aptre/flex-layout 0.1.6 → 0.1.7
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.md +73 -71
- package/dist/index.mjs +287 -1225
- package/package.json +1 -1
- package/style/_base.scss +21 -0
- package/style/dark.css +17 -0
- package/style/dark.css.map +1 -1
- package/style/dark.scss +6 -0
- package/style/gray.css +17 -0
- package/style/gray.css.map +1 -1
- package/style/gray.scss +6 -0
- package/style/light.css +17 -0
- package/style/light.css.map +1 -1
- package/style/light.scss +6 -0
- package/style/underline.css +17 -0
- package/style/underline.css.map +1 -1
- package/style/underline.scss +6 -0
- package/typedoc/assets/search.js +1 -1
- package/typedoc/classes/Layout.html +6 -4
- package/typedoc/classes/TabSetNode.html +8 -0
- package/typedoc/enums/CLASSES.html +5 -0
- package/typedoc/interfaces/IGlobalAttributes.html +5 -0
- package/typedoc/interfaces/IJsonTabSetNode.html +6 -0
- package/typedoc/interfaces/ITabSetAttributes.html +5 -0
package/README.md
CHANGED
|
@@ -268,49 +268,50 @@ for example see the getDocument() callback in agGrid at https://www.ag-grid.com/
|
|
|
268
268
|
Attributes allowed in the 'global' element
|
|
269
269
|
|
|
270
270
|
|
|
271
|
-
| Attribute
|
|
272
|
-
|
|
273
|
-
| splitterSize
|
|
274
|
-
| splitterExtra
|
|
275
|
-
| legacyOverflowMenu
|
|
276
|
-
| enableEdgeDock
|
|
277
|
-
| enableRotateBorderIcons
|
|
278
|
-
| tabEnableClose
|
|
279
|
-
| tabCloseType
|
|
280
|
-
| tabEnableDrag
|
|
281
|
-
| tabEnableRename
|
|
282
|
-
| tabEnableFloat
|
|
283
|
-
| tabClassName
|
|
284
|
-
| tabContentClassName
|
|
285
|
-
| tabIcon
|
|
286
|
-
| tabEnableRenderOnDemand
|
|
287
|
-
| tabDragSpeed
|
|
288
|
-
| tabBorderWidth
|
|
289
|
-
| tabBorderHeight
|
|
290
|
-
| tabSetEnableDeleteWhenEmpty
|
|
291
|
-
| tabSetEnableDrop
|
|
292
|
-
| tabSetEnableDrag
|
|
293
|
-
| tabSetEnableDivide
|
|
294
|
-
| tabSetEnableMaximize
|
|
295
|
-
| tabSetEnableClose
|
|
296
|
-
| tabSetAutoSelectTab
|
|
297
|
-
| tabSetClassNameTabStrip
|
|
298
|
-
|
|
|
299
|
-
|
|
|
300
|
-
|
|
|
301
|
-
|
|
|
302
|
-
|
|
|
303
|
-
|
|
|
304
|
-
|
|
|
305
|
-
|
|
|
306
|
-
|
|
|
307
|
-
|
|
|
308
|
-
|
|
|
309
|
-
|
|
|
310
|
-
|
|
|
311
|
-
|
|
|
312
|
-
|
|
|
313
|
-
|
|
|
271
|
+
| Attribute | Default | Description |
|
|
272
|
+
|-------------------------------|:-------:|--------------------------------------------------------------------------------------------------------------|
|
|
273
|
+
| splitterSize | 8 | width in pixels of all splitters between tabsets/borders |
|
|
274
|
+
| splitterExtra | 0 | additional width in pixels of the splitter hit test area |
|
|
275
|
+
| legacyOverflowMenu | false | use the legacy text only overflow menu |
|
|
276
|
+
| enableEdgeDock | true | |
|
|
277
|
+
| enableRotateBorderIcons | true | boolean indicating if tab icons should rotate with the text in the left and right borders |
|
|
278
|
+
| tabEnableClose | true | allow user to close all tabs via close button |
|
|
279
|
+
| tabCloseType | 1 | see values in ICloseType |
|
|
280
|
+
| tabEnableDrag | true | allow user to drag all tabs to new location |
|
|
281
|
+
| tabEnableRename | true | allow user to rename all tabs by double clicking |
|
|
282
|
+
| tabEnableFloat | false | enable popouts in all tabs (in popout capable browser) |
|
|
283
|
+
| tabClassName | null | |
|
|
284
|
+
| tabContentClassName | null | |
|
|
285
|
+
| tabIcon | null | |
|
|
286
|
+
| tabEnableRenderOnDemand | true | whether to avoid rendering component until tab is visible |
|
|
287
|
+
| tabDragSpeed | 0.3 | CSS transition speed of drag outlines (in seconds) |
|
|
288
|
+
| tabBorderWidth | -1 | width when added to border, -1 will use border size |
|
|
289
|
+
| tabBorderHeight | -1 | height when added to border, -1 will use border size |
|
|
290
|
+
| tabSetEnableDeleteWhenEmpty | true | |
|
|
291
|
+
| tabSetEnableDrop | true | allow user to drag tabs into all tabsets |
|
|
292
|
+
| tabSetEnableDrag | true | allow user to drag tabs out of all tabsets |
|
|
293
|
+
| tabSetEnableDivide | true | allow user to drag tabs to region of all tabsets, splitting into new tabset |
|
|
294
|
+
| tabSetEnableMaximize | true | allow user to maximize all tabsets to fill view via maximize button |
|
|
295
|
+
| tabSetEnableClose | false | allow user to close all tabsets via close button |
|
|
296
|
+
| tabSetAutoSelectTab | true | whether to select new/moved tabs in all tabsets |
|
|
297
|
+
| tabSetClassNameTabStrip | null | height in pixels of tab strips in all tabsets |
|
|
298
|
+
| tabSetEnableSingleTabStretch | false | if a tabset has only a single tab then stretch the single tab to fill area and display in a header style |
|
|
299
|
+
| tabSetClassNameHeader | null | |
|
|
300
|
+
| tabSetEnableTabStrip | true | enable tab strip and allow multiple tabs in all tabsets |
|
|
301
|
+
| tabSetHeaderHeight | 0 | height of tabset header in pixels; if left as 0 then the value will be calculated from the current fontSize |
|
|
302
|
+
| tabSetTabStripHeight | 0 | height of tabset tab bar in pixels; if left as 0 then the value will be calculated from the current fontSize |
|
|
303
|
+
| borderBarSize | 0 | size of the border bars in pixels; if left as 0 then the value will be calculated from the current fontSize |
|
|
304
|
+
| borderEnableAutoHide | false | hide border if it has zero tabs |
|
|
305
|
+
| borderEnableDrop | true | allow user to drag tabs into this border |
|
|
306
|
+
| borderAutoSelectTabWhenOpen | true | whether to select new/moved tabs in border when the border is already open |
|
|
307
|
+
| borderAutoSelectTabWhenClosed | false | whether to select new/moved tabs in border when the border is curently closed |
|
|
308
|
+
| borderClassName | null | |
|
|
309
|
+
| borderSize | 200 | initial width in pixels for left/right borders, height for top/bottom borders |
|
|
310
|
+
| borderMinSize | 0 | minimum width in pixels for left/right borders, height for top/bottom borders |
|
|
311
|
+
| tabSetMinHeight | 0 | minimum width (in px) for all tabsets |
|
|
312
|
+
| tabSetMinWidth | 0 | minimum height (in px) for all tabsets |
|
|
313
|
+
| tabSetTabLocation | top | show tabs in location top or bottom |
|
|
314
|
+
| rootOrientationVertical | false | the top level 'row' will layout horizontally by default, set this option true to make it layout vertically |
|
|
314
315
|
|
|
315
316
|
|
|
316
317
|
## Row Attributes
|
|
@@ -366,34 +367,35 @@ Inherited defaults will take their value from the associated global attributes (
|
|
|
366
367
|
|
|
367
368
|
Note: tabsets can be dynamically created as tabs are moved and deleted when all their tabs are removed (unless enableDeleteWhenEmpty is false).
|
|
368
369
|
|
|
369
|
-
| Attribute
|
|
370
|
-
|
|
371
|
-
| type
|
|
372
|
-
| weight
|
|
373
|
-
| width
|
|
374
|
-
| height
|
|
375
|
-
| name
|
|
376
|
-
| config
|
|
377
|
-
| selected
|
|
378
|
-
| active
|
|
379
|
-
| maximized
|
|
380
|
-
| enableClose
|
|
381
|
-
| id
|
|
382
|
-
| children
|
|
383
|
-
| enableDeleteWhenEmpty
|
|
384
|
-
| enableDrop
|
|
385
|
-
| enableDrag
|
|
386
|
-
| enableDivide
|
|
387
|
-
| enableMaximize
|
|
388
|
-
|
|
|
389
|
-
|
|
|
390
|
-
|
|
|
391
|
-
|
|
|
392
|
-
|
|
|
393
|
-
|
|
|
394
|
-
|
|
|
395
|
-
|
|
|
396
|
-
|
|
|
370
|
+
| Attribute | Default | Description |
|
|
371
|
+
|-------------------------|:-------------:|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
|
|
372
|
+
| type | tabset | |
|
|
373
|
+
| weight | 100 | relative weight for sizing of this tabset in parent row |
|
|
374
|
+
| width | null | preferred pixel width |
|
|
375
|
+
| height | null | preferred pixel height |
|
|
376
|
+
| name | null | named tabsets will show a header bar above the tabs |
|
|
377
|
+
| config | null | a place to hold json config used in your own code |
|
|
378
|
+
| selected | 0 | index of selected/visible tab in tabset |
|
|
379
|
+
| active | false | whether tabset is currently active; this attribute can only be used in the initial configuration, to change the active tabset you should use the `setActiveTabset` action on the model |
|
|
380
|
+
| maximized | false | whether tabset is currently maximized to fill view |
|
|
381
|
+
| enableClose | false | allow user to close tabset via a close button |
|
|
382
|
+
| id | auto generated | |
|
|
383
|
+
| children | *required* | a list of tab nodes |
|
|
384
|
+
| enableDeleteWhenEmpty | *inherited* | |
|
|
385
|
+
| enableDrop | *inherited* | allow user to drag tabs into this tabset |
|
|
386
|
+
| enableDrag | *inherited* | allow user to drag tabs out this tabset |
|
|
387
|
+
| enableDivide | *inherited* | allow user to drag tabs to region of this tabset, splitting into new tabset |
|
|
388
|
+
| enableMaximize | *inherited* | allow user to maximize tabset to fill view via maximize button |
|
|
389
|
+
| enableSingleTabStretch | *inherited* | if the tabset has only a single tab then stretch the single tab to fill area and display in a header style |
|
|
390
|
+
| autoSelectTab | *inherited* | whether to select new/moved tabs in tabset |
|
|
391
|
+
| classNameTabStrip | *inherited* | |
|
|
392
|
+
| classNameHeader | *inherited* | |
|
|
393
|
+
| enableTabStrip | *inherited* | enable tab strip and allow multiple tabs in this tabset |
|
|
394
|
+
| headerHeight | *inherited* | |
|
|
395
|
+
| tabStripHeight | *inherited* | height in pixels of tab strip |
|
|
396
|
+
| tabLocation | *inherited* | show tabs in location top or bottom |
|
|
397
|
+
| minHeight | *inherited* | minimum height (in px) for this tabset |
|
|
398
|
+
| minWidth | *inherited* | minimum width (in px) for this tabset |
|
|
397
399
|
|
|
398
400
|
## Border Attributes
|
|
399
401
|
|