@kubex/zinc 1.1.66 → 1.1.68
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/dist/custom-elements.json +410 -280
- package/dist/vscode.html-custom-data.json +65 -31
- package/dist/web-types.json +129 -69
- package/dist/zn.d.ts +44 -6
- package/dist/zn.min.js +439 -433
- package/package.json +1 -1
- package/src/components/data-table/data-table.component.ts +68 -45
- package/src/components/data-table/data-table.scss +4 -0
- package/src/components/data-table/data-table.test.ts +88 -0
- package/src/components/defined-label/defined-label.component.ts +118 -95
- package/src/components/defined-label/defined-label.scss +40 -28
- package/src/components/file/file.component.ts +70 -0
- package/src/components/page-builder/page-builder.scss +1 -1
|
@@ -7860,6 +7860,10 @@
|
|
|
7860
7860
|
{
|
|
7861
7861
|
"description": "Slot for custom empty state.",
|
|
7862
7862
|
"name": "empty-state"
|
|
7863
|
+
},
|
|
7864
|
+
{
|
|
7865
|
+
"description": "Slot for a custom no-results state, shown when a search on a no-initial-load table returns no rows.",
|
|
7866
|
+
"name": "no-results"
|
|
7863
7867
|
}
|
|
7864
7868
|
],
|
|
7865
7869
|
"members": [
|
|
@@ -8213,7 +8217,7 @@
|
|
|
8213
8217
|
"kind": "field",
|
|
8214
8218
|
"name": "hasSlotController",
|
|
8215
8219
|
"privacy": "private",
|
|
8216
|
-
"default": "new HasSlotController( this, '[default]', ActionSlots.search.valueOf(), ActionSlots.delete.valueOf(), ActionSlots.modify.valueOf(), ActionSlots.create.valueOf(), ActionSlots.filter.valueOf(), ActionSlots.sort.valueOf(), ActionSlots.inputs.valueOf(), 'empty-state' )"
|
|
8220
|
+
"default": "new HasSlotController( this, '[default]', ActionSlots.search.valueOf(), ActionSlots.delete.valueOf(), ActionSlots.modify.valueOf(), ActionSlots.create.valueOf(), ActionSlots.filter.valueOf(), ActionSlots.sort.valueOf(), ActionSlots.inputs.valueOf(), 'empty-state', 'no-results' )"
|
|
8217
8221
|
},
|
|
8218
8222
|
{
|
|
8219
8223
|
"kind": "field",
|
|
@@ -8263,7 +8267,7 @@
|
|
|
8263
8267
|
"text": "Record<string, DisplayTemplate>"
|
|
8264
8268
|
},
|
|
8265
8269
|
"privacy": "private",
|
|
8266
|
-
"default": "{ dateTime: ((cell) => { const t = cell.text || ''; return html` <div class=\"table__collum--datetime\"> <span><strong>${t.slice(0, 10)}</strong></span> <zn-style size=\"s\" muted>${t.slice(11)}</zn-style> </div>` }) satisfies DisplayTemplate }"
|
|
8270
|
+
"default": "{ dateTime: ((cell) => { const t = cell.text || ''; return html` <div class=\"table__collum--datetime\" title=\"${ifDefined(cell.title)}\"> <span><strong>${t.slice(0, 10)}</strong></span> <zn-style size=\"s\" muted>${t.slice(11)}</zn-style> </div>` }) satisfies DisplayTemplate }"
|
|
8267
8271
|
},
|
|
8268
8272
|
{
|
|
8269
8273
|
"kind": "field",
|
|
@@ -8994,7 +8998,7 @@
|
|
|
8994
8998
|
"tagNameWithoutPrefix": "data-table",
|
|
8995
8999
|
"tagName": "zn-data-table",
|
|
8996
9000
|
"customElement": true,
|
|
8997
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/data-table\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-alert\n * @dependency zn-button\n * @dependency zn-empty-state\n * @dependency zn-chip\n * @dependency zn-hover-container\n * @dependency zn-dropdown\n * @dependency zn-menu\n * @dependency zn-menu-item\n * @dependency zn-button-group\n * @dependency zn-confirm\n * @dependency zn-skeleton\n * @dependency zn-data-table-search\n *\n * @slot - The default slot.\n * @slot search - Slot for search component.\n * @slot sort - Slot for sort component.\n * @slot filter - Slot for filter component.\n * @slot filter-top - Slot for top-level filter component.\n * @slot delete-action - Slot for delete action button.\n * @slot modify-action - Slot for modify action button.\n * @slot create-action - Slot for create action button.\n * @slot inputs - Slot for additional input controls.\n * @slot empty-state - Slot for custom empty state.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
9001
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/data-table\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-alert\n * @dependency zn-button\n * @dependency zn-empty-state\n * @dependency zn-chip\n * @dependency zn-hover-container\n * @dependency zn-dropdown\n * @dependency zn-menu\n * @dependency zn-menu-item\n * @dependency zn-button-group\n * @dependency zn-confirm\n * @dependency zn-skeleton\n * @dependency zn-data-table-search\n *\n * @slot - The default slot.\n * @slot search - Slot for search component.\n * @slot sort - Slot for sort component.\n * @slot filter - Slot for filter component.\n * @slot filter-top - Slot for top-level filter component.\n * @slot delete-action - Slot for delete action button.\n * @slot modify-action - Slot for modify action button.\n * @slot create-action - Slot for create action button.\n * @slot inputs - Slot for additional input controls.\n * @slot empty-state - Slot for custom empty state.\n * @slot no-results - Slot for a custom no-results state, shown when a search on a no-initial-load table returns no rows.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
8998
9002
|
"documentation": "https://zinc.style/components/data-table",
|
|
8999
9003
|
"status": "experimental",
|
|
9000
9004
|
"since": "1.0",
|
|
@@ -10525,6 +10529,15 @@
|
|
|
10525
10529
|
}
|
|
10526
10530
|
],
|
|
10527
10531
|
"members": [
|
|
10532
|
+
{
|
|
10533
|
+
"kind": "field",
|
|
10534
|
+
"name": "dependencies",
|
|
10535
|
+
"type": {
|
|
10536
|
+
"text": "object"
|
|
10537
|
+
},
|
|
10538
|
+
"static": true,
|
|
10539
|
+
"default": "{ 'zn-button': ZnButton, 'zn-dropdown': ZnDropdown, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect }"
|
|
10540
|
+
},
|
|
10528
10541
|
{
|
|
10529
10542
|
"kind": "field",
|
|
10530
10543
|
"name": "formControlController",
|
|
@@ -10553,6 +10566,7 @@
|
|
|
10553
10566
|
"text": "string"
|
|
10554
10567
|
},
|
|
10555
10568
|
"default": "''",
|
|
10569
|
+
"description": "The selected label key. Also acts as the filter while typing.",
|
|
10556
10570
|
"attribute": "value"
|
|
10557
10571
|
},
|
|
10558
10572
|
{
|
|
@@ -10562,6 +10576,7 @@
|
|
|
10562
10576
|
"text": "string"
|
|
10563
10577
|
},
|
|
10564
10578
|
"default": "''",
|
|
10579
|
+
"description": "The value entered for the selected label. Submitted as `label:value` when present.",
|
|
10565
10580
|
"attribute": "inputValue"
|
|
10566
10581
|
},
|
|
10567
10582
|
{
|
|
@@ -10571,6 +10586,7 @@
|
|
|
10571
10586
|
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
10572
10587
|
},
|
|
10573
10588
|
"default": "'medium'",
|
|
10589
|
+
"description": "The size of the main input.",
|
|
10574
10590
|
"attribute": "input-size",
|
|
10575
10591
|
"reflects": true
|
|
10576
10592
|
},
|
|
@@ -10581,6 +10597,7 @@
|
|
|
10581
10597
|
"text": "string"
|
|
10582
10598
|
},
|
|
10583
10599
|
"default": "'label'",
|
|
10600
|
+
"description": "The name of the control. Used for form submission.",
|
|
10584
10601
|
"attribute": "name"
|
|
10585
10602
|
},
|
|
10586
10603
|
{
|
|
@@ -10589,6 +10606,7 @@
|
|
|
10589
10606
|
"type": {
|
|
10590
10607
|
"text": "string"
|
|
10591
10608
|
},
|
|
10609
|
+
"description": "The title of the main input.",
|
|
10592
10610
|
"attribute": "title"
|
|
10593
10611
|
},
|
|
10594
10612
|
{
|
|
@@ -10598,6 +10616,7 @@
|
|
|
10598
10616
|
"text": "boolean"
|
|
10599
10617
|
},
|
|
10600
10618
|
"default": "false",
|
|
10619
|
+
"description": "Disables the control.",
|
|
10601
10620
|
"attribute": "disabled"
|
|
10602
10621
|
},
|
|
10603
10622
|
{
|
|
@@ -10607,15 +10626,17 @@
|
|
|
10607
10626
|
"text": "boolean"
|
|
10608
10627
|
},
|
|
10609
10628
|
"default": "false",
|
|
10629
|
+
"description": "Allows labels that aren't in the predefined list.",
|
|
10610
10630
|
"attribute": "allow-custom"
|
|
10611
10631
|
},
|
|
10612
10632
|
{
|
|
10613
10633
|
"kind": "field",
|
|
10614
10634
|
"name": "predefinedLabels",
|
|
10615
10635
|
"type": {
|
|
10616
|
-
"text": "
|
|
10636
|
+
"text": "(PredefinedLabel | string)[]"
|
|
10617
10637
|
},
|
|
10618
10638
|
"default": "[]",
|
|
10639
|
+
"description": "The predefined labels. Entries are either a string or `{name, options}`.",
|
|
10619
10640
|
"attribute": "predefined-labels"
|
|
10620
10641
|
},
|
|
10621
10642
|
{
|
|
@@ -10676,6 +10697,16 @@
|
|
|
10676
10697
|
"kind": "method",
|
|
10677
10698
|
"name": "handleValueChange"
|
|
10678
10699
|
},
|
|
10700
|
+
{
|
|
10701
|
+
"kind": "method",
|
|
10702
|
+
"name": "getFilteredLabels",
|
|
10703
|
+
"privacy": "private",
|
|
10704
|
+
"return": {
|
|
10705
|
+
"type": {
|
|
10706
|
+
"text": "PredefinedLabel[]"
|
|
10707
|
+
}
|
|
10708
|
+
}
|
|
10709
|
+
},
|
|
10679
10710
|
{
|
|
10680
10711
|
"kind": "method",
|
|
10681
10712
|
"name": "handleChange",
|
|
@@ -10714,7 +10745,7 @@
|
|
|
10714
10745
|
},
|
|
10715
10746
|
{
|
|
10716
10747
|
"kind": "method",
|
|
10717
|
-
"name": "
|
|
10748
|
+
"name": "handleFormSubmit",
|
|
10718
10749
|
"privacy": "private",
|
|
10719
10750
|
"parameters": [
|
|
10720
10751
|
{
|
|
@@ -10722,13 +10753,64 @@
|
|
|
10722
10753
|
"type": {
|
|
10723
10754
|
"text": "Event"
|
|
10724
10755
|
}
|
|
10756
|
+
},
|
|
10757
|
+
{
|
|
10758
|
+
"name": "label",
|
|
10759
|
+
"optional": true,
|
|
10760
|
+
"type": {
|
|
10761
|
+
"text": "string"
|
|
10762
|
+
}
|
|
10725
10763
|
}
|
|
10726
10764
|
]
|
|
10727
10765
|
},
|
|
10728
10766
|
{
|
|
10729
10767
|
"kind": "method",
|
|
10730
|
-
"name": "
|
|
10731
|
-
"privacy": "private"
|
|
10768
|
+
"name": "renderValueControl",
|
|
10769
|
+
"privacy": "private",
|
|
10770
|
+
"return": {
|
|
10771
|
+
"type": {
|
|
10772
|
+
"text": "TemplateResult"
|
|
10773
|
+
}
|
|
10774
|
+
},
|
|
10775
|
+
"parameters": [
|
|
10776
|
+
{
|
|
10777
|
+
"name": "label",
|
|
10778
|
+
"type": {
|
|
10779
|
+
"text": "PredefinedLabel"
|
|
10780
|
+
}
|
|
10781
|
+
}
|
|
10782
|
+
]
|
|
10783
|
+
},
|
|
10784
|
+
{
|
|
10785
|
+
"kind": "method",
|
|
10786
|
+
"name": "renderRow",
|
|
10787
|
+
"privacy": "private",
|
|
10788
|
+
"return": {
|
|
10789
|
+
"type": {
|
|
10790
|
+
"text": "TemplateResult"
|
|
10791
|
+
}
|
|
10792
|
+
},
|
|
10793
|
+
"parameters": [
|
|
10794
|
+
{
|
|
10795
|
+
"name": "name",
|
|
10796
|
+
"type": {
|
|
10797
|
+
"text": "string"
|
|
10798
|
+
}
|
|
10799
|
+
},
|
|
10800
|
+
{
|
|
10801
|
+
"name": "control",
|
|
10802
|
+
"type": {
|
|
10803
|
+
"text": "TemplateResult"
|
|
10804
|
+
}
|
|
10805
|
+
},
|
|
10806
|
+
{
|
|
10807
|
+
"name": "label",
|
|
10808
|
+
"optional": true,
|
|
10809
|
+
"type": {
|
|
10810
|
+
"text": "string"
|
|
10811
|
+
}
|
|
10812
|
+
}
|
|
10813
|
+
]
|
|
10732
10814
|
}
|
|
10733
10815
|
],
|
|
10734
10816
|
"attributes": [
|
|
@@ -10738,6 +10820,7 @@
|
|
|
10738
10820
|
"text": "string"
|
|
10739
10821
|
},
|
|
10740
10822
|
"default": "''",
|
|
10823
|
+
"description": "The selected label key. Also acts as the filter while typing.",
|
|
10741
10824
|
"fieldName": "value"
|
|
10742
10825
|
},
|
|
10743
10826
|
{
|
|
@@ -10746,6 +10829,7 @@
|
|
|
10746
10829
|
"text": "string"
|
|
10747
10830
|
},
|
|
10748
10831
|
"default": "''",
|
|
10832
|
+
"description": "The value entered for the selected label. Submitted as `label:value` when present.",
|
|
10749
10833
|
"fieldName": "inputValue"
|
|
10750
10834
|
},
|
|
10751
10835
|
{
|
|
@@ -10754,6 +10838,7 @@
|
|
|
10754
10838
|
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
10755
10839
|
},
|
|
10756
10840
|
"default": "'medium'",
|
|
10841
|
+
"description": "The size of the main input.",
|
|
10757
10842
|
"fieldName": "inputSize"
|
|
10758
10843
|
},
|
|
10759
10844
|
{
|
|
@@ -10762,6 +10847,7 @@
|
|
|
10762
10847
|
"text": "string"
|
|
10763
10848
|
},
|
|
10764
10849
|
"default": "'label'",
|
|
10850
|
+
"description": "The name of the control. Used for form submission.",
|
|
10765
10851
|
"fieldName": "name"
|
|
10766
10852
|
},
|
|
10767
10853
|
{
|
|
@@ -10769,6 +10855,7 @@
|
|
|
10769
10855
|
"type": {
|
|
10770
10856
|
"text": "string"
|
|
10771
10857
|
},
|
|
10858
|
+
"description": "The title of the main input.",
|
|
10772
10859
|
"fieldName": "title"
|
|
10773
10860
|
},
|
|
10774
10861
|
{
|
|
@@ -10777,6 +10864,7 @@
|
|
|
10777
10864
|
"text": "boolean"
|
|
10778
10865
|
},
|
|
10779
10866
|
"default": "false",
|
|
10867
|
+
"description": "Disables the control.",
|
|
10780
10868
|
"fieldName": "disabled"
|
|
10781
10869
|
},
|
|
10782
10870
|
{
|
|
@@ -10785,14 +10873,16 @@
|
|
|
10785
10873
|
"text": "boolean"
|
|
10786
10874
|
},
|
|
10787
10875
|
"default": "false",
|
|
10876
|
+
"description": "Allows labels that aren't in the predefined list.",
|
|
10788
10877
|
"fieldName": "allowCustom"
|
|
10789
10878
|
},
|
|
10790
10879
|
{
|
|
10791
10880
|
"name": "predefined-labels",
|
|
10792
10881
|
"type": {
|
|
10793
|
-
"text": "
|
|
10882
|
+
"text": "(PredefinedLabel | string)[]"
|
|
10794
10883
|
},
|
|
10795
10884
|
"default": "[]",
|
|
10885
|
+
"description": "The predefined labels. Entries are either a string or `{name, options}`.",
|
|
10796
10886
|
"fieldName": "predefinedLabels"
|
|
10797
10887
|
}
|
|
10798
10888
|
],
|
|
@@ -10804,7 +10894,7 @@
|
|
|
10804
10894
|
"tagNameWithoutPrefix": "defined-label",
|
|
10805
10895
|
"tagName": "zn-defined-label",
|
|
10806
10896
|
"customElement": true,
|
|
10807
|
-
"jsDoc": "/**\n * @summary This component provides a labeled input with support for predefined and custom labels,\n * allowing users to select or enter label-value pairs within a dropdown interface.\n * @documentation https://zinc.style/components/defined-label\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-dropdown\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-
|
|
10897
|
+
"jsDoc": "/**\n * @summary This component provides a labeled input with support for predefined and custom labels,\n * allowing users to select or enter label-value pairs within a dropdown interface.\n * @documentation https://zinc.style/components/defined-label\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-dropdown\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n *\n * @csspart input - The component's main input.\n * @csspart input-value - The label's value inputs.\n */",
|
|
10808
10898
|
"documentation": "https://zinc.style/components/defined-label",
|
|
10809
10899
|
"status": "experimental",
|
|
10810
10900
|
"since": "1.0",
|
|
@@ -10813,9 +10903,7 @@
|
|
|
10813
10903
|
"zn-dropdown",
|
|
10814
10904
|
"zn-input",
|
|
10815
10905
|
"zn-option",
|
|
10816
|
-
"zn-
|
|
10817
|
-
"zn-select",
|
|
10818
|
-
"zn-sp"
|
|
10906
|
+
"zn-select"
|
|
10819
10907
|
]
|
|
10820
10908
|
}
|
|
10821
10909
|
],
|
|
@@ -12958,7 +13046,7 @@
|
|
|
12958
13046
|
"name": "formControlController",
|
|
12959
13047
|
"privacy": "private",
|
|
12960
13048
|
"readonly": true,
|
|
12961
|
-
"default": "new FormControlController(this, { assumeInteractionOn: ['zn-change'], // An explicitly cleared control submits an empty value so the server can // remove the stored upload; an untouched empty control submits nothing. value: (el: ZnFile) => { if (el.files?.length) return el.files; return el.clearedByUser ? '' : undefined; } })"
|
|
13049
|
+
"default": "new FormControlController(this, { assumeInteractionOn: ['zn-change'], // An explicitly cleared control submits an empty value so the server can // remove the stored upload; an untouched empty control submits nothing. // In upload-url mode the control submits the uploaded file's URL string // instead of the file bytes. value: (el: ZnFile) => { if (el.uploadUrl) { if (el.src) return el.src; return el.clearedByUser ? '' : undefined; } if (el.files?.length) return el.files; return el.clearedByUser ? '' : undefined; } })"
|
|
12962
13050
|
},
|
|
12963
13051
|
{
|
|
12964
13052
|
"kind": "field",
|
|
@@ -13240,6 +13328,25 @@
|
|
|
13240
13328
|
"description": "When enabled, render the current link (`previewSrc`) as a clickable URL below the control.\nUseful for showing the existing CDN link alongside the preview.",
|
|
13241
13329
|
"attribute": "show-link"
|
|
13242
13330
|
},
|
|
13331
|
+
{
|
|
13332
|
+
"kind": "field",
|
|
13333
|
+
"name": "uploadUrl",
|
|
13334
|
+
"type": {
|
|
13335
|
+
"text": "string"
|
|
13336
|
+
},
|
|
13337
|
+
"default": "''",
|
|
13338
|
+
"description": "When set, a chosen file is immediately POSTed (multipart, field `file`) to this URL.\nThe endpoint must respond with JSON `{\"url\": \"...\"}`; that URL becomes the control's\nvalue (and `src` preview) in place of the file bytes, so the control works inside\nJSON-serialising hosts such as `zn-page-builder`. Emits `zn-error` when the upload fails.",
|
|
13339
|
+
"attribute": "upload-url"
|
|
13340
|
+
},
|
|
13341
|
+
{
|
|
13342
|
+
"kind": "field",
|
|
13343
|
+
"name": "uploading",
|
|
13344
|
+
"type": {
|
|
13345
|
+
"text": "boolean"
|
|
13346
|
+
},
|
|
13347
|
+
"privacy": "private",
|
|
13348
|
+
"default": "false"
|
|
13349
|
+
},
|
|
13243
13350
|
{
|
|
13244
13351
|
"kind": "field",
|
|
13245
13352
|
"name": "validity",
|
|
@@ -13393,6 +13500,20 @@
|
|
|
13393
13500
|
],
|
|
13394
13501
|
"description": "Handles the change event of the native input"
|
|
13395
13502
|
},
|
|
13503
|
+
{
|
|
13504
|
+
"kind": "method",
|
|
13505
|
+
"name": "uploadFile",
|
|
13506
|
+
"privacy": "private",
|
|
13507
|
+
"parameters": [
|
|
13508
|
+
{
|
|
13509
|
+
"name": "file",
|
|
13510
|
+
"type": {
|
|
13511
|
+
"text": "File"
|
|
13512
|
+
}
|
|
13513
|
+
}
|
|
13514
|
+
],
|
|
13515
|
+
"description": "Uploads the chosen file to `uploadUrl` and adopts the returned URL as the\ncontrol's value. The local file preview stays visible while the upload runs."
|
|
13516
|
+
},
|
|
13396
13517
|
{
|
|
13397
13518
|
"kind": "field",
|
|
13398
13519
|
"name": "handleDragOver",
|
|
@@ -13671,6 +13792,15 @@
|
|
|
13671
13792
|
"default": "false",
|
|
13672
13793
|
"description": "When enabled, render the current link (`previewSrc`) as a clickable URL below the control.\nUseful for showing the existing CDN link alongside the preview.",
|
|
13673
13794
|
"fieldName": "showLink"
|
|
13795
|
+
},
|
|
13796
|
+
{
|
|
13797
|
+
"name": "upload-url",
|
|
13798
|
+
"type": {
|
|
13799
|
+
"text": "string"
|
|
13800
|
+
},
|
|
13801
|
+
"default": "''",
|
|
13802
|
+
"description": "When set, a chosen file is immediately POSTed (multipart, field `file`) to this URL.\nThe endpoint must respond with JSON `{\"url\": \"...\"}`; that URL becomes the control's\nvalue (and `src` preview) in place of the file bytes, so the control works inside\nJSON-serialising hosts such as `zn-page-builder`. Emits `zn-error` when the upload fails.",
|
|
13803
|
+
"fieldName": "uploadUrl"
|
|
13674
13804
|
}
|
|
13675
13805
|
],
|
|
13676
13806
|
"superclass": {
|
|
@@ -15460,272 +15590,6 @@
|
|
|
15460
15590
|
}
|
|
15461
15591
|
]
|
|
15462
15592
|
},
|
|
15463
|
-
{
|
|
15464
|
-
"kind": "javascript-module",
|
|
15465
|
-
"path": "components/header/header.js",
|
|
15466
|
-
"declarations": [
|
|
15467
|
-
{
|
|
15468
|
-
"kind": "class",
|
|
15469
|
-
"description": "",
|
|
15470
|
-
"name": "ZnHeader",
|
|
15471
|
-
"cssProperties": [
|
|
15472
|
-
{
|
|
15473
|
-
"description": "An example CSS custom property.",
|
|
15474
|
-
"name": "--example"
|
|
15475
|
-
}
|
|
15476
|
-
],
|
|
15477
|
-
"cssParts": [
|
|
15478
|
-
{
|
|
15479
|
-
"description": "The component's base wrapper.",
|
|
15480
|
-
"name": "base"
|
|
15481
|
-
}
|
|
15482
|
-
],
|
|
15483
|
-
"slots": [
|
|
15484
|
-
{
|
|
15485
|
-
"description": "The default slot.",
|
|
15486
|
-
"name": ""
|
|
15487
|
-
},
|
|
15488
|
-
{
|
|
15489
|
-
"description": "An example slot.",
|
|
15490
|
-
"name": "example"
|
|
15491
|
-
}
|
|
15492
|
-
],
|
|
15493
|
-
"members": [
|
|
15494
|
-
{
|
|
15495
|
-
"kind": "field",
|
|
15496
|
-
"name": "hasSlotController",
|
|
15497
|
-
"privacy": "private",
|
|
15498
|
-
"readonly": true,
|
|
15499
|
-
"default": "new HasSlotController(this, '[default]', 'nav', 'breadcrumb')"
|
|
15500
|
-
},
|
|
15501
|
-
{
|
|
15502
|
-
"kind": "field",
|
|
15503
|
-
"name": "fullLocation",
|
|
15504
|
-
"type": {
|
|
15505
|
-
"text": "string"
|
|
15506
|
-
},
|
|
15507
|
-
"attribute": "full-location"
|
|
15508
|
-
},
|
|
15509
|
-
{
|
|
15510
|
-
"kind": "field",
|
|
15511
|
-
"name": "entityId",
|
|
15512
|
-
"type": {
|
|
15513
|
-
"text": "string"
|
|
15514
|
-
},
|
|
15515
|
-
"attribute": "entity-id"
|
|
15516
|
-
},
|
|
15517
|
-
{
|
|
15518
|
-
"kind": "field",
|
|
15519
|
-
"name": "entityIdShow",
|
|
15520
|
-
"type": {
|
|
15521
|
-
"text": "boolean"
|
|
15522
|
-
},
|
|
15523
|
-
"attribute": "entity-id-show"
|
|
15524
|
-
},
|
|
15525
|
-
{
|
|
15526
|
-
"kind": "field",
|
|
15527
|
-
"name": "transparent",
|
|
15528
|
-
"type": {
|
|
15529
|
-
"text": "boolean"
|
|
15530
|
-
},
|
|
15531
|
-
"default": "false",
|
|
15532
|
-
"attribute": "transparent"
|
|
15533
|
-
},
|
|
15534
|
-
{
|
|
15535
|
-
"kind": "field",
|
|
15536
|
-
"name": "caption",
|
|
15537
|
-
"type": {
|
|
15538
|
-
"text": "string"
|
|
15539
|
-
},
|
|
15540
|
-
"attribute": "caption"
|
|
15541
|
-
},
|
|
15542
|
-
{
|
|
15543
|
-
"kind": "field",
|
|
15544
|
-
"name": "icon",
|
|
15545
|
-
"type": {
|
|
15546
|
-
"text": "string"
|
|
15547
|
-
},
|
|
15548
|
-
"attribute": "icon"
|
|
15549
|
-
},
|
|
15550
|
-
{
|
|
15551
|
-
"kind": "field",
|
|
15552
|
-
"name": "navigation",
|
|
15553
|
-
"type": {
|
|
15554
|
-
"text": "array"
|
|
15555
|
-
},
|
|
15556
|
-
"default": "[]",
|
|
15557
|
-
"attribute": "navigation"
|
|
15558
|
-
},
|
|
15559
|
-
{
|
|
15560
|
-
"kind": "field",
|
|
15561
|
-
"name": "fullWidth",
|
|
15562
|
-
"type": {
|
|
15563
|
-
"text": "boolean"
|
|
15564
|
-
},
|
|
15565
|
-
"attribute": "full-width"
|
|
15566
|
-
},
|
|
15567
|
-
{
|
|
15568
|
-
"kind": "field",
|
|
15569
|
-
"name": "previousPath",
|
|
15570
|
-
"type": {
|
|
15571
|
-
"text": "string"
|
|
15572
|
-
},
|
|
15573
|
-
"attribute": "previous-path"
|
|
15574
|
-
},
|
|
15575
|
-
{
|
|
15576
|
-
"kind": "field",
|
|
15577
|
-
"name": "previousTarget",
|
|
15578
|
-
"type": {
|
|
15579
|
-
"text": "string"
|
|
15580
|
-
},
|
|
15581
|
-
"attribute": "previous-target"
|
|
15582
|
-
},
|
|
15583
|
-
{
|
|
15584
|
-
"kind": "field",
|
|
15585
|
-
"name": "hideBreadcrumb",
|
|
15586
|
-
"type": {
|
|
15587
|
-
"text": "boolean"
|
|
15588
|
-
},
|
|
15589
|
-
"default": "false",
|
|
15590
|
-
"attribute": "hide-breadcrumb"
|
|
15591
|
-
},
|
|
15592
|
-
{
|
|
15593
|
-
"kind": "field",
|
|
15594
|
-
"name": "navbar",
|
|
15595
|
-
"type": {
|
|
15596
|
-
"text": "ZnNavbar"
|
|
15597
|
-
},
|
|
15598
|
-
"privacy": "private"
|
|
15599
|
-
},
|
|
15600
|
-
{
|
|
15601
|
-
"kind": "field",
|
|
15602
|
-
"name": "handleAltPress"
|
|
15603
|
-
},
|
|
15604
|
-
{
|
|
15605
|
-
"kind": "field",
|
|
15606
|
-
"name": "handleAltUp"
|
|
15607
|
-
},
|
|
15608
|
-
{
|
|
15609
|
-
"kind": "method",
|
|
15610
|
-
"name": "updateNav"
|
|
15611
|
-
}
|
|
15612
|
-
],
|
|
15613
|
-
"events": [
|
|
15614
|
-
{
|
|
15615
|
-
"description": "Emitted as an example.",
|
|
15616
|
-
"name": "zn-event-name"
|
|
15617
|
-
}
|
|
15618
|
-
],
|
|
15619
|
-
"attributes": [
|
|
15620
|
-
{
|
|
15621
|
-
"name": "full-location",
|
|
15622
|
-
"type": {
|
|
15623
|
-
"text": "string"
|
|
15624
|
-
},
|
|
15625
|
-
"fieldName": "fullLocation"
|
|
15626
|
-
},
|
|
15627
|
-
{
|
|
15628
|
-
"name": "entity-id",
|
|
15629
|
-
"type": {
|
|
15630
|
-
"text": "string"
|
|
15631
|
-
},
|
|
15632
|
-
"fieldName": "entityId"
|
|
15633
|
-
},
|
|
15634
|
-
{
|
|
15635
|
-
"name": "entity-id-show",
|
|
15636
|
-
"type": {
|
|
15637
|
-
"text": "boolean"
|
|
15638
|
-
},
|
|
15639
|
-
"fieldName": "entityIdShow"
|
|
15640
|
-
},
|
|
15641
|
-
{
|
|
15642
|
-
"name": "transparent",
|
|
15643
|
-
"type": {
|
|
15644
|
-
"text": "boolean"
|
|
15645
|
-
},
|
|
15646
|
-
"default": "false",
|
|
15647
|
-
"fieldName": "transparent"
|
|
15648
|
-
},
|
|
15649
|
-
{
|
|
15650
|
-
"name": "caption",
|
|
15651
|
-
"type": {
|
|
15652
|
-
"text": "string"
|
|
15653
|
-
},
|
|
15654
|
-
"fieldName": "caption"
|
|
15655
|
-
},
|
|
15656
|
-
{
|
|
15657
|
-
"name": "icon",
|
|
15658
|
-
"type": {
|
|
15659
|
-
"text": "string"
|
|
15660
|
-
},
|
|
15661
|
-
"fieldName": "icon"
|
|
15662
|
-
},
|
|
15663
|
-
{
|
|
15664
|
-
"name": "navigation",
|
|
15665
|
-
"type": {
|
|
15666
|
-
"text": "array"
|
|
15667
|
-
},
|
|
15668
|
-
"default": "[]",
|
|
15669
|
-
"fieldName": "navigation"
|
|
15670
|
-
},
|
|
15671
|
-
{
|
|
15672
|
-
"name": "full-width",
|
|
15673
|
-
"type": {
|
|
15674
|
-
"text": "boolean"
|
|
15675
|
-
},
|
|
15676
|
-
"fieldName": "fullWidth"
|
|
15677
|
-
},
|
|
15678
|
-
{
|
|
15679
|
-
"name": "previous-path",
|
|
15680
|
-
"type": {
|
|
15681
|
-
"text": "string"
|
|
15682
|
-
},
|
|
15683
|
-
"fieldName": "previousPath"
|
|
15684
|
-
},
|
|
15685
|
-
{
|
|
15686
|
-
"name": "previous-target",
|
|
15687
|
-
"type": {
|
|
15688
|
-
"text": "string"
|
|
15689
|
-
},
|
|
15690
|
-
"fieldName": "previousTarget"
|
|
15691
|
-
},
|
|
15692
|
-
{
|
|
15693
|
-
"name": "hide-breadcrumb",
|
|
15694
|
-
"type": {
|
|
15695
|
-
"text": "boolean"
|
|
15696
|
-
},
|
|
15697
|
-
"default": "false",
|
|
15698
|
-
"fieldName": "hideBreadcrumb"
|
|
15699
|
-
}
|
|
15700
|
-
],
|
|
15701
|
-
"superclass": {
|
|
15702
|
-
"name": "ZincElement",
|
|
15703
|
-
"module": "/src/internal/zinc-element"
|
|
15704
|
-
},
|
|
15705
|
-
"summary": "Short summary of the component's intended use.",
|
|
15706
|
-
"tagNameWithoutPrefix": "header",
|
|
15707
|
-
"tagName": "zn-header",
|
|
15708
|
-
"customElement": true,
|
|
15709
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/header\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
15710
|
-
"documentation": "https://zinc.style/components/header",
|
|
15711
|
-
"status": "experimental",
|
|
15712
|
-
"since": "1.0",
|
|
15713
|
-
"dependencies": [
|
|
15714
|
-
"zn-example"
|
|
15715
|
-
]
|
|
15716
|
-
}
|
|
15717
|
-
],
|
|
15718
|
-
"exports": [
|
|
15719
|
-
{
|
|
15720
|
-
"kind": "js",
|
|
15721
|
-
"name": "default",
|
|
15722
|
-
"declaration": {
|
|
15723
|
-
"name": "ZnHeader",
|
|
15724
|
-
"module": "components/header/header.js"
|
|
15725
|
-
}
|
|
15726
|
-
}
|
|
15727
|
-
]
|
|
15728
|
-
},
|
|
15729
15593
|
{
|
|
15730
15594
|
"kind": "javascript-module",
|
|
15731
15595
|
"path": "components/hover-container/hover-container.js",
|
|
@@ -16029,6 +15893,272 @@
|
|
|
16029
15893
|
}
|
|
16030
15894
|
]
|
|
16031
15895
|
},
|
|
15896
|
+
{
|
|
15897
|
+
"kind": "javascript-module",
|
|
15898
|
+
"path": "components/header/header.js",
|
|
15899
|
+
"declarations": [
|
|
15900
|
+
{
|
|
15901
|
+
"kind": "class",
|
|
15902
|
+
"description": "",
|
|
15903
|
+
"name": "ZnHeader",
|
|
15904
|
+
"cssProperties": [
|
|
15905
|
+
{
|
|
15906
|
+
"description": "An example CSS custom property.",
|
|
15907
|
+
"name": "--example"
|
|
15908
|
+
}
|
|
15909
|
+
],
|
|
15910
|
+
"cssParts": [
|
|
15911
|
+
{
|
|
15912
|
+
"description": "The component's base wrapper.",
|
|
15913
|
+
"name": "base"
|
|
15914
|
+
}
|
|
15915
|
+
],
|
|
15916
|
+
"slots": [
|
|
15917
|
+
{
|
|
15918
|
+
"description": "The default slot.",
|
|
15919
|
+
"name": ""
|
|
15920
|
+
},
|
|
15921
|
+
{
|
|
15922
|
+
"description": "An example slot.",
|
|
15923
|
+
"name": "example"
|
|
15924
|
+
}
|
|
15925
|
+
],
|
|
15926
|
+
"members": [
|
|
15927
|
+
{
|
|
15928
|
+
"kind": "field",
|
|
15929
|
+
"name": "hasSlotController",
|
|
15930
|
+
"privacy": "private",
|
|
15931
|
+
"readonly": true,
|
|
15932
|
+
"default": "new HasSlotController(this, '[default]', 'nav', 'breadcrumb')"
|
|
15933
|
+
},
|
|
15934
|
+
{
|
|
15935
|
+
"kind": "field",
|
|
15936
|
+
"name": "fullLocation",
|
|
15937
|
+
"type": {
|
|
15938
|
+
"text": "string"
|
|
15939
|
+
},
|
|
15940
|
+
"attribute": "full-location"
|
|
15941
|
+
},
|
|
15942
|
+
{
|
|
15943
|
+
"kind": "field",
|
|
15944
|
+
"name": "entityId",
|
|
15945
|
+
"type": {
|
|
15946
|
+
"text": "string"
|
|
15947
|
+
},
|
|
15948
|
+
"attribute": "entity-id"
|
|
15949
|
+
},
|
|
15950
|
+
{
|
|
15951
|
+
"kind": "field",
|
|
15952
|
+
"name": "entityIdShow",
|
|
15953
|
+
"type": {
|
|
15954
|
+
"text": "boolean"
|
|
15955
|
+
},
|
|
15956
|
+
"attribute": "entity-id-show"
|
|
15957
|
+
},
|
|
15958
|
+
{
|
|
15959
|
+
"kind": "field",
|
|
15960
|
+
"name": "transparent",
|
|
15961
|
+
"type": {
|
|
15962
|
+
"text": "boolean"
|
|
15963
|
+
},
|
|
15964
|
+
"default": "false",
|
|
15965
|
+
"attribute": "transparent"
|
|
15966
|
+
},
|
|
15967
|
+
{
|
|
15968
|
+
"kind": "field",
|
|
15969
|
+
"name": "caption",
|
|
15970
|
+
"type": {
|
|
15971
|
+
"text": "string"
|
|
15972
|
+
},
|
|
15973
|
+
"attribute": "caption"
|
|
15974
|
+
},
|
|
15975
|
+
{
|
|
15976
|
+
"kind": "field",
|
|
15977
|
+
"name": "icon",
|
|
15978
|
+
"type": {
|
|
15979
|
+
"text": "string"
|
|
15980
|
+
},
|
|
15981
|
+
"attribute": "icon"
|
|
15982
|
+
},
|
|
15983
|
+
{
|
|
15984
|
+
"kind": "field",
|
|
15985
|
+
"name": "navigation",
|
|
15986
|
+
"type": {
|
|
15987
|
+
"text": "array"
|
|
15988
|
+
},
|
|
15989
|
+
"default": "[]",
|
|
15990
|
+
"attribute": "navigation"
|
|
15991
|
+
},
|
|
15992
|
+
{
|
|
15993
|
+
"kind": "field",
|
|
15994
|
+
"name": "fullWidth",
|
|
15995
|
+
"type": {
|
|
15996
|
+
"text": "boolean"
|
|
15997
|
+
},
|
|
15998
|
+
"attribute": "full-width"
|
|
15999
|
+
},
|
|
16000
|
+
{
|
|
16001
|
+
"kind": "field",
|
|
16002
|
+
"name": "previousPath",
|
|
16003
|
+
"type": {
|
|
16004
|
+
"text": "string"
|
|
16005
|
+
},
|
|
16006
|
+
"attribute": "previous-path"
|
|
16007
|
+
},
|
|
16008
|
+
{
|
|
16009
|
+
"kind": "field",
|
|
16010
|
+
"name": "previousTarget",
|
|
16011
|
+
"type": {
|
|
16012
|
+
"text": "string"
|
|
16013
|
+
},
|
|
16014
|
+
"attribute": "previous-target"
|
|
16015
|
+
},
|
|
16016
|
+
{
|
|
16017
|
+
"kind": "field",
|
|
16018
|
+
"name": "hideBreadcrumb",
|
|
16019
|
+
"type": {
|
|
16020
|
+
"text": "boolean"
|
|
16021
|
+
},
|
|
16022
|
+
"default": "false",
|
|
16023
|
+
"attribute": "hide-breadcrumb"
|
|
16024
|
+
},
|
|
16025
|
+
{
|
|
16026
|
+
"kind": "field",
|
|
16027
|
+
"name": "navbar",
|
|
16028
|
+
"type": {
|
|
16029
|
+
"text": "ZnNavbar"
|
|
16030
|
+
},
|
|
16031
|
+
"privacy": "private"
|
|
16032
|
+
},
|
|
16033
|
+
{
|
|
16034
|
+
"kind": "field",
|
|
16035
|
+
"name": "handleAltPress"
|
|
16036
|
+
},
|
|
16037
|
+
{
|
|
16038
|
+
"kind": "field",
|
|
16039
|
+
"name": "handleAltUp"
|
|
16040
|
+
},
|
|
16041
|
+
{
|
|
16042
|
+
"kind": "method",
|
|
16043
|
+
"name": "updateNav"
|
|
16044
|
+
}
|
|
16045
|
+
],
|
|
16046
|
+
"events": [
|
|
16047
|
+
{
|
|
16048
|
+
"description": "Emitted as an example.",
|
|
16049
|
+
"name": "zn-event-name"
|
|
16050
|
+
}
|
|
16051
|
+
],
|
|
16052
|
+
"attributes": [
|
|
16053
|
+
{
|
|
16054
|
+
"name": "full-location",
|
|
16055
|
+
"type": {
|
|
16056
|
+
"text": "string"
|
|
16057
|
+
},
|
|
16058
|
+
"fieldName": "fullLocation"
|
|
16059
|
+
},
|
|
16060
|
+
{
|
|
16061
|
+
"name": "entity-id",
|
|
16062
|
+
"type": {
|
|
16063
|
+
"text": "string"
|
|
16064
|
+
},
|
|
16065
|
+
"fieldName": "entityId"
|
|
16066
|
+
},
|
|
16067
|
+
{
|
|
16068
|
+
"name": "entity-id-show",
|
|
16069
|
+
"type": {
|
|
16070
|
+
"text": "boolean"
|
|
16071
|
+
},
|
|
16072
|
+
"fieldName": "entityIdShow"
|
|
16073
|
+
},
|
|
16074
|
+
{
|
|
16075
|
+
"name": "transparent",
|
|
16076
|
+
"type": {
|
|
16077
|
+
"text": "boolean"
|
|
16078
|
+
},
|
|
16079
|
+
"default": "false",
|
|
16080
|
+
"fieldName": "transparent"
|
|
16081
|
+
},
|
|
16082
|
+
{
|
|
16083
|
+
"name": "caption",
|
|
16084
|
+
"type": {
|
|
16085
|
+
"text": "string"
|
|
16086
|
+
},
|
|
16087
|
+
"fieldName": "caption"
|
|
16088
|
+
},
|
|
16089
|
+
{
|
|
16090
|
+
"name": "icon",
|
|
16091
|
+
"type": {
|
|
16092
|
+
"text": "string"
|
|
16093
|
+
},
|
|
16094
|
+
"fieldName": "icon"
|
|
16095
|
+
},
|
|
16096
|
+
{
|
|
16097
|
+
"name": "navigation",
|
|
16098
|
+
"type": {
|
|
16099
|
+
"text": "array"
|
|
16100
|
+
},
|
|
16101
|
+
"default": "[]",
|
|
16102
|
+
"fieldName": "navigation"
|
|
16103
|
+
},
|
|
16104
|
+
{
|
|
16105
|
+
"name": "full-width",
|
|
16106
|
+
"type": {
|
|
16107
|
+
"text": "boolean"
|
|
16108
|
+
},
|
|
16109
|
+
"fieldName": "fullWidth"
|
|
16110
|
+
},
|
|
16111
|
+
{
|
|
16112
|
+
"name": "previous-path",
|
|
16113
|
+
"type": {
|
|
16114
|
+
"text": "string"
|
|
16115
|
+
},
|
|
16116
|
+
"fieldName": "previousPath"
|
|
16117
|
+
},
|
|
16118
|
+
{
|
|
16119
|
+
"name": "previous-target",
|
|
16120
|
+
"type": {
|
|
16121
|
+
"text": "string"
|
|
16122
|
+
},
|
|
16123
|
+
"fieldName": "previousTarget"
|
|
16124
|
+
},
|
|
16125
|
+
{
|
|
16126
|
+
"name": "hide-breadcrumb",
|
|
16127
|
+
"type": {
|
|
16128
|
+
"text": "boolean"
|
|
16129
|
+
},
|
|
16130
|
+
"default": "false",
|
|
16131
|
+
"fieldName": "hideBreadcrumb"
|
|
16132
|
+
}
|
|
16133
|
+
],
|
|
16134
|
+
"superclass": {
|
|
16135
|
+
"name": "ZincElement",
|
|
16136
|
+
"module": "/src/internal/zinc-element"
|
|
16137
|
+
},
|
|
16138
|
+
"summary": "Short summary of the component's intended use.",
|
|
16139
|
+
"tagNameWithoutPrefix": "header",
|
|
16140
|
+
"tagName": "zn-header",
|
|
16141
|
+
"customElement": true,
|
|
16142
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/header\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
16143
|
+
"documentation": "https://zinc.style/components/header",
|
|
16144
|
+
"status": "experimental",
|
|
16145
|
+
"since": "1.0",
|
|
16146
|
+
"dependencies": [
|
|
16147
|
+
"zn-example"
|
|
16148
|
+
]
|
|
16149
|
+
}
|
|
16150
|
+
],
|
|
16151
|
+
"exports": [
|
|
16152
|
+
{
|
|
16153
|
+
"kind": "js",
|
|
16154
|
+
"name": "default",
|
|
16155
|
+
"declaration": {
|
|
16156
|
+
"name": "ZnHeader",
|
|
16157
|
+
"module": "components/header/header.js"
|
|
16158
|
+
}
|
|
16159
|
+
}
|
|
16160
|
+
]
|
|
16161
|
+
},
|
|
16032
16162
|
{
|
|
16033
16163
|
"kind": "javascript-module",
|
|
16034
16164
|
"path": "components/icon/icon.js",
|
|
@@ -42310,7 +42440,7 @@
|
|
|
42310
42440
|
"package": {
|
|
42311
42441
|
"name": "@kubex/zinc",
|
|
42312
42442
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
42313
|
-
"version": "1.1.
|
|
42443
|
+
"version": "1.1.68",
|
|
42314
42444
|
"author": "",
|
|
42315
42445
|
"license": "MIT"
|
|
42316
42446
|
}
|