@kubex/zinc 1.0.112 → 1.0.114
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/.github/workflows/eleventy_build.yml +5 -5
- package/.github/workflows/js_build_and_deploy.yaml +1 -1
- package/dist/custom-elements.json +2417 -188
- package/dist/vscode.html-custom-data.json +85 -5
- package/dist/web-types.json +246 -9
- package/dist/zn.d.ts +519 -338
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +944 -865
- package/docs/eleventy.config.cjs +4 -2
- package/docs/pages/components/header.md +13 -0
- package/docs/pages/components/inline-edit.md +20 -0
- package/docs/pages/components/item.md +12 -1
- package/docs/pages/components/page.md +149 -0
- package/docs/pages/components/progress-bar.md +16 -0
- package/docs/pages/components/select.md +25 -0
- package/docs/pages/components/split-pane.md +6 -7
- package/docs/pages/components/tabs.md +59 -9
- package/package.json +8 -5
- package/scripts/build.js +40 -19
- package/scss/_global-spacing.scss +12 -1
- package/scss/_root.scss +34 -2
- package/scss/shared/layout.scss +15 -2
- package/scss/themes/_light.scss +1 -1
- package/src/components/absolute-container/absolute-container.component.ts +9 -25
- package/src/components/animated-button/animated-button.test.ts +8 -8
- package/src/components/button/button.component.ts +3 -1
- package/src/components/button/button.scss +5 -0
- package/src/components/button-menu/button-menu.component.ts +36 -21
- package/src/components/button-menu/button-menu.test.ts +55 -1
- package/src/components/chart/builders.ts +2 -1
- package/src/components/chart/chart.component.ts +7 -7
- package/src/components/collapsible/collapsible.component.ts +7 -14
- package/src/components/cols/cols.scss +1 -1
- package/src/components/content-block/content-block.component.ts +11 -33
- package/src/components/data-select/data-select.component.ts +7 -11
- package/src/components/data-table/data-table.component.ts +10 -14
- package/src/components/editor/modules/toolbar/toolbar.component.ts +5 -9
- package/src/components/expanding-action/expanding-action.component.ts +37 -43
- package/src/components/form-group/form-group.component.ts +8 -3
- package/src/components/header/header.component.ts +6 -5
- package/src/components/header/header.scss +31 -25
- package/src/components/inline-edit/inline-edit.component.ts +13 -1
- package/src/components/inline-edit/inline-edit.test.ts +50 -0
- package/src/components/input/input.test.ts +77 -0
- package/src/components/input-group/input-group.test.ts +2 -10
- package/src/components/item/item.component.ts +12 -6
- package/src/components/item/item.scss +1 -1
- package/src/components/item/item.test.ts +8 -0
- package/src/components/navbar/navbar.component.ts +242 -40
- package/src/components/navbar/navbar.scss +134 -21
- package/src/components/navbar/navbar.test.ts +157 -1
- package/src/components/option/option.scss +5 -7
- package/src/components/option/option.test.ts +30 -0
- package/src/components/page/index.ts +13 -0
- package/src/components/page/page.component.ts +406 -0
- package/src/components/page/page.scss +325 -0
- package/src/components/page/page.test.ts +397 -0
- package/src/components/page-nav/page-nav.scss +7 -5
- package/src/components/pane/pane.component.ts +2 -2
- package/src/components/pane/pane.scss +0 -1
- package/src/components/pane/pane.test.ts +31 -0
- package/src/components/panel/panel.scss +1 -0
- package/src/components/progress-bar/progress-bar.component.ts +5 -2
- package/src/components/progress-bar/progress-bar.scss +17 -1
- package/src/components/progress-bar/progress-bar.test.ts +12 -0
- package/src/components/scroll-container/scroll-container.component.ts +22 -21
- package/src/components/select/select.component.ts +240 -38
- package/src/components/select/select.scss +15 -0
- package/src/components/select/select.test.ts +477 -0
- package/src/components/settings-container/settings-container.component.ts +15 -19
- package/src/components/settings-container/settings-container.scss +8 -8
- package/src/components/sidebar/sidebar.component.ts +11 -11
- package/src/components/simple-chart/simple-chart.component.ts +7 -7
- package/src/components/sp/sp.scss +46 -15
- package/src/components/sp/sp.test.ts +15 -0
- package/src/components/split-pane/split-pane.component.ts +153 -26
- package/src/components/split-pane/split-pane.scss +89 -13
- package/src/components/split-pane/split-pane.test.ts +187 -0
- package/src/components/style/style.component.ts +8 -0
- package/src/components/tab/index.ts +13 -0
- package/src/components/tab/tab.component.ts +25 -0
- package/src/components/tab/tab.scss +7 -0
- package/src/components/table/table.component.ts +7 -2
- package/src/components/tabs/tabs.component.ts +75 -70
- package/src/components/tabs/tabs.scss +1 -1
- package/src/components/textarea/textarea.component.ts +5 -8
- package/src/components/translation-group/translation-group.component.ts +15 -14
- package/src/components/translations/translations.component.ts +18 -17
- package/src/components/translations/translations.scss +1 -0
- package/src/components/translations/translations.test.ts +3 -2
- package/src/internal/form.ts +234 -0
- package/src/internal/theme.ts +26 -46
- package/src/internal/zinc-element.ts +12 -7
- package/src/utilities/form.ts +1 -0
- package/src/wc.scss +1 -1
- package/src/zinc.ts +3 -0
|
@@ -17,21 +17,9 @@
|
|
|
17
17
|
}
|
|
18
18
|
],
|
|
19
19
|
"members": [
|
|
20
|
-
{
|
|
21
|
-
"kind": "field",
|
|
22
|
-
"name": "domObserver",
|
|
23
|
-
"type": {
|
|
24
|
-
"text": "MutationObserver"
|
|
25
|
-
},
|
|
26
|
-
"privacy": "private"
|
|
27
|
-
},
|
|
28
20
|
{
|
|
29
21
|
"kind": "method",
|
|
30
22
|
"name": "resize"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"kind": "method",
|
|
34
|
-
"name": "observerDom"
|
|
35
23
|
}
|
|
36
24
|
],
|
|
37
25
|
"superclass": {
|
|
@@ -1336,6 +1324,15 @@
|
|
|
1336
1324
|
"default": "false",
|
|
1337
1325
|
"attribute": "square"
|
|
1338
1326
|
},
|
|
1327
|
+
{
|
|
1328
|
+
"kind": "field",
|
|
1329
|
+
"name": "panelBackground",
|
|
1330
|
+
"type": {
|
|
1331
|
+
"text": "boolean"
|
|
1332
|
+
},
|
|
1333
|
+
"default": "false",
|
|
1334
|
+
"attribute": "panel-bg"
|
|
1335
|
+
},
|
|
1339
1336
|
{
|
|
1340
1337
|
"kind": "field",
|
|
1341
1338
|
"name": "dropdownCloser",
|
|
@@ -1744,6 +1741,14 @@
|
|
|
1744
1741
|
"default": "false",
|
|
1745
1742
|
"fieldName": "square"
|
|
1746
1743
|
},
|
|
1744
|
+
{
|
|
1745
|
+
"name": "panel-bg",
|
|
1746
|
+
"type": {
|
|
1747
|
+
"text": "boolean"
|
|
1748
|
+
},
|
|
1749
|
+
"default": "false",
|
|
1750
|
+
"fieldName": "panelBackground"
|
|
1751
|
+
},
|
|
1747
1752
|
{
|
|
1748
1753
|
"name": "dropdown-closer",
|
|
1749
1754
|
"type": {
|
|
@@ -2264,20 +2269,23 @@
|
|
|
2264
2269
|
},
|
|
2265
2270
|
{
|
|
2266
2271
|
"kind": "field",
|
|
2267
|
-
"name": "
|
|
2272
|
+
"name": "_resizeRafId",
|
|
2268
2273
|
"type": {
|
|
2269
|
-
"text": "
|
|
2274
|
+
"text": "number"
|
|
2270
2275
|
},
|
|
2271
2276
|
"privacy": "private",
|
|
2272
|
-
"default": "
|
|
2277
|
+
"default": "0"
|
|
2273
2278
|
},
|
|
2274
2279
|
{
|
|
2275
|
-
"kind": "
|
|
2276
|
-
"name": "
|
|
2280
|
+
"kind": "field",
|
|
2281
|
+
"name": "resizeObserver",
|
|
2282
|
+
"privacy": "private",
|
|
2283
|
+
"readonly": true,
|
|
2284
|
+
"default": "new ResizeController(this, { target: null, callback: () => { if (this._resizeRafId) return; this._resizeRafId = requestAnimationFrame(() => { this._resizeRafId = 0; this.containerWidth = this.offsetWidth; }); }, })"
|
|
2277
2285
|
},
|
|
2278
2286
|
{
|
|
2279
|
-
"kind": "
|
|
2280
|
-
"name": "
|
|
2287
|
+
"kind": "method",
|
|
2288
|
+
"name": "watchContainerMaxWidth"
|
|
2281
2289
|
},
|
|
2282
2290
|
{
|
|
2283
2291
|
"kind": "method",
|
|
@@ -2307,6 +2315,19 @@
|
|
|
2307
2315
|
}
|
|
2308
2316
|
]
|
|
2309
2317
|
},
|
|
2318
|
+
{
|
|
2319
|
+
"kind": "method",
|
|
2320
|
+
"name": "getButtonLabel",
|
|
2321
|
+
"privacy": "private",
|
|
2322
|
+
"parameters": [
|
|
2323
|
+
{
|
|
2324
|
+
"name": "button",
|
|
2325
|
+
"type": {
|
|
2326
|
+
"text": "ZnButton"
|
|
2327
|
+
}
|
|
2328
|
+
}
|
|
2329
|
+
]
|
|
2330
|
+
},
|
|
2310
2331
|
{
|
|
2311
2332
|
"kind": "method",
|
|
2312
2333
|
"name": "addButton",
|
|
@@ -2605,19 +2626,18 @@
|
|
|
2605
2626
|
},
|
|
2606
2627
|
{
|
|
2607
2628
|
"kind": "field",
|
|
2608
|
-
"name": "
|
|
2629
|
+
"name": "liveTimer",
|
|
2609
2630
|
"type": {
|
|
2610
|
-
"text": "
|
|
2631
|
+
"text": "number | undefined"
|
|
2611
2632
|
},
|
|
2612
2633
|
"privacy": "private"
|
|
2613
2634
|
},
|
|
2614
2635
|
{
|
|
2615
2636
|
"kind": "field",
|
|
2616
|
-
"name": "
|
|
2617
|
-
"
|
|
2618
|
-
|
|
2619
|
-
}
|
|
2620
|
-
"privacy": "private"
|
|
2637
|
+
"name": "resizeObserver",
|
|
2638
|
+
"privacy": "private",
|
|
2639
|
+
"readonly": true,
|
|
2640
|
+
"default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this.chart?.resize(), })"
|
|
2621
2641
|
},
|
|
2622
2642
|
{
|
|
2623
2643
|
"kind": "method",
|
|
@@ -4334,10 +4354,9 @@
|
|
|
4334
4354
|
{
|
|
4335
4355
|
"kind": "field",
|
|
4336
4356
|
"name": "observer",
|
|
4337
|
-
"
|
|
4338
|
-
|
|
4339
|
-
},
|
|
4340
|
-
"privacy": "private"
|
|
4357
|
+
"privacy": "private",
|
|
4358
|
+
"readonly": true,
|
|
4359
|
+
"default": "new MutationController(this, { target: null, config: {childList: true, subtree: true}, callback: () => this.recalculateNumberOfItems(), })"
|
|
4341
4360
|
},
|
|
4342
4361
|
{
|
|
4343
4362
|
"kind": "field",
|
|
@@ -5159,10 +5178,9 @@
|
|
|
5159
5178
|
{
|
|
5160
5179
|
"kind": "field",
|
|
5161
5180
|
"name": "_footerObserver",
|
|
5162
|
-
"
|
|
5163
|
-
|
|
5164
|
-
},
|
|
5165
|
-
"privacy": "private"
|
|
5181
|
+
"privacy": "private",
|
|
5182
|
+
"readonly": true,
|
|
5183
|
+
"default": "new MutationController(this, { target: null, config: {subtree: true, childList: true, attributes: true, attributeFilter: ['href', 'download', 'caption']}, callback: () => this._debouncedReplace(), })"
|
|
5166
5184
|
},
|
|
5167
5185
|
{
|
|
5168
5186
|
"kind": "field",
|
|
@@ -5843,10 +5861,9 @@
|
|
|
5843
5861
|
{
|
|
5844
5862
|
"kind": "field",
|
|
5845
5863
|
"name": "selectObserver",
|
|
5846
|
-
"
|
|
5847
|
-
|
|
5848
|
-
},
|
|
5849
|
-
"privacy": "private"
|
|
5864
|
+
"privacy": "private",
|
|
5865
|
+
"readonly": true,
|
|
5866
|
+
"default": "new MutationController(this, { target: null, config: {attributes: true, attributeFilter: ['disabled']}, callback: () => this._syncDisabledState(), })"
|
|
5850
5867
|
},
|
|
5851
5868
|
{
|
|
5852
5869
|
"kind": "field",
|
|
@@ -6524,10 +6541,9 @@
|
|
|
6524
6541
|
{
|
|
6525
6542
|
"kind": "field",
|
|
6526
6543
|
"name": "resizeObserver",
|
|
6527
|
-
"
|
|
6528
|
-
|
|
6529
|
-
},
|
|
6530
|
-
"privacy": "private"
|
|
6544
|
+
"privacy": "private",
|
|
6545
|
+
"readonly": true,
|
|
6546
|
+
"default": "new ResizeController(this, { target: null, callback: () => { if (this.tableContainer) { this.tableContainer.scrollIntoView({behavior: 'smooth', block: 'nearest'}); } }, })"
|
|
6531
6547
|
},
|
|
6532
6548
|
{
|
|
6533
6549
|
"kind": "field",
|
|
@@ -10628,19 +10644,26 @@
|
|
|
10628
10644
|
},
|
|
10629
10645
|
{
|
|
10630
10646
|
"kind": "field",
|
|
10631
|
-
"name": "
|
|
10647
|
+
"name": "_metaObserved",
|
|
10632
10648
|
"type": {
|
|
10633
|
-
"text": "
|
|
10649
|
+
"text": "boolean"
|
|
10634
10650
|
},
|
|
10635
|
-
"privacy": "private"
|
|
10651
|
+
"privacy": "private",
|
|
10652
|
+
"default": "false"
|
|
10653
|
+
},
|
|
10654
|
+
{
|
|
10655
|
+
"kind": "field",
|
|
10656
|
+
"name": "_countObserver",
|
|
10657
|
+
"privacy": "private",
|
|
10658
|
+
"readonly": true,
|
|
10659
|
+
"default": "new MutationController(this, { target: null, config: {subtree: true, attributes: true, attributeFilter: ['content'], childList: true}, callback: () => { const appContent = deepQuerySelectorAll('app-content', this, '')[0]; const metaCount = appContent?.shadowRoot?.querySelector('meta[name=\"count\"]'); if (!metaCount) return; const count = metaCount.getAttribute('content'); const notification = this.shadowRoot?.querySelector('.expanding-action__dropdown zn-button'); if (count && notification) { notification.setAttribute('notification', count); } }, })"
|
|
10636
10660
|
},
|
|
10637
10661
|
{
|
|
10638
10662
|
"kind": "field",
|
|
10639
10663
|
"name": "_colorObserver",
|
|
10640
|
-
"
|
|
10641
|
-
|
|
10642
|
-
},
|
|
10643
|
-
"privacy": "private"
|
|
10664
|
+
"privacy": "private",
|
|
10665
|
+
"readonly": true,
|
|
10666
|
+
"default": "new MutationController(this, { target: null, config: {subtree: true, attributes: true, attributeFilter: ['content'], childList: true}, callback: () => { const appContent = deepQuerySelectorAll('app-content', this, '')[0]; const metaColor = appContent?.shadowRoot?.querySelector('meta[name=\"color\"]'); if (!metaColor) return; const color = metaColor.getAttribute('content'); if (color) { this.color = color; } }, })"
|
|
10644
10667
|
},
|
|
10645
10668
|
{
|
|
10646
10669
|
"kind": "method",
|
|
@@ -11876,6 +11899,15 @@
|
|
|
11876
11899
|
"default": "''",
|
|
11877
11900
|
"description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
11878
11901
|
"attribute": "help-text"
|
|
11902
|
+
},
|
|
11903
|
+
{
|
|
11904
|
+
"kind": "field",
|
|
11905
|
+
"name": "forceCols",
|
|
11906
|
+
"type": {
|
|
11907
|
+
"text": "boolean"
|
|
11908
|
+
},
|
|
11909
|
+
"default": "false",
|
|
11910
|
+
"attribute": "cols"
|
|
11879
11911
|
}
|
|
11880
11912
|
],
|
|
11881
11913
|
"attributes": [
|
|
@@ -11905,6 +11937,14 @@
|
|
|
11905
11937
|
"default": "''",
|
|
11906
11938
|
"description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
11907
11939
|
"fieldName": "helpText"
|
|
11940
|
+
},
|
|
11941
|
+
{
|
|
11942
|
+
"name": "cols",
|
|
11943
|
+
"type": {
|
|
11944
|
+
"text": "boolean"
|
|
11945
|
+
},
|
|
11946
|
+
"default": "false",
|
|
11947
|
+
"fieldName": "forceCols"
|
|
11908
11948
|
}
|
|
11909
11949
|
],
|
|
11910
11950
|
"superclass": {
|
|
@@ -12060,6 +12100,15 @@
|
|
|
12060
12100
|
},
|
|
12061
12101
|
"attribute": "previous-target"
|
|
12062
12102
|
},
|
|
12103
|
+
{
|
|
12104
|
+
"kind": "field",
|
|
12105
|
+
"name": "hideBreadcrumb",
|
|
12106
|
+
"type": {
|
|
12107
|
+
"text": "boolean"
|
|
12108
|
+
},
|
|
12109
|
+
"default": "false",
|
|
12110
|
+
"attribute": "hide-breadcrumb"
|
|
12111
|
+
},
|
|
12063
12112
|
{
|
|
12064
12113
|
"kind": "field",
|
|
12065
12114
|
"name": "navbar",
|
|
@@ -12166,6 +12215,14 @@
|
|
|
12166
12215
|
"text": "string"
|
|
12167
12216
|
},
|
|
12168
12217
|
"fieldName": "previousTarget"
|
|
12218
|
+
},
|
|
12219
|
+
{
|
|
12220
|
+
"name": "hide-breadcrumb",
|
|
12221
|
+
"type": {
|
|
12222
|
+
"text": "boolean"
|
|
12223
|
+
},
|
|
12224
|
+
"default": "false",
|
|
12225
|
+
"fieldName": "hideBreadcrumb"
|
|
12169
12226
|
}
|
|
12170
12227
|
],
|
|
12171
12228
|
"superclass": {
|
|
@@ -13667,6 +13724,15 @@
|
|
|
13667
13724
|
"description": "Enables search/filtering on select inputs.",
|
|
13668
13725
|
"attribute": "search"
|
|
13669
13726
|
},
|
|
13727
|
+
{
|
|
13728
|
+
"kind": "field",
|
|
13729
|
+
"name": "freeText",
|
|
13730
|
+
"type": {
|
|
13731
|
+
"text": "boolean"
|
|
13732
|
+
},
|
|
13733
|
+
"description": "Allows entering values that aren't in the options list on select inputs (\"free text\"). Setting this implies\n`input-type=\"select\"` (unless a data `provider` is used) and forwards the behavior to the inner `<zn-select>`.",
|
|
13734
|
+
"attribute": "free-text"
|
|
13735
|
+
},
|
|
13670
13736
|
{
|
|
13671
13737
|
"kind": "field",
|
|
13672
13738
|
"name": "helpText",
|
|
@@ -14086,6 +14152,14 @@
|
|
|
14086
14152
|
"description": "Enables search/filtering on select inputs.",
|
|
14087
14153
|
"fieldName": "search"
|
|
14088
14154
|
},
|
|
14155
|
+
{
|
|
14156
|
+
"name": "free-text",
|
|
14157
|
+
"type": {
|
|
14158
|
+
"text": "boolean"
|
|
14159
|
+
},
|
|
14160
|
+
"description": "Allows entering values that aren't in the options list on select inputs (\"free text\"). Setting this implies\n`input-type=\"select\"` (unless a data `provider` is used) and forwards the behavior to the inner `<zn-select>`.",
|
|
14161
|
+
"fieldName": "freeText"
|
|
14162
|
+
},
|
|
14089
14163
|
{
|
|
14090
14164
|
"name": "help-text",
|
|
14091
14165
|
"type": {
|
|
@@ -15683,6 +15757,14 @@
|
|
|
15683
15757
|
},
|
|
15684
15758
|
"attribute": "no-padding"
|
|
15685
15759
|
},
|
|
15760
|
+
{
|
|
15761
|
+
"kind": "field",
|
|
15762
|
+
"name": "flush",
|
|
15763
|
+
"type": {
|
|
15764
|
+
"text": "boolean"
|
|
15765
|
+
},
|
|
15766
|
+
"attribute": "flush"
|
|
15767
|
+
},
|
|
15686
15768
|
{
|
|
15687
15769
|
"kind": "field",
|
|
15688
15770
|
"name": "alignEnd",
|
|
@@ -15799,6 +15881,13 @@
|
|
|
15799
15881
|
},
|
|
15800
15882
|
"fieldName": "noPadding"
|
|
15801
15883
|
},
|
|
15884
|
+
{
|
|
15885
|
+
"name": "flush",
|
|
15886
|
+
"type": {
|
|
15887
|
+
"text": "boolean"
|
|
15888
|
+
},
|
|
15889
|
+
"fieldName": "flush"
|
|
15890
|
+
},
|
|
15802
15891
|
{
|
|
15803
15892
|
"name": "align-end",
|
|
15804
15893
|
"type": {
|
|
@@ -18065,8 +18154,12 @@
|
|
|
18065
18154
|
"name": ""
|
|
18066
18155
|
},
|
|
18067
18156
|
{
|
|
18068
|
-
"description": "
|
|
18069
|
-
"name": "
|
|
18157
|
+
"description": "Expanding action panels rendered alongside the navbar items.",
|
|
18158
|
+
"name": "expand"
|
|
18159
|
+
},
|
|
18160
|
+
{
|
|
18161
|
+
"description": "Content rendered below the navbar row (e.g. chips, filters).",
|
|
18162
|
+
"name": "bottom"
|
|
18070
18163
|
}
|
|
18071
18164
|
],
|
|
18072
18165
|
"members": [
|
|
@@ -18252,9 +18345,10 @@
|
|
|
18252
18345
|
"kind": "field",
|
|
18253
18346
|
"name": "_expanding",
|
|
18254
18347
|
"type": {
|
|
18255
|
-
"text": "
|
|
18348
|
+
"text": "Element[]"
|
|
18256
18349
|
},
|
|
18257
|
-
"privacy": "private"
|
|
18350
|
+
"privacy": "private",
|
|
18351
|
+
"default": "[]"
|
|
18258
18352
|
},
|
|
18259
18353
|
{
|
|
18260
18354
|
"kind": "field",
|
|
@@ -18267,12 +18361,10 @@
|
|
|
18267
18361
|
},
|
|
18268
18362
|
{
|
|
18269
18363
|
"kind": "field",
|
|
18270
|
-
"name": "
|
|
18271
|
-
"type": {
|
|
18272
|
-
"text": "ResizeObserver | null"
|
|
18273
|
-
},
|
|
18364
|
+
"name": "_itemsObserver",
|
|
18274
18365
|
"privacy": "private",
|
|
18275
|
-
"
|
|
18366
|
+
"readonly": true,
|
|
18367
|
+
"default": "new MutationController(this, { target: null, config: {childList: true}, callback: () => this._updateVisibility(), })"
|
|
18276
18368
|
},
|
|
18277
18369
|
{
|
|
18278
18370
|
"kind": "field",
|
|
@@ -18301,6 +18393,13 @@
|
|
|
18301
18393
|
"privacy": "private",
|
|
18302
18394
|
"default": "null"
|
|
18303
18395
|
},
|
|
18396
|
+
{
|
|
18397
|
+
"kind": "field",
|
|
18398
|
+
"name": "_cloneSources",
|
|
18399
|
+
"privacy": "private",
|
|
18400
|
+
"readonly": true,
|
|
18401
|
+
"default": "new WeakMap<HTMLElement, HTMLElement>()"
|
|
18402
|
+
},
|
|
18304
18403
|
{
|
|
18305
18404
|
"kind": "field",
|
|
18306
18405
|
"name": "_navItemsGap",
|
|
@@ -18328,6 +18427,24 @@
|
|
|
18328
18427
|
"privacy": "private",
|
|
18329
18428
|
"default": "0"
|
|
18330
18429
|
},
|
|
18430
|
+
{
|
|
18431
|
+
"kind": "field",
|
|
18432
|
+
"name": "_resizeFrame",
|
|
18433
|
+
"type": {
|
|
18434
|
+
"text": "number | null"
|
|
18435
|
+
},
|
|
18436
|
+
"privacy": "private",
|
|
18437
|
+
"default": "null"
|
|
18438
|
+
},
|
|
18439
|
+
{
|
|
18440
|
+
"kind": "field",
|
|
18441
|
+
"name": "_resizeController",
|
|
18442
|
+
"type": {
|
|
18443
|
+
"text": "ResizeController"
|
|
18444
|
+
},
|
|
18445
|
+
"privacy": "private",
|
|
18446
|
+
"default": "new ResizeController(this, { callback: () => this._scheduleResize(), })"
|
|
18447
|
+
},
|
|
18331
18448
|
{
|
|
18332
18449
|
"kind": "field",
|
|
18333
18450
|
"name": "_store",
|
|
@@ -18348,10 +18465,163 @@
|
|
|
18348
18465
|
}
|
|
18349
18466
|
]
|
|
18350
18467
|
},
|
|
18468
|
+
{
|
|
18469
|
+
"kind": "method",
|
|
18470
|
+
"name": "addExpandingAction",
|
|
18471
|
+
"parameters": [
|
|
18472
|
+
{
|
|
18473
|
+
"name": "action",
|
|
18474
|
+
"type": {
|
|
18475
|
+
"text": "Element"
|
|
18476
|
+
}
|
|
18477
|
+
}
|
|
18478
|
+
]
|
|
18479
|
+
},
|
|
18480
|
+
{
|
|
18481
|
+
"kind": "field",
|
|
18482
|
+
"name": "_expandingActionObserver",
|
|
18483
|
+
"privacy": "private",
|
|
18484
|
+
"readonly": true,
|
|
18485
|
+
"default": "new MutationController(this, { target: null, config: {attributes: true, attributeFilter: ['open', 'method', 'basis']}, callback: () => this._scheduleResize(), })"
|
|
18486
|
+
},
|
|
18487
|
+
{
|
|
18488
|
+
"kind": "field",
|
|
18489
|
+
"name": "_scheduleResize",
|
|
18490
|
+
"privacy": "private"
|
|
18491
|
+
},
|
|
18492
|
+
{
|
|
18493
|
+
"kind": "method",
|
|
18494
|
+
"name": "_observeExpandingAction",
|
|
18495
|
+
"privacy": "private",
|
|
18496
|
+
"parameters": [
|
|
18497
|
+
{
|
|
18498
|
+
"name": "action",
|
|
18499
|
+
"type": {
|
|
18500
|
+
"text": "Element"
|
|
18501
|
+
}
|
|
18502
|
+
}
|
|
18503
|
+
]
|
|
18504
|
+
},
|
|
18505
|
+
{
|
|
18506
|
+
"kind": "method",
|
|
18507
|
+
"name": "_adoptNewLightItems",
|
|
18508
|
+
"privacy": "private",
|
|
18509
|
+
"parameters": [
|
|
18510
|
+
{
|
|
18511
|
+
"name": "mutations",
|
|
18512
|
+
"type": {
|
|
18513
|
+
"text": "MutationRecord[]"
|
|
18514
|
+
}
|
|
18515
|
+
}
|
|
18516
|
+
]
|
|
18517
|
+
},
|
|
18518
|
+
{
|
|
18519
|
+
"kind": "field",
|
|
18520
|
+
"name": "_updateVisibility",
|
|
18521
|
+
"privacy": "private"
|
|
18522
|
+
},
|
|
18523
|
+
{
|
|
18524
|
+
"kind": "method",
|
|
18525
|
+
"name": "itemCount",
|
|
18526
|
+
"return": {
|
|
18527
|
+
"type": {
|
|
18528
|
+
"text": "number"
|
|
18529
|
+
}
|
|
18530
|
+
}
|
|
18531
|
+
},
|
|
18532
|
+
{
|
|
18533
|
+
"kind": "method",
|
|
18534
|
+
"name": "_resolveAvailableWidth",
|
|
18535
|
+
"privacy": "private",
|
|
18536
|
+
"return": {
|
|
18537
|
+
"type": {
|
|
18538
|
+
"text": "number"
|
|
18539
|
+
}
|
|
18540
|
+
}
|
|
18541
|
+
},
|
|
18542
|
+
{
|
|
18543
|
+
"kind": "method",
|
|
18544
|
+
"name": "_measureTotalItemWidth",
|
|
18545
|
+
"privacy": "private",
|
|
18546
|
+
"return": {
|
|
18547
|
+
"type": {
|
|
18548
|
+
"text": "number"
|
|
18549
|
+
}
|
|
18550
|
+
}
|
|
18551
|
+
},
|
|
18552
|
+
{
|
|
18553
|
+
"kind": "method",
|
|
18554
|
+
"name": "_getItemWidth",
|
|
18555
|
+
"privacy": "private",
|
|
18556
|
+
"return": {
|
|
18557
|
+
"type": {
|
|
18558
|
+
"text": "number"
|
|
18559
|
+
}
|
|
18560
|
+
},
|
|
18561
|
+
"parameters": [
|
|
18562
|
+
{
|
|
18563
|
+
"name": "item",
|
|
18564
|
+
"type": {
|
|
18565
|
+
"text": "HTMLElement"
|
|
18566
|
+
}
|
|
18567
|
+
}
|
|
18568
|
+
]
|
|
18569
|
+
},
|
|
18570
|
+
{
|
|
18571
|
+
"kind": "method",
|
|
18572
|
+
"name": "_getHorizontalSpacing",
|
|
18573
|
+
"privacy": "private",
|
|
18574
|
+
"return": {
|
|
18575
|
+
"type": {
|
|
18576
|
+
"text": "number"
|
|
18577
|
+
}
|
|
18578
|
+
},
|
|
18579
|
+
"parameters": [
|
|
18580
|
+
{
|
|
18581
|
+
"name": "element",
|
|
18582
|
+
"type": {
|
|
18583
|
+
"text": "HTMLElement"
|
|
18584
|
+
}
|
|
18585
|
+
}
|
|
18586
|
+
]
|
|
18587
|
+
},
|
|
18588
|
+
{
|
|
18589
|
+
"kind": "method",
|
|
18590
|
+
"name": "_getMoreItemWidth",
|
|
18591
|
+
"privacy": "private",
|
|
18592
|
+
"return": {
|
|
18593
|
+
"type": {
|
|
18594
|
+
"text": "number"
|
|
18595
|
+
}
|
|
18596
|
+
}
|
|
18597
|
+
},
|
|
18598
|
+
{
|
|
18599
|
+
"kind": "method",
|
|
18600
|
+
"name": "_getExpandableWidth",
|
|
18601
|
+
"privacy": "private",
|
|
18602
|
+
"return": {
|
|
18603
|
+
"type": {
|
|
18604
|
+
"text": "number"
|
|
18605
|
+
}
|
|
18606
|
+
},
|
|
18607
|
+
"parameters": [
|
|
18608
|
+
{
|
|
18609
|
+
"name": "containerWidth",
|
|
18610
|
+
"type": {
|
|
18611
|
+
"text": "number"
|
|
18612
|
+
}
|
|
18613
|
+
}
|
|
18614
|
+
]
|
|
18615
|
+
},
|
|
18351
18616
|
{
|
|
18352
18617
|
"kind": "field",
|
|
18353
18618
|
"name": "handleResize"
|
|
18354
18619
|
},
|
|
18620
|
+
{
|
|
18621
|
+
"kind": "field",
|
|
18622
|
+
"name": "_syncExtendedActive",
|
|
18623
|
+
"privacy": "private"
|
|
18624
|
+
},
|
|
18355
18625
|
{
|
|
18356
18626
|
"kind": "method",
|
|
18357
18627
|
"name": "addItem",
|
|
@@ -18543,7 +18813,7 @@
|
|
|
18543
18813
|
"tagNameWithoutPrefix": "navbar",
|
|
18544
18814
|
"tagName": "zn-navbar",
|
|
18545
18815
|
"customElement": true,
|
|
18546
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/navbar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-dropdown\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot
|
|
18816
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/navbar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-dropdown\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot expand - Expanding action panels rendered alongside the navbar items.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters).\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
18547
18817
|
"documentation": "https://zinc.style/components/navbar",
|
|
18548
18818
|
"status": "experimental",
|
|
18549
18819
|
"since": "1.0",
|
|
@@ -19237,41 +19507,25 @@
|
|
|
19237
19507
|
},
|
|
19238
19508
|
{
|
|
19239
19509
|
"kind": "javascript-module",
|
|
19240
|
-
"path": "components/page
|
|
19510
|
+
"path": "components/page/page.js",
|
|
19241
19511
|
"declarations": [
|
|
19242
19512
|
{
|
|
19243
19513
|
"kind": "class",
|
|
19244
19514
|
"description": "",
|
|
19245
|
-
"name": "
|
|
19246
|
-
"cssProperties": [
|
|
19247
|
-
{
|
|
19248
|
-
"description": "An example CSS custom property.",
|
|
19249
|
-
"name": "--example",
|
|
19250
|
-
"inheritedFrom": {
|
|
19251
|
-
"name": "ZnTabs",
|
|
19252
|
-
"module": "src/components/tabs/tabs.component.ts"
|
|
19253
|
-
}
|
|
19254
|
-
}
|
|
19255
|
-
],
|
|
19256
|
-
"cssParts": [
|
|
19257
|
-
{
|
|
19258
|
-
"description": "The component's base wrapper.",
|
|
19259
|
-
"name": "base",
|
|
19260
|
-
"inheritedFrom": {
|
|
19261
|
-
"name": "ZnTabs",
|
|
19262
|
-
"module": "src/components/tabs/tabs.component.ts"
|
|
19263
|
-
}
|
|
19264
|
-
}
|
|
19265
|
-
],
|
|
19515
|
+
"name": "ZnPage",
|
|
19266
19516
|
"slots": [
|
|
19267
19517
|
{
|
|
19268
|
-
"description": "
|
|
19518
|
+
"description": "Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.",
|
|
19269
19519
|
"name": "",
|
|
19270
19520
|
"inheritedFrom": {
|
|
19271
19521
|
"name": "ZnTabs",
|
|
19272
19522
|
"module": "src/components/tabs/tabs.component.ts"
|
|
19273
19523
|
}
|
|
19274
19524
|
},
|
|
19525
|
+
{
|
|
19526
|
+
"description": "Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.",
|
|
19527
|
+
"name": "bottom"
|
|
19528
|
+
},
|
|
19275
19529
|
{
|
|
19276
19530
|
"description": "An example slot.",
|
|
19277
19531
|
"name": "example",
|
|
@@ -19284,83 +19538,354 @@
|
|
|
19284
19538
|
"members": [
|
|
19285
19539
|
{
|
|
19286
19540
|
"kind": "field",
|
|
19287
|
-
"name": "
|
|
19541
|
+
"name": "dependencies",
|
|
19288
19542
|
"type": {
|
|
19289
|
-
"text": "
|
|
19543
|
+
"text": "object"
|
|
19290
19544
|
},
|
|
19291
|
-
"
|
|
19545
|
+
"static": true,
|
|
19546
|
+
"default": "{ 'zn-button': ZnButton, 'zn-copy-button': ZnCopyButton, 'zn-expanding-action': ZnExpandingAction, 'zn-icon': ZnIcon, 'zn-navbar': ZnNavbar, 'zn-tab': ZnTab }"
|
|
19292
19547
|
},
|
|
19293
19548
|
{
|
|
19294
19549
|
"kind": "field",
|
|
19295
|
-
"name": "
|
|
19550
|
+
"name": "pageSlotController",
|
|
19551
|
+
"privacy": "private",
|
|
19552
|
+
"readonly": true,
|
|
19553
|
+
"default": "new HasSlotController(this, 'breadcrumb', 'actions', 'caption')"
|
|
19554
|
+
},
|
|
19555
|
+
{
|
|
19556
|
+
"kind": "field",
|
|
19557
|
+
"name": "caption",
|
|
19558
|
+
"type": {
|
|
19559
|
+
"text": "string"
|
|
19560
|
+
},
|
|
19561
|
+
"attribute": "caption",
|
|
19562
|
+
"inheritedFrom": {
|
|
19563
|
+
"name": "ZnTabs",
|
|
19564
|
+
"module": "components/tabs/tabs.js"
|
|
19565
|
+
}
|
|
19566
|
+
},
|
|
19567
|
+
{
|
|
19568
|
+
"kind": "field",
|
|
19569
|
+
"name": "entityId",
|
|
19296
19570
|
"type": {
|
|
19297
19571
|
"text": "string"
|
|
19572
|
+
},
|
|
19573
|
+
"attribute": "entity-id"
|
|
19574
|
+
},
|
|
19575
|
+
{
|
|
19576
|
+
"kind": "field",
|
|
19577
|
+
"name": "entityIdShow",
|
|
19578
|
+
"type": {
|
|
19579
|
+
"text": "boolean"
|
|
19580
|
+
},
|
|
19581
|
+
"attribute": "entity-id-show"
|
|
19582
|
+
},
|
|
19583
|
+
{
|
|
19584
|
+
"kind": "field",
|
|
19585
|
+
"name": "fullLocation",
|
|
19586
|
+
"type": {
|
|
19587
|
+
"text": "string"
|
|
19588
|
+
},
|
|
19589
|
+
"attribute": "full-location"
|
|
19590
|
+
},
|
|
19591
|
+
{
|
|
19592
|
+
"kind": "field",
|
|
19593
|
+
"name": "modal",
|
|
19594
|
+
"type": {
|
|
19595
|
+
"text": "boolean"
|
|
19596
|
+
},
|
|
19597
|
+
"default": "false",
|
|
19598
|
+
"attribute": "modal",
|
|
19599
|
+
"reflects": true
|
|
19600
|
+
},
|
|
19601
|
+
{
|
|
19602
|
+
"kind": "field",
|
|
19603
|
+
"name": "nested",
|
|
19604
|
+
"type": {
|
|
19605
|
+
"text": "boolean"
|
|
19606
|
+
},
|
|
19607
|
+
"default": "false",
|
|
19608
|
+
"attribute": "nested",
|
|
19609
|
+
"reflects": true
|
|
19610
|
+
},
|
|
19611
|
+
{
|
|
19612
|
+
"kind": "field",
|
|
19613
|
+
"name": "primary",
|
|
19614
|
+
"type": {
|
|
19615
|
+
"text": "boolean"
|
|
19616
|
+
},
|
|
19617
|
+
"default": "false",
|
|
19618
|
+
"attribute": "primary",
|
|
19619
|
+
"reflects": true
|
|
19620
|
+
},
|
|
19621
|
+
{
|
|
19622
|
+
"kind": "field",
|
|
19623
|
+
"name": "previousPath",
|
|
19624
|
+
"type": {
|
|
19625
|
+
"text": "string"
|
|
19626
|
+
},
|
|
19627
|
+
"attribute": "previous-path"
|
|
19628
|
+
},
|
|
19629
|
+
{
|
|
19630
|
+
"kind": "field",
|
|
19631
|
+
"name": "previousTarget",
|
|
19632
|
+
"type": {
|
|
19633
|
+
"text": "string"
|
|
19634
|
+
},
|
|
19635
|
+
"attribute": "previous-target"
|
|
19636
|
+
},
|
|
19637
|
+
{
|
|
19638
|
+
"kind": "field",
|
|
19639
|
+
"name": "summary",
|
|
19640
|
+
"type": {
|
|
19641
|
+
"text": "string"
|
|
19642
|
+
},
|
|
19643
|
+
"attribute": "summary"
|
|
19644
|
+
},
|
|
19645
|
+
{
|
|
19646
|
+
"kind": "field",
|
|
19647
|
+
"name": "scrolled",
|
|
19648
|
+
"type": {
|
|
19649
|
+
"text": "boolean"
|
|
19650
|
+
},
|
|
19651
|
+
"privacy": "private",
|
|
19652
|
+
"default": "false"
|
|
19653
|
+
},
|
|
19654
|
+
{
|
|
19655
|
+
"kind": "field",
|
|
19656
|
+
"name": "tabDefinitions",
|
|
19657
|
+
"type": {
|
|
19658
|
+
"text": "TabDefinition[]"
|
|
19659
|
+
},
|
|
19660
|
+
"privacy": "private",
|
|
19661
|
+
"default": "[]"
|
|
19662
|
+
},
|
|
19663
|
+
{
|
|
19664
|
+
"kind": "field",
|
|
19665
|
+
"name": "hasExpandingActions",
|
|
19666
|
+
"type": {
|
|
19667
|
+
"text": "boolean"
|
|
19668
|
+
},
|
|
19669
|
+
"privacy": "private",
|
|
19670
|
+
"default": "false"
|
|
19671
|
+
},
|
|
19672
|
+
{
|
|
19673
|
+
"kind": "field",
|
|
19674
|
+
"name": "actionObserver",
|
|
19675
|
+
"type": {
|
|
19676
|
+
"text": "MutationObserver | null"
|
|
19677
|
+
},
|
|
19678
|
+
"privacy": "private",
|
|
19679
|
+
"default": "null"
|
|
19680
|
+
},
|
|
19681
|
+
{
|
|
19682
|
+
"kind": "field",
|
|
19683
|
+
"name": "tabObserver",
|
|
19684
|
+
"type": {
|
|
19685
|
+
"text": "MutationObserver | null"
|
|
19686
|
+
},
|
|
19687
|
+
"privacy": "private",
|
|
19688
|
+
"default": "null"
|
|
19689
|
+
},
|
|
19690
|
+
{
|
|
19691
|
+
"kind": "field",
|
|
19692
|
+
"name": "handleAltPress",
|
|
19693
|
+
"privacy": "private"
|
|
19694
|
+
},
|
|
19695
|
+
{
|
|
19696
|
+
"kind": "field",
|
|
19697
|
+
"name": "handleAltUp",
|
|
19698
|
+
"privacy": "private"
|
|
19699
|
+
},
|
|
19700
|
+
{
|
|
19701
|
+
"kind": "field",
|
|
19702
|
+
"name": "_registerTabs",
|
|
19703
|
+
"inheritedFrom": {
|
|
19704
|
+
"name": "ZnTabs",
|
|
19705
|
+
"module": "components/tabs/tabs.js"
|
|
19298
19706
|
}
|
|
19299
19707
|
},
|
|
19300
19708
|
{
|
|
19301
19709
|
"kind": "method",
|
|
19302
|
-
"name": "
|
|
19710
|
+
"name": "getOwnExpandingActions",
|
|
19711
|
+
"privacy": "private"
|
|
19303
19712
|
},
|
|
19304
19713
|
{
|
|
19305
19714
|
"kind": "method",
|
|
19306
|
-
"name": "
|
|
19715
|
+
"name": "getNavbar",
|
|
19716
|
+
"privacy": "private"
|
|
19717
|
+
},
|
|
19718
|
+
{
|
|
19719
|
+
"kind": "method",
|
|
19720
|
+
"name": "refreshExpandingActionsState",
|
|
19721
|
+
"privacy": "private"
|
|
19722
|
+
},
|
|
19723
|
+
{
|
|
19724
|
+
"kind": "method",
|
|
19725
|
+
"name": "syncExpandingActionsToNavbar",
|
|
19726
|
+
"privacy": "private"
|
|
19727
|
+
},
|
|
19728
|
+
{
|
|
19729
|
+
"kind": "method",
|
|
19730
|
+
"name": "prepareTabs",
|
|
19731
|
+
"privacy": "private"
|
|
19732
|
+
},
|
|
19733
|
+
{
|
|
19734
|
+
"kind": "method",
|
|
19735
|
+
"name": "parsePriority",
|
|
19736
|
+
"privacy": "private",
|
|
19737
|
+
"return": {
|
|
19738
|
+
"type": {
|
|
19739
|
+
"text": "number | null"
|
|
19740
|
+
}
|
|
19741
|
+
},
|
|
19307
19742
|
"parameters": [
|
|
19308
19743
|
{
|
|
19309
|
-
"name": "
|
|
19744
|
+
"name": "value",
|
|
19310
19745
|
"type": {
|
|
19311
|
-
"text": "string"
|
|
19746
|
+
"text": "string | null"
|
|
19312
19747
|
}
|
|
19313
|
-
}
|
|
19748
|
+
}
|
|
19749
|
+
]
|
|
19750
|
+
},
|
|
19751
|
+
{
|
|
19752
|
+
"kind": "method",
|
|
19753
|
+
"name": "compareTabs",
|
|
19754
|
+
"privacy": "private",
|
|
19755
|
+
"return": {
|
|
19756
|
+
"type": {
|
|
19757
|
+
"text": "number"
|
|
19758
|
+
}
|
|
19759
|
+
},
|
|
19760
|
+
"parameters": [
|
|
19314
19761
|
{
|
|
19315
|
-
"name": "
|
|
19762
|
+
"name": "a",
|
|
19316
19763
|
"type": {
|
|
19317
|
-
"text": "
|
|
19764
|
+
"text": "TabDefinition"
|
|
19318
19765
|
}
|
|
19319
19766
|
},
|
|
19320
19767
|
{
|
|
19321
|
-
"name": "
|
|
19768
|
+
"name": "b",
|
|
19322
19769
|
"type": {
|
|
19323
|
-
"text": "
|
|
19770
|
+
"text": "TabDefinition"
|
|
19771
|
+
}
|
|
19772
|
+
}
|
|
19773
|
+
]
|
|
19774
|
+
},
|
|
19775
|
+
{
|
|
19776
|
+
"kind": "method",
|
|
19777
|
+
"name": "captionToId",
|
|
19778
|
+
"privacy": "private",
|
|
19779
|
+
"return": {
|
|
19780
|
+
"type": {
|
|
19781
|
+
"text": "string"
|
|
19782
|
+
}
|
|
19783
|
+
},
|
|
19784
|
+
"parameters": [
|
|
19785
|
+
{
|
|
19786
|
+
"name": "caption",
|
|
19787
|
+
"type": {
|
|
19788
|
+
"text": "string"
|
|
19789
|
+
}
|
|
19790
|
+
}
|
|
19791
|
+
]
|
|
19792
|
+
},
|
|
19793
|
+
{
|
|
19794
|
+
"kind": "method",
|
|
19795
|
+
"name": "uniqueId",
|
|
19796
|
+
"privacy": "private",
|
|
19797
|
+
"return": {
|
|
19798
|
+
"type": {
|
|
19799
|
+
"text": "string"
|
|
19800
|
+
}
|
|
19801
|
+
},
|
|
19802
|
+
"parameters": [
|
|
19803
|
+
{
|
|
19804
|
+
"name": "id",
|
|
19805
|
+
"type": {
|
|
19806
|
+
"text": "string"
|
|
19324
19807
|
}
|
|
19325
19808
|
},
|
|
19326
19809
|
{
|
|
19327
|
-
"name": "
|
|
19328
|
-
"default": "null",
|
|
19810
|
+
"name": "usedIds",
|
|
19329
19811
|
"type": {
|
|
19330
|
-
"text": "string
|
|
19812
|
+
"text": "Set<string>"
|
|
19331
19813
|
}
|
|
19332
19814
|
}
|
|
19333
|
-
]
|
|
19334
|
-
"inheritedFrom": {
|
|
19335
|
-
"name": "ZnTabs",
|
|
19336
|
-
"module": "components/tabs/tabs.js"
|
|
19337
|
-
}
|
|
19815
|
+
]
|
|
19338
19816
|
},
|
|
19339
19817
|
{
|
|
19340
19818
|
"kind": "method",
|
|
19341
|
-
"name": "
|
|
19819
|
+
"name": "handlePageScroll",
|
|
19820
|
+
"privacy": "private",
|
|
19342
19821
|
"parameters": [
|
|
19343
19822
|
{
|
|
19344
|
-
"name": "
|
|
19823
|
+
"name": "event",
|
|
19345
19824
|
"type": {
|
|
19346
|
-
"text": "
|
|
19825
|
+
"text": "Event"
|
|
19826
|
+
}
|
|
19827
|
+
}
|
|
19828
|
+
]
|
|
19829
|
+
},
|
|
19830
|
+
{
|
|
19831
|
+
"kind": "method",
|
|
19832
|
+
"name": "handleNavigationSelect",
|
|
19833
|
+
"privacy": "private",
|
|
19834
|
+
"parameters": [
|
|
19835
|
+
{
|
|
19836
|
+
"name": "event",
|
|
19837
|
+
"type": {
|
|
19838
|
+
"text": "ZnSelectEvent"
|
|
19839
|
+
}
|
|
19840
|
+
}
|
|
19841
|
+
]
|
|
19842
|
+
},
|
|
19843
|
+
{
|
|
19844
|
+
"kind": "method",
|
|
19845
|
+
"name": "activateTab",
|
|
19846
|
+
"privacy": "private",
|
|
19847
|
+
"parameters": [
|
|
19848
|
+
{
|
|
19849
|
+
"name": "tabId",
|
|
19850
|
+
"type": {
|
|
19851
|
+
"text": "string"
|
|
19347
19852
|
}
|
|
19348
19853
|
},
|
|
19349
19854
|
{
|
|
19350
|
-
"name": "
|
|
19855
|
+
"name": "store",
|
|
19351
19856
|
"type": {
|
|
19352
19857
|
"text": "boolean"
|
|
19353
19858
|
}
|
|
19354
|
-
}
|
|
19859
|
+
}
|
|
19860
|
+
]
|
|
19861
|
+
},
|
|
19862
|
+
{
|
|
19863
|
+
"kind": "method",
|
|
19864
|
+
"name": "activateInitialPageTab",
|
|
19865
|
+
"privacy": "private"
|
|
19866
|
+
},
|
|
19867
|
+
{
|
|
19868
|
+
"kind": "method",
|
|
19869
|
+
"name": "registerPagePanels",
|
|
19870
|
+
"privacy": "private"
|
|
19871
|
+
},
|
|
19872
|
+
{
|
|
19873
|
+
"kind": "method",
|
|
19874
|
+
"name": "registerPageNavigationTabs",
|
|
19875
|
+
"privacy": "private"
|
|
19876
|
+
},
|
|
19877
|
+
{
|
|
19878
|
+
"kind": "method",
|
|
19879
|
+
"name": "syncNavigationActive",
|
|
19880
|
+
"privacy": "private",
|
|
19881
|
+
"parameters": [
|
|
19355
19882
|
{
|
|
19356
|
-
"name": "
|
|
19357
|
-
"
|
|
19883
|
+
"name": "activeItem",
|
|
19884
|
+
"type": {
|
|
19885
|
+
"text": "HTMLElement"
|
|
19886
|
+
}
|
|
19358
19887
|
}
|
|
19359
|
-
]
|
|
19360
|
-
"inheritedFrom": {
|
|
19361
|
-
"name": "ZnTabs",
|
|
19362
|
-
"module": "components/tabs/tabs.js"
|
|
19363
|
-
}
|
|
19888
|
+
]
|
|
19364
19889
|
},
|
|
19365
19890
|
{
|
|
19366
19891
|
"kind": "field",
|
|
@@ -19430,6 +19955,19 @@
|
|
|
19430
19955
|
"module": "components/tabs/tabs.js"
|
|
19431
19956
|
}
|
|
19432
19957
|
},
|
|
19958
|
+
{
|
|
19959
|
+
"kind": "field",
|
|
19960
|
+
"name": "_splitMinSecondary",
|
|
19961
|
+
"type": {
|
|
19962
|
+
"text": "number"
|
|
19963
|
+
},
|
|
19964
|
+
"attribute": "split-min-secondary",
|
|
19965
|
+
"reflects": true,
|
|
19966
|
+
"inheritedFrom": {
|
|
19967
|
+
"name": "ZnTabs",
|
|
19968
|
+
"module": "components/tabs/tabs.js"
|
|
19969
|
+
}
|
|
19970
|
+
},
|
|
19433
19971
|
{
|
|
19434
19972
|
"kind": "field",
|
|
19435
19973
|
"name": "_splitMax",
|
|
@@ -19606,18 +20144,6 @@
|
|
|
19606
20144
|
"module": "components/tabs/tabs.js"
|
|
19607
20145
|
}
|
|
19608
20146
|
},
|
|
19609
|
-
{
|
|
19610
|
-
"kind": "field",
|
|
19611
|
-
"name": "caption",
|
|
19612
|
-
"type": {
|
|
19613
|
-
"text": "string"
|
|
19614
|
-
},
|
|
19615
|
-
"attribute": "caption",
|
|
19616
|
-
"inheritedFrom": {
|
|
19617
|
-
"name": "ZnTabs",
|
|
19618
|
-
"module": "components/tabs/tabs.js"
|
|
19619
|
-
}
|
|
19620
|
-
},
|
|
19621
20147
|
{
|
|
19622
20148
|
"kind": "field",
|
|
19623
20149
|
"name": "description",
|
|
@@ -19756,6 +20282,28 @@
|
|
|
19756
20282
|
"module": "components/tabs/tabs.js"
|
|
19757
20283
|
}
|
|
19758
20284
|
},
|
|
20285
|
+
{
|
|
20286
|
+
"kind": "field",
|
|
20287
|
+
"name": "_domObserver",
|
|
20288
|
+
"privacy": "private",
|
|
20289
|
+
"readonly": true,
|
|
20290
|
+
"default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; if (mutation.addedNodes.length > 0) { this._registerTabs(); } if (mutation.removedNodes.length > 0) { mutation.removedNodes.forEach(node => { const id = node instanceof HTMLElement ? node.id : ''; if (id) this.removeTabAndPanel(id); }); } }); }, })",
|
|
20291
|
+
"inheritedFrom": {
|
|
20292
|
+
"name": "ZnTabs",
|
|
20293
|
+
"module": "components/tabs/tabs.js"
|
|
20294
|
+
}
|
|
20295
|
+
},
|
|
20296
|
+
{
|
|
20297
|
+
"kind": "field",
|
|
20298
|
+
"name": "_monitorObserver",
|
|
20299
|
+
"privacy": "private",
|
|
20300
|
+
"readonly": true,
|
|
20301
|
+
"default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; mutation.addedNodes.forEach(node => { if (node instanceof HTMLElement && node.id === this.monitor) { this.reRegisterTabs(); const storedValue = this._store.get(this.storeKey); if (storedValue !== null) { this._prepareTab(storedValue); this.setActiveTab(storedValue, false, false); } } }); }); }, })",
|
|
20302
|
+
"inheritedFrom": {
|
|
20303
|
+
"name": "ZnTabs",
|
|
20304
|
+
"module": "components/tabs/tabs.js"
|
|
20305
|
+
}
|
|
20306
|
+
},
|
|
19759
20307
|
{
|
|
19760
20308
|
"kind": "method",
|
|
19761
20309
|
"name": "monitorDom",
|
|
@@ -19938,6 +20486,28 @@
|
|
|
19938
20486
|
"module": "components/tabs/tabs.js"
|
|
19939
20487
|
}
|
|
19940
20488
|
},
|
|
20489
|
+
{
|
|
20490
|
+
"kind": "method",
|
|
20491
|
+
"name": "clickTab",
|
|
20492
|
+
"parameters": [
|
|
20493
|
+
{
|
|
20494
|
+
"name": "target",
|
|
20495
|
+
"type": {
|
|
20496
|
+
"text": "HTMLElement"
|
|
20497
|
+
}
|
|
20498
|
+
},
|
|
20499
|
+
{
|
|
20500
|
+
"name": "refresh",
|
|
20501
|
+
"type": {
|
|
20502
|
+
"text": "boolean"
|
|
20503
|
+
}
|
|
20504
|
+
}
|
|
20505
|
+
],
|
|
20506
|
+
"inheritedFrom": {
|
|
20507
|
+
"name": "ZnTabs",
|
|
20508
|
+
"module": "components/tabs/tabs.js"
|
|
20509
|
+
}
|
|
20510
|
+
},
|
|
19941
20511
|
{
|
|
19942
20512
|
"kind": "method",
|
|
19943
20513
|
"name": "getRefTab",
|
|
@@ -19954,6 +20524,41 @@
|
|
|
19954
20524
|
"module": "components/tabs/tabs.js"
|
|
19955
20525
|
}
|
|
19956
20526
|
},
|
|
20527
|
+
{
|
|
20528
|
+
"kind": "method",
|
|
20529
|
+
"name": "setActiveTab",
|
|
20530
|
+
"parameters": [
|
|
20531
|
+
{
|
|
20532
|
+
"name": "tabName",
|
|
20533
|
+
"type": {
|
|
20534
|
+
"text": "string"
|
|
20535
|
+
}
|
|
20536
|
+
},
|
|
20537
|
+
{
|
|
20538
|
+
"name": "store",
|
|
20539
|
+
"type": {
|
|
20540
|
+
"text": "boolean"
|
|
20541
|
+
}
|
|
20542
|
+
},
|
|
20543
|
+
{
|
|
20544
|
+
"name": "refresh",
|
|
20545
|
+
"type": {
|
|
20546
|
+
"text": "boolean"
|
|
20547
|
+
}
|
|
20548
|
+
},
|
|
20549
|
+
{
|
|
20550
|
+
"name": "refTab",
|
|
20551
|
+
"default": "null",
|
|
20552
|
+
"type": {
|
|
20553
|
+
"text": "string | null"
|
|
20554
|
+
}
|
|
20555
|
+
}
|
|
20556
|
+
],
|
|
20557
|
+
"inheritedFrom": {
|
|
20558
|
+
"name": "ZnTabs",
|
|
20559
|
+
"module": "components/tabs/tabs.js"
|
|
20560
|
+
}
|
|
20561
|
+
},
|
|
19957
20562
|
{
|
|
19958
20563
|
"kind": "method",
|
|
19959
20564
|
"name": "_setTabEleActive",
|
|
@@ -20039,33 +20644,85 @@
|
|
|
20039
20644
|
"name": "ZnTabs",
|
|
20040
20645
|
"module": "components/tabs/tabs.js"
|
|
20041
20646
|
}
|
|
20042
|
-
},
|
|
20043
|
-
{
|
|
20044
|
-
"kind": "field",
|
|
20045
|
-
"name": "_registerTabs",
|
|
20046
|
-
"inheritedFrom": {
|
|
20047
|
-
"name": "ZnTabs",
|
|
20048
|
-
"module": "components/tabs/tabs.js"
|
|
20049
|
-
}
|
|
20050
20647
|
}
|
|
20051
20648
|
],
|
|
20052
|
-
"
|
|
20649
|
+
"attributes": [
|
|
20053
20650
|
{
|
|
20054
|
-
"
|
|
20055
|
-
"
|
|
20651
|
+
"name": "caption",
|
|
20652
|
+
"type": {
|
|
20653
|
+
"text": "string"
|
|
20654
|
+
},
|
|
20655
|
+
"fieldName": "caption",
|
|
20056
20656
|
"inheritedFrom": {
|
|
20057
20657
|
"name": "ZnTabs",
|
|
20058
20658
|
"module": "src/components/tabs/tabs.component.ts"
|
|
20059
20659
|
}
|
|
20060
|
-
}
|
|
20061
|
-
],
|
|
20062
|
-
"attributes": [
|
|
20660
|
+
},
|
|
20063
20661
|
{
|
|
20064
|
-
"name": "
|
|
20662
|
+
"name": "entity-id",
|
|
20065
20663
|
"type": {
|
|
20066
|
-
"text": "
|
|
20664
|
+
"text": "string"
|
|
20067
20665
|
},
|
|
20068
|
-
"fieldName": "
|
|
20666
|
+
"fieldName": "entityId"
|
|
20667
|
+
},
|
|
20668
|
+
{
|
|
20669
|
+
"name": "entity-id-show",
|
|
20670
|
+
"type": {
|
|
20671
|
+
"text": "boolean"
|
|
20672
|
+
},
|
|
20673
|
+
"fieldName": "entityIdShow"
|
|
20674
|
+
},
|
|
20675
|
+
{
|
|
20676
|
+
"name": "full-location",
|
|
20677
|
+
"type": {
|
|
20678
|
+
"text": "string"
|
|
20679
|
+
},
|
|
20680
|
+
"fieldName": "fullLocation"
|
|
20681
|
+
},
|
|
20682
|
+
{
|
|
20683
|
+
"name": "modal",
|
|
20684
|
+
"type": {
|
|
20685
|
+
"text": "boolean"
|
|
20686
|
+
},
|
|
20687
|
+
"default": "false",
|
|
20688
|
+
"fieldName": "modal"
|
|
20689
|
+
},
|
|
20690
|
+
{
|
|
20691
|
+
"name": "nested",
|
|
20692
|
+
"type": {
|
|
20693
|
+
"text": "boolean"
|
|
20694
|
+
},
|
|
20695
|
+
"default": "false",
|
|
20696
|
+
"fieldName": "nested"
|
|
20697
|
+
},
|
|
20698
|
+
{
|
|
20699
|
+
"name": "primary",
|
|
20700
|
+
"type": {
|
|
20701
|
+
"text": "boolean"
|
|
20702
|
+
},
|
|
20703
|
+
"default": "false",
|
|
20704
|
+
"fieldName": "primary"
|
|
20705
|
+
},
|
|
20706
|
+
{
|
|
20707
|
+
"name": "previous-path",
|
|
20708
|
+
"type": {
|
|
20709
|
+
"text": "string"
|
|
20710
|
+
},
|
|
20711
|
+
"fieldName": "previousPath"
|
|
20712
|
+
},
|
|
20713
|
+
{
|
|
20714
|
+
"name": "previous-target",
|
|
20715
|
+
"type": {
|
|
20716
|
+
"text": "string"
|
|
20717
|
+
},
|
|
20718
|
+
"fieldName": "previousTarget"
|
|
20719
|
+
},
|
|
20720
|
+
{
|
|
20721
|
+
"name": "summary",
|
|
20722
|
+
"type": {
|
|
20723
|
+
"text": "string"
|
|
20724
|
+
},
|
|
20725
|
+
"fieldName": "summary"
|
|
20069
20726
|
},
|
|
20070
20727
|
{
|
|
20071
20728
|
"name": "master-id",
|
|
@@ -20125,6 +20782,1172 @@
|
|
|
20125
20782
|
"module": "src/components/tabs/tabs.component.ts"
|
|
20126
20783
|
}
|
|
20127
20784
|
},
|
|
20785
|
+
{
|
|
20786
|
+
"name": "split-min-secondary",
|
|
20787
|
+
"type": {
|
|
20788
|
+
"text": "number"
|
|
20789
|
+
},
|
|
20790
|
+
"fieldName": "_splitMinSecondary",
|
|
20791
|
+
"inheritedFrom": {
|
|
20792
|
+
"name": "ZnTabs",
|
|
20793
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20794
|
+
}
|
|
20795
|
+
},
|
|
20796
|
+
{
|
|
20797
|
+
"name": "split-max",
|
|
20798
|
+
"type": {
|
|
20799
|
+
"text": "number"
|
|
20800
|
+
},
|
|
20801
|
+
"fieldName": "_splitMax",
|
|
20802
|
+
"inheritedFrom": {
|
|
20803
|
+
"name": "ZnTabs",
|
|
20804
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20805
|
+
}
|
|
20806
|
+
},
|
|
20807
|
+
{
|
|
20808
|
+
"name": "primary-caption",
|
|
20809
|
+
"type": {
|
|
20810
|
+
"text": "string"
|
|
20811
|
+
},
|
|
20812
|
+
"default": "'Navigation'",
|
|
20813
|
+
"fieldName": "primaryCaption",
|
|
20814
|
+
"inheritedFrom": {
|
|
20815
|
+
"name": "ZnTabs",
|
|
20816
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20817
|
+
}
|
|
20818
|
+
},
|
|
20819
|
+
{
|
|
20820
|
+
"name": "secondary-caption",
|
|
20821
|
+
"type": {
|
|
20822
|
+
"text": "string"
|
|
20823
|
+
},
|
|
20824
|
+
"default": "'Content'",
|
|
20825
|
+
"fieldName": "secondaryCaption",
|
|
20826
|
+
"inheritedFrom": {
|
|
20827
|
+
"name": "ZnTabs",
|
|
20828
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20829
|
+
}
|
|
20830
|
+
},
|
|
20831
|
+
{
|
|
20832
|
+
"name": "no-prefetch",
|
|
20833
|
+
"type": {
|
|
20834
|
+
"text": "boolean"
|
|
20835
|
+
},
|
|
20836
|
+
"default": "false",
|
|
20837
|
+
"fieldName": "noPrefetch",
|
|
20838
|
+
"inheritedFrom": {
|
|
20839
|
+
"name": "ZnTabs",
|
|
20840
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20841
|
+
}
|
|
20842
|
+
},
|
|
20843
|
+
{
|
|
20844
|
+
"name": "no-cache",
|
|
20845
|
+
"type": {
|
|
20846
|
+
"text": "boolean"
|
|
20847
|
+
},
|
|
20848
|
+
"default": "false",
|
|
20849
|
+
"fieldName": "noCache",
|
|
20850
|
+
"inheritedFrom": {
|
|
20851
|
+
"name": "ZnTabs",
|
|
20852
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20853
|
+
}
|
|
20854
|
+
},
|
|
20855
|
+
{
|
|
20856
|
+
"name": "local-storage",
|
|
20857
|
+
"type": {
|
|
20858
|
+
"text": "boolean"
|
|
20859
|
+
},
|
|
20860
|
+
"fieldName": "localStorage",
|
|
20861
|
+
"inheritedFrom": {
|
|
20862
|
+
"name": "ZnTabs",
|
|
20863
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20864
|
+
}
|
|
20865
|
+
},
|
|
20866
|
+
{
|
|
20867
|
+
"name": "store-key",
|
|
20868
|
+
"type": {
|
|
20869
|
+
"text": "string"
|
|
20870
|
+
},
|
|
20871
|
+
"fieldName": "storeKey",
|
|
20872
|
+
"inheritedFrom": {
|
|
20873
|
+
"name": "ZnTabs",
|
|
20874
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20875
|
+
}
|
|
20876
|
+
},
|
|
20877
|
+
{
|
|
20878
|
+
"name": "store-ttl",
|
|
20879
|
+
"type": {
|
|
20880
|
+
"text": "number"
|
|
20881
|
+
},
|
|
20882
|
+
"default": "0",
|
|
20883
|
+
"fieldName": "storeTtl",
|
|
20884
|
+
"inheritedFrom": {
|
|
20885
|
+
"name": "ZnTabs",
|
|
20886
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20887
|
+
}
|
|
20888
|
+
},
|
|
20889
|
+
{
|
|
20890
|
+
"name": "padded",
|
|
20891
|
+
"type": {
|
|
20892
|
+
"text": "boolean"
|
|
20893
|
+
},
|
|
20894
|
+
"default": "false",
|
|
20895
|
+
"fieldName": "padded",
|
|
20896
|
+
"inheritedFrom": {
|
|
20897
|
+
"name": "ZnTabs",
|
|
20898
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20899
|
+
}
|
|
20900
|
+
},
|
|
20901
|
+
{
|
|
20902
|
+
"name": "fetch-style",
|
|
20903
|
+
"type": {
|
|
20904
|
+
"text": "string"
|
|
20905
|
+
},
|
|
20906
|
+
"default": "\"\"",
|
|
20907
|
+
"fieldName": "fetchStyle",
|
|
20908
|
+
"inheritedFrom": {
|
|
20909
|
+
"name": "ZnTabs",
|
|
20910
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20911
|
+
}
|
|
20912
|
+
},
|
|
20913
|
+
{
|
|
20914
|
+
"name": "full-width",
|
|
20915
|
+
"type": {
|
|
20916
|
+
"text": "boolean"
|
|
20917
|
+
},
|
|
20918
|
+
"default": "false",
|
|
20919
|
+
"fieldName": "fullWidth",
|
|
20920
|
+
"inheritedFrom": {
|
|
20921
|
+
"name": "ZnTabs",
|
|
20922
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20923
|
+
}
|
|
20924
|
+
},
|
|
20925
|
+
{
|
|
20926
|
+
"name": "padded-right",
|
|
20927
|
+
"type": {
|
|
20928
|
+
"text": "boolean"
|
|
20929
|
+
},
|
|
20930
|
+
"default": "false",
|
|
20931
|
+
"fieldName": "paddedRight",
|
|
20932
|
+
"inheritedFrom": {
|
|
20933
|
+
"name": "ZnTabs",
|
|
20934
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20935
|
+
}
|
|
20936
|
+
},
|
|
20937
|
+
{
|
|
20938
|
+
"name": "monitor",
|
|
20939
|
+
"type": {
|
|
20940
|
+
"text": "string"
|
|
20941
|
+
},
|
|
20942
|
+
"fieldName": "monitor",
|
|
20943
|
+
"inheritedFrom": {
|
|
20944
|
+
"name": "ZnTabs",
|
|
20945
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20946
|
+
}
|
|
20947
|
+
},
|
|
20948
|
+
{
|
|
20949
|
+
"name": "description",
|
|
20950
|
+
"type": {
|
|
20951
|
+
"text": "string"
|
|
20952
|
+
},
|
|
20953
|
+
"fieldName": "description",
|
|
20954
|
+
"inheritedFrom": {
|
|
20955
|
+
"name": "ZnTabs",
|
|
20956
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20957
|
+
}
|
|
20958
|
+
}
|
|
20959
|
+
],
|
|
20960
|
+
"superclass": {
|
|
20961
|
+
"name": "ZnTabs",
|
|
20962
|
+
"module": "/src/components/tabs"
|
|
20963
|
+
},
|
|
20964
|
+
"summary": "Combines a page header with tab navigation and tab panels.",
|
|
20965
|
+
"tagNameWithoutPrefix": "page",
|
|
20966
|
+
"tagName": "zn-page",
|
|
20967
|
+
"customElement": true,
|
|
20968
|
+
"jsDoc": "/**\n * @summary Combines a page header with tab navigation and tab panels.\n * @documentation https://zinc.style/components/page\n * @status experimental\n * @since 1.0\n *\n * @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.\n */",
|
|
20969
|
+
"documentation": "https://zinc.style/components/page",
|
|
20970
|
+
"status": "experimental",
|
|
20971
|
+
"since": "1.0",
|
|
20972
|
+
"cssParts": [
|
|
20973
|
+
{
|
|
20974
|
+
"description": "The component's base wrapper.",
|
|
20975
|
+
"name": "base",
|
|
20976
|
+
"inheritedFrom": {
|
|
20977
|
+
"name": "ZnTabs",
|
|
20978
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20979
|
+
}
|
|
20980
|
+
}
|
|
20981
|
+
],
|
|
20982
|
+
"cssProperties": [
|
|
20983
|
+
{
|
|
20984
|
+
"description": "An example CSS custom property.",
|
|
20985
|
+
"name": "--example",
|
|
20986
|
+
"inheritedFrom": {
|
|
20987
|
+
"name": "ZnTabs",
|
|
20988
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20989
|
+
}
|
|
20990
|
+
}
|
|
20991
|
+
],
|
|
20992
|
+
"events": [
|
|
20993
|
+
{
|
|
20994
|
+
"description": "Emitted as an example.",
|
|
20995
|
+
"name": "zn-event-name",
|
|
20996
|
+
"inheritedFrom": {
|
|
20997
|
+
"name": "ZnTabs",
|
|
20998
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
20999
|
+
}
|
|
21000
|
+
}
|
|
21001
|
+
]
|
|
21002
|
+
}
|
|
21003
|
+
],
|
|
21004
|
+
"exports": [
|
|
21005
|
+
{
|
|
21006
|
+
"kind": "js",
|
|
21007
|
+
"name": "default",
|
|
21008
|
+
"declaration": {
|
|
21009
|
+
"name": "ZnPage",
|
|
21010
|
+
"module": "components/page/page.js"
|
|
21011
|
+
}
|
|
21012
|
+
}
|
|
21013
|
+
]
|
|
21014
|
+
},
|
|
21015
|
+
{
|
|
21016
|
+
"kind": "javascript-module",
|
|
21017
|
+
"path": "components/page-nav/page-nav.js",
|
|
21018
|
+
"declarations": [
|
|
21019
|
+
{
|
|
21020
|
+
"kind": "class",
|
|
21021
|
+
"description": "",
|
|
21022
|
+
"name": "ZnPageNav",
|
|
21023
|
+
"cssProperties": [
|
|
21024
|
+
{
|
|
21025
|
+
"description": "An example CSS custom property.",
|
|
21026
|
+
"name": "--example",
|
|
21027
|
+
"inheritedFrom": {
|
|
21028
|
+
"name": "ZnTabs",
|
|
21029
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21030
|
+
}
|
|
21031
|
+
}
|
|
21032
|
+
],
|
|
21033
|
+
"cssParts": [
|
|
21034
|
+
{
|
|
21035
|
+
"description": "The component's base wrapper.",
|
|
21036
|
+
"name": "base",
|
|
21037
|
+
"inheritedFrom": {
|
|
21038
|
+
"name": "ZnTabs",
|
|
21039
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21040
|
+
}
|
|
21041
|
+
}
|
|
21042
|
+
],
|
|
21043
|
+
"slots": [
|
|
21044
|
+
{
|
|
21045
|
+
"description": "The default slot.",
|
|
21046
|
+
"name": "",
|
|
21047
|
+
"inheritedFrom": {
|
|
21048
|
+
"name": "ZnTabs",
|
|
21049
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21050
|
+
}
|
|
21051
|
+
},
|
|
21052
|
+
{
|
|
21053
|
+
"description": "An example slot.",
|
|
21054
|
+
"name": "example",
|
|
21055
|
+
"inheritedFrom": {
|
|
21056
|
+
"name": "ZnTabs",
|
|
21057
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21058
|
+
}
|
|
21059
|
+
}
|
|
21060
|
+
],
|
|
21061
|
+
"members": [
|
|
21062
|
+
{
|
|
21063
|
+
"kind": "field",
|
|
21064
|
+
"name": "navigation",
|
|
21065
|
+
"type": {
|
|
21066
|
+
"text": "PageNavData"
|
|
21067
|
+
},
|
|
21068
|
+
"attribute": "navigation"
|
|
21069
|
+
},
|
|
21070
|
+
{
|
|
21071
|
+
"kind": "field",
|
|
21072
|
+
"name": "breadcrumb",
|
|
21073
|
+
"type": {
|
|
21074
|
+
"text": "string"
|
|
21075
|
+
}
|
|
21076
|
+
},
|
|
21077
|
+
{
|
|
21078
|
+
"kind": "method",
|
|
21079
|
+
"name": "toggleNavigation"
|
|
21080
|
+
},
|
|
21081
|
+
{
|
|
21082
|
+
"kind": "method",
|
|
21083
|
+
"name": "setActiveTab",
|
|
21084
|
+
"parameters": [
|
|
21085
|
+
{
|
|
21086
|
+
"name": "tabName",
|
|
21087
|
+
"type": {
|
|
21088
|
+
"text": "string"
|
|
21089
|
+
}
|
|
21090
|
+
},
|
|
21091
|
+
{
|
|
21092
|
+
"name": "store",
|
|
21093
|
+
"type": {
|
|
21094
|
+
"text": "boolean"
|
|
21095
|
+
}
|
|
21096
|
+
},
|
|
21097
|
+
{
|
|
21098
|
+
"name": "refresh",
|
|
21099
|
+
"type": {
|
|
21100
|
+
"text": "boolean"
|
|
21101
|
+
}
|
|
21102
|
+
},
|
|
21103
|
+
{
|
|
21104
|
+
"name": "refTab",
|
|
21105
|
+
"default": "null",
|
|
21106
|
+
"type": {
|
|
21107
|
+
"text": "string | null"
|
|
21108
|
+
}
|
|
21109
|
+
}
|
|
21110
|
+
],
|
|
21111
|
+
"inheritedFrom": {
|
|
21112
|
+
"name": "ZnTabs",
|
|
21113
|
+
"module": "components/tabs/tabs.js"
|
|
21114
|
+
}
|
|
21115
|
+
},
|
|
21116
|
+
{
|
|
21117
|
+
"kind": "method",
|
|
21118
|
+
"name": "clickTab",
|
|
21119
|
+
"parameters": [
|
|
21120
|
+
{
|
|
21121
|
+
"name": "target",
|
|
21122
|
+
"type": {
|
|
21123
|
+
"text": "HTMLElement"
|
|
21124
|
+
}
|
|
21125
|
+
},
|
|
21126
|
+
{
|
|
21127
|
+
"name": "refresh",
|
|
21128
|
+
"type": {
|
|
21129
|
+
"text": "boolean"
|
|
21130
|
+
}
|
|
21131
|
+
},
|
|
21132
|
+
{
|
|
21133
|
+
"name": "close",
|
|
21134
|
+
"default": "true"
|
|
21135
|
+
}
|
|
21136
|
+
],
|
|
21137
|
+
"inheritedFrom": {
|
|
21138
|
+
"name": "ZnTabs",
|
|
21139
|
+
"module": "components/tabs/tabs.js"
|
|
21140
|
+
}
|
|
21141
|
+
},
|
|
21142
|
+
{
|
|
21143
|
+
"kind": "field",
|
|
21144
|
+
"name": "masterId",
|
|
21145
|
+
"type": {
|
|
21146
|
+
"text": "string"
|
|
21147
|
+
},
|
|
21148
|
+
"attribute": "master-id",
|
|
21149
|
+
"reflects": true,
|
|
21150
|
+
"inheritedFrom": {
|
|
21151
|
+
"name": "ZnTabs",
|
|
21152
|
+
"module": "components/tabs/tabs.js"
|
|
21153
|
+
}
|
|
21154
|
+
},
|
|
21155
|
+
{
|
|
21156
|
+
"kind": "field",
|
|
21157
|
+
"name": "defaultUri",
|
|
21158
|
+
"type": {
|
|
21159
|
+
"text": "string"
|
|
21160
|
+
},
|
|
21161
|
+
"default": "''",
|
|
21162
|
+
"attribute": "default-uri",
|
|
21163
|
+
"reflects": true,
|
|
21164
|
+
"inheritedFrom": {
|
|
21165
|
+
"name": "ZnTabs",
|
|
21166
|
+
"module": "components/tabs/tabs.js"
|
|
21167
|
+
}
|
|
21168
|
+
},
|
|
21169
|
+
{
|
|
21170
|
+
"kind": "field",
|
|
21171
|
+
"name": "_current",
|
|
21172
|
+
"type": {
|
|
21173
|
+
"text": "string"
|
|
21174
|
+
},
|
|
21175
|
+
"default": "''",
|
|
21176
|
+
"attribute": "active",
|
|
21177
|
+
"reflects": true,
|
|
21178
|
+
"inheritedFrom": {
|
|
21179
|
+
"name": "ZnTabs",
|
|
21180
|
+
"module": "components/tabs/tabs.js"
|
|
21181
|
+
}
|
|
21182
|
+
},
|
|
21183
|
+
{
|
|
21184
|
+
"kind": "field",
|
|
21185
|
+
"name": "_split",
|
|
21186
|
+
"type": {
|
|
21187
|
+
"text": "number"
|
|
21188
|
+
},
|
|
21189
|
+
"attribute": "split",
|
|
21190
|
+
"reflects": true,
|
|
21191
|
+
"inheritedFrom": {
|
|
21192
|
+
"name": "ZnTabs",
|
|
21193
|
+
"module": "components/tabs/tabs.js"
|
|
21194
|
+
}
|
|
21195
|
+
},
|
|
21196
|
+
{
|
|
21197
|
+
"kind": "field",
|
|
21198
|
+
"name": "_splitMin",
|
|
21199
|
+
"type": {
|
|
21200
|
+
"text": "number"
|
|
21201
|
+
},
|
|
21202
|
+
"default": "60",
|
|
21203
|
+
"attribute": "split-min",
|
|
21204
|
+
"reflects": true,
|
|
21205
|
+
"inheritedFrom": {
|
|
21206
|
+
"name": "ZnTabs",
|
|
21207
|
+
"module": "components/tabs/tabs.js"
|
|
21208
|
+
}
|
|
21209
|
+
},
|
|
21210
|
+
{
|
|
21211
|
+
"kind": "field",
|
|
21212
|
+
"name": "_splitMinSecondary",
|
|
21213
|
+
"type": {
|
|
21214
|
+
"text": "number"
|
|
21215
|
+
},
|
|
21216
|
+
"attribute": "split-min-secondary",
|
|
21217
|
+
"reflects": true,
|
|
21218
|
+
"inheritedFrom": {
|
|
21219
|
+
"name": "ZnTabs",
|
|
21220
|
+
"module": "components/tabs/tabs.js"
|
|
21221
|
+
}
|
|
21222
|
+
},
|
|
21223
|
+
{
|
|
21224
|
+
"kind": "field",
|
|
21225
|
+
"name": "_splitMax",
|
|
21226
|
+
"type": {
|
|
21227
|
+
"text": "number"
|
|
21228
|
+
},
|
|
21229
|
+
"attribute": "split-max",
|
|
21230
|
+
"reflects": true,
|
|
21231
|
+
"inheritedFrom": {
|
|
21232
|
+
"name": "ZnTabs",
|
|
21233
|
+
"module": "components/tabs/tabs.js"
|
|
21234
|
+
}
|
|
21235
|
+
},
|
|
21236
|
+
{
|
|
21237
|
+
"kind": "field",
|
|
21238
|
+
"name": "primaryCaption",
|
|
21239
|
+
"type": {
|
|
21240
|
+
"text": "string"
|
|
21241
|
+
},
|
|
21242
|
+
"default": "'Navigation'",
|
|
21243
|
+
"attribute": "primary-caption",
|
|
21244
|
+
"reflects": true,
|
|
21245
|
+
"inheritedFrom": {
|
|
21246
|
+
"name": "ZnTabs",
|
|
21247
|
+
"module": "components/tabs/tabs.js"
|
|
21248
|
+
}
|
|
21249
|
+
},
|
|
21250
|
+
{
|
|
21251
|
+
"kind": "field",
|
|
21252
|
+
"name": "secondaryCaption",
|
|
21253
|
+
"type": {
|
|
21254
|
+
"text": "string"
|
|
21255
|
+
},
|
|
21256
|
+
"default": "'Content'",
|
|
21257
|
+
"attribute": "secondary-caption",
|
|
21258
|
+
"reflects": true,
|
|
21259
|
+
"inheritedFrom": {
|
|
21260
|
+
"name": "ZnTabs",
|
|
21261
|
+
"module": "components/tabs/tabs.js"
|
|
21262
|
+
}
|
|
21263
|
+
},
|
|
21264
|
+
{
|
|
21265
|
+
"kind": "field",
|
|
21266
|
+
"name": "noPrefetch",
|
|
21267
|
+
"type": {
|
|
21268
|
+
"text": "boolean"
|
|
21269
|
+
},
|
|
21270
|
+
"default": "false",
|
|
21271
|
+
"attribute": "no-prefetch",
|
|
21272
|
+
"reflects": true,
|
|
21273
|
+
"inheritedFrom": {
|
|
21274
|
+
"name": "ZnTabs",
|
|
21275
|
+
"module": "components/tabs/tabs.js"
|
|
21276
|
+
}
|
|
21277
|
+
},
|
|
21278
|
+
{
|
|
21279
|
+
"kind": "field",
|
|
21280
|
+
"name": "noCache",
|
|
21281
|
+
"type": {
|
|
21282
|
+
"text": "boolean"
|
|
21283
|
+
},
|
|
21284
|
+
"default": "false",
|
|
21285
|
+
"attribute": "no-cache",
|
|
21286
|
+
"reflects": true,
|
|
21287
|
+
"inheritedFrom": {
|
|
21288
|
+
"name": "ZnTabs",
|
|
21289
|
+
"module": "components/tabs/tabs.js"
|
|
21290
|
+
}
|
|
21291
|
+
},
|
|
21292
|
+
{
|
|
21293
|
+
"kind": "field",
|
|
21294
|
+
"name": "localStorage",
|
|
21295
|
+
"type": {
|
|
21296
|
+
"text": "boolean"
|
|
21297
|
+
},
|
|
21298
|
+
"attribute": "local-storage",
|
|
21299
|
+
"reflects": true,
|
|
21300
|
+
"inheritedFrom": {
|
|
21301
|
+
"name": "ZnTabs",
|
|
21302
|
+
"module": "components/tabs/tabs.js"
|
|
21303
|
+
}
|
|
21304
|
+
},
|
|
21305
|
+
{
|
|
21306
|
+
"kind": "field",
|
|
21307
|
+
"name": "storeKey",
|
|
21308
|
+
"type": {
|
|
21309
|
+
"text": "string"
|
|
21310
|
+
},
|
|
21311
|
+
"attribute": "store-key",
|
|
21312
|
+
"inheritedFrom": {
|
|
21313
|
+
"name": "ZnTabs",
|
|
21314
|
+
"module": "components/tabs/tabs.js"
|
|
21315
|
+
}
|
|
21316
|
+
},
|
|
21317
|
+
{
|
|
21318
|
+
"kind": "field",
|
|
21319
|
+
"name": "storeTtl",
|
|
21320
|
+
"type": {
|
|
21321
|
+
"text": "number"
|
|
21322
|
+
},
|
|
21323
|
+
"default": "0",
|
|
21324
|
+
"attribute": "store-ttl",
|
|
21325
|
+
"reflects": true,
|
|
21326
|
+
"inheritedFrom": {
|
|
21327
|
+
"name": "ZnTabs",
|
|
21328
|
+
"module": "components/tabs/tabs.js"
|
|
21329
|
+
}
|
|
21330
|
+
},
|
|
21331
|
+
{
|
|
21332
|
+
"kind": "field",
|
|
21333
|
+
"name": "padded",
|
|
21334
|
+
"type": {
|
|
21335
|
+
"text": "boolean"
|
|
21336
|
+
},
|
|
21337
|
+
"default": "false",
|
|
21338
|
+
"attribute": "padded",
|
|
21339
|
+
"reflects": true,
|
|
21340
|
+
"inheritedFrom": {
|
|
21341
|
+
"name": "ZnTabs",
|
|
21342
|
+
"module": "components/tabs/tabs.js"
|
|
21343
|
+
}
|
|
21344
|
+
},
|
|
21345
|
+
{
|
|
21346
|
+
"kind": "field",
|
|
21347
|
+
"name": "fetchStyle",
|
|
21348
|
+
"type": {
|
|
21349
|
+
"text": "string"
|
|
21350
|
+
},
|
|
21351
|
+
"default": "\"\"",
|
|
21352
|
+
"attribute": "fetch-style",
|
|
21353
|
+
"reflects": true,
|
|
21354
|
+
"inheritedFrom": {
|
|
21355
|
+
"name": "ZnTabs",
|
|
21356
|
+
"module": "components/tabs/tabs.js"
|
|
21357
|
+
}
|
|
21358
|
+
},
|
|
21359
|
+
{
|
|
21360
|
+
"kind": "field",
|
|
21361
|
+
"name": "fullWidth",
|
|
21362
|
+
"type": {
|
|
21363
|
+
"text": "boolean"
|
|
21364
|
+
},
|
|
21365
|
+
"default": "false",
|
|
21366
|
+
"attribute": "full-width",
|
|
21367
|
+
"reflects": true,
|
|
21368
|
+
"inheritedFrom": {
|
|
21369
|
+
"name": "ZnTabs",
|
|
21370
|
+
"module": "components/tabs/tabs.js"
|
|
21371
|
+
}
|
|
21372
|
+
},
|
|
21373
|
+
{
|
|
21374
|
+
"kind": "field",
|
|
21375
|
+
"name": "paddedRight",
|
|
21376
|
+
"type": {
|
|
21377
|
+
"text": "boolean"
|
|
21378
|
+
},
|
|
21379
|
+
"default": "false",
|
|
21380
|
+
"attribute": "padded-right",
|
|
21381
|
+
"reflects": true,
|
|
21382
|
+
"inheritedFrom": {
|
|
21383
|
+
"name": "ZnTabs",
|
|
21384
|
+
"module": "components/tabs/tabs.js"
|
|
21385
|
+
}
|
|
21386
|
+
},
|
|
21387
|
+
{
|
|
21388
|
+
"kind": "field",
|
|
21389
|
+
"name": "monitor",
|
|
21390
|
+
"type": {
|
|
21391
|
+
"text": "string"
|
|
21392
|
+
},
|
|
21393
|
+
"attribute": "monitor",
|
|
21394
|
+
"inheritedFrom": {
|
|
21395
|
+
"name": "ZnTabs",
|
|
21396
|
+
"module": "components/tabs/tabs.js"
|
|
21397
|
+
}
|
|
21398
|
+
},
|
|
21399
|
+
{
|
|
21400
|
+
"kind": "field",
|
|
21401
|
+
"name": "caption",
|
|
21402
|
+
"type": {
|
|
21403
|
+
"text": "string"
|
|
21404
|
+
},
|
|
21405
|
+
"attribute": "caption",
|
|
21406
|
+
"inheritedFrom": {
|
|
21407
|
+
"name": "ZnTabs",
|
|
21408
|
+
"module": "components/tabs/tabs.js"
|
|
21409
|
+
}
|
|
21410
|
+
},
|
|
21411
|
+
{
|
|
21412
|
+
"kind": "field",
|
|
21413
|
+
"name": "description",
|
|
21414
|
+
"type": {
|
|
21415
|
+
"text": "string"
|
|
21416
|
+
},
|
|
21417
|
+
"attribute": "description",
|
|
21418
|
+
"inheritedFrom": {
|
|
21419
|
+
"name": "ZnTabs",
|
|
21420
|
+
"module": "components/tabs/tabs.js"
|
|
21421
|
+
}
|
|
21422
|
+
},
|
|
21423
|
+
{
|
|
21424
|
+
"kind": "field",
|
|
21425
|
+
"name": "preload",
|
|
21426
|
+
"type": {
|
|
21427
|
+
"text": "boolean"
|
|
21428
|
+
},
|
|
21429
|
+
"privacy": "protected",
|
|
21430
|
+
"default": "true",
|
|
21431
|
+
"inheritedFrom": {
|
|
21432
|
+
"name": "ZnTabs",
|
|
21433
|
+
"module": "components/tabs/tabs.js"
|
|
21434
|
+
}
|
|
21435
|
+
},
|
|
21436
|
+
{
|
|
21437
|
+
"kind": "field",
|
|
21438
|
+
"name": "_store",
|
|
21439
|
+
"type": {
|
|
21440
|
+
"text": "Store"
|
|
21441
|
+
},
|
|
21442
|
+
"privacy": "protected",
|
|
21443
|
+
"inheritedFrom": {
|
|
21444
|
+
"name": "ZnTabs",
|
|
21445
|
+
"module": "components/tabs/tabs.js"
|
|
21446
|
+
}
|
|
21447
|
+
},
|
|
21448
|
+
{
|
|
21449
|
+
"kind": "field",
|
|
21450
|
+
"name": "_activeClicks",
|
|
21451
|
+
"type": {
|
|
21452
|
+
"text": "number"
|
|
21453
|
+
},
|
|
21454
|
+
"privacy": "protected",
|
|
21455
|
+
"default": "0",
|
|
21456
|
+
"inheritedFrom": {
|
|
21457
|
+
"name": "ZnTabs",
|
|
21458
|
+
"module": "components/tabs/tabs.js"
|
|
21459
|
+
}
|
|
21460
|
+
},
|
|
21461
|
+
{
|
|
21462
|
+
"kind": "field",
|
|
21463
|
+
"name": "_panel",
|
|
21464
|
+
"type": {
|
|
21465
|
+
"text": "Element | null | undefined"
|
|
21466
|
+
},
|
|
21467
|
+
"privacy": "private",
|
|
21468
|
+
"inheritedFrom": {
|
|
21469
|
+
"name": "ZnTabs",
|
|
21470
|
+
"module": "components/tabs/tabs.js"
|
|
21471
|
+
}
|
|
21472
|
+
},
|
|
21473
|
+
{
|
|
21474
|
+
"kind": "field",
|
|
21475
|
+
"name": "_panels",
|
|
21476
|
+
"type": {
|
|
21477
|
+
"text": "Map<string, Element[]>"
|
|
21478
|
+
},
|
|
21479
|
+
"privacy": "private",
|
|
21480
|
+
"default": "new Map<string, Element[]>()",
|
|
21481
|
+
"inheritedFrom": {
|
|
21482
|
+
"name": "ZnTabs",
|
|
21483
|
+
"module": "components/tabs/tabs.js"
|
|
21484
|
+
}
|
|
21485
|
+
},
|
|
21486
|
+
{
|
|
21487
|
+
"kind": "field",
|
|
21488
|
+
"name": "_activeTab",
|
|
21489
|
+
"type": {
|
|
21490
|
+
"text": "Element | null"
|
|
21491
|
+
},
|
|
21492
|
+
"privacy": "private",
|
|
21493
|
+
"default": "null",
|
|
21494
|
+
"inheritedFrom": {
|
|
21495
|
+
"name": "ZnTabs",
|
|
21496
|
+
"module": "components/tabs/tabs.js"
|
|
21497
|
+
}
|
|
21498
|
+
},
|
|
21499
|
+
{
|
|
21500
|
+
"kind": "field",
|
|
21501
|
+
"name": "_tabs",
|
|
21502
|
+
"type": {
|
|
21503
|
+
"text": "HTMLElement[]"
|
|
21504
|
+
},
|
|
21505
|
+
"privacy": "private",
|
|
21506
|
+
"default": "[]",
|
|
21507
|
+
"inheritedFrom": {
|
|
21508
|
+
"name": "ZnTabs",
|
|
21509
|
+
"module": "components/tabs/tabs.js"
|
|
21510
|
+
}
|
|
21511
|
+
},
|
|
21512
|
+
{
|
|
21513
|
+
"kind": "field",
|
|
21514
|
+
"name": "_actions",
|
|
21515
|
+
"type": {
|
|
21516
|
+
"text": "HTMLElement[]"
|
|
21517
|
+
},
|
|
21518
|
+
"privacy": "private",
|
|
21519
|
+
"default": "[]",
|
|
21520
|
+
"inheritedFrom": {
|
|
21521
|
+
"name": "ZnTabs",
|
|
21522
|
+
"module": "components/tabs/tabs.js"
|
|
21523
|
+
}
|
|
21524
|
+
},
|
|
21525
|
+
{
|
|
21526
|
+
"kind": "field",
|
|
21527
|
+
"name": "_knownUri",
|
|
21528
|
+
"type": {
|
|
21529
|
+
"text": "Map<string, string>"
|
|
21530
|
+
},
|
|
21531
|
+
"privacy": "private",
|
|
21532
|
+
"default": "new Map<string, string>()",
|
|
21533
|
+
"inheritedFrom": {
|
|
21534
|
+
"name": "ZnTabs",
|
|
21535
|
+
"module": "components/tabs/tabs.js"
|
|
21536
|
+
}
|
|
21537
|
+
},
|
|
21538
|
+
{
|
|
21539
|
+
"kind": "field",
|
|
21540
|
+
"name": "hasSlotController",
|
|
21541
|
+
"privacy": "private",
|
|
21542
|
+
"readonly": true,
|
|
21543
|
+
"default": "new HasSlotController(this, '[default]', 'bottom', 'right', 'left', 'top', 'actions')",
|
|
21544
|
+
"inheritedFrom": {
|
|
21545
|
+
"name": "ZnTabs",
|
|
21546
|
+
"module": "components/tabs/tabs.js"
|
|
21547
|
+
}
|
|
21548
|
+
},
|
|
21549
|
+
{
|
|
21550
|
+
"kind": "field",
|
|
21551
|
+
"name": "_domObserver",
|
|
21552
|
+
"privacy": "private",
|
|
21553
|
+
"readonly": true,
|
|
21554
|
+
"default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; if (mutation.addedNodes.length > 0) { this._registerTabs(); } if (mutation.removedNodes.length > 0) { mutation.removedNodes.forEach(node => { const id = node instanceof HTMLElement ? node.id : ''; if (id) this.removeTabAndPanel(id); }); } }); }, })",
|
|
21555
|
+
"inheritedFrom": {
|
|
21556
|
+
"name": "ZnTabs",
|
|
21557
|
+
"module": "components/tabs/tabs.js"
|
|
21558
|
+
}
|
|
21559
|
+
},
|
|
21560
|
+
{
|
|
21561
|
+
"kind": "field",
|
|
21562
|
+
"name": "_monitorObserver",
|
|
21563
|
+
"privacy": "private",
|
|
21564
|
+
"readonly": true,
|
|
21565
|
+
"default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; mutation.addedNodes.forEach(node => { if (node instanceof HTMLElement && node.id === this.monitor) { this.reRegisterTabs(); const storedValue = this._store.get(this.storeKey); if (storedValue !== null) { this._prepareTab(storedValue); this.setActiveTab(storedValue, false, false); } } }); }); }, })",
|
|
21566
|
+
"inheritedFrom": {
|
|
21567
|
+
"name": "ZnTabs",
|
|
21568
|
+
"module": "components/tabs/tabs.js"
|
|
21569
|
+
}
|
|
21570
|
+
},
|
|
21571
|
+
{
|
|
21572
|
+
"kind": "method",
|
|
21573
|
+
"name": "monitorDom",
|
|
21574
|
+
"inheritedFrom": {
|
|
21575
|
+
"name": "ZnTabs",
|
|
21576
|
+
"module": "components/tabs/tabs.js"
|
|
21577
|
+
}
|
|
21578
|
+
},
|
|
21579
|
+
{
|
|
21580
|
+
"kind": "method",
|
|
21581
|
+
"name": "_addPanel",
|
|
21582
|
+
"parameters": [
|
|
21583
|
+
{
|
|
21584
|
+
"name": "panel",
|
|
21585
|
+
"type": {
|
|
21586
|
+
"text": "HTMLElement"
|
|
21587
|
+
}
|
|
21588
|
+
}
|
|
21589
|
+
],
|
|
21590
|
+
"inheritedFrom": {
|
|
21591
|
+
"name": "ZnTabs",
|
|
21592
|
+
"module": "components/tabs/tabs.js"
|
|
21593
|
+
}
|
|
21594
|
+
},
|
|
21595
|
+
{
|
|
21596
|
+
"kind": "method",
|
|
21597
|
+
"name": "_addTab",
|
|
21598
|
+
"parameters": [
|
|
21599
|
+
{
|
|
21600
|
+
"name": "tab",
|
|
21601
|
+
"type": {
|
|
21602
|
+
"text": "HTMLElement"
|
|
21603
|
+
}
|
|
21604
|
+
}
|
|
21605
|
+
],
|
|
21606
|
+
"inheritedFrom": {
|
|
21607
|
+
"name": "ZnTabs",
|
|
21608
|
+
"module": "components/tabs/tabs.js"
|
|
21609
|
+
}
|
|
21610
|
+
},
|
|
21611
|
+
{
|
|
21612
|
+
"kind": "field",
|
|
21613
|
+
"name": "reRegisterTabs",
|
|
21614
|
+
"inheritedFrom": {
|
|
21615
|
+
"name": "ZnTabs",
|
|
21616
|
+
"module": "components/tabs/tabs.js"
|
|
21617
|
+
}
|
|
21618
|
+
},
|
|
21619
|
+
{
|
|
21620
|
+
"kind": "method",
|
|
21621
|
+
"name": "switchTab",
|
|
21622
|
+
"parameters": [
|
|
21623
|
+
{
|
|
21624
|
+
"name": "inc",
|
|
21625
|
+
"type": {
|
|
21626
|
+
"text": "number"
|
|
21627
|
+
}
|
|
21628
|
+
}
|
|
21629
|
+
],
|
|
21630
|
+
"inheritedFrom": {
|
|
21631
|
+
"name": "ZnTabs",
|
|
21632
|
+
"module": "components/tabs/tabs.js"
|
|
21633
|
+
}
|
|
21634
|
+
},
|
|
21635
|
+
{
|
|
21636
|
+
"kind": "method",
|
|
21637
|
+
"name": "nextTab",
|
|
21638
|
+
"inheritedFrom": {
|
|
21639
|
+
"name": "ZnTabs",
|
|
21640
|
+
"module": "components/tabs/tabs.js"
|
|
21641
|
+
}
|
|
21642
|
+
},
|
|
21643
|
+
{
|
|
21644
|
+
"kind": "method",
|
|
21645
|
+
"name": "previousTab",
|
|
21646
|
+
"inheritedFrom": {
|
|
21647
|
+
"name": "ZnTabs",
|
|
21648
|
+
"module": "components/tabs/tabs.js"
|
|
21649
|
+
}
|
|
21650
|
+
},
|
|
21651
|
+
{
|
|
21652
|
+
"kind": "method",
|
|
21653
|
+
"name": "_prepareTab",
|
|
21654
|
+
"parameters": [
|
|
21655
|
+
{
|
|
21656
|
+
"name": "tabId",
|
|
21657
|
+
"type": {
|
|
21658
|
+
"text": "string"
|
|
21659
|
+
}
|
|
21660
|
+
}
|
|
21661
|
+
],
|
|
21662
|
+
"inheritedFrom": {
|
|
21663
|
+
"name": "ZnTabs",
|
|
21664
|
+
"module": "components/tabs/tabs.js"
|
|
21665
|
+
}
|
|
21666
|
+
},
|
|
21667
|
+
{
|
|
21668
|
+
"kind": "method",
|
|
21669
|
+
"name": "_uriToId",
|
|
21670
|
+
"return": {
|
|
21671
|
+
"type": {
|
|
21672
|
+
"text": "string"
|
|
21673
|
+
}
|
|
21674
|
+
},
|
|
21675
|
+
"parameters": [
|
|
21676
|
+
{
|
|
21677
|
+
"name": "tabUri",
|
|
21678
|
+
"type": {
|
|
21679
|
+
"text": "string"
|
|
21680
|
+
}
|
|
21681
|
+
}
|
|
21682
|
+
],
|
|
21683
|
+
"inheritedFrom": {
|
|
21684
|
+
"name": "ZnTabs",
|
|
21685
|
+
"module": "components/tabs/tabs.js"
|
|
21686
|
+
}
|
|
21687
|
+
},
|
|
21688
|
+
{
|
|
21689
|
+
"kind": "method",
|
|
21690
|
+
"name": "_createUriPanel",
|
|
21691
|
+
"return": {
|
|
21692
|
+
"type": {
|
|
21693
|
+
"text": "HTMLDivElement"
|
|
21694
|
+
}
|
|
21695
|
+
},
|
|
21696
|
+
"parameters": [
|
|
21697
|
+
{
|
|
21698
|
+
"name": "tabEle",
|
|
21699
|
+
"type": {
|
|
21700
|
+
"text": "Element"
|
|
21701
|
+
}
|
|
21702
|
+
},
|
|
21703
|
+
{
|
|
21704
|
+
"name": "tabUri",
|
|
21705
|
+
"type": {
|
|
21706
|
+
"text": "string"
|
|
21707
|
+
}
|
|
21708
|
+
},
|
|
21709
|
+
{
|
|
21710
|
+
"name": "tabId",
|
|
21711
|
+
"type": {
|
|
21712
|
+
"text": "string"
|
|
21713
|
+
}
|
|
21714
|
+
}
|
|
21715
|
+
],
|
|
21716
|
+
"inheritedFrom": {
|
|
21717
|
+
"name": "ZnTabs",
|
|
21718
|
+
"module": "components/tabs/tabs.js"
|
|
21719
|
+
}
|
|
21720
|
+
},
|
|
21721
|
+
{
|
|
21722
|
+
"kind": "method",
|
|
21723
|
+
"name": "_handleClick",
|
|
21724
|
+
"parameters": [
|
|
21725
|
+
{
|
|
21726
|
+
"name": "event",
|
|
21727
|
+
"type": {
|
|
21728
|
+
"text": "PointerEvent"
|
|
21729
|
+
}
|
|
21730
|
+
}
|
|
21731
|
+
],
|
|
21732
|
+
"inheritedFrom": {
|
|
21733
|
+
"name": "ZnTabs",
|
|
21734
|
+
"module": "components/tabs/tabs.js"
|
|
21735
|
+
}
|
|
21736
|
+
},
|
|
21737
|
+
{
|
|
21738
|
+
"kind": "method",
|
|
21739
|
+
"name": "fetchUriTab",
|
|
21740
|
+
"parameters": [
|
|
21741
|
+
{
|
|
21742
|
+
"name": "target",
|
|
21743
|
+
"type": {
|
|
21744
|
+
"text": "HTMLElement"
|
|
21745
|
+
}
|
|
21746
|
+
}
|
|
21747
|
+
],
|
|
21748
|
+
"inheritedFrom": {
|
|
21749
|
+
"name": "ZnTabs",
|
|
21750
|
+
"module": "components/tabs/tabs.js"
|
|
21751
|
+
}
|
|
21752
|
+
},
|
|
21753
|
+
{
|
|
21754
|
+
"kind": "method",
|
|
21755
|
+
"name": "getRefTab",
|
|
21756
|
+
"parameters": [
|
|
21757
|
+
{
|
|
21758
|
+
"name": "target",
|
|
21759
|
+
"type": {
|
|
21760
|
+
"text": "HTMLElement"
|
|
21761
|
+
}
|
|
21762
|
+
}
|
|
21763
|
+
],
|
|
21764
|
+
"inheritedFrom": {
|
|
21765
|
+
"name": "ZnTabs",
|
|
21766
|
+
"module": "components/tabs/tabs.js"
|
|
21767
|
+
}
|
|
21768
|
+
},
|
|
21769
|
+
{
|
|
21770
|
+
"kind": "method",
|
|
21771
|
+
"name": "_setTabEleActive",
|
|
21772
|
+
"parameters": [
|
|
21773
|
+
{
|
|
21774
|
+
"name": "ele",
|
|
21775
|
+
"type": {
|
|
21776
|
+
"text": "Element"
|
|
21777
|
+
}
|
|
21778
|
+
},
|
|
21779
|
+
{
|
|
21780
|
+
"name": "active",
|
|
21781
|
+
"type": {
|
|
21782
|
+
"text": "boolean"
|
|
21783
|
+
}
|
|
21784
|
+
}
|
|
21785
|
+
],
|
|
21786
|
+
"inheritedFrom": {
|
|
21787
|
+
"name": "ZnTabs",
|
|
21788
|
+
"module": "components/tabs/tabs.js"
|
|
21789
|
+
}
|
|
21790
|
+
},
|
|
21791
|
+
{
|
|
21792
|
+
"kind": "method",
|
|
21793
|
+
"name": "selectTab",
|
|
21794
|
+
"return": {
|
|
21795
|
+
"type": {
|
|
21796
|
+
"text": "boolean"
|
|
21797
|
+
}
|
|
21798
|
+
},
|
|
21799
|
+
"parameters": [
|
|
21800
|
+
{
|
|
21801
|
+
"name": "tabName",
|
|
21802
|
+
"type": {
|
|
21803
|
+
"text": "string"
|
|
21804
|
+
}
|
|
21805
|
+
},
|
|
21806
|
+
{
|
|
21807
|
+
"name": "refresh",
|
|
21808
|
+
"type": {
|
|
21809
|
+
"text": "boolean"
|
|
21810
|
+
}
|
|
21811
|
+
}
|
|
21812
|
+
],
|
|
21813
|
+
"inheritedFrom": {
|
|
21814
|
+
"name": "ZnTabs",
|
|
21815
|
+
"module": "components/tabs/tabs.js"
|
|
21816
|
+
}
|
|
21817
|
+
},
|
|
21818
|
+
{
|
|
21819
|
+
"kind": "method",
|
|
21820
|
+
"name": "getActiveTab",
|
|
21821
|
+
"return": {
|
|
21822
|
+
"type": {
|
|
21823
|
+
"text": "Element[]"
|
|
21824
|
+
}
|
|
21825
|
+
},
|
|
21826
|
+
"inheritedFrom": {
|
|
21827
|
+
"name": "ZnTabs",
|
|
21828
|
+
"module": "components/tabs/tabs.js"
|
|
21829
|
+
}
|
|
21830
|
+
},
|
|
21831
|
+
{
|
|
21832
|
+
"kind": "method",
|
|
21833
|
+
"name": "observerDom",
|
|
21834
|
+
"inheritedFrom": {
|
|
21835
|
+
"name": "ZnTabs",
|
|
21836
|
+
"module": "components/tabs/tabs.js"
|
|
21837
|
+
}
|
|
21838
|
+
},
|
|
21839
|
+
{
|
|
21840
|
+
"kind": "method",
|
|
21841
|
+
"name": "removeTabAndPanel",
|
|
21842
|
+
"parameters": [
|
|
21843
|
+
{
|
|
21844
|
+
"name": "tabId",
|
|
21845
|
+
"type": {
|
|
21846
|
+
"text": "string"
|
|
21847
|
+
}
|
|
21848
|
+
}
|
|
21849
|
+
],
|
|
21850
|
+
"inheritedFrom": {
|
|
21851
|
+
"name": "ZnTabs",
|
|
21852
|
+
"module": "components/tabs/tabs.js"
|
|
21853
|
+
}
|
|
21854
|
+
},
|
|
21855
|
+
{
|
|
21856
|
+
"kind": "field",
|
|
21857
|
+
"name": "_registerTabs",
|
|
21858
|
+
"inheritedFrom": {
|
|
21859
|
+
"name": "ZnTabs",
|
|
21860
|
+
"module": "components/tabs/tabs.js"
|
|
21861
|
+
}
|
|
21862
|
+
}
|
|
21863
|
+
],
|
|
21864
|
+
"events": [
|
|
21865
|
+
{
|
|
21866
|
+
"description": "Emitted as an example.",
|
|
21867
|
+
"name": "zn-event-name",
|
|
21868
|
+
"inheritedFrom": {
|
|
21869
|
+
"name": "ZnTabs",
|
|
21870
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21871
|
+
}
|
|
21872
|
+
}
|
|
21873
|
+
],
|
|
21874
|
+
"attributes": [
|
|
21875
|
+
{
|
|
21876
|
+
"name": "navigation",
|
|
21877
|
+
"type": {
|
|
21878
|
+
"text": "PageNavData"
|
|
21879
|
+
},
|
|
21880
|
+
"fieldName": "navigation"
|
|
21881
|
+
},
|
|
21882
|
+
{
|
|
21883
|
+
"name": "master-id",
|
|
21884
|
+
"type": {
|
|
21885
|
+
"text": "string"
|
|
21886
|
+
},
|
|
21887
|
+
"fieldName": "masterId",
|
|
21888
|
+
"inheritedFrom": {
|
|
21889
|
+
"name": "ZnTabs",
|
|
21890
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21891
|
+
}
|
|
21892
|
+
},
|
|
21893
|
+
{
|
|
21894
|
+
"name": "default-uri",
|
|
21895
|
+
"type": {
|
|
21896
|
+
"text": "string"
|
|
21897
|
+
},
|
|
21898
|
+
"default": "''",
|
|
21899
|
+
"fieldName": "defaultUri",
|
|
21900
|
+
"inheritedFrom": {
|
|
21901
|
+
"name": "ZnTabs",
|
|
21902
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21903
|
+
}
|
|
21904
|
+
},
|
|
21905
|
+
{
|
|
21906
|
+
"name": "active",
|
|
21907
|
+
"type": {
|
|
21908
|
+
"text": "string"
|
|
21909
|
+
},
|
|
21910
|
+
"default": "''",
|
|
21911
|
+
"fieldName": "_current",
|
|
21912
|
+
"inheritedFrom": {
|
|
21913
|
+
"name": "ZnTabs",
|
|
21914
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21915
|
+
}
|
|
21916
|
+
},
|
|
21917
|
+
{
|
|
21918
|
+
"name": "split",
|
|
21919
|
+
"type": {
|
|
21920
|
+
"text": "number"
|
|
21921
|
+
},
|
|
21922
|
+
"fieldName": "_split",
|
|
21923
|
+
"inheritedFrom": {
|
|
21924
|
+
"name": "ZnTabs",
|
|
21925
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21926
|
+
}
|
|
21927
|
+
},
|
|
21928
|
+
{
|
|
21929
|
+
"name": "split-min",
|
|
21930
|
+
"type": {
|
|
21931
|
+
"text": "number"
|
|
21932
|
+
},
|
|
21933
|
+
"default": "60",
|
|
21934
|
+
"fieldName": "_splitMin",
|
|
21935
|
+
"inheritedFrom": {
|
|
21936
|
+
"name": "ZnTabs",
|
|
21937
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21938
|
+
}
|
|
21939
|
+
},
|
|
21940
|
+
{
|
|
21941
|
+
"name": "split-min-secondary",
|
|
21942
|
+
"type": {
|
|
21943
|
+
"text": "number"
|
|
21944
|
+
},
|
|
21945
|
+
"fieldName": "_splitMinSecondary",
|
|
21946
|
+
"inheritedFrom": {
|
|
21947
|
+
"name": "ZnTabs",
|
|
21948
|
+
"module": "src/components/tabs/tabs.component.ts"
|
|
21949
|
+
}
|
|
21950
|
+
},
|
|
20128
21951
|
{
|
|
20129
21952
|
"name": "split-max",
|
|
20130
21953
|
"type": {
|
|
@@ -20503,9 +22326,10 @@
|
|
|
20503
22326
|
"kind": "field",
|
|
20504
22327
|
"name": "_header",
|
|
20505
22328
|
"type": {
|
|
20506
|
-
"text": "HTMLElement"
|
|
22329
|
+
"text": "HTMLElement | null"
|
|
20507
22330
|
},
|
|
20508
|
-
"privacy": "protected"
|
|
22331
|
+
"privacy": "protected",
|
|
22332
|
+
"default": "null"
|
|
20509
22333
|
}
|
|
20510
22334
|
],
|
|
20511
22335
|
"events": [
|
|
@@ -22024,7 +23848,7 @@
|
|
|
22024
23848
|
},
|
|
22025
23849
|
{
|
|
22026
23850
|
"description": "The color of the progress bar fill.",
|
|
22027
|
-
"name": "--zn-
|
|
23851
|
+
"name": "--zn-progress-bar-color"
|
|
22028
23852
|
},
|
|
22029
23853
|
{
|
|
22030
23854
|
"description": "The color of the caption text.",
|
|
@@ -22083,6 +23907,16 @@
|
|
|
22083
23907
|
"attribute": "caption",
|
|
22084
23908
|
"reflects": true
|
|
22085
23909
|
},
|
|
23910
|
+
{
|
|
23911
|
+
"kind": "field",
|
|
23912
|
+
"name": "color",
|
|
23913
|
+
"type": {
|
|
23914
|
+
"text": "ProgressBarColor"
|
|
23915
|
+
},
|
|
23916
|
+
"default": "'current'",
|
|
23917
|
+
"attribute": "color",
|
|
23918
|
+
"reflects": true
|
|
23919
|
+
},
|
|
22086
23920
|
{
|
|
22087
23921
|
"kind": "field",
|
|
22088
23922
|
"name": "description",
|
|
@@ -22119,6 +23953,14 @@
|
|
|
22119
23953
|
},
|
|
22120
23954
|
"fieldName": "caption"
|
|
22121
23955
|
},
|
|
23956
|
+
{
|
|
23957
|
+
"name": "color",
|
|
23958
|
+
"type": {
|
|
23959
|
+
"text": "ProgressBarColor"
|
|
23960
|
+
},
|
|
23961
|
+
"default": "'current'",
|
|
23962
|
+
"fieldName": "color"
|
|
23963
|
+
},
|
|
22122
23964
|
{
|
|
22123
23965
|
"name": "description",
|
|
22124
23966
|
"type": {
|
|
@@ -22149,7 +23991,7 @@
|
|
|
22149
23991
|
"tagNameWithoutPrefix": "progress-bar",
|
|
22150
23992
|
"tagName": "zn-progress-bar",
|
|
22151
23993
|
"customElement": true,
|
|
22152
|
-
"jsDoc": "/**\n * @summary Progress bars provide visual feedback about the completion status of a task or process.\n * @documentation https://zinc.style/components/progress-bar\n * @status experimental\n * @since 1.0\n *\n * @csspart header - The header container that contains the caption and progress text.\n * @csspart caption - The caption text element.\n * @csspart progress - The progress percentage text element.\n * @csspart bar - The SVG element containing the progress bar.\n * @csspart track - The background track of the progress bar.\n * @csspart fill - The filled portion of the progress bar indicating progress.\n * @csspart footer - The footer container that contains the description.\n * @csspart info - The description text element.\n *\n * @cssproperty --zn-border-color - The color of the progress bar background track.\n * @cssproperty --zn-
|
|
23994
|
+
"jsDoc": "/**\n * @summary Progress bars provide visual feedback about the completion status of a task or process.\n * @documentation https://zinc.style/components/progress-bar\n * @status experimental\n * @since 1.0\n *\n * @csspart header - The header container that contains the caption and progress text.\n * @csspart caption - The caption text element.\n * @csspart progress - The progress percentage text element.\n * @csspart bar - The SVG element containing the progress bar.\n * @csspart track - The background track of the progress bar.\n * @csspart fill - The filled portion of the progress bar indicating progress.\n * @csspart footer - The footer container that contains the description.\n * @csspart info - The description text element.\n *\n * @cssproperty --zn-border-color - The color of the progress bar background track.\n * @cssproperty --zn-progress-bar-color - The color of the progress bar fill.\n * @cssproperty --zn-text-heading - The color of the caption text.\n * @cssproperty --zn-text - The color of the progress percentage and description text.\n * @cssproperty --zn-spacing-x-small - The spacing between header/footer and the progress bar.\n */",
|
|
22153
23995
|
"documentation": "https://zinc.style/components/progress-bar",
|
|
22154
23996
|
"status": "experimental",
|
|
22155
23997
|
"since": "1.0"
|
|
@@ -24638,10 +26480,16 @@
|
|
|
24638
26480
|
{
|
|
24639
26481
|
"kind": "field",
|
|
24640
26482
|
"name": "_footerResizeObserver",
|
|
24641
|
-
"
|
|
24642
|
-
|
|
24643
|
-
},
|
|
24644
|
-
|
|
26483
|
+
"privacy": "private",
|
|
26484
|
+
"readonly": true,
|
|
26485
|
+
"default": "new ResizeController(this, { target: null, callback: () => { this.style.setProperty('--zn-scroll-footer-height', `${this.footer?.clientHeight ?? 0}px`); }, })"
|
|
26486
|
+
},
|
|
26487
|
+
{
|
|
26488
|
+
"kind": "field",
|
|
26489
|
+
"name": "_domObserver",
|
|
26490
|
+
"privacy": "private",
|
|
26491
|
+
"readonly": true,
|
|
26492
|
+
"default": "new MutationController(this, { target: null, config: {childList: true, subtree: true}, callback: () => { setTimeout(() => this.scrollEnd(), 100); if (this.footer) { this.style.setProperty('--zn-scroll-footer-height', `${this.footer.clientHeight}px`); this._footerResizeObserver.observe(this.footer); } }, })"
|
|
24645
26493
|
}
|
|
24646
26494
|
],
|
|
24647
26495
|
"events": [
|
|
@@ -25118,6 +26966,17 @@
|
|
|
25118
26966
|
"attribute": "search",
|
|
25119
26967
|
"reflects": true
|
|
25120
26968
|
},
|
|
26969
|
+
{
|
|
26970
|
+
"kind": "field",
|
|
26971
|
+
"name": "freeText",
|
|
26972
|
+
"type": {
|
|
26973
|
+
"text": "boolean"
|
|
26974
|
+
},
|
|
26975
|
+
"default": "false",
|
|
26976
|
+
"description": "Allows the user to enter values that are not in the options list (\"free text\"). Implies the editable,\nfiltering input behavior of `search`. A typed value that doesn't match an existing option is committed\nby pressing Enter, clicking the \"Add\" row, or blurring the field, and becomes a selected option — a tag\nwhen `multiple` is enabled. The committed value is both the option's value and its label.",
|
|
26977
|
+
"attribute": "free-text",
|
|
26978
|
+
"reflects": true
|
|
26979
|
+
},
|
|
25121
26980
|
{
|
|
25122
26981
|
"kind": "field",
|
|
25123
26982
|
"name": "label",
|
|
@@ -25419,6 +27278,13 @@
|
|
|
25419
27278
|
"description": "Whether the component is in remote-search mode (search + dataUri both set)",
|
|
25420
27279
|
"readonly": true
|
|
25421
27280
|
},
|
|
27281
|
+
{
|
|
27282
|
+
"kind": "field",
|
|
27283
|
+
"name": "_isTypeable",
|
|
27284
|
+
"privacy": "private",
|
|
27285
|
+
"description": "Whether the display input is editable and filters options (search or free-text).",
|
|
27286
|
+
"readonly": true
|
|
27287
|
+
},
|
|
25422
27288
|
{
|
|
25423
27289
|
"kind": "method",
|
|
25424
27290
|
"name": "handleSearchInput",
|
|
@@ -25437,6 +27303,80 @@
|
|
|
25437
27303
|
"privacy": "private",
|
|
25438
27304
|
"description": "Clears the search query and shows all options"
|
|
25439
27305
|
},
|
|
27306
|
+
{
|
|
27307
|
+
"kind": "method",
|
|
27308
|
+
"name": "commitFreeText",
|
|
27309
|
+
"privacy": "private",
|
|
27310
|
+
"return": {
|
|
27311
|
+
"type": {
|
|
27312
|
+
"text": "boolean"
|
|
27313
|
+
}
|
|
27314
|
+
},
|
|
27315
|
+
"parameters": [
|
|
27316
|
+
{
|
|
27317
|
+
"name": "refocus",
|
|
27318
|
+
"default": "true"
|
|
27319
|
+
}
|
|
27320
|
+
],
|
|
27321
|
+
"description": "Commits the current typed text as a selected value when `free-text` is enabled. A selected `<zn-option>`\n(value = label = trimmed text) is created in the light DOM so the value flows through the existing\ntag/value/selection machinery and appears as a deselectable row in the listbox. Returns `true` when\nsomething was committed, `false` when there was nothing to commit."
|
|
27322
|
+
},
|
|
27323
|
+
{
|
|
27324
|
+
"kind": "field",
|
|
27325
|
+
"name": "_freeTextAddValue",
|
|
27326
|
+
"type": {
|
|
27327
|
+
"text": "string | null"
|
|
27328
|
+
},
|
|
27329
|
+
"privacy": "private",
|
|
27330
|
+
"description": "The trimmed pending text to offer as a free-text \"Add\" row, or `null` when no Add row should be shown\n(free-text disabled, dropdown closed, input empty, or the text exactly matches an existing option).",
|
|
27331
|
+
"readonly": true
|
|
27332
|
+
},
|
|
27333
|
+
{
|
|
27334
|
+
"kind": "method",
|
|
27335
|
+
"name": "handleAddOptionMouseDown",
|
|
27336
|
+
"privacy": "private",
|
|
27337
|
+
"parameters": [
|
|
27338
|
+
{
|
|
27339
|
+
"name": "event",
|
|
27340
|
+
"type": {
|
|
27341
|
+
"text": "MouseEvent"
|
|
27342
|
+
}
|
|
27343
|
+
}
|
|
27344
|
+
],
|
|
27345
|
+
"description": "Commits the typed value when the \"Add\" row is pressed, keeping focus on the input."
|
|
27346
|
+
},
|
|
27347
|
+
{
|
|
27348
|
+
"kind": "method",
|
|
27349
|
+
"name": "_materialiseFreeTextValues",
|
|
27350
|
+
"privacy": "private",
|
|
27351
|
+
"parameters": [
|
|
27352
|
+
{
|
|
27353
|
+
"name": "values",
|
|
27354
|
+
"type": {
|
|
27355
|
+
"text": "string[]"
|
|
27356
|
+
}
|
|
27357
|
+
}
|
|
27358
|
+
],
|
|
27359
|
+
"description": "In free-text mode, creates a hidden `<zn-option>` for any value that has no matching option, so values\nset via the `value`/`defaultValue` attribute (e.g. previously-saved custom entries) render as tags or\nthe display value on load. No-op when free-text is disabled."
|
|
27360
|
+
},
|
|
27361
|
+
{
|
|
27362
|
+
"kind": "method",
|
|
27363
|
+
"name": "_createFreeTextOption",
|
|
27364
|
+
"privacy": "private",
|
|
27365
|
+
"return": {
|
|
27366
|
+
"type": {
|
|
27367
|
+
"text": "ZnOption"
|
|
27368
|
+
}
|
|
27369
|
+
},
|
|
27370
|
+
"parameters": [
|
|
27371
|
+
{
|
|
27372
|
+
"name": "value",
|
|
27373
|
+
"type": {
|
|
27374
|
+
"text": "string"
|
|
27375
|
+
}
|
|
27376
|
+
}
|
|
27377
|
+
],
|
|
27378
|
+
"description": "Creates a free-text-marked `<zn-option>` in the light DOM (value = label) and returns it. The option is\na normal, visible, selectable row so the user can deselect a custom value from the dropdown like any\nother option; the `data-free-text` marker lets us drop it from the DOM once it's no longer selected."
|
|
27379
|
+
},
|
|
25440
27380
|
{
|
|
25441
27381
|
"kind": "method",
|
|
25442
27382
|
"name": "handleOptionClick",
|
|
@@ -25968,6 +27908,15 @@
|
|
|
25968
27908
|
"description": "Enables search/filter functionality. When enabled, the user can type into the select to filter the visible options.",
|
|
25969
27909
|
"fieldName": "search"
|
|
25970
27910
|
},
|
|
27911
|
+
{
|
|
27912
|
+
"name": "free-text",
|
|
27913
|
+
"type": {
|
|
27914
|
+
"text": "boolean"
|
|
27915
|
+
},
|
|
27916
|
+
"default": "false",
|
|
27917
|
+
"description": "Allows the user to enter values that are not in the options list (\"free text\"). Implies the editable,\nfiltering input behavior of `search`. A typed value that doesn't match an existing option is committed\nby pressing Enter, clicking the \"Add\" row, or blurring the field, and becomes a selected option — a tag\nwhen `multiple` is enabled. The committed value is both the option's value and its label.",
|
|
27918
|
+
"fieldName": "freeText"
|
|
27919
|
+
},
|
|
25971
27920
|
{
|
|
25972
27921
|
"name": "label",
|
|
25973
27922
|
"type": {
|
|
@@ -26231,11 +28180,9 @@
|
|
|
26231
28180
|
{
|
|
26232
28181
|
"kind": "field",
|
|
26233
28182
|
"name": "_mutationObserver",
|
|
26234
|
-
"type": {
|
|
26235
|
-
"text": "MutationObserver | null"
|
|
26236
|
-
},
|
|
26237
28183
|
"privacy": "private",
|
|
26238
|
-
"
|
|
28184
|
+
"readonly": true,
|
|
28185
|
+
"default": "new MutationController(this, { target: null, config: {childList: true, subtree: true, attributes: true}, callback: mutations => { for (const mutation of mutations) { if (mutation.type === 'attributes' && mutation.attributeName === 'hidden') { continue; } this.scheduleUpdateFilters(); break; } }, })"
|
|
26239
28186
|
},
|
|
26240
28187
|
{
|
|
26241
28188
|
"kind": "field",
|
|
@@ -26452,8 +28399,10 @@
|
|
|
26452
28399
|
"attribute": "wide"
|
|
26453
28400
|
},
|
|
26454
28401
|
{
|
|
26455
|
-
"kind": "
|
|
26456
|
-
"name": "
|
|
28402
|
+
"kind": "field",
|
|
28403
|
+
"name": "domObserver",
|
|
28404
|
+
"privacy": "private",
|
|
28405
|
+
"default": "new MutationController(this, { target: null, config: {childList: true, subtree: true}, callback: () => { setTimeout(() => this.scrollBottom(), 10); }, })"
|
|
26457
28406
|
},
|
|
26458
28407
|
{
|
|
26459
28408
|
"kind": "method",
|
|
@@ -26588,10 +28537,9 @@
|
|
|
26588
28537
|
{
|
|
26589
28538
|
"kind": "field",
|
|
26590
28539
|
"name": "resizeObserver",
|
|
26591
|
-
"
|
|
26592
|
-
|
|
26593
|
-
}
|
|
26594
|
-
"privacy": "private"
|
|
28540
|
+
"privacy": "private",
|
|
28541
|
+
"readonly": true,
|
|
28542
|
+
"default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this.chart?.resize(), })"
|
|
26595
28543
|
}
|
|
26596
28544
|
],
|
|
26597
28545
|
"attributes": [
|
|
@@ -27760,6 +29708,11 @@
|
|
|
27760
29708
|
"privacy": "private",
|
|
27761
29709
|
"default": "0"
|
|
27762
29710
|
},
|
|
29711
|
+
{
|
|
29712
|
+
"kind": "field",
|
|
29713
|
+
"name": "focusChangeHandler",
|
|
29714
|
+
"privacy": "private"
|
|
29715
|
+
},
|
|
27763
29716
|
{
|
|
27764
29717
|
"kind": "field",
|
|
27765
29718
|
"name": "primaryFull",
|
|
@@ -27768,6 +29721,24 @@
|
|
|
27768
29721
|
},
|
|
27769
29722
|
"privacy": "private"
|
|
27770
29723
|
},
|
|
29724
|
+
{
|
|
29725
|
+
"kind": "field",
|
|
29726
|
+
"name": "resizeObserver",
|
|
29727
|
+
"type": {
|
|
29728
|
+
"text": "ResizeObserver | null"
|
|
29729
|
+
},
|
|
29730
|
+
"privacy": "private",
|
|
29731
|
+
"default": "null"
|
|
29732
|
+
},
|
|
29733
|
+
{
|
|
29734
|
+
"kind": "field",
|
|
29735
|
+
"name": "parentIsNarrow",
|
|
29736
|
+
"type": {
|
|
29737
|
+
"text": "boolean"
|
|
29738
|
+
},
|
|
29739
|
+
"privacy": "private",
|
|
29740
|
+
"default": "false"
|
|
29741
|
+
},
|
|
27771
29742
|
{
|
|
27772
29743
|
"kind": "field",
|
|
27773
29744
|
"name": "calculatePixels",
|
|
@@ -27798,6 +29769,15 @@
|
|
|
27798
29769
|
"attribute": "min-size",
|
|
27799
29770
|
"reflects": true
|
|
27800
29771
|
},
|
|
29772
|
+
{
|
|
29773
|
+
"kind": "field",
|
|
29774
|
+
"name": "minimumSecondaryPaneSize",
|
|
29775
|
+
"type": {
|
|
29776
|
+
"text": "number"
|
|
29777
|
+
},
|
|
29778
|
+
"attribute": "min-secondary-size",
|
|
29779
|
+
"reflects": true
|
|
29780
|
+
},
|
|
27801
29781
|
{
|
|
27802
29782
|
"kind": "field",
|
|
27803
29783
|
"name": "maximumPaneSize",
|
|
@@ -27897,6 +29877,36 @@
|
|
|
27897
29877
|
"attribute": "padded-right",
|
|
27898
29878
|
"reflects": true
|
|
27899
29879
|
},
|
|
29880
|
+
{
|
|
29881
|
+
"kind": "field",
|
|
29882
|
+
"name": "gap",
|
|
29883
|
+
"type": {
|
|
29884
|
+
"text": "boolean"
|
|
29885
|
+
},
|
|
29886
|
+
"default": "false",
|
|
29887
|
+
"attribute": "gap",
|
|
29888
|
+
"reflects": true
|
|
29889
|
+
},
|
|
29890
|
+
{
|
|
29891
|
+
"kind": "field",
|
|
29892
|
+
"name": "hide",
|
|
29893
|
+
"type": {
|
|
29894
|
+
"text": "'primary' | 'secondary' | ''"
|
|
29895
|
+
},
|
|
29896
|
+
"default": "''",
|
|
29897
|
+
"attribute": "hide",
|
|
29898
|
+
"reflects": true
|
|
29899
|
+
},
|
|
29900
|
+
{
|
|
29901
|
+
"kind": "field",
|
|
29902
|
+
"name": "mergedNavigation",
|
|
29903
|
+
"type": {
|
|
29904
|
+
"text": "boolean"
|
|
29905
|
+
},
|
|
29906
|
+
"default": "false",
|
|
29907
|
+
"attribute": "merged-navigation",
|
|
29908
|
+
"reflects": true
|
|
29909
|
+
},
|
|
27900
29910
|
{
|
|
27901
29911
|
"kind": "field",
|
|
27902
29912
|
"name": "localStorage",
|
|
@@ -27924,6 +29934,11 @@
|
|
|
27924
29934
|
},
|
|
27925
29935
|
"privacy": "protected"
|
|
27926
29936
|
},
|
|
29937
|
+
{
|
|
29938
|
+
"kind": "method",
|
|
29939
|
+
"name": "refreshNarrowState",
|
|
29940
|
+
"privacy": "private"
|
|
29941
|
+
},
|
|
27927
29942
|
{
|
|
27928
29943
|
"kind": "method",
|
|
27929
29944
|
"name": "applyStoredSize"
|
|
@@ -27954,30 +29969,88 @@
|
|
|
27954
29969
|
},
|
|
27955
29970
|
{
|
|
27956
29971
|
"kind": "method",
|
|
27957
|
-
"name": "
|
|
29972
|
+
"name": "_setFocusPane",
|
|
27958
29973
|
"parameters": [
|
|
27959
29974
|
{
|
|
27960
|
-
"name": "
|
|
29975
|
+
"name": "idx",
|
|
27961
29976
|
"type": {
|
|
27962
|
-
"text": "
|
|
29977
|
+
"text": "number"
|
|
27963
29978
|
}
|
|
27964
29979
|
}
|
|
27965
29980
|
]
|
|
27966
29981
|
},
|
|
27967
29982
|
{
|
|
27968
29983
|
"kind": "method",
|
|
27969
|
-
"name": "
|
|
29984
|
+
"name": "getDirectNestedSplitPanes",
|
|
29985
|
+
"privacy": "private"
|
|
29986
|
+
},
|
|
29987
|
+
{
|
|
29988
|
+
"kind": "method",
|
|
29989
|
+
"name": "updateNestedNavigationMerging",
|
|
29990
|
+
"privacy": "private"
|
|
29991
|
+
},
|
|
29992
|
+
{
|
|
29993
|
+
"kind": "method",
|
|
29994
|
+
"name": "getPaneIndexForNestedSplitPane",
|
|
29995
|
+
"privacy": "private",
|
|
27970
29996
|
"parameters": [
|
|
27971
29997
|
{
|
|
27972
|
-
"name": "
|
|
29998
|
+
"name": "child",
|
|
29999
|
+
"type": {
|
|
30000
|
+
"text": "ZnSplitPane"
|
|
30001
|
+
}
|
|
30002
|
+
}
|
|
30003
|
+
]
|
|
30004
|
+
},
|
|
30005
|
+
{
|
|
30006
|
+
"kind": "method",
|
|
30007
|
+
"name": "getNestedNavigationItems",
|
|
30008
|
+
"privacy": "private",
|
|
30009
|
+
"return": {
|
|
30010
|
+
"type": {
|
|
30011
|
+
"text": "NavigationItem[]"
|
|
30012
|
+
}
|
|
30013
|
+
},
|
|
30014
|
+
"parameters": [
|
|
30015
|
+
{
|
|
30016
|
+
"name": "parentIdx",
|
|
27973
30017
|
"type": {
|
|
27974
30018
|
"text": "number"
|
|
27975
30019
|
}
|
|
27976
30020
|
}
|
|
27977
30021
|
]
|
|
30022
|
+
},
|
|
30023
|
+
{
|
|
30024
|
+
"kind": "method",
|
|
30025
|
+
"name": "getDirectNestedSplitPanesForPane",
|
|
30026
|
+
"privacy": "private",
|
|
30027
|
+
"parameters": [
|
|
30028
|
+
{
|
|
30029
|
+
"name": "parentIdx",
|
|
30030
|
+
"type": {
|
|
30031
|
+
"text": "number"
|
|
30032
|
+
}
|
|
30033
|
+
}
|
|
30034
|
+
]
|
|
30035
|
+
},
|
|
30036
|
+
{
|
|
30037
|
+
"kind": "method",
|
|
30038
|
+
"name": "getNavigationItems",
|
|
30039
|
+
"privacy": "private",
|
|
30040
|
+
"return": {
|
|
30041
|
+
"type": {
|
|
30042
|
+
"text": "NavigationItem[]"
|
|
30043
|
+
}
|
|
30044
|
+
}
|
|
27978
30045
|
}
|
|
27979
30046
|
],
|
|
27980
30047
|
"events": [
|
|
30048
|
+
{
|
|
30049
|
+
"name": "zn-split-pane-focus-change",
|
|
30050
|
+
"type": {
|
|
30051
|
+
"text": "CustomEvent"
|
|
30052
|
+
}
|
|
30053
|
+
},
|
|
27981
30054
|
{
|
|
27982
30055
|
"description": "Emitted as an example.",
|
|
27983
30056
|
"name": "zn-event-name"
|
|
@@ -28008,6 +30081,13 @@
|
|
|
28008
30081
|
"default": "10",
|
|
28009
30082
|
"fieldName": "minimumPaneSize"
|
|
28010
30083
|
},
|
|
30084
|
+
{
|
|
30085
|
+
"name": "min-secondary-size",
|
|
30086
|
+
"type": {
|
|
30087
|
+
"text": "number"
|
|
30088
|
+
},
|
|
30089
|
+
"fieldName": "minimumSecondaryPaneSize"
|
|
30090
|
+
},
|
|
28011
30091
|
{
|
|
28012
30092
|
"name": "max-size",
|
|
28013
30093
|
"type": {
|
|
@@ -28087,6 +30167,30 @@
|
|
|
28087
30167
|
"default": "false",
|
|
28088
30168
|
"fieldName": "paddedRight"
|
|
28089
30169
|
},
|
|
30170
|
+
{
|
|
30171
|
+
"name": "gap",
|
|
30172
|
+
"type": {
|
|
30173
|
+
"text": "boolean"
|
|
30174
|
+
},
|
|
30175
|
+
"default": "false",
|
|
30176
|
+
"fieldName": "gap"
|
|
30177
|
+
},
|
|
30178
|
+
{
|
|
30179
|
+
"name": "hide",
|
|
30180
|
+
"type": {
|
|
30181
|
+
"text": "'primary' | 'secondary' | ''"
|
|
30182
|
+
},
|
|
30183
|
+
"default": "''",
|
|
30184
|
+
"fieldName": "hide"
|
|
30185
|
+
},
|
|
30186
|
+
{
|
|
30187
|
+
"name": "merged-navigation",
|
|
30188
|
+
"type": {
|
|
30189
|
+
"text": "boolean"
|
|
30190
|
+
},
|
|
30191
|
+
"default": "false",
|
|
30192
|
+
"fieldName": "mergedNavigation"
|
|
30193
|
+
},
|
|
28090
30194
|
{
|
|
28091
30195
|
"name": "local-storage",
|
|
28092
30196
|
"type": {
|
|
@@ -28732,6 +30836,15 @@
|
|
|
28732
30836
|
"default": "''",
|
|
28733
30837
|
"attribute": "margin"
|
|
28734
30838
|
},
|
|
30839
|
+
{
|
|
30840
|
+
"kind": "field",
|
|
30841
|
+
"name": "gutter",
|
|
30842
|
+
"type": {
|
|
30843
|
+
"text": "boolean"
|
|
30844
|
+
},
|
|
30845
|
+
"default": "false",
|
|
30846
|
+
"attribute": "gutter"
|
|
30847
|
+
},
|
|
28735
30848
|
{
|
|
28736
30849
|
"kind": "field",
|
|
28737
30850
|
"name": "autoMargin",
|
|
@@ -28863,6 +30976,14 @@
|
|
|
28863
30976
|
"default": "''",
|
|
28864
30977
|
"fieldName": "margin"
|
|
28865
30978
|
},
|
|
30979
|
+
{
|
|
30980
|
+
"name": "gutter",
|
|
30981
|
+
"type": {
|
|
30982
|
+
"text": "boolean"
|
|
30983
|
+
},
|
|
30984
|
+
"default": "false",
|
|
30985
|
+
"fieldName": "gutter"
|
|
30986
|
+
},
|
|
28866
30987
|
{
|
|
28867
30988
|
"name": "a-margin",
|
|
28868
30989
|
"type": {
|
|
@@ -28892,6 +31013,94 @@
|
|
|
28892
31013
|
}
|
|
28893
31014
|
]
|
|
28894
31015
|
},
|
|
31016
|
+
{
|
|
31017
|
+
"kind": "javascript-module",
|
|
31018
|
+
"path": "components/tab/tab.js",
|
|
31019
|
+
"declarations": [
|
|
31020
|
+
{
|
|
31021
|
+
"kind": "class",
|
|
31022
|
+
"description": "",
|
|
31023
|
+
"name": "ZnTab",
|
|
31024
|
+
"slots": [
|
|
31025
|
+
{
|
|
31026
|
+
"description": "The tab panel content.",
|
|
31027
|
+
"name": ""
|
|
31028
|
+
}
|
|
31029
|
+
],
|
|
31030
|
+
"members": [
|
|
31031
|
+
{
|
|
31032
|
+
"kind": "field",
|
|
31033
|
+
"name": "caption",
|
|
31034
|
+
"type": {
|
|
31035
|
+
"text": "string"
|
|
31036
|
+
},
|
|
31037
|
+
"attribute": "caption"
|
|
31038
|
+
},
|
|
31039
|
+
{
|
|
31040
|
+
"kind": "field",
|
|
31041
|
+
"name": "priority",
|
|
31042
|
+
"type": {
|
|
31043
|
+
"text": "number"
|
|
31044
|
+
},
|
|
31045
|
+
"attribute": "priority"
|
|
31046
|
+
},
|
|
31047
|
+
{
|
|
31048
|
+
"kind": "field",
|
|
31049
|
+
"name": "uri",
|
|
31050
|
+
"type": {
|
|
31051
|
+
"text": "string"
|
|
31052
|
+
},
|
|
31053
|
+
"attribute": "uri"
|
|
31054
|
+
}
|
|
31055
|
+
],
|
|
31056
|
+
"attributes": [
|
|
31057
|
+
{
|
|
31058
|
+
"name": "caption",
|
|
31059
|
+
"type": {
|
|
31060
|
+
"text": "string"
|
|
31061
|
+
},
|
|
31062
|
+
"fieldName": "caption"
|
|
31063
|
+
},
|
|
31064
|
+
{
|
|
31065
|
+
"name": "priority",
|
|
31066
|
+
"type": {
|
|
31067
|
+
"text": "number"
|
|
31068
|
+
},
|
|
31069
|
+
"fieldName": "priority"
|
|
31070
|
+
},
|
|
31071
|
+
{
|
|
31072
|
+
"name": "uri",
|
|
31073
|
+
"type": {
|
|
31074
|
+
"text": "string"
|
|
31075
|
+
},
|
|
31076
|
+
"fieldName": "uri"
|
|
31077
|
+
}
|
|
31078
|
+
],
|
|
31079
|
+
"superclass": {
|
|
31080
|
+
"name": "ZincElement",
|
|
31081
|
+
"module": "/src/internal/zinc-element"
|
|
31082
|
+
},
|
|
31083
|
+
"summary": "Defines a tab panel for use inside zn-page.",
|
|
31084
|
+
"tagNameWithoutPrefix": "tab",
|
|
31085
|
+
"tagName": "zn-tab",
|
|
31086
|
+
"customElement": true,
|
|
31087
|
+
"jsDoc": "/**\n * @summary Defines a tab panel for use inside zn-page.\n * @documentation https://zinc.style/components/tab\n * @status experimental\n * @since 1.0\n *\n * @slot - The tab panel content.\n */",
|
|
31088
|
+
"documentation": "https://zinc.style/components/tab",
|
|
31089
|
+
"status": "experimental",
|
|
31090
|
+
"since": "1.0"
|
|
31091
|
+
}
|
|
31092
|
+
],
|
|
31093
|
+
"exports": [
|
|
31094
|
+
{
|
|
31095
|
+
"kind": "js",
|
|
31096
|
+
"name": "default",
|
|
31097
|
+
"declaration": {
|
|
31098
|
+
"name": "ZnTab",
|
|
31099
|
+
"module": "components/tab/tab.js"
|
|
31100
|
+
}
|
|
31101
|
+
}
|
|
31102
|
+
]
|
|
31103
|
+
},
|
|
28895
31104
|
{
|
|
28896
31105
|
"kind": "javascript-module",
|
|
28897
31106
|
"path": "components/table/table.js",
|
|
@@ -29017,6 +31226,13 @@
|
|
|
29017
31226
|
"privacy": "private",
|
|
29018
31227
|
"default": "[]"
|
|
29019
31228
|
},
|
|
31229
|
+
{
|
|
31230
|
+
"kind": "field",
|
|
31231
|
+
"name": "resizeObserver",
|
|
31232
|
+
"privacy": "private",
|
|
31233
|
+
"readonly": true,
|
|
31234
|
+
"default": "new ResizeController(this, { target: null, callback: () => this.resizing(), })"
|
|
31235
|
+
},
|
|
29020
31236
|
{
|
|
29021
31237
|
"kind": "method",
|
|
29022
31238
|
"name": "resizing"
|
|
@@ -29228,6 +31444,15 @@
|
|
|
29228
31444
|
"attribute": "split-min",
|
|
29229
31445
|
"reflects": true
|
|
29230
31446
|
},
|
|
31447
|
+
{
|
|
31448
|
+
"kind": "field",
|
|
31449
|
+
"name": "_splitMinSecondary",
|
|
31450
|
+
"type": {
|
|
31451
|
+
"text": "number"
|
|
31452
|
+
},
|
|
31453
|
+
"attribute": "split-min-secondary",
|
|
31454
|
+
"reflects": true
|
|
31455
|
+
},
|
|
29231
31456
|
{
|
|
29232
31457
|
"kind": "field",
|
|
29233
31458
|
"name": "_splitMax",
|
|
@@ -29454,6 +31679,20 @@
|
|
|
29454
31679
|
"readonly": true,
|
|
29455
31680
|
"default": "new HasSlotController(this, '[default]', 'bottom', 'right', 'left', 'top', 'actions')"
|
|
29456
31681
|
},
|
|
31682
|
+
{
|
|
31683
|
+
"kind": "field",
|
|
31684
|
+
"name": "_domObserver",
|
|
31685
|
+
"privacy": "private",
|
|
31686
|
+
"readonly": true,
|
|
31687
|
+
"default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; if (mutation.addedNodes.length > 0) { this._registerTabs(); } if (mutation.removedNodes.length > 0) { mutation.removedNodes.forEach(node => { const id = node instanceof HTMLElement ? node.id : ''; if (id) this.removeTabAndPanel(id); }); } }); }, })"
|
|
31688
|
+
},
|
|
31689
|
+
{
|
|
31690
|
+
"kind": "field",
|
|
31691
|
+
"name": "_monitorObserver",
|
|
31692
|
+
"privacy": "private",
|
|
31693
|
+
"readonly": true,
|
|
31694
|
+
"default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: mutations => { mutations.forEach(mutation => { if (mutation.type !== 'childList') return; mutation.addedNodes.forEach(node => { if (node instanceof HTMLElement && node.id === this.monitor) { this.reRegisterTabs(); const storedValue = this._store.get(this.storeKey); if (storedValue !== null) { this._prepareTab(storedValue); this.setActiveTab(storedValue, false, false); } } }); }); }, })"
|
|
31695
|
+
},
|
|
29457
31696
|
{
|
|
29458
31697
|
"kind": "method",
|
|
29459
31698
|
"name": "monitorDom"
|
|
@@ -29765,6 +32004,13 @@
|
|
|
29765
32004
|
"default": "60",
|
|
29766
32005
|
"fieldName": "_splitMin"
|
|
29767
32006
|
},
|
|
32007
|
+
{
|
|
32008
|
+
"name": "split-min-secondary",
|
|
32009
|
+
"type": {
|
|
32010
|
+
"text": "number"
|
|
32011
|
+
},
|
|
32012
|
+
"fieldName": "_splitMinSecondary"
|
|
32013
|
+
},
|
|
29768
32014
|
{
|
|
29769
32015
|
"name": "split-max",
|
|
29770
32016
|
"type": {
|
|
@@ -29978,10 +32224,9 @@
|
|
|
29978
32224
|
{
|
|
29979
32225
|
"kind": "field",
|
|
29980
32226
|
"name": "resizeObserver",
|
|
29981
|
-
"
|
|
29982
|
-
|
|
29983
|
-
}
|
|
29984
|
-
"privacy": "private"
|
|
32227
|
+
"privacy": "private",
|
|
32228
|
+
"readonly": true,
|
|
32229
|
+
"default": "new ResizeController(this, { target: null, callback: () => this.setTextareaHeight(), })"
|
|
29985
32230
|
},
|
|
29986
32231
|
{
|
|
29987
32232
|
"kind": "field",
|
|
@@ -32114,14 +34359,6 @@
|
|
|
32114
34359
|
"privacy": "private",
|
|
32115
34360
|
"default": "-1"
|
|
32116
34361
|
},
|
|
32117
|
-
{
|
|
32118
|
-
"kind": "field",
|
|
32119
|
-
"name": "_resizeObserver",
|
|
32120
|
-
"type": {
|
|
32121
|
-
"text": "ResizeObserver | undefined"
|
|
32122
|
-
},
|
|
32123
|
-
"privacy": "private"
|
|
32124
|
-
},
|
|
32125
34362
|
{
|
|
32126
34363
|
"kind": "field",
|
|
32127
34364
|
"name": "_lastObservedWidth",
|
|
@@ -32730,14 +34967,6 @@
|
|
|
32730
34967
|
"privacy": "private",
|
|
32731
34968
|
"default": "-1"
|
|
32732
34969
|
},
|
|
32733
|
-
{
|
|
32734
|
-
"kind": "field",
|
|
32735
|
-
"name": "_resizeObserver",
|
|
32736
|
-
"type": {
|
|
32737
|
-
"text": "ResizeObserver | undefined"
|
|
32738
|
-
},
|
|
32739
|
-
"privacy": "private"
|
|
32740
|
-
},
|
|
32741
34970
|
{
|
|
32742
34971
|
"kind": "field",
|
|
32743
34972
|
"name": "_lastObservedWidth",
|
|
@@ -33265,7 +35494,7 @@
|
|
|
33265
35494
|
"package": {
|
|
33266
35495
|
"name": "@kubex/zinc",
|
|
33267
35496
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
33268
|
-
"version": "1.0.
|
|
35497
|
+
"version": "1.0.114",
|
|
33269
35498
|
"author": "",
|
|
33270
35499
|
"license": "MIT"
|
|
33271
35500
|
}
|