@nanoporetech-digital/components 8.6.0 → 8.7.1
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/cjs/{fade-BLXO4NX4.js → fade-NeUskjyB.js} +2 -2
- package/dist/cjs/{form-control-B-3YQ1I7.js → form-control-C6SZCtLY.js} +1 -1
- package/dist/cjs/{fullscreen-Bh553is8.js → fullscreen-D5cgtwoy.js} +2 -2
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{lazyload-C1nc-whI.js → lazyload-Dm1NcTJ1.js} +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nano-accordion.cjs.entry.js +1 -1
- package/dist/cjs/nano-alert.cjs.entry.js +1 -1
- package/dist/cjs/nano-algolia-filter.cjs.entry.js +1 -1
- package/dist/cjs/nano-algolia-results.cjs.entry.js +1 -1
- package/dist/cjs/nano-algolia.cjs.entry.js +1 -1
- package/dist/cjs/nano-animation.cjs.entry.js +1 -1
- package/dist/cjs/nano-avatar_5.cjs.entry.js +2 -2
- package/dist/cjs/nano-card-carousel.cjs.entry.js +1 -1
- package/dist/cjs/nano-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/nano-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/nano-collapsible-comparison.cjs.entry.js +13 -2
- package/dist/cjs/nano-components.cjs.js +1 -1
- package/dist/cjs/{nano-data-table-BHQIpW0N.js → nano-data-table-xe9FWWGZ.js} +2 -2
- package/dist/cjs/nano-data-table.cjs.entry.js +2 -2
- package/dist/cjs/nano-datalist_3.cjs.entry.js +1 -1
- package/dist/cjs/nano-date-input.cjs.entry.js +1 -1
- package/dist/cjs/nano-date-picker_2.cjs.entry.js +2 -2
- package/dist/cjs/nano-details.cjs.entry.js +1 -1
- package/dist/cjs/nano-dialog.cjs.entry.js +1 -1
- package/dist/cjs/nano-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/nano-field-validator.cjs.entry.js +1 -1
- package/dist/cjs/nano-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/nano-global-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-grid_2.cjs.entry.js +1 -1
- package/dist/cjs/nano-hero.cjs.entry.js +1 -1
- package/dist/cjs/nano-icon-button_2.cjs.entry.js +1 -1
- package/dist/cjs/nano-icon.cjs.entry.js +1 -1
- package/dist/cjs/nano-in-page-nav.cjs.entry.js +1 -1
- package/dist/cjs/nano-increment.cjs.entry.js +1 -1
- package/dist/cjs/nano-intersection-observe.cjs.entry.js +1 -1
- package/dist/cjs/nano-masked-overflow.cjs.entry.js +1 -1
- package/dist/cjs/nano-menu-drawer.cjs.entry.js +1 -1
- package/dist/cjs/nano-more-less.cjs.entry.js +1 -1
- package/dist/cjs/nano-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/nano-range.cjs.entry.js +1 -1
- package/dist/cjs/nano-rating.cjs.entry.js +1 -1
- package/dist/cjs/nano-resize-observe.cjs.entry.js +1 -1
- package/dist/cjs/nano-slide.cjs.entry.js +1 -1
- package/dist/cjs/{nano-slides-CrJKcnQs.js → nano-slides-ycRcUf0g.js} +5 -5
- package/dist/cjs/nano-slides.cjs.entry.js +2 -2
- package/dist/cjs/nano-sortable.cjs.entry.js +1 -1
- package/dist/cjs/nano-split-pane.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-accordion.cjs.entry.js +1 -1
- package/dist/cjs/nano-step-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/nano-sticker.cjs.entry.js +1 -1
- package/dist/cjs/nano-tab-content.cjs.entry.js +1 -1
- package/dist/cjs/nano-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/nano-tab.cjs.entry.js +1 -1
- package/dist/cjs/nano-table.cjs.entry.js +16 -12
- package/dist/cjs/{page-dots-CJkZc-XU.js → page-dots--38yVfTZ.js} +2 -2
- package/dist/cjs/{renderer-B9M1kXq8.js → renderer-CUTUqPQt.js} +6 -1
- package/dist/cjs/{table.worker-BeE8kdSf.js → table.worker-DIekzkZg.js} +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/collapsible-comparison/collapsible-comparison.js +52 -1
- package/dist/collection/components/table/table.js +35 -11
- package/dist/collection/utils/renderer.js +6 -1
- package/dist/components/nano-collapsible-comparison.js +15 -2
- package/dist/components/nano-table.js +16 -11
- package/dist/components/renderer.js +6 -1
- package/dist/esm/{fade--IBFBe-0.js → fade-BA6b-Fk9.js} +2 -2
- package/dist/esm/{form-control-CIz-2SMG.js → form-control-BCJMGxR_.js} +1 -1
- package/dist/esm/{fullscreen-BO0-v_-N.js → fullscreen-De_yN4cg.js} +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/{lazyload-DZWueTsT.js → lazyload-Cl8k3tPs.js} +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nano-accordion.entry.js +1 -1
- package/dist/esm/nano-alert.entry.js +1 -1
- package/dist/esm/nano-algolia-filter.entry.js +1 -1
- package/dist/esm/nano-algolia-results.entry.js +1 -1
- package/dist/esm/nano-algolia.entry.js +1 -1
- package/dist/esm/nano-animation.entry.js +1 -1
- package/dist/esm/nano-avatar_5.entry.js +2 -2
- package/dist/esm/nano-card-carousel.entry.js +1 -1
- package/dist/esm/nano-checkbox-group.entry.js +1 -1
- package/dist/esm/nano-checkbox.entry.js +1 -1
- package/dist/esm/nano-collapsible-comparison.entry.js +13 -2
- package/dist/esm/nano-components.js +1 -1
- package/dist/esm/{nano-data-table-CWliPF7Y.js → nano-data-table-C1hBvIg7.js} +2 -2
- package/dist/esm/nano-data-table.entry.js +2 -2
- package/dist/esm/nano-datalist_3.entry.js +1 -1
- package/dist/esm/nano-date-input.entry.js +1 -1
- package/dist/esm/nano-date-picker_2.entry.js +2 -2
- package/dist/esm/nano-details.entry.js +1 -1
- package/dist/esm/nano-dialog.entry.js +1 -1
- package/dist/esm/nano-dropdown_2.entry.js +1 -1
- package/dist/esm/nano-field-validator.entry.js +1 -1
- package/dist/esm/nano-file-upload.entry.js +1 -1
- package/dist/esm/nano-global-nav.entry.js +1 -1
- package/dist/esm/nano-grid_2.entry.js +1 -1
- package/dist/esm/nano-hero.entry.js +1 -1
- package/dist/esm/nano-icon-button_2.entry.js +1 -1
- package/dist/esm/nano-icon.entry.js +1 -1
- package/dist/esm/nano-in-page-nav.entry.js +1 -1
- package/dist/esm/nano-increment.entry.js +1 -1
- package/dist/esm/nano-intersection-observe.entry.js +1 -1
- package/dist/esm/nano-masked-overflow.entry.js +1 -1
- package/dist/esm/nano-menu-drawer.entry.js +1 -1
- package/dist/esm/nano-more-less.entry.js +1 -1
- package/dist/esm/nano-nav-item.entry.js +1 -1
- package/dist/esm/nano-range.entry.js +1 -1
- package/dist/esm/nano-rating.entry.js +1 -1
- package/dist/esm/nano-resize-observe.entry.js +1 -1
- package/dist/esm/nano-slide.entry.js +1 -1
- package/dist/esm/{nano-slides-Cumys6rw.js → nano-slides-GrbOydfa.js} +5 -5
- package/dist/esm/nano-slides.entry.js +2 -2
- package/dist/esm/nano-sortable.entry.js +1 -1
- package/dist/esm/nano-split-pane.entry.js +1 -1
- package/dist/esm/nano-step-accordion.entry.js +1 -1
- package/dist/esm/nano-step-breadcrumb.entry.js +1 -1
- package/dist/esm/nano-sticker.entry.js +1 -1
- package/dist/esm/nano-tab-content.entry.js +1 -1
- package/dist/esm/nano-tab-group.entry.js +1 -1
- package/dist/esm/nano-tab.entry.js +1 -1
- package/dist/esm/nano-table.entry.js +16 -12
- package/dist/esm/{page-dots-Czwlqg1b.js → page-dots-CSf81OuJ.js} +2 -2
- package/dist/esm/{renderer-BaP2L8CT.js → renderer-DasB4P10.js} +6 -1
- package/dist/esm/{table.worker-DJks4i_l.js → table.worker-Dxl1vTb_.js} +2 -2
- package/dist/nano-components/{fade--IBFBe-0.js → fade-BA6b-Fk9.js} +1 -1
- package/dist/nano-components/{form-control-CIz-2SMG.js → form-control-BCJMGxR_.js} +1 -1
- package/dist/nano-components/{fullscreen-BO0-v_-N.js → fullscreen-De_yN4cg.js} +1 -1
- package/dist/nano-components/index.esm.js +1 -1
- package/dist/nano-components/lazyload-Cl8k3tPs.js +4 -0
- package/dist/nano-components/nano-accordion.entry.js +1 -1
- package/dist/nano-components/nano-alert.entry.js +1 -1
- package/dist/nano-components/nano-algolia-filter.entry.js +1 -1
- package/dist/nano-components/nano-algolia-results.entry.js +1 -1
- package/dist/nano-components/nano-algolia.entry.js +1 -1
- package/dist/nano-components/nano-animation.entry.js +1 -1
- package/dist/nano-components/nano-avatar_5.entry.js +1 -1
- package/dist/nano-components/nano-card-carousel.entry.js +1 -1
- package/dist/nano-components/nano-checkbox-group.entry.js +1 -1
- package/dist/nano-components/nano-checkbox.entry.js +1 -1
- package/dist/nano-components/nano-collapsible-comparison.entry.js +1 -1
- package/dist/nano-components/nano-components.css +7 -3
- package/dist/nano-components/nano-components.esm.js +1 -1
- package/dist/nano-components/{nano-data-table-CWliPF7Y.js → nano-data-table-C1hBvIg7.js} +1 -1
- package/dist/nano-components/nano-data-table.entry.js +1 -1
- package/dist/nano-components/nano-datalist_3.entry.js +1 -1
- package/dist/nano-components/nano-date-input.entry.js +1 -1
- package/dist/nano-components/nano-date-picker_2.entry.js +1 -1
- package/dist/nano-components/nano-details.entry.js +1 -1
- package/dist/nano-components/nano-dialog.entry.js +1 -1
- package/dist/nano-components/nano-dropdown_2.entry.js +1 -1
- package/dist/nano-components/nano-field-validator.entry.js +1 -1
- package/dist/nano-components/nano-file-upload.entry.js +1 -1
- package/dist/nano-components/nano-global-nav.entry.js +1 -1
- package/dist/nano-components/nano-grid_2.entry.js +1 -1
- package/dist/nano-components/nano-hero.entry.js +1 -1
- package/dist/nano-components/nano-icon-button_2.entry.js +1 -1
- package/dist/nano-components/nano-icon.entry.js +1 -1
- package/dist/nano-components/nano-in-page-nav.entry.js +1 -1
- package/dist/nano-components/nano-increment.entry.js +1 -1
- package/dist/nano-components/nano-intersection-observe.entry.js +1 -1
- package/dist/nano-components/nano-masked-overflow.entry.js +1 -1
- package/dist/nano-components/nano-menu-drawer.entry.js +1 -1
- package/dist/nano-components/nano-more-less.entry.js +1 -1
- package/dist/nano-components/nano-nav-item.entry.js +1 -1
- package/dist/nano-components/nano-range.entry.js +1 -1
- package/dist/nano-components/nano-rating.entry.js +1 -1
- package/dist/nano-components/nano-resize-observe.entry.js +1 -1
- package/dist/nano-components/nano-slide.entry.js +1 -1
- package/dist/nano-components/{nano-slides-Cumys6rw.js → nano-slides-GrbOydfa.js} +4 -4
- package/dist/nano-components/nano-slides.entry.js +1 -1
- package/dist/nano-components/nano-sortable.entry.js +1 -1
- package/dist/nano-components/nano-split-pane.entry.js +1 -1
- package/dist/nano-components/nano-step-accordion.entry.js +1 -1
- package/dist/nano-components/nano-step-breadcrumb.entry.js +1 -1
- package/dist/nano-components/nano-sticker.entry.js +1 -1
- package/dist/nano-components/nano-tab-content.entry.js +1 -1
- package/dist/nano-components/nano-tab-group.entry.js +1 -1
- package/dist/nano-components/nano-tab.entry.js +1 -1
- package/dist/nano-components/nano-table.entry.js +1 -1
- package/dist/nano-components/{page-dots-Czwlqg1b.js → page-dots-CSf81OuJ.js} +1 -1
- package/dist/nano-components/renderer-DasB4P10.js +4 -0
- package/dist/nano-components/table.worker-Dxl1vTb_.js +4 -0
- package/dist/style/components.css +1 -1
- package/dist/style/components.css.map +1 -1
- package/dist/style/core.css +1 -1
- package/dist/style/core.css.map +1 -1
- package/dist/style/nano.css +1 -1
- package/dist/style/nano.css.map +1 -1
- package/dist/types/components/collapsible-comparison/collapsible-comparison.d.ts +9 -0
- package/dist/types/components/table/table.d.ts +2 -0
- package/dist/types/components.d.ts +30 -0
- package/docs-json.json +90 -3
- package/docs-vscode.json +12 -0
- package/hydrate/index.js +32 -14
- package/hydrate/index.mjs +32 -14
- package/package.json +2 -2
- package/dist/nano-components/lazyload-DZWueTsT.js +0 -4
- package/dist/nano-components/renderer-BaP2L8CT.js +0 -4
- package/dist/nano-components/table.worker-DJks4i_l.js +0 -4
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/generate-vue-component.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/index.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/output-vue.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/plugin.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/types.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/plugins/stencil/vue-output/utils.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/stencil.config.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/stencil.config.prod.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/testing/mocks/intersection-observer.d.ts +0 -0
- /package/dist/types/builds/{W1hp42tj → FKs_t1C_}/0/Digital/nano-components/packages/components/.stencil/wdio.conf.d.ts +0 -0
@@ -18,12 +18,21 @@ export declare class CollapsibleComparison {
|
|
18
18
|
* Controls whether the comparison is open or closed.
|
19
19
|
*/
|
20
20
|
open: boolean;
|
21
|
+
/**
|
22
|
+
* Optional toggle button label to show details
|
23
|
+
*/
|
24
|
+
showLabel?: string;
|
25
|
+
/**
|
26
|
+
* Optional toggle button label to hide details
|
27
|
+
*/
|
28
|
+
hideLabel?: string;
|
21
29
|
/**
|
22
30
|
* Emits when the comparison is opened and closed.
|
23
31
|
*/
|
24
32
|
nanoToggle: EventEmitter<boolean>;
|
25
33
|
handleOpenChange(): void;
|
26
34
|
private handleClick;
|
35
|
+
private getToggleLabel;
|
27
36
|
componentWillLoad(): void;
|
28
37
|
componentDidLoad(): void;
|
29
38
|
render(): any;
|
@@ -16,6 +16,8 @@ export declare class NanoTable {
|
|
16
16
|
/** Visually hide the table's caption */
|
17
17
|
hideCaption: boolean;
|
18
18
|
handleHideCaptionChange(): void;
|
19
|
+
/** Disable the clickable rows functionality. */
|
20
|
+
disableClickableRows: boolean;
|
19
21
|
private resizeObserver;
|
20
22
|
private mutationObserver;
|
21
23
|
private intersectionObserver;
|
@@ -624,11 +624,21 @@ export namespace Components {
|
|
624
624
|
* @status new
|
625
625
|
*/
|
626
626
|
interface NanoCollapsibleComparison {
|
627
|
+
/**
|
628
|
+
* Optional toggle button label to hide details
|
629
|
+
* @default 'Hide details'
|
630
|
+
*/
|
631
|
+
"hideLabel"?: string;
|
627
632
|
/**
|
628
633
|
* Controls whether the comparison is open or closed.
|
629
634
|
* @default false
|
630
635
|
*/
|
631
636
|
"open": boolean;
|
637
|
+
/**
|
638
|
+
* Optional toggle button label to show details
|
639
|
+
* @default 'Show details'
|
640
|
+
*/
|
641
|
+
"showLabel"?: string;
|
632
642
|
}
|
633
643
|
/**
|
634
644
|
* Content links are used to group multiple links together.
|
@@ -3290,6 +3300,11 @@ export namespace Components {
|
|
3290
3300
|
* @default 'auto'
|
3291
3301
|
*/
|
3292
3302
|
"compact": boolean | 'auto';
|
3303
|
+
/**
|
3304
|
+
* Disable the clickable rows functionality.
|
3305
|
+
* @default false
|
3306
|
+
*/
|
3307
|
+
"disableClickableRows": boolean;
|
3293
3308
|
/**
|
3294
3309
|
* Visually hide the table's caption
|
3295
3310
|
* @default false
|
@@ -5594,6 +5609,11 @@ declare namespace LocalJSX {
|
|
5594
5609
|
* @status new
|
5595
5610
|
*/
|
5596
5611
|
interface NanoCollapsibleComparison {
|
5612
|
+
/**
|
5613
|
+
* Optional toggle button label to hide details
|
5614
|
+
* @default 'Hide details'
|
5615
|
+
*/
|
5616
|
+
"hideLabel"?: string;
|
5597
5617
|
/**
|
5598
5618
|
* Emits when the comparison is opened and closed.
|
5599
5619
|
*/
|
@@ -5603,6 +5623,11 @@ declare namespace LocalJSX {
|
|
5603
5623
|
* @default false
|
5604
5624
|
*/
|
5605
5625
|
"open"?: boolean;
|
5626
|
+
/**
|
5627
|
+
* Optional toggle button label to show details
|
5628
|
+
* @default 'Show details'
|
5629
|
+
*/
|
5630
|
+
"showLabel"?: string;
|
5606
5631
|
}
|
5607
5632
|
/**
|
5608
5633
|
* Content links are used to group multiple links together.
|
@@ -8382,6 +8407,11 @@ declare namespace LocalJSX {
|
|
8382
8407
|
* @default 'auto'
|
8383
8408
|
*/
|
8384
8409
|
"compact"?: boolean | 'auto';
|
8410
|
+
/**
|
8411
|
+
* Disable the clickable rows functionality.
|
8412
|
+
* @default false
|
8413
|
+
*/
|
8414
|
+
"disableClickableRows"?: boolean;
|
8385
8415
|
/**
|
8386
8416
|
* Visually hide the table's caption
|
8387
8417
|
* @default false
|
package/docs-json.json
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
{
|
2
|
-
"timestamp": "2025-09-
|
2
|
+
"timestamp": "2025-09-17T16:06:05",
|
3
3
|
"compiler": {
|
4
4
|
"name": "@stencil/core",
|
5
5
|
"version": "4.36.1",
|
@@ -3358,7 +3358,7 @@
|
|
3358
3358
|
"references": {
|
3359
3359
|
"Breadcrumb": {
|
3360
3360
|
"location": "local",
|
3361
|
-
"path": "/builds/
|
3361
|
+
"path": "/builds/FKs_t1C_/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
|
3362
3362
|
"id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
|
3363
3363
|
}
|
3364
3364
|
}
|
@@ -4949,7 +4949,7 @@
|
|
4949
4949
|
"filePath": "src/components/collapsible-comparison/collapsible-comparison.tsx",
|
4950
4950
|
"encapsulation": "shadow",
|
4951
4951
|
"tag": "nano-collapsible-comparison",
|
4952
|
-
"readme": "# nano-collapsible-comparison\n
|
4952
|
+
"readme": "# nano-collapsible-comparison\n",
|
4953
4953
|
"docs": "Collapsible comparison allows users to compare two short lists of titles which can be expanded to reveal more detail about each item.",
|
4954
4954
|
"docsTags": [
|
4955
4955
|
{
|
@@ -4979,6 +4979,35 @@
|
|
4979
4979
|
],
|
4980
4980
|
"usage": {},
|
4981
4981
|
"props": [
|
4982
|
+
{
|
4983
|
+
"name": "hideLabel",
|
4984
|
+
"type": "string",
|
4985
|
+
"complexType": {
|
4986
|
+
"original": "string",
|
4987
|
+
"resolved": "string",
|
4988
|
+
"references": {}
|
4989
|
+
},
|
4990
|
+
"mutable": false,
|
4991
|
+
"attr": "hide-label",
|
4992
|
+
"reflectToAttr": false,
|
4993
|
+
"docs": "Optional toggle button label to hide details",
|
4994
|
+
"docsTags": [
|
4995
|
+
{
|
4996
|
+
"name": "default",
|
4997
|
+
"text": "'Hide details'"
|
4998
|
+
}
|
4999
|
+
],
|
5000
|
+
"default": "'Hide details'",
|
5001
|
+
"values": [
|
5002
|
+
{
|
5003
|
+
"type": "string"
|
5004
|
+
}
|
5005
|
+
],
|
5006
|
+
"optional": true,
|
5007
|
+
"required": false,
|
5008
|
+
"getter": false,
|
5009
|
+
"setter": false
|
5010
|
+
},
|
4982
5011
|
{
|
4983
5012
|
"name": "open",
|
4984
5013
|
"type": "boolean",
|
@@ -5007,6 +5036,35 @@
|
|
5007
5036
|
"required": false,
|
5008
5037
|
"getter": false,
|
5009
5038
|
"setter": false
|
5039
|
+
},
|
5040
|
+
{
|
5041
|
+
"name": "showLabel",
|
5042
|
+
"type": "string",
|
5043
|
+
"complexType": {
|
5044
|
+
"original": "string",
|
5045
|
+
"resolved": "string",
|
5046
|
+
"references": {}
|
5047
|
+
},
|
5048
|
+
"mutable": false,
|
5049
|
+
"attr": "show-label",
|
5050
|
+
"reflectToAttr": false,
|
5051
|
+
"docs": "Optional toggle button label to show details",
|
5052
|
+
"docsTags": [
|
5053
|
+
{
|
5054
|
+
"name": "default",
|
5055
|
+
"text": "'Show details'"
|
5056
|
+
}
|
5057
|
+
],
|
5058
|
+
"default": "'Show details'",
|
5059
|
+
"values": [
|
5060
|
+
{
|
5061
|
+
"type": "string"
|
5062
|
+
}
|
5063
|
+
],
|
5064
|
+
"optional": true,
|
5065
|
+
"required": false,
|
5066
|
+
"getter": false,
|
5067
|
+
"setter": false
|
5010
5068
|
}
|
5011
5069
|
],
|
5012
5070
|
"methods": [],
|
@@ -26910,6 +26968,35 @@
|
|
26910
26968
|
"getter": false,
|
26911
26969
|
"setter": false
|
26912
26970
|
},
|
26971
|
+
{
|
26972
|
+
"name": "disableClickableRows",
|
26973
|
+
"type": "boolean",
|
26974
|
+
"complexType": {
|
26975
|
+
"original": "boolean",
|
26976
|
+
"resolved": "boolean",
|
26977
|
+
"references": {}
|
26978
|
+
},
|
26979
|
+
"mutable": false,
|
26980
|
+
"attr": "disable-clickable-rows",
|
26981
|
+
"reflectToAttr": true,
|
26982
|
+
"docs": "Disable the clickable rows functionality.",
|
26983
|
+
"docsTags": [
|
26984
|
+
{
|
26985
|
+
"name": "default",
|
26986
|
+
"text": "false"
|
26987
|
+
}
|
26988
|
+
],
|
26989
|
+
"default": "false",
|
26990
|
+
"values": [
|
26991
|
+
{
|
26992
|
+
"type": "boolean"
|
26993
|
+
}
|
26994
|
+
],
|
26995
|
+
"optional": false,
|
26996
|
+
"required": false,
|
26997
|
+
"getter": false,
|
26998
|
+
"setter": false
|
26999
|
+
},
|
26913
27000
|
{
|
26914
27001
|
"name": "hideCaption",
|
26915
27002
|
"type": "boolean",
|
package/docs-vscode.json
CHANGED
@@ -1043,9 +1043,17 @@
|
|
1043
1043
|
"value": "Collapsible comparison allows users to compare two short lists of titles which can be expanded to reveal more detail about each item."
|
1044
1044
|
},
|
1045
1045
|
"attributes": [
|
1046
|
+
{
|
1047
|
+
"name": "hide-label",
|
1048
|
+
"description": "Optional toggle button label to hide details"
|
1049
|
+
},
|
1046
1050
|
{
|
1047
1051
|
"name": "open",
|
1048
1052
|
"description": "Controls whether the comparison is open or closed."
|
1053
|
+
},
|
1054
|
+
{
|
1055
|
+
"name": "show-label",
|
1056
|
+
"description": "Optional toggle button label to show details"
|
1049
1057
|
}
|
1050
1058
|
]
|
1051
1059
|
},
|
@@ -3706,6 +3714,10 @@
|
|
3706
3714
|
}
|
3707
3715
|
]
|
3708
3716
|
},
|
3717
|
+
{
|
3718
|
+
"name": "disable-clickable-rows",
|
3719
|
+
"description": "Disable the clickable rows functionality."
|
3720
|
+
},
|
3709
3721
|
{
|
3710
3722
|
"name": "hide-caption",
|
3711
3723
|
"description": "Visually hide the table's caption"
|
package/hydrate/index.js
CHANGED
@@ -8819,6 +8819,14 @@ class CollapsibleComparison {
|
|
8819
8819
|
* Controls whether the comparison is open or closed.
|
8820
8820
|
*/
|
8821
8821
|
open = false;
|
8822
|
+
/**
|
8823
|
+
* Optional toggle button label to show details
|
8824
|
+
*/
|
8825
|
+
showLabel = 'Show details';
|
8826
|
+
/**
|
8827
|
+
* Optional toggle button label to hide details
|
8828
|
+
*/
|
8829
|
+
hideLabel = 'Hide details';
|
8822
8830
|
/**
|
8823
8831
|
* Emits when the comparison is opened and closed.
|
8824
8832
|
*/
|
@@ -8837,6 +8845,9 @@ class CollapsibleComparison {
|
|
8837
8845
|
handleClick = () => {
|
8838
8846
|
this.open = !this.open;
|
8839
8847
|
};
|
8848
|
+
getToggleLabel = () => {
|
8849
|
+
return this.open ? this.showLabel : this.hideLabel;
|
8850
|
+
};
|
8840
8851
|
componentWillLoad() {
|
8841
8852
|
}
|
8842
8853
|
componentDidLoad() {
|
@@ -8847,7 +8858,7 @@ class CollapsibleComparison {
|
|
8847
8858
|
}
|
8848
8859
|
}
|
8849
8860
|
render() {
|
8850
|
-
return (h(Host, { key: '
|
8861
|
+
return (h(Host, { key: '5cced0d90a9447ca3b8ee481478aacbeeb4d4484', class: "nano-collapsible-comparison" }, h("div", { key: 'ae25da89fa04b0a5c89210ba8292cf1db8190a30', class: "collapsible-comparison" }, h("div", { key: '7cfd1c96cc5c1553d50193a8bec9abd260e08dfc', part: "header" }, h("div", { key: 'ccc5102295b9ca9404d3c358f4d9a885d45b5885', class: "header" }, h("slot", { key: '7d5b2f2d074b3d6b99f126b4bec77afa1d285ea8', name: "heading" }), h("nano-cta", { key: 'a10b35f5779d035d1331cdbd55c42d3007d7ce2c', size: "large", icon: this.open ? 'up' : 'down', secondary: true }, h("button", { key: '59fde8b32c34ec3df61f96c767ce44e18482a2d5', onClick: this.handleClick }, this.getToggleLabel())), h("nano-icon-button", { key: '7f9174c6d81455fc4d3fcae99b684e26de44d7ec', label: this.getToggleLabel(), onClick: this.handleClick, iconName: "light/chevron-down", class: this.open ? 'open' : '' })), h("div", { key: '1f92af4c863a0a643e47e225781bb67e32efea3e', class: "headings" }, h("slot", { key: '5744549ec533f0d1019138325310cdd6a6dd1d55', name: "comparison-headings" }))), h("div", { key: 'fb9b8acb4315686fcabd5771989c2f2bed298895', class: "content" }, h("slot", { key: '77821b17b1e3384126a1d7f7714f8779924b4b2d', name: "content" })))));
|
8851
8862
|
}
|
8852
8863
|
static get watchers() { return {
|
8853
8864
|
"open": ["handleOpenChange"]
|
@@ -8857,7 +8868,9 @@ class CollapsibleComparison {
|
|
8857
8868
|
"$flags$": 265,
|
8858
8869
|
"$tagName$": "nano-collapsible-comparison",
|
8859
8870
|
"$members$": {
|
8860
|
-
"open": [1540]
|
8871
|
+
"open": [1540],
|
8872
|
+
"showLabel": [1, "show-label"],
|
8873
|
+
"hideLabel": [1, "hide-label"]
|
8861
8874
|
},
|
8862
8875
|
"$listeners$": undefined,
|
8863
8876
|
"$lazyBundleId$": "-",
|
@@ -23651,6 +23664,8 @@ class NanoTable {
|
|
23651
23664
|
return;
|
23652
23665
|
caption.classList.toggle('visually-hidden', this.hideCaption);
|
23653
23666
|
}
|
23667
|
+
/** Disable the clickable rows functionality. */
|
23668
|
+
disableClickableRows = false;
|
23654
23669
|
resizeObserver;
|
23655
23670
|
mutationObserver;
|
23656
23671
|
intersectionObserver;
|
@@ -23672,15 +23687,17 @@ class NanoTable {
|
|
23672
23687
|
return;
|
23673
23688
|
this.settingUp = true;
|
23674
23689
|
// Clickable rows
|
23675
|
-
|
23676
|
-
|
23677
|
-
|
23678
|
-
row.
|
23679
|
-
|
23680
|
-
|
23681
|
-
|
23682
|
-
|
23683
|
-
|
23690
|
+
if (!this.disableClickableRows) {
|
23691
|
+
const rows = Array.from(this.host.querySelectorAll('tr'));
|
23692
|
+
for (const row of rows) {
|
23693
|
+
if (this.getRowClickElements(row).length === 1) {
|
23694
|
+
row.setAttribute('clickable', 'true');
|
23695
|
+
row.addEventListener('click', this.rowClickHandler);
|
23696
|
+
}
|
23697
|
+
else {
|
23698
|
+
row.removeAttribute('clickable');
|
23699
|
+
row.removeEventListener('click', this.rowClickHandler);
|
23700
|
+
}
|
23684
23701
|
}
|
23685
23702
|
}
|
23686
23703
|
// Sticky columns and rows
|
@@ -23831,10 +23848,10 @@ class NanoTable {
|
|
23831
23848
|
this.cleanUpObservers();
|
23832
23849
|
}
|
23833
23850
|
render() {
|
23834
|
-
return (h(Host, { key: '
|
23851
|
+
return (h(Host, { key: 'dfcda7c6604792e025f1ed4997395857ad786be3', class: {
|
23835
23852
|
'nano-table': true,
|
23836
23853
|
'nano-table--props-ready': this.propsReady,
|
23837
|
-
} }, this.scrollable && (h("nano-masked-overflow", { key: '
|
23854
|
+
} }, this.scrollable && (h("nano-masked-overflow", { key: '2ef0536af50f22134e4c0d295172817287c46196', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '1b9ba48be1ccf92ac46f9873ac08b43a51cfcabc', class: "nano-table__overflow" }))), h("slot", { key: 'ab86c4eab83b69cb4ba31b22ae18f9cb0c31033a' })));
|
23838
23855
|
}
|
23839
23856
|
static get watchers() { return {
|
23840
23857
|
"compact": ["handleCompactChange"],
|
@@ -23848,11 +23865,12 @@ class NanoTable {
|
|
23848
23865
|
"compact": [520],
|
23849
23866
|
"scrollable": [516],
|
23850
23867
|
"hideCaption": [516, "hide-caption"],
|
23868
|
+
"disableClickableRows": [516, "disable-clickable-rows"],
|
23851
23869
|
"propsReady": [32]
|
23852
23870
|
},
|
23853
23871
|
"$listeners$": undefined,
|
23854
23872
|
"$lazyBundleId$": "-",
|
23855
|
-
"$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"]]
|
23873
|
+
"$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"], ["disableClickableRows", "disable-clickable-rows"]]
|
23856
23874
|
}; }
|
23857
23875
|
}
|
23858
23876
|
|
package/hydrate/index.mjs
CHANGED
@@ -8817,6 +8817,14 @@ class CollapsibleComparison {
|
|
8817
8817
|
* Controls whether the comparison is open or closed.
|
8818
8818
|
*/
|
8819
8819
|
open = false;
|
8820
|
+
/**
|
8821
|
+
* Optional toggle button label to show details
|
8822
|
+
*/
|
8823
|
+
showLabel = 'Show details';
|
8824
|
+
/**
|
8825
|
+
* Optional toggle button label to hide details
|
8826
|
+
*/
|
8827
|
+
hideLabel = 'Hide details';
|
8820
8828
|
/**
|
8821
8829
|
* Emits when the comparison is opened and closed.
|
8822
8830
|
*/
|
@@ -8835,6 +8843,9 @@ class CollapsibleComparison {
|
|
8835
8843
|
handleClick = () => {
|
8836
8844
|
this.open = !this.open;
|
8837
8845
|
};
|
8846
|
+
getToggleLabel = () => {
|
8847
|
+
return this.open ? this.showLabel : this.hideLabel;
|
8848
|
+
};
|
8838
8849
|
componentWillLoad() {
|
8839
8850
|
}
|
8840
8851
|
componentDidLoad() {
|
@@ -8845,7 +8856,7 @@ class CollapsibleComparison {
|
|
8845
8856
|
}
|
8846
8857
|
}
|
8847
8858
|
render() {
|
8848
|
-
return (h(Host, { key: '
|
8859
|
+
return (h(Host, { key: '5cced0d90a9447ca3b8ee481478aacbeeb4d4484', class: "nano-collapsible-comparison" }, h("div", { key: 'ae25da89fa04b0a5c89210ba8292cf1db8190a30', class: "collapsible-comparison" }, h("div", { key: '7cfd1c96cc5c1553d50193a8bec9abd260e08dfc', part: "header" }, h("div", { key: 'ccc5102295b9ca9404d3c358f4d9a885d45b5885', class: "header" }, h("slot", { key: '7d5b2f2d074b3d6b99f126b4bec77afa1d285ea8', name: "heading" }), h("nano-cta", { key: 'a10b35f5779d035d1331cdbd55c42d3007d7ce2c', size: "large", icon: this.open ? 'up' : 'down', secondary: true }, h("button", { key: '59fde8b32c34ec3df61f96c767ce44e18482a2d5', onClick: this.handleClick }, this.getToggleLabel())), h("nano-icon-button", { key: '7f9174c6d81455fc4d3fcae99b684e26de44d7ec', label: this.getToggleLabel(), onClick: this.handleClick, iconName: "light/chevron-down", class: this.open ? 'open' : '' })), h("div", { key: '1f92af4c863a0a643e47e225781bb67e32efea3e', class: "headings" }, h("slot", { key: '5744549ec533f0d1019138325310cdd6a6dd1d55', name: "comparison-headings" }))), h("div", { key: 'fb9b8acb4315686fcabd5771989c2f2bed298895', class: "content" }, h("slot", { key: '77821b17b1e3384126a1d7f7714f8779924b4b2d', name: "content" })))));
|
8849
8860
|
}
|
8850
8861
|
static get watchers() { return {
|
8851
8862
|
"open": ["handleOpenChange"]
|
@@ -8855,7 +8866,9 @@ class CollapsibleComparison {
|
|
8855
8866
|
"$flags$": 265,
|
8856
8867
|
"$tagName$": "nano-collapsible-comparison",
|
8857
8868
|
"$members$": {
|
8858
|
-
"open": [1540]
|
8869
|
+
"open": [1540],
|
8870
|
+
"showLabel": [1, "show-label"],
|
8871
|
+
"hideLabel": [1, "hide-label"]
|
8859
8872
|
},
|
8860
8873
|
"$listeners$": undefined,
|
8861
8874
|
"$lazyBundleId$": "-",
|
@@ -23649,6 +23662,8 @@ class NanoTable {
|
|
23649
23662
|
return;
|
23650
23663
|
caption.classList.toggle('visually-hidden', this.hideCaption);
|
23651
23664
|
}
|
23665
|
+
/** Disable the clickable rows functionality. */
|
23666
|
+
disableClickableRows = false;
|
23652
23667
|
resizeObserver;
|
23653
23668
|
mutationObserver;
|
23654
23669
|
intersectionObserver;
|
@@ -23670,15 +23685,17 @@ class NanoTable {
|
|
23670
23685
|
return;
|
23671
23686
|
this.settingUp = true;
|
23672
23687
|
// Clickable rows
|
23673
|
-
|
23674
|
-
|
23675
|
-
|
23676
|
-
row.
|
23677
|
-
|
23678
|
-
|
23679
|
-
|
23680
|
-
|
23681
|
-
|
23688
|
+
if (!this.disableClickableRows) {
|
23689
|
+
const rows = Array.from(this.host.querySelectorAll('tr'));
|
23690
|
+
for (const row of rows) {
|
23691
|
+
if (this.getRowClickElements(row).length === 1) {
|
23692
|
+
row.setAttribute('clickable', 'true');
|
23693
|
+
row.addEventListener('click', this.rowClickHandler);
|
23694
|
+
}
|
23695
|
+
else {
|
23696
|
+
row.removeAttribute('clickable');
|
23697
|
+
row.removeEventListener('click', this.rowClickHandler);
|
23698
|
+
}
|
23682
23699
|
}
|
23683
23700
|
}
|
23684
23701
|
// Sticky columns and rows
|
@@ -23829,10 +23846,10 @@ class NanoTable {
|
|
23829
23846
|
this.cleanUpObservers();
|
23830
23847
|
}
|
23831
23848
|
render() {
|
23832
|
-
return (h(Host, { key: '
|
23849
|
+
return (h(Host, { key: 'dfcda7c6604792e025f1ed4997395857ad786be3', class: {
|
23833
23850
|
'nano-table': true,
|
23834
23851
|
'nano-table--props-ready': this.propsReady,
|
23835
|
-
} }, this.scrollable && (h("nano-masked-overflow", { key: '
|
23852
|
+
} }, this.scrollable && (h("nano-masked-overflow", { key: '2ef0536af50f22134e4c0d295172817287c46196', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '1b9ba48be1ccf92ac46f9873ac08b43a51cfcabc', class: "nano-table__overflow" }))), h("slot", { key: 'ab86c4eab83b69cb4ba31b22ae18f9cb0c31033a' })));
|
23836
23853
|
}
|
23837
23854
|
static get watchers() { return {
|
23838
23855
|
"compact": ["handleCompactChange"],
|
@@ -23846,11 +23863,12 @@ class NanoTable {
|
|
23846
23863
|
"compact": [520],
|
23847
23864
|
"scrollable": [516],
|
23848
23865
|
"hideCaption": [516, "hide-caption"],
|
23866
|
+
"disableClickableRows": [516, "disable-clickable-rows"],
|
23849
23867
|
"propsReady": [32]
|
23850
23868
|
},
|
23851
23869
|
"$listeners$": undefined,
|
23852
23870
|
"$lazyBundleId$": "-",
|
23853
|
-
"$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"]]
|
23871
|
+
"$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"], ["disableClickableRows", "disable-clickable-rows"]]
|
23854
23872
|
}; }
|
23855
23873
|
}
|
23856
23874
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@nanoporetech-digital/components",
|
3
|
-
"version": "8.
|
3
|
+
"version": "8.7.1",
|
4
4
|
"sideEffects": false,
|
5
5
|
"repository": {
|
6
6
|
"type": "git",
|
@@ -60,7 +60,7 @@
|
|
60
60
|
"smart-array-filter": "^4.0.2",
|
61
61
|
"stencil-wormhole": "3.2.1",
|
62
62
|
"tyqs": "^0.1.3",
|
63
|
-
"@nanoporetech-digital/style": "8.
|
63
|
+
"@nanoporetech-digital/style": "8.7.1"
|
64
64
|
},
|
65
65
|
"devDependencies": {
|
66
66
|
"@algolia/client-search": "^4.22.1",
|
@@ -1,4 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Custom elements for Nanopore-Digital Web applications
|
3
|
-
*/
|
4
|
-
import{F as t,u as i}from"./nano-slides-Cumys6rw.js";import"./index-BM3Om9WE.js";import"./renderer-BaP2L8CT.js";t.createMethods.push("_createLazyload");const s=t.prototype;function a(t,i){this.img=t,this.flickity=i,this.load()}s._createLazyload=function(){this.on("select",this.lazyLoad)},s.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const s=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];s.forEach((function(t){const s=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),s=t.getAttribute("data-flickity-lazyload-src"),a=t.getAttribute("data-flickity-lazyload-srcset");if(i||s||a)return[t]}const s=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(s)}(t);l=l.concat(s)})),l.forEach((function(t){new a(t,this)}),this)},a.prototype.handleEvent=i.handleEvent,a.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},a.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},a.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},a.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const s=this.flickity.getParentCell(this.img),a=s&&s.element;this.flickity.cellSizeChange(a),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,a)},t.LazyLoader=a;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Custom elements for Nanopore-Digital Web applications
|
3
|
-
*/
|
4
|
-
import{h as n}from"./index-BM3Om9WE.js";const t=["nano-avatar","nano-badge","nano-card","nano-cta","nano-icon-item","nano-tag","nano-content-links"];function o(n){return r&&n.startsWith("nano-")&&!t.includes(n)?`${r}-${n}`:n}function a(...t){const a=t[0];if(!a||"string"!=typeof a||!r)return n(...t);let e=a;"string"==typeof a&&(e=o(a));const i=t.slice(2);return n(e,t[1],i)}let r="";function e(n){return r=n,o}function i(){return r}a||(a={});export{i as g,a as h,e as s,o as t}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Custom elements for Nanopore-Digital Web applications
|
3
|
-
*/
|
4
|
-
import{c as t}from"./nano-data-table-CWliPF7Y.js";import"./index-BM3Om9WE.js";import"./renderer-BaP2L8CT.js";import"./math-BEqsTfVK.js";import"./throttle-C93FMm2Z.js";import"./scroll-1nFw8CNk.js";import"./dom-dlicJTEJ.js";import"./index-BlBZYxu4.js";const r="table.worker",o="stencil.table.worker",e=new URL("table.worker-TTndpijX.js",import.meta.url).href;let i;try{i=t(e,r,o)}catch(s){const m=new Blob(['importScripts("'+e+'")'],{type:"text/javascript"}),p=URL.createObjectURL(m);i=t(p,r,o),URL.revokeObjectURL(p)}export{i as worker,o as workerMsgId,r as workerName,e as workerPath}
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|