@tartaguti/ui-components 0.1.0 → 0.2.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/CHANGELOG.md +6 -0
- package/custom-elements.json +456 -288
- package/dist/tt-data-table.d.ts +28 -1
- package/dist/tt-data-table.d.ts.map +1 -1
- package/dist/tt-data-table.js +279 -9
- package/dist/tt-data-table.js.map +1 -1
- package/package.json +1 -1
- package/vscode.html-custom-data.json +5 -1
package/custom-elements.json
CHANGED
|
@@ -5302,7 +5302,7 @@
|
|
|
5302
5302
|
"declarations": [
|
|
5303
5303
|
{
|
|
5304
5304
|
"kind": "class",
|
|
5305
|
-
"description": "Working table: sorting, selection, row actions, sticky header, and\nloading and empty states.\n\nIt owns nothing. Sort state and selection come in as properties and\nchanges go out as events, so the page stays the single source of truth\nand can put either in a URL. Sorting itself is the page's job too: it\nknows whether the data is an in-memory array or a server query.",
|
|
5305
|
+
"description": "Working table: sorting, selection, row actions, sticky header, and\nloading and empty states. With visible-rows it is virtualized: a box\nthat many rows tall, holding only the rows in view, so ten thousand\nrows scroll as smoothly as ten.\n\nIt owns nothing. Sort state and selection come in as properties and\nchanges go out as events, so the page stays the single source of truth\nand can put either in a URL. Sorting itself is the page's job too: it\nknows whether the data is an in-memory array or a server query.",
|
|
5306
5306
|
"name": "TTDataTable",
|
|
5307
5307
|
"members": [
|
|
5308
5308
|
{
|
|
@@ -5448,6 +5448,149 @@
|
|
|
5448
5448
|
"default": "false",
|
|
5449
5449
|
"attribute": "clickable-rows"
|
|
5450
5450
|
},
|
|
5451
|
+
{
|
|
5452
|
+
"kind": "field",
|
|
5453
|
+
"name": "visibleRows",
|
|
5454
|
+
"type": {
|
|
5455
|
+
"text": "number"
|
|
5456
|
+
},
|
|
5457
|
+
"default": "0",
|
|
5458
|
+
"attribute": "visible-rows"
|
|
5459
|
+
},
|
|
5460
|
+
{
|
|
5461
|
+
"kind": "field",
|
|
5462
|
+
"name": "firstInView",
|
|
5463
|
+
"type": {
|
|
5464
|
+
"text": "number"
|
|
5465
|
+
},
|
|
5466
|
+
"privacy": "private",
|
|
5467
|
+
"default": "0"
|
|
5468
|
+
},
|
|
5469
|
+
{
|
|
5470
|
+
"kind": "field",
|
|
5471
|
+
"name": "rowHeight",
|
|
5472
|
+
"type": {
|
|
5473
|
+
"text": "number"
|
|
5474
|
+
},
|
|
5475
|
+
"privacy": "private",
|
|
5476
|
+
"default": "0"
|
|
5477
|
+
},
|
|
5478
|
+
{
|
|
5479
|
+
"kind": "field",
|
|
5480
|
+
"name": "headerHeight",
|
|
5481
|
+
"type": {
|
|
5482
|
+
"text": "number"
|
|
5483
|
+
},
|
|
5484
|
+
"privacy": "private",
|
|
5485
|
+
"default": "0"
|
|
5486
|
+
},
|
|
5487
|
+
{
|
|
5488
|
+
"kind": "field",
|
|
5489
|
+
"name": "columnWidths",
|
|
5490
|
+
"type": {
|
|
5491
|
+
"text": "number[]"
|
|
5492
|
+
},
|
|
5493
|
+
"privacy": "private",
|
|
5494
|
+
"default": "[]"
|
|
5495
|
+
},
|
|
5496
|
+
{
|
|
5497
|
+
"kind": "field",
|
|
5498
|
+
"name": "widthUnit",
|
|
5499
|
+
"type": {
|
|
5500
|
+
"text": "\"%\" | \"px\""
|
|
5501
|
+
},
|
|
5502
|
+
"privacy": "private",
|
|
5503
|
+
"default": "\"%\""
|
|
5504
|
+
},
|
|
5505
|
+
{
|
|
5506
|
+
"kind": "field",
|
|
5507
|
+
"name": "wrap",
|
|
5508
|
+
"type": {
|
|
5509
|
+
"text": "HTMLElement | undefined"
|
|
5510
|
+
},
|
|
5511
|
+
"privacy": "private"
|
|
5512
|
+
},
|
|
5513
|
+
{
|
|
5514
|
+
"kind": "field",
|
|
5515
|
+
"name": "frame",
|
|
5516
|
+
"type": {
|
|
5517
|
+
"text": "number"
|
|
5518
|
+
},
|
|
5519
|
+
"privacy": "private",
|
|
5520
|
+
"default": "0"
|
|
5521
|
+
},
|
|
5522
|
+
{
|
|
5523
|
+
"kind": "field",
|
|
5524
|
+
"name": "resizeObserver",
|
|
5525
|
+
"type": {
|
|
5526
|
+
"text": "ResizeObserver | undefined"
|
|
5527
|
+
},
|
|
5528
|
+
"privacy": "private"
|
|
5529
|
+
},
|
|
5530
|
+
{
|
|
5531
|
+
"kind": "field",
|
|
5532
|
+
"name": "wrapWidth",
|
|
5533
|
+
"type": {
|
|
5534
|
+
"text": "number"
|
|
5535
|
+
},
|
|
5536
|
+
"privacy": "private",
|
|
5537
|
+
"default": "0"
|
|
5538
|
+
},
|
|
5539
|
+
{
|
|
5540
|
+
"kind": "field",
|
|
5541
|
+
"name": "lastRange",
|
|
5542
|
+
"type": {
|
|
5543
|
+
"text": "string"
|
|
5544
|
+
},
|
|
5545
|
+
"privacy": "private",
|
|
5546
|
+
"default": "\"\""
|
|
5547
|
+
},
|
|
5548
|
+
{
|
|
5549
|
+
"kind": "field",
|
|
5550
|
+
"name": "virtual",
|
|
5551
|
+
"privacy": "private",
|
|
5552
|
+
"readonly": true
|
|
5553
|
+
},
|
|
5554
|
+
{
|
|
5555
|
+
"kind": "field",
|
|
5556
|
+
"name": "inPage",
|
|
5557
|
+
"type": {
|
|
5558
|
+
"text": "{ start: number; end: number }"
|
|
5559
|
+
},
|
|
5560
|
+
"privacy": "private",
|
|
5561
|
+
"description": "The slice of rows in the page: the ones in view plus OVERSCAN each side.",
|
|
5562
|
+
"readonly": true
|
|
5563
|
+
},
|
|
5564
|
+
{
|
|
5565
|
+
"kind": "method",
|
|
5566
|
+
"name": "observeWidth",
|
|
5567
|
+
"privacy": "private"
|
|
5568
|
+
},
|
|
5569
|
+
{
|
|
5570
|
+
"kind": "method",
|
|
5571
|
+
"name": "measureSoon",
|
|
5572
|
+
"privacy": "private"
|
|
5573
|
+
},
|
|
5574
|
+
{
|
|
5575
|
+
"kind": "method",
|
|
5576
|
+
"name": "measure",
|
|
5577
|
+
"privacy": "private"
|
|
5578
|
+
},
|
|
5579
|
+
{
|
|
5580
|
+
"kind": "field",
|
|
5581
|
+
"name": "handleScroll",
|
|
5582
|
+
"privacy": "private"
|
|
5583
|
+
},
|
|
5584
|
+
{
|
|
5585
|
+
"kind": "method",
|
|
5586
|
+
"name": "syncToScroll",
|
|
5587
|
+
"privacy": "private"
|
|
5588
|
+
},
|
|
5589
|
+
{
|
|
5590
|
+
"kind": "method",
|
|
5591
|
+
"name": "announceRange",
|
|
5592
|
+
"privacy": "private"
|
|
5593
|
+
},
|
|
5451
5594
|
{
|
|
5452
5595
|
"kind": "field",
|
|
5453
5596
|
"name": "hasActions",
|
|
@@ -5582,11 +5725,28 @@
|
|
|
5582
5725
|
"type": {
|
|
5583
5726
|
"text": "DataRow"
|
|
5584
5727
|
}
|
|
5728
|
+
},
|
|
5729
|
+
{
|
|
5730
|
+
"name": "index",
|
|
5731
|
+
"type": {
|
|
5732
|
+
"text": "number"
|
|
5733
|
+
}
|
|
5585
5734
|
}
|
|
5586
5735
|
]
|
|
5736
|
+
},
|
|
5737
|
+
{
|
|
5738
|
+
"kind": "method",
|
|
5739
|
+
"name": "renderRows",
|
|
5740
|
+
"privacy": "private"
|
|
5587
5741
|
}
|
|
5588
5742
|
],
|
|
5589
5743
|
"events": [
|
|
5744
|
+
{
|
|
5745
|
+
"name": "tt-range-change",
|
|
5746
|
+
"type": {
|
|
5747
|
+
"text": "CustomEvent"
|
|
5748
|
+
}
|
|
5749
|
+
},
|
|
5590
5750
|
{
|
|
5591
5751
|
"name": "tt-selection-change",
|
|
5592
5752
|
"type": {
|
|
@@ -5707,6 +5867,14 @@
|
|
|
5707
5867
|
},
|
|
5708
5868
|
"default": "false",
|
|
5709
5869
|
"fieldName": "clickableRows"
|
|
5870
|
+
},
|
|
5871
|
+
{
|
|
5872
|
+
"name": "visible-rows",
|
|
5873
|
+
"type": {
|
|
5874
|
+
"text": "number"
|
|
5875
|
+
},
|
|
5876
|
+
"default": "0",
|
|
5877
|
+
"fieldName": "visibleRows"
|
|
5710
5878
|
}
|
|
5711
5879
|
],
|
|
5712
5880
|
"superclass": {
|
|
@@ -15385,133 +15553,282 @@
|
|
|
15385
15553
|
},
|
|
15386
15554
|
{
|
|
15387
15555
|
"kind": "javascript-module",
|
|
15388
|
-
"path": "src/
|
|
15556
|
+
"path": "src/bento/tt-bento-item.ts",
|
|
15389
15557
|
"declarations": [
|
|
15390
15558
|
{
|
|
15391
15559
|
"kind": "class",
|
|
15392
|
-
"description": "
|
|
15393
|
-
"name": "
|
|
15560
|
+
"description": "A tile surface for a `tt-bento`.\n\nIt owns no placement. `bento-span` and `bento-rows` are read by the grid\noff any direct child, so this component exists purely to give bare\ncontent a surface: background, border, the 2xl corner, padding, and the\nconcentric radius its own children read.\n\nAnything that already brings its own surface - a tt-card, a tt-stat, a\ntt-chart - goes straight into the grid and needs none of this:\n\n <tt-bento>\n <tt-stat bento-span=\"2\"></tt-stat>\n <tt-bento-item bento-span=\"2\">bare content</tt-bento-item>\n </tt-bento>",
|
|
15561
|
+
"name": "TTBentoItem",
|
|
15394
15562
|
"members": [
|
|
15395
15563
|
{
|
|
15396
15564
|
"kind": "field",
|
|
15397
|
-
"name": "
|
|
15565
|
+
"name": "plain",
|
|
15398
15566
|
"type": {
|
|
15399
15567
|
"text": "boolean"
|
|
15400
15568
|
},
|
|
15401
15569
|
"default": "false",
|
|
15402
|
-
"
|
|
15570
|
+
"description": "Drop the tile surface and render as a bare grid cell.",
|
|
15571
|
+
"attribute": "plain",
|
|
15403
15572
|
"reflects": true
|
|
15404
15573
|
},
|
|
15405
15574
|
{
|
|
15406
15575
|
"kind": "field",
|
|
15407
|
-
"name": "
|
|
15576
|
+
"name": "clickable",
|
|
15408
15577
|
"type": {
|
|
15409
15578
|
"text": "boolean"
|
|
15410
15579
|
},
|
|
15411
15580
|
"default": "false",
|
|
15412
|
-
"
|
|
15581
|
+
"description": "The whole tile leads somewhere. Adds hover, focus and keyboard\nactivation. Named clickable, as on tt-card and tt-sidebar-footer.",
|
|
15582
|
+
"attribute": "clickable",
|
|
15413
15583
|
"reflects": true
|
|
15414
15584
|
},
|
|
15415
|
-
{
|
|
15416
|
-
"kind": "field",
|
|
15417
|
-
"name": "heading",
|
|
15418
|
-
"type": {
|
|
15419
|
-
"text": "string"
|
|
15420
|
-
},
|
|
15421
|
-
"default": "\"\"",
|
|
15422
|
-
"attribute": "heading"
|
|
15423
|
-
},
|
|
15424
|
-
{
|
|
15425
|
-
"kind": "field",
|
|
15426
|
-
"name": "value",
|
|
15427
|
-
"type": {
|
|
15428
|
-
"text": "string"
|
|
15429
|
-
},
|
|
15430
|
-
"default": "\"\"",
|
|
15431
|
-
"attribute": "value"
|
|
15432
|
-
},
|
|
15433
|
-
{
|
|
15434
|
-
"kind": "field",
|
|
15435
|
-
"name": "headingLevel",
|
|
15436
|
-
"type": {
|
|
15437
|
-
"text": "number"
|
|
15438
|
-
},
|
|
15439
|
-
"default": "3",
|
|
15440
|
-
"attribute": "heading-level"
|
|
15441
|
-
},
|
|
15442
|
-
{
|
|
15443
|
-
"kind": "field",
|
|
15444
|
-
"name": "uid",
|
|
15445
|
-
"type": {
|
|
15446
|
-
"text": "number"
|
|
15447
|
-
},
|
|
15448
|
-
"privacy": "private",
|
|
15449
|
-
"default": "++itemId"
|
|
15450
|
-
},
|
|
15451
|
-
{
|
|
15452
|
-
"kind": "field",
|
|
15453
|
-
"name": "headerId",
|
|
15454
|
-
"privacy": "private",
|
|
15455
|
-
"default": "`tt-accordion-header-${this.uid}`"
|
|
15456
|
-
},
|
|
15457
|
-
{
|
|
15458
|
-
"kind": "field",
|
|
15459
|
-
"name": "contentId",
|
|
15460
|
-
"privacy": "private",
|
|
15461
|
-
"default": "`tt-accordion-content-${this.uid}`"
|
|
15462
|
-
},
|
|
15463
|
-
{
|
|
15464
|
-
"kind": "method",
|
|
15465
|
-
"name": "focusHeader"
|
|
15466
|
-
},
|
|
15467
15585
|
{
|
|
15468
15586
|
"kind": "method",
|
|
15469
|
-
"name": "
|
|
15470
|
-
"privacy": "private"
|
|
15471
|
-
|
|
15472
|
-
|
|
15473
|
-
|
|
15474
|
-
|
|
15475
|
-
|
|
15476
|
-
|
|
15477
|
-
|
|
15478
|
-
|
|
15587
|
+
"name": "activate",
|
|
15588
|
+
"privacy": "private",
|
|
15589
|
+
"parameters": [
|
|
15590
|
+
{
|
|
15591
|
+
"name": "event",
|
|
15592
|
+
"type": {
|
|
15593
|
+
"text": "KeyboardEvent"
|
|
15594
|
+
}
|
|
15595
|
+
}
|
|
15596
|
+
]
|
|
15479
15597
|
}
|
|
15480
15598
|
],
|
|
15481
15599
|
"attributes": [
|
|
15482
15600
|
{
|
|
15483
|
-
"name": "
|
|
15601
|
+
"name": "plain",
|
|
15484
15602
|
"type": {
|
|
15485
15603
|
"text": "boolean"
|
|
15486
15604
|
},
|
|
15487
15605
|
"default": "false",
|
|
15488
|
-
"
|
|
15606
|
+
"description": "Drop the tile surface and render as a bare grid cell.",
|
|
15607
|
+
"fieldName": "plain"
|
|
15489
15608
|
},
|
|
15490
15609
|
{
|
|
15491
|
-
"name": "
|
|
15610
|
+
"name": "clickable",
|
|
15492
15611
|
"type": {
|
|
15493
15612
|
"text": "boolean"
|
|
15494
15613
|
},
|
|
15495
15614
|
"default": "false",
|
|
15496
|
-
"
|
|
15497
|
-
|
|
15498
|
-
|
|
15499
|
-
|
|
15500
|
-
|
|
15501
|
-
|
|
15502
|
-
|
|
15503
|
-
|
|
15504
|
-
|
|
15505
|
-
|
|
15506
|
-
|
|
15507
|
-
|
|
15508
|
-
|
|
15509
|
-
|
|
15510
|
-
|
|
15511
|
-
|
|
15512
|
-
|
|
15513
|
-
|
|
15514
|
-
|
|
15615
|
+
"description": "The whole tile leads somewhere. Adds hover, focus and keyboard\nactivation. Named clickable, as on tt-card and tt-sidebar-footer.",
|
|
15616
|
+
"fieldName": "clickable"
|
|
15617
|
+
}
|
|
15618
|
+
],
|
|
15619
|
+
"superclass": {
|
|
15620
|
+
"name": "LitElement",
|
|
15621
|
+
"package": "lit"
|
|
15622
|
+
},
|
|
15623
|
+
"tagName": "tt-bento-item",
|
|
15624
|
+
"customElement": true
|
|
15625
|
+
}
|
|
15626
|
+
],
|
|
15627
|
+
"exports": [
|
|
15628
|
+
{
|
|
15629
|
+
"kind": "js",
|
|
15630
|
+
"name": "TTBentoItem",
|
|
15631
|
+
"declaration": {
|
|
15632
|
+
"name": "TTBentoItem",
|
|
15633
|
+
"module": "src/bento/tt-bento-item.ts"
|
|
15634
|
+
}
|
|
15635
|
+
},
|
|
15636
|
+
{
|
|
15637
|
+
"kind": "custom-element-definition",
|
|
15638
|
+
"name": "tt-bento-item",
|
|
15639
|
+
"declaration": {
|
|
15640
|
+
"name": "TTBentoItem",
|
|
15641
|
+
"module": "src/bento/tt-bento-item.ts"
|
|
15642
|
+
}
|
|
15643
|
+
}
|
|
15644
|
+
]
|
|
15645
|
+
},
|
|
15646
|
+
{
|
|
15647
|
+
"kind": "javascript-module",
|
|
15648
|
+
"path": "src/bento/tt-bento.ts",
|
|
15649
|
+
"declarations": [
|
|
15650
|
+
{
|
|
15651
|
+
"kind": "class",
|
|
15652
|
+
"description": "The grid net. Tiles span whole cells of it, so a composition reads as a\ndeliberate arrangement rather than a row of equal boxes:\n\n <tt-bento>\n <tt-stat bento-span=\"6\" bento-rows=\"4\"></tt-stat>\n <tt-bento-item bento-span=\"2\" bento-rows=\"2\">module</tt-bento-item>\n </tt-bento>\n\nIt measures ITSELF, not the viewport, so a bento in a sidebar and a bento\non a full page get the right column count with neither knowing where it\nis. Cells are square, so a span and a row count describe a shape.",
|
|
15653
|
+
"name": "TTBento",
|
|
15654
|
+
"members": [
|
|
15655
|
+
{
|
|
15656
|
+
"kind": "field",
|
|
15657
|
+
"name": "columns",
|
|
15658
|
+
"type": {
|
|
15659
|
+
"text": "12 | 24"
|
|
15660
|
+
},
|
|
15661
|
+
"default": "12",
|
|
15662
|
+
"attribute": "columns",
|
|
15663
|
+
"reflects": true
|
|
15664
|
+
}
|
|
15665
|
+
],
|
|
15666
|
+
"attributes": [
|
|
15667
|
+
{
|
|
15668
|
+
"name": "columns",
|
|
15669
|
+
"type": {
|
|
15670
|
+
"text": "12 | 24"
|
|
15671
|
+
},
|
|
15672
|
+
"default": "12",
|
|
15673
|
+
"fieldName": "columns"
|
|
15674
|
+
}
|
|
15675
|
+
],
|
|
15676
|
+
"superclass": {
|
|
15677
|
+
"name": "LitElement",
|
|
15678
|
+
"package": "lit"
|
|
15679
|
+
},
|
|
15680
|
+
"tagName": "tt-bento",
|
|
15681
|
+
"customElement": true
|
|
15682
|
+
}
|
|
15683
|
+
],
|
|
15684
|
+
"exports": [
|
|
15685
|
+
{
|
|
15686
|
+
"kind": "js",
|
|
15687
|
+
"name": "TTBento",
|
|
15688
|
+
"declaration": {
|
|
15689
|
+
"name": "TTBento",
|
|
15690
|
+
"module": "src/bento/tt-bento.ts"
|
|
15691
|
+
}
|
|
15692
|
+
},
|
|
15693
|
+
{
|
|
15694
|
+
"kind": "custom-element-definition",
|
|
15695
|
+
"name": "tt-bento",
|
|
15696
|
+
"declaration": {
|
|
15697
|
+
"name": "TTBento",
|
|
15698
|
+
"module": "src/bento/tt-bento.ts"
|
|
15699
|
+
}
|
|
15700
|
+
}
|
|
15701
|
+
]
|
|
15702
|
+
},
|
|
15703
|
+
{
|
|
15704
|
+
"kind": "javascript-module",
|
|
15705
|
+
"path": "src/accordion/tt-accordion-item.ts",
|
|
15706
|
+
"declarations": [
|
|
15707
|
+
{
|
|
15708
|
+
"kind": "class",
|
|
15709
|
+
"description": "One row of a `tt-accordion`.\n\nIt deliberately does not own `open`. Clicking the header fires\n`tt-accordion-toggle` and the parent decides what happens, which is what\nmakes single-open mode possible: only the parent can know that opening\nthis item has to close another one.\n\nUsed on its own it will not open, because nothing is listening.",
|
|
15710
|
+
"name": "TTAccordionItem",
|
|
15711
|
+
"members": [
|
|
15712
|
+
{
|
|
15713
|
+
"kind": "field",
|
|
15714
|
+
"name": "open",
|
|
15715
|
+
"type": {
|
|
15716
|
+
"text": "boolean"
|
|
15717
|
+
},
|
|
15718
|
+
"default": "false",
|
|
15719
|
+
"attribute": "open",
|
|
15720
|
+
"reflects": true
|
|
15721
|
+
},
|
|
15722
|
+
{
|
|
15723
|
+
"kind": "field",
|
|
15724
|
+
"name": "disabled",
|
|
15725
|
+
"type": {
|
|
15726
|
+
"text": "boolean"
|
|
15727
|
+
},
|
|
15728
|
+
"default": "false",
|
|
15729
|
+
"attribute": "disabled",
|
|
15730
|
+
"reflects": true
|
|
15731
|
+
},
|
|
15732
|
+
{
|
|
15733
|
+
"kind": "field",
|
|
15734
|
+
"name": "heading",
|
|
15735
|
+
"type": {
|
|
15736
|
+
"text": "string"
|
|
15737
|
+
},
|
|
15738
|
+
"default": "\"\"",
|
|
15739
|
+
"attribute": "heading"
|
|
15740
|
+
},
|
|
15741
|
+
{
|
|
15742
|
+
"kind": "field",
|
|
15743
|
+
"name": "value",
|
|
15744
|
+
"type": {
|
|
15745
|
+
"text": "string"
|
|
15746
|
+
},
|
|
15747
|
+
"default": "\"\"",
|
|
15748
|
+
"attribute": "value"
|
|
15749
|
+
},
|
|
15750
|
+
{
|
|
15751
|
+
"kind": "field",
|
|
15752
|
+
"name": "headingLevel",
|
|
15753
|
+
"type": {
|
|
15754
|
+
"text": "number"
|
|
15755
|
+
},
|
|
15756
|
+
"default": "3",
|
|
15757
|
+
"attribute": "heading-level"
|
|
15758
|
+
},
|
|
15759
|
+
{
|
|
15760
|
+
"kind": "field",
|
|
15761
|
+
"name": "uid",
|
|
15762
|
+
"type": {
|
|
15763
|
+
"text": "number"
|
|
15764
|
+
},
|
|
15765
|
+
"privacy": "private",
|
|
15766
|
+
"default": "++itemId"
|
|
15767
|
+
},
|
|
15768
|
+
{
|
|
15769
|
+
"kind": "field",
|
|
15770
|
+
"name": "headerId",
|
|
15771
|
+
"privacy": "private",
|
|
15772
|
+
"default": "`tt-accordion-header-${this.uid}`"
|
|
15773
|
+
},
|
|
15774
|
+
{
|
|
15775
|
+
"kind": "field",
|
|
15776
|
+
"name": "contentId",
|
|
15777
|
+
"privacy": "private",
|
|
15778
|
+
"default": "`tt-accordion-content-${this.uid}`"
|
|
15779
|
+
},
|
|
15780
|
+
{
|
|
15781
|
+
"kind": "method",
|
|
15782
|
+
"name": "focusHeader"
|
|
15783
|
+
},
|
|
15784
|
+
{
|
|
15785
|
+
"kind": "method",
|
|
15786
|
+
"name": "toggle",
|
|
15787
|
+
"privacy": "private"
|
|
15788
|
+
}
|
|
15789
|
+
],
|
|
15790
|
+
"events": [
|
|
15791
|
+
{
|
|
15792
|
+
"name": "tt-accordion-toggle",
|
|
15793
|
+
"type": {
|
|
15794
|
+
"text": "CustomEvent"
|
|
15795
|
+
}
|
|
15796
|
+
}
|
|
15797
|
+
],
|
|
15798
|
+
"attributes": [
|
|
15799
|
+
{
|
|
15800
|
+
"name": "open",
|
|
15801
|
+
"type": {
|
|
15802
|
+
"text": "boolean"
|
|
15803
|
+
},
|
|
15804
|
+
"default": "false",
|
|
15805
|
+
"fieldName": "open"
|
|
15806
|
+
},
|
|
15807
|
+
{
|
|
15808
|
+
"name": "disabled",
|
|
15809
|
+
"type": {
|
|
15810
|
+
"text": "boolean"
|
|
15811
|
+
},
|
|
15812
|
+
"default": "false",
|
|
15813
|
+
"fieldName": "disabled"
|
|
15814
|
+
},
|
|
15815
|
+
{
|
|
15816
|
+
"name": "heading",
|
|
15817
|
+
"type": {
|
|
15818
|
+
"text": "string"
|
|
15819
|
+
},
|
|
15820
|
+
"default": "\"\"",
|
|
15821
|
+
"fieldName": "heading"
|
|
15822
|
+
},
|
|
15823
|
+
{
|
|
15824
|
+
"name": "value",
|
|
15825
|
+
"type": {
|
|
15826
|
+
"text": "string"
|
|
15827
|
+
},
|
|
15828
|
+
"default": "\"\"",
|
|
15829
|
+
"fieldName": "value"
|
|
15830
|
+
},
|
|
15831
|
+
{
|
|
15515
15832
|
"name": "heading-level",
|
|
15516
15833
|
"type": {
|
|
15517
15834
|
"text": "number"
|
|
@@ -15652,149 +15969,81 @@
|
|
|
15652
15969
|
},
|
|
15653
15970
|
{
|
|
15654
15971
|
"kind": "javascript-module",
|
|
15655
|
-
"path": "src/
|
|
15972
|
+
"path": "src/interaction/tt-draggable.ts",
|
|
15656
15973
|
"declarations": [
|
|
15657
15974
|
{
|
|
15658
|
-
"kind": "
|
|
15659
|
-
"
|
|
15660
|
-
"name": "TTBentoItem",
|
|
15661
|
-
"members": [
|
|
15662
|
-
{
|
|
15663
|
-
"kind": "field",
|
|
15664
|
-
"name": "plain",
|
|
15665
|
-
"type": {
|
|
15666
|
-
"text": "boolean"
|
|
15667
|
-
},
|
|
15668
|
-
"default": "false",
|
|
15669
|
-
"description": "Drop the tile surface and render as a bare grid cell.",
|
|
15670
|
-
"attribute": "plain",
|
|
15671
|
-
"reflects": true
|
|
15672
|
-
},
|
|
15673
|
-
{
|
|
15674
|
-
"kind": "field",
|
|
15675
|
-
"name": "clickable",
|
|
15676
|
-
"type": {
|
|
15677
|
-
"text": "boolean"
|
|
15678
|
-
},
|
|
15679
|
-
"default": "false",
|
|
15680
|
-
"description": "The whole tile leads somewhere. Adds hover, focus and keyboard\nactivation. Named clickable, as on tt-card and tt-sidebar-footer.",
|
|
15681
|
-
"attribute": "clickable",
|
|
15682
|
-
"reflects": true
|
|
15683
|
-
},
|
|
15684
|
-
{
|
|
15685
|
-
"kind": "method",
|
|
15686
|
-
"name": "activate",
|
|
15687
|
-
"privacy": "private",
|
|
15688
|
-
"parameters": [
|
|
15689
|
-
{
|
|
15690
|
-
"name": "event",
|
|
15691
|
-
"type": {
|
|
15692
|
-
"text": "KeyboardEvent"
|
|
15693
|
-
}
|
|
15694
|
-
}
|
|
15695
|
-
]
|
|
15696
|
-
}
|
|
15697
|
-
],
|
|
15698
|
-
"attributes": [
|
|
15699
|
-
{
|
|
15700
|
-
"name": "plain",
|
|
15701
|
-
"type": {
|
|
15702
|
-
"text": "boolean"
|
|
15703
|
-
},
|
|
15704
|
-
"default": "false",
|
|
15705
|
-
"description": "Drop the tile surface and render as a bare grid cell.",
|
|
15706
|
-
"fieldName": "plain"
|
|
15707
|
-
},
|
|
15708
|
-
{
|
|
15709
|
-
"name": "clickable",
|
|
15710
|
-
"type": {
|
|
15711
|
-
"text": "boolean"
|
|
15712
|
-
},
|
|
15713
|
-
"default": "false",
|
|
15714
|
-
"description": "The whole tile leads somewhere. Adds hover, focus and keyboard\nactivation. Named clickable, as on tt-card and tt-sidebar-footer.",
|
|
15715
|
-
"fieldName": "clickable"
|
|
15716
|
-
}
|
|
15717
|
-
],
|
|
15718
|
-
"superclass": {
|
|
15719
|
-
"name": "LitElement",
|
|
15720
|
-
"package": "lit"
|
|
15721
|
-
},
|
|
15722
|
-
"tagName": "tt-bento-item",
|
|
15723
|
-
"customElement": true
|
|
15975
|
+
"kind": "variable",
|
|
15976
|
+
"name": "draggable"
|
|
15724
15977
|
}
|
|
15725
15978
|
],
|
|
15726
15979
|
"exports": [
|
|
15727
15980
|
{
|
|
15728
15981
|
"kind": "js",
|
|
15729
|
-
"name": "
|
|
15982
|
+
"name": "draggable",
|
|
15730
15983
|
"declaration": {
|
|
15731
|
-
"name": "
|
|
15732
|
-
"module": "src/
|
|
15984
|
+
"name": "draggable",
|
|
15985
|
+
"module": "src/interaction/tt-draggable.ts"
|
|
15733
15986
|
}
|
|
15734
|
-
}
|
|
15987
|
+
}
|
|
15988
|
+
]
|
|
15989
|
+
},
|
|
15990
|
+
{
|
|
15991
|
+
"kind": "javascript-module",
|
|
15992
|
+
"path": "src/interaction/tt-droppable.ts",
|
|
15993
|
+
"declarations": [
|
|
15735
15994
|
{
|
|
15736
|
-
"kind": "
|
|
15737
|
-
"name": "
|
|
15995
|
+
"kind": "variable",
|
|
15996
|
+
"name": "droppable"
|
|
15997
|
+
}
|
|
15998
|
+
],
|
|
15999
|
+
"exports": [
|
|
16000
|
+
{
|
|
16001
|
+
"kind": "js",
|
|
16002
|
+
"name": "droppable",
|
|
15738
16003
|
"declaration": {
|
|
15739
|
-
"name": "
|
|
15740
|
-
"module": "src/
|
|
16004
|
+
"name": "droppable",
|
|
16005
|
+
"module": "src/interaction/tt-droppable.ts"
|
|
15741
16006
|
}
|
|
15742
16007
|
}
|
|
15743
16008
|
]
|
|
15744
16009
|
},
|
|
15745
16010
|
{
|
|
15746
16011
|
"kind": "javascript-module",
|
|
15747
|
-
"path": "src/
|
|
16012
|
+
"path": "src/interaction/tt-resizable.ts",
|
|
15748
16013
|
"declarations": [
|
|
15749
16014
|
{
|
|
15750
|
-
"kind": "
|
|
15751
|
-
"
|
|
15752
|
-
"name": "TTBento",
|
|
15753
|
-
"members": [
|
|
15754
|
-
{
|
|
15755
|
-
"kind": "field",
|
|
15756
|
-
"name": "columns",
|
|
15757
|
-
"type": {
|
|
15758
|
-
"text": "12 | 24"
|
|
15759
|
-
},
|
|
15760
|
-
"default": "12",
|
|
15761
|
-
"attribute": "columns",
|
|
15762
|
-
"reflects": true
|
|
15763
|
-
}
|
|
15764
|
-
],
|
|
15765
|
-
"attributes": [
|
|
15766
|
-
{
|
|
15767
|
-
"name": "columns",
|
|
15768
|
-
"type": {
|
|
15769
|
-
"text": "12 | 24"
|
|
15770
|
-
},
|
|
15771
|
-
"default": "12",
|
|
15772
|
-
"fieldName": "columns"
|
|
15773
|
-
}
|
|
15774
|
-
],
|
|
15775
|
-
"superclass": {
|
|
15776
|
-
"name": "LitElement",
|
|
15777
|
-
"package": "lit"
|
|
15778
|
-
},
|
|
15779
|
-
"tagName": "tt-bento",
|
|
15780
|
-
"customElement": true
|
|
16015
|
+
"kind": "variable",
|
|
16016
|
+
"name": "resizable"
|
|
15781
16017
|
}
|
|
15782
16018
|
],
|
|
15783
16019
|
"exports": [
|
|
15784
16020
|
{
|
|
15785
16021
|
"kind": "js",
|
|
15786
|
-
"name": "
|
|
16022
|
+
"name": "resizable",
|
|
15787
16023
|
"declaration": {
|
|
15788
|
-
"name": "
|
|
15789
|
-
"module": "src/
|
|
16024
|
+
"name": "resizable",
|
|
16025
|
+
"module": "src/interaction/tt-resizable.ts"
|
|
15790
16026
|
}
|
|
15791
|
-
}
|
|
16027
|
+
}
|
|
16028
|
+
]
|
|
16029
|
+
},
|
|
16030
|
+
{
|
|
16031
|
+
"kind": "javascript-module",
|
|
16032
|
+
"path": "src/interaction/tt-reveal.ts",
|
|
16033
|
+
"declarations": [
|
|
15792
16034
|
{
|
|
15793
|
-
"kind": "
|
|
15794
|
-
"name": "
|
|
16035
|
+
"kind": "variable",
|
|
16036
|
+
"name": "reveal",
|
|
16037
|
+
"description": "Fades and slides an element into place when it scrolls into view.\n\n <section ${reveal()}>...</section>\n ${items.map((item, i) => html`<li ${reveal({ index: i % 3 })}>...</li>`)}"
|
|
16038
|
+
}
|
|
16039
|
+
],
|
|
16040
|
+
"exports": [
|
|
16041
|
+
{
|
|
16042
|
+
"kind": "js",
|
|
16043
|
+
"name": "reveal",
|
|
15795
16044
|
"declaration": {
|
|
15796
|
-
"name": "
|
|
15797
|
-
"module": "src/
|
|
16045
|
+
"name": "reveal",
|
|
16046
|
+
"module": "src/interaction/tt-reveal.ts"
|
|
15798
16047
|
}
|
|
15799
16048
|
}
|
|
15800
16049
|
]
|
|
@@ -16645,87 +16894,6 @@
|
|
|
16645
16894
|
}
|
|
16646
16895
|
}
|
|
16647
16896
|
]
|
|
16648
|
-
},
|
|
16649
|
-
{
|
|
16650
|
-
"kind": "javascript-module",
|
|
16651
|
-
"path": "src/interaction/tt-draggable.ts",
|
|
16652
|
-
"declarations": [
|
|
16653
|
-
{
|
|
16654
|
-
"kind": "variable",
|
|
16655
|
-
"name": "draggable"
|
|
16656
|
-
}
|
|
16657
|
-
],
|
|
16658
|
-
"exports": [
|
|
16659
|
-
{
|
|
16660
|
-
"kind": "js",
|
|
16661
|
-
"name": "draggable",
|
|
16662
|
-
"declaration": {
|
|
16663
|
-
"name": "draggable",
|
|
16664
|
-
"module": "src/interaction/tt-draggable.ts"
|
|
16665
|
-
}
|
|
16666
|
-
}
|
|
16667
|
-
]
|
|
16668
|
-
},
|
|
16669
|
-
{
|
|
16670
|
-
"kind": "javascript-module",
|
|
16671
|
-
"path": "src/interaction/tt-droppable.ts",
|
|
16672
|
-
"declarations": [
|
|
16673
|
-
{
|
|
16674
|
-
"kind": "variable",
|
|
16675
|
-
"name": "droppable"
|
|
16676
|
-
}
|
|
16677
|
-
],
|
|
16678
|
-
"exports": [
|
|
16679
|
-
{
|
|
16680
|
-
"kind": "js",
|
|
16681
|
-
"name": "droppable",
|
|
16682
|
-
"declaration": {
|
|
16683
|
-
"name": "droppable",
|
|
16684
|
-
"module": "src/interaction/tt-droppable.ts"
|
|
16685
|
-
}
|
|
16686
|
-
}
|
|
16687
|
-
]
|
|
16688
|
-
},
|
|
16689
|
-
{
|
|
16690
|
-
"kind": "javascript-module",
|
|
16691
|
-
"path": "src/interaction/tt-resizable.ts",
|
|
16692
|
-
"declarations": [
|
|
16693
|
-
{
|
|
16694
|
-
"kind": "variable",
|
|
16695
|
-
"name": "resizable"
|
|
16696
|
-
}
|
|
16697
|
-
],
|
|
16698
|
-
"exports": [
|
|
16699
|
-
{
|
|
16700
|
-
"kind": "js",
|
|
16701
|
-
"name": "resizable",
|
|
16702
|
-
"declaration": {
|
|
16703
|
-
"name": "resizable",
|
|
16704
|
-
"module": "src/interaction/tt-resizable.ts"
|
|
16705
|
-
}
|
|
16706
|
-
}
|
|
16707
|
-
]
|
|
16708
|
-
},
|
|
16709
|
-
{
|
|
16710
|
-
"kind": "javascript-module",
|
|
16711
|
-
"path": "src/interaction/tt-reveal.ts",
|
|
16712
|
-
"declarations": [
|
|
16713
|
-
{
|
|
16714
|
-
"kind": "variable",
|
|
16715
|
-
"name": "reveal",
|
|
16716
|
-
"description": "Fades and slides an element into place when it scrolls into view.\n\n <section ${reveal()}>...</section>\n ${items.map((item, i) => html`<li ${reveal({ index: i % 3 })}>...</li>`)}"
|
|
16717
|
-
}
|
|
16718
|
-
],
|
|
16719
|
-
"exports": [
|
|
16720
|
-
{
|
|
16721
|
-
"kind": "js",
|
|
16722
|
-
"name": "reveal",
|
|
16723
|
-
"declaration": {
|
|
16724
|
-
"name": "reveal",
|
|
16725
|
-
"module": "src/interaction/tt-reveal.ts"
|
|
16726
|
-
}
|
|
16727
|
-
}
|
|
16728
|
-
]
|
|
16729
16897
|
}
|
|
16730
16898
|
]
|
|
16731
16899
|
}
|