@nanoporetech-digital/components 2.1.4 → 2.3.0

package/dist/collection/components/input/input.js

@@ -423,7 +423,7 @@ export class Input {
         "references": {
           "Color": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -994,7 +994,7 @@ export class Input {
         "references": {
           "TextFieldTypes": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -1153,7 +1153,7 @@ export class Input {
         "references": {
           "InputChangeEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1242,7 +1242,7 @@ export class Input {
         "references": {
           "ControlValidityEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1264,7 +1264,7 @@ export class Input {
           },
           "ControlValidity": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         },
         "return": "Promise<ControlValidity>"

package/dist/collection/components/nav-item/nav-item.css

@@ -445,6 +445,7 @@
       -ms-flex-align: center;
           align-items: center;
   cursor: pointer;
+  font-stretch: expanded;
 }
 :host(.nano-global-nav-bar) .text {
   -webkit-box-flex: 1;
@@ -494,12 +495,13 @@
 
 :host(.nano-global-nav-bar.has-secondary) button {
   position: relative;
+  font-stretch: expanded;
 }
 :host(.nano-global-nav-bar.has-secondary) button::before {
   content: "";
   background: #86bee2;
   height: 3px;
-  left: 5px;
+  left: 0;
   bottom: -14px;
   right: 5px;
   position: absolute;

package/dist/collection/components/nav-item/nav-item.js

@@ -488,7 +488,7 @@ export class NavItem {
         "references": {
           "NavItemEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -508,7 +508,7 @@ export class NavItem {
         "references": {
           "NavItemEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -528,7 +528,7 @@ export class NavItem {
         "references": {
           "NavItemEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -548,7 +548,7 @@ export class NavItem {
         "references": {
           "NavItemEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }

package/dist/collection/components/range/range.js

@@ -370,7 +370,7 @@ export class Range {
         "references": {
           "Color": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -594,7 +594,7 @@ export class Range {
         "references": {
           "RangeValue": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -632,7 +632,7 @@ export class Range {
         "references": {
           "RangeChangeEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -655,7 +655,7 @@ export class Range {
         "references": {
           "StyleEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }

package/dist/collection/components/resize-observe/resize-observe.js

@@ -176,7 +176,7 @@ export class ResizeObserve {
         "references": {
           "ResizeStateChangeEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }

package/dist/collection/components/select/select.js

@@ -624,7 +624,7 @@ export class Select {
         "references": {
           "Color": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -1005,7 +1005,7 @@ export class Select {
           },
           "OptionInterface": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/components/option/option-interface.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/components/option/option-interface.ts"
           }
         }
       },
@@ -1090,7 +1090,7 @@ export class Select {
           },
           "Dropdown": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/components/dropdown/dropdown.tsx"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/components/dropdown/dropdown.tsx"
           }
         }
       },
@@ -1131,7 +1131,7 @@ export class Select {
         "references": {
           "SelectChangeEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1217,7 +1217,7 @@ export class Select {
         "references": {
           "InputChangeEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1240,7 +1240,7 @@ export class Select {
         "references": {
           "ControlValidityEventDetail": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1262,7 +1262,7 @@ export class Select {
           },
           "ControlValidity": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         },
         "return": "Promise<ControlValidity>"

package/dist/collection/components/slides/slides.js

@@ -453,7 +453,7 @@ export class Slides {
         "references": {
           "FlickityOptions": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -556,7 +556,7 @@ export class Slides {
         "references": {
           "SlideAnimation": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -747,7 +747,7 @@ export class Slides {
         "references": {
           "DragEvent": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -767,7 +767,7 @@ export class Slides {
         "references": {
           "DragEvent": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -787,7 +787,7 @@ export class Slides {
         "references": {
           "DragEvent": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -807,7 +807,7 @@ export class Slides {
         "references": {
           "DragEvent": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1114,7 +1114,7 @@ export class Slides {
           },
           "Flickity": {
             "location": "import",
-            "path": "/builds/99mRzSBj/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/ebUaUX1h/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         },
         "return": "Promise<Flickity>"

package/dist/collection/components/split-pane/split-pane.css

@@ -0,0 +1,104 @@
+:host {
+  box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+[hidden] {
+  display: none !important;
+}
+:host {
+  /**
+  * @prop --divider-width: The width of the visible divider. Default 4px.
+  * @prop --divider-hit-area: The invisible region around the divider where dragging can occur. This is
+  *  usually wider than the divider to facilitate easier dragging. Default 12px.
+  * @prop --min: The minimum allowed size of the primary panel. Default 0.
+  * @prop --max: The maximum allowed size of the primary panel. Default 100%.
+  * @prop --background-color: Handle background. Default #e4e6e8.
+  * @prop --content-color: Handle color. Default #918b86.
+  */
+  --divider-width: 12px;
+  --divider-hit-area: 14px;
+  --min: 0%;
+  --max: 100%;
+  --background-color: #e4e6e8;
+  --content-color: #918b86;
+  display: -ms-grid;
+  display: grid;
+}
+
+.start,
+.end {
+  overflow: hidden;
+}
+
+.divider {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 var(--divider-width);
+          flex: 0 0 var(--divider-width);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  background-color: var(--background-color);
+  color: var(--content-color);
+  z-index: 1;
+  font-size: 0.8rem;
+}
+
+.divider:focus {
+  outline: none;
+}
+
+:host(:not([disabled])) .divider:focus-visible {
+  background-color: var(--nano-control-focus-color, rgba(144, 198, 231, 0.8));
+}
+
+:host([disabled]) .divider {
+  cursor: not-allowed;
+}
+
+/* Horizontal */
+:host(:not([vertical], [disabled])) .divider {
+  cursor: col-resize;
+}
+
+:host(:not([vertical])) .divider::after {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  content: "";
+  position: absolute;
+  height: 100%;
+  left: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+  width: var(--divider-hit-area);
+}
+
+/* Vertical */
+:host([vertical]) {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+:host([vertical]:not([disabled])) .divider {
+  cursor: row-resize;
+}
+
+:host([vertical]) .divider::after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  top: calc(var(--divider-hit-area) / -2 + var(--divider-width) / 2);
+  height: var(--divider-hit-area);
+}