@nanoporetech-digital/components 4.1.0 → 4.3.0

package/dist/nano-components/assets/ont-logo.svg

@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 283.5 50.9" style="enable-background:new 0 0 283.5 50.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#696C71;}
+	.st1{fill:#007B9A;}
+</style>
+<g>
+	<path class="st0" d="M45.4,22.9c0,0-1.2,2.8-2.9,5.4c-1.5,2.2-4.4,6.4-10.4,8.8c5.1-3.2,6.7-5.1,8.5-7.9c2-3.1,2.8-5.3,3.4-8.5
+		c0.6-3.2,0.7-8.4,0.7-8.4l-2.7,0c0,0,0.4,3,0.1,6.1c-0.2,2.6-0.6,7.9-4.8,13c-1.6,2-3.5,3.8-6.1,5.3c-3.6,2-7.4,2.7-7.4,2.7
+		c6.4-0.2,8.8-1.1,11.8-2.6c3.3-1.7,5.1-3.2,7.2-5.7c2.1-2.5,4.8-6.9,4.8-6.9L45.4,22.9z"/>
+	<path class="st0" d="M54.1,12.9h8.7L73.2,27h0.1V12.9h7.3v22.5h-8.3L61.4,21.2h-0.1v14.2h-7.3V12.9z"/>
+	<path class="st0" d="M91.7,12.9h9.2l9.7,22.5h-8.1l-1.4-3.7h-9.9l-1.4,3.7h-8.1L91.7,12.9z M96.2,18.6L96.2,18.6L93,27.1h6.3
+		L96.2,18.6z"/>
+	<path class="st0" d="M111.9,12.9h8.7L131,27h0.1V12.9h7.3v22.5h-8.3l-10.8-14.2h-0.1v14.2h-7.3V12.9z"/>
+	<path class="st0" d="M155.7,12.2c8,0,14.7,2.6,14.7,12c0,9.3-6.7,12-14.7,12c-8,0-14.7-2.6-14.7-12C141,14.8,147.7,12.2,155.7,12.2
+		z M155.7,31.1c4,0,6.7-2.2,6.7-6.9c0-4.7-2.7-6.9-6.7-6.9c-4,0-6.7,2.2-6.7,6.9C148.9,28.9,151.6,31.1,155.7,31.1z"/>
+	<path class="st0" d="M172.9,12.9h16.7c6.1,0,8.3,3.3,8.3,7.5c0,3.7-1.9,7.5-8,7.5h-9.5v7.5h-7.5V12.9z M180.5,23.3h6.7
+		c2.1,0,3-0.9,3-2.8c0-2-0.9-2.8-3-2.8h-6.7V23.3z"/>
+	<path class="st0" d="M214.5,12.2c8,0,14.7,2.6,14.7,12c0,9.3-6.7,12-14.7,12c-8,0-14.7-2.6-14.7-12
+		C199.8,14.8,206.6,12.2,214.5,12.2z M214.5,31.1c4,0,6.7-2.2,6.7-6.9c0-4.7-2.7-6.9-6.7-6.9c-4,0-6.7,2.2-6.7,6.9
+		C207.8,28.9,210.5,31.1,214.5,31.1z"/>
+	<path class="st0" d="M232,12.9H250c5.5,0,7.5,2.5,7.5,6.3c0,3-1.6,4.6-3.6,5.1v0.1c1.4,0.5,2.5,1.6,2.7,4c0.3,4.5,0.5,5.9,1.4,7
+		h-8.2c-0.4-1-0.4-2.3-0.4-3.3c0-3.5-1.2-4.2-3.1-4.2h-6.9v7.5H232V12.9z M239.5,22.9h7.2c1.8,0,2.8-0.9,2.8-2.5
+		c0-1.5-1-2.4-2.8-2.4h-7.2V22.9z"/>
+	<path class="st0" d="M260.4,12.9H283v4.9H268v4.1h14.1v4.7H268v4.1H283v4.9h-22.6V12.9z"/>
+	<g>
+		<g>
+			<polygon class="st1" points="202.5,48 202.5,39.1 198.6,39.1 198.6,38.4 207,38.4 207,39.1 203.2,39.1 203.2,48 			"/>
+			<path class="st1" d="M209.2,48.2c-2.4,0-3.8-1.4-3.8-3.7c0-1.3,0.8-3.6,3.9-3.6c2.3,0,3.8,1.5,3.8,3.8v0.1h-6.9
+				c0.1,1.7,1.3,2.8,3.2,2.8c2.1,0,2.6-1.3,2.8-1.9l0.7,0h0.1l0,0.1C212.2,47.4,211,48.2,209.2,48.2z M212.1,44.1
+				c-0.2-1.6-1.4-2.5-3-2.5c-1.6,0-2.7,0.9-3,2.5H212.1z"/>
+			<path class="st1" d="M217.7,48.2c-2.3,0-3.9-1.5-3.9-3.6c0-2.6,2-3.7,3.9-3.7c2.1,0,3.5,1.2,3.6,2.4l0,0.1h-0.7
+				c-0.1-0.9-1.3-1.8-2.9-1.8c-2.2,0-3.2,1.5-3.2,3.1c0,1.2,0.8,2.9,3.2,2.9c1.2,0,2.6-0.5,2.9-2l0.7-0.1h0.1l0,0.1
+				C221,47.2,219.6,48.2,217.7,48.2z"/>
+			<path class="st1" d="M228.4,48v-4.2c0-1.1-0.3-2.2-2.4-2.2c-2.1,0-2.8,1.3-2.8,2.4v4h-0.8v-9.6h0.8v3.9c0.3-0.6,1.1-1.4,2.8-1.4
+				c3.2,0,3.2,2.1,3.2,2.9V48H228.4z"/>
+			<path class="st1" d="M236.5,48v-4.2c0-1.1-0.3-2.2-2.4-2.2c-2.1,0-2.8,1.3-2.8,2.4v4h-0.8v-6.9h0.8v1.2c0.3-0.6,1.1-1.4,2.8-1.4
+				c3.2,0,3.2,2.1,3.2,2.9V48H236.5z"/>
+			<path class="st1" d="M242.2,48.2c-2.6,0-3.9-1.8-3.9-3.7s1.3-3.7,3.9-3.7c2.6,0,3.9,1.8,3.9,3.7S244.8,48.2,242.2,48.2z
+				 M242.2,41.5c-2.2,0-3.2,1.6-3.2,3s1,3,3.2,3s3.2-1.6,3.2-3S244.4,41.5,242.2,41.5z"/>
+			<rect x="247.2" y="38.4" class="st1" width="0.8" height="9.6"/>
+			<path class="st1" d="M252.9,48.2c-2.6,0-3.9-1.8-3.9-3.7s1.3-3.7,3.9-3.7c2.6,0,3.9,1.8,3.9,3.7S255.5,48.2,252.9,48.2z
+				 M252.9,41.5c-2.2,0-3.2,1.6-3.2,3s1,3,3.2,3c2.2,0,3.2-1.6,3.2-3S255.1,41.5,252.9,41.5z"/>
+			<path class="st1" d="M261.4,50.9c-2.3,0-3.4-0.7-3.6-2.3l0-0.1h0.7c0.2,1.2,1.1,1.8,2.9,1.8c2,0,3-0.9,3-2.6v-1.2
+				c-0.6,1-1.7,1.5-3.1,1.5c-2.8,0-3.8-1.8-3.8-3.6c0-1.6,1-3.5,3.8-3.5c1.5,0,2.5,0.5,3.1,1.4v-1.2h0.8v6.5
+				C265.2,49.8,264,50.9,261.4,50.9z M261.3,41.5c-1.4,0-3,0.7-3,2.8c0,1.9,1.1,2.9,3.1,2.9c1.9,0,3.1-1.1,3.1-2.9
+				C264.5,42.6,263.3,41.5,261.3,41.5z"/>
+			<path class="st1" d="M266.7,48v-6.9h0.8V48H266.7z M266.7,39.9v-1.5h0.8v1.5H266.7z"/>
+			<path class="st1" d="M272.4,48.2c-2.4,0-3.8-1.4-3.8-3.7c0-1.3,0.8-3.6,3.9-3.6c2.3,0,3.8,1.5,3.8,3.8v0.1h-6.9
+				c0.1,1.7,1.3,2.8,3.2,2.8c2.1,0,2.6-1.3,2.8-1.9l0.7,0h0.1l0,0.1C275.4,47.4,274.2,48.2,272.4,48.2z M275.3,44.1
+				c-0.2-1.6-1.4-2.5-3-2.5c-1.6,0-2.7,0.9-3,2.5H275.3z"/>
+			<path class="st1" d="M280.1,48.2c-2.1,0-3.3-0.8-3.4-2.4l0-0.1h0.7c0.1,0.8,0.3,1.8,2.9,1.8c1.7,0,2.4-0.4,2.4-1.4
+				c0-0.7-0.4-1-1.3-1.2l-2.4-0.3c-0.7-0.1-2-0.4-2-1.8c0-1,0.8-2,2.9-2c2.1,0,3.1,0.7,3.2,2.3l0,0.1h-0.7c-0.2-1.2-0.9-1.7-2.6-1.7
+				c-1.4,0-2.1,0.5-2.1,1.3c0,0.6,0.4,1,1.3,1.1l2.2,0.3c1.5,0.2,2.2,0.8,2.2,1.9C283.5,47.1,282.9,48.2,280.1,48.2z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st1" d="M58.5,10.2c-4,0-5.1-3.3-5.1-5s1.1-5,5.1-5s5.1,3.3,5.1,5S62.5,10.2,58.5,10.2z M58.5,0.8
+				c-2.9,0-4.3,2.2-4.3,4.3c0,2.2,1.5,4.3,4.3,4.3s4.3-2.2,4.3-4.3C62.8,3,61.3,0.8,58.5,0.8z"/>
+			<polygon class="st1" points="70.4,9.9 67.6,6.9 64.7,9.9 63.9,9.9 63.7,9.9 67.1,6.3 64,3 65,3 67.6,5.8 70.1,3 71,3 71.1,3 
+				68,6.3 71.5,9.9 			"/>
+			<path class="st1" d="M73.4,9.9V3.7h-1.6V3h1.6v-1c0-0.9,0.2-1.8,1.8-1.8c0.3,0,0.7,0,1,0.1l0.1,0l0,0.1V1l-0.1,0
+				c-0.3,0-0.6-0.1-1-0.1c-0.3,0-1.1,0-1.1,1V3h2v0.7h-2v6.3H73.4z"/>
+			<path class="st1" d="M80.1,10.2c-2.6,0-3.9-1.8-3.9-3.7s1.3-3.7,3.9-3.7S84,4.7,84,6.5S82.7,10.2,80.1,10.2z M80.1,3.5
+				C78,3.5,77,5,77,6.5s1,3,3.2,3c2.2,0,3.2-1.6,3.2-3S82.3,3.5,80.1,3.5z"/>
+			<path class="st1" d="M85.4,9.9V3h0.8v1.4c0.4-1,1.5-1.6,2.8-1.6c0.2,0,0.3,0,0.5,0.1l0.1,0.7v0.1l-0.1,0c-0.1,0-0.3-0.1-0.7-0.1
+				c-1.8,0-2.6,1.4-2.6,2.6v3.7H85.4z"/>
+			<path class="st1" d="M93.4,10.2c-2.5,0-3.7-1.9-3.7-3.7c0-2.2,1.5-3.7,3.7-3.7c1.8,0,2.6,1,3,1.5v-4h0.8v9.6h-0.8V8.6
+				C96,9.4,95,10.2,93.4,10.2z M93.4,3.5c-1.5,0-3,0.9-3,3c0,1.8,1.2,3,2.9,3c2.3,0,3.1-1.5,3.1-2.9C96.4,4.3,94.9,3.5,93.4,3.5z"/>
+		</g>
+	</g>
+	<path class="st1" d="M36.8,39.7c3.1-1.1,7.6-3.5,7.6-3.5l-1.3-2.4c0,0-2.4,1.8-5.2,3.2c-2.4,1.1-7.1,3.4-13.5,2.4
+		c5.5-0.2,10.3-3.2,12.9-7.7l0,0c0,0,0,0,0-0.1c0.2-0.3,0.3-0.6,0.5-1c2.6-5,3-7.4,3.1-10.5c0.2-3.7-0.2-6-1.3-9.1
+		c-1.1-3.1-3.5-7.6-3.5-7.6l-2.4,1.3c0,0,1.8,2.4,3.2,5.2c1.1,2.4,3.4,7,2.4,13.4c-0.3-6-1.1-8.4-2.6-11.3c-1.7-3.3-3.2-5.1-5.7-7.2
+		C28.6,2.7,24.2,0,24.2,0l-1.4,2.3c0,0,2.8,1.2,5.4,2.9c2.2,1.5,6.4,4.4,8.8,10.5c0-0.1-0.1-0.1-0.1-0.2c-0.1-0.1-0.2-0.3-0.3-0.4
+		c-3-4.7-4.9-6.2-7.5-7.9c-3.1-2-5.3-2.8-8.5-3.4c-3.2-0.6-8.4-0.7-8.4-0.7l0,2.7c0,0,3-0.4,6.1-0.1c2.6,0.2,7.7,0.6,12.8,4.6
+		c0,0,0,0,0,0c-5.3-2.8-7.7-3.2-11-3.4c-3.7-0.2-6,0.2-9.1,1.3c-3.1,1.1-7.6,3.5-7.6,3.5L4.7,14c0,0,2.4-1.8,5.2-3.2
+		c2.4-1.1,7-3.4,13.5-2.4c-0.4,0-0.8,0-1.2,0.1c-5.2,0.3-7.4,1.1-10.2,2.5c-3.3,1.7-5.1,3.2-7.2,5.7C2.7,19.2,0,23.6,0,23.6L2.3,25
+		c0,0,1.2-2.8,2.9-5.4c1.5-2.1,4.3-6.4,10.3-8.7c-0.2,0.1-0.5,0.3-0.7,0.5c-4.5,2.9-6,4.8-7.7,7.4c-2,3.1-2.8,5.3-3.4,8.5
+		C3.2,30.4,3,35.6,3,35.6l2.7,0c0,0-0.4-3-0.1-6.1c0.2-2.6,0.6-7.7,4.6-12.7c0,0.1-0.1,0.1-0.1,0.2C7.4,22.1,7,24.6,6.8,27.7
+		c-0.2,3.7,0.2,6,1.3,9.1c1.1,3.1,3.5,7.6,3.5,7.6l2.4-1.3c0,0-1.8-2.4-3.2-5.2c-1.1-2.4-3.4-7-2.4-13.4c0.3,6,1.1,8.4,2.6,11.3
+		c1.7,3.3,3.2,5.1,5.7,7.2c2.5,2.1,6.9,4.8,6.9,4.8l1.4-2.3c0,0-2.8-1.2-5.4-2.9c-2.2-1.5-6.4-4.4-8.8-10.5c3.2,5.1,5.1,6.7,7.9,8.5
+		c3.1,2,5.3,2.8,8.5,3.4c3.2,0.6,8.4,0.7,8.4,0.7l0-2.7c0,0-3,0.4-6.1,0.1c-2.6-0.2-7.7-0.6-12.8-4.6c5.3,2.8,7.8,3.2,11,3.4
+		C31.4,41.2,33.7,40.8,36.8,39.7z M23.9,9.9c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S16.2,9.9,23.9,9.9z"/>
+</g>
+</svg>

package/dist/nano-components/assets/ont-wheel-light.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 210.4 206.3" style="enable-background:new 0 0 210.4 206.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#8FC7E8;}
+</style>
+<g>
+	<path class="st0" d="M200.1,98.6c0,0-5.3,12.1-13,23.2c-6.5,9.3-19.3,27.6-45.8,37.8c22.4-13.9,29.5-22.1,37.3-33.8
+		c9-13.5,12.5-22.8,15.2-36.7c2.7-13.9,3.3-36.2,3.3-36.2l-12-0.1c0,0,1.6,13.1,0.6,26.4c-0.9,11.4-2.6,34.1-21.2,56.2
+		c-7.1,8.4-15.4,16.4-26.9,22.8c-16,8.8-32.4,11.6-32.4,11.6c28.4-1,38.9-4.6,52.1-11.2c14.7-7.3,22.4-13.6,31.9-24.4
+		c9.4-10.7,21.3-29.7,21.3-29.7L200.1,98.6z"/>
+	<path class="st1" d="M162,171.2c13.6-4.7,33.7-15.3,33.7-15.3l-5.9-10.2c0,0-10.8,7.9-23.1,13.7c-10.4,4.9-31.1,14.6-59.5,10.2
+		c24.4-0.7,45.6-13.9,57-33.4l0,0c0-0.1,0.1-0.1,0.1-0.2c0.8-1.3,1.5-2.7,2.2-4.1c11.2-21.5,13.1-31.8,13.8-45.3
+		c0.9-16.1-0.9-25.8-5.6-39.2c-4.8-13.3-15.6-32.9-15.6-32.9l-10.4,5.8c0,0,8.1,10.5,14,22.6c5,10.1,14.8,30.1,10.5,57.7
+		c-1.2-25.9-4.8-36.1-11.3-48.5c-7.5-14.4-14-21.9-24.9-31.2C126.1,11.7,106.7,0,106.7,0l-6.1,10.1c0,0,12.4,5.2,23.7,12.7
+		c9.5,6.4,28.4,18.9,38.7,45.1c-0.1-0.2-0.3-0.4-0.4-0.7c-0.4-0.6-0.7-1.1-1.1-1.7c-13.4-20.2-21.6-26.9-33.2-34.3
+		C114.5,22.5,105,19,90.8,16.4c-14.2-2.6-37-3.2-37-3.2l-0.1,11.7c0,0,13.4-1.6,27-0.6c11.5,0.8,34.1,2.5,56.3,19.9
+		c-0.1,0-0.1-0.1-0.2-0.1c-23.4-11.9-34.1-13.8-48.4-14.6C72,28.7,62,30.4,48.4,35c-13.6,4.7-33.7,15.3-33.7,15.3l5.9,10.2
+		c0,0,10.8-7.9,23.1-13.7c10.4-4.9,31.1-14.6,59.5-10.2c-1.7,0.1-3.5,0.1-5.2,0.3c-23,1.3-32.8,4.9-44.7,10.8
+		C38.6,55,30.8,61.3,21.3,72C11.9,82.7,0,101.7,0,101.7l10.3,6c0,0,5.3-12.1,13-23.2c6.4-9.2,19.2-27.5,45.4-37.6c-1,0.6-2,1.3-3,2
+		C46,61.6,39.2,69.5,31.8,80.6c-9,13.5-12.5,22.8-15.2,36.7c-2.7,13.9-3.3,36.2-3.3,36.2l12,0.1c0,0-1.6-13.1-0.6-26.4
+		C25.6,116,27.3,94,44.8,72.3c-0.1,0.2-0.2,0.5-0.3,0.7C32.7,95.4,30.8,105.8,30,119.6c-0.9,16.1,0.9,25.8,5.6,39.2
+		c4.8,13.3,15.6,32.9,15.6,32.9l10.4-5.8c0,0-8.1-10.5-14-22.6c-5-10.1-14.8-30.1-10.5-57.7c1.2,25.9,4.8,36.1,11.3,48.5
+		c7.5,14.4,14,21.9,24.9,31.2c10.9,9.2,30.4,20.9,30.4,20.9l6.1-10.1c0,0-12.4-5.2-23.7-12.7c-9.5-6.4-28.4-18.9-38.7-45
+		c14.3,22,22.7,29,34.7,36.6c13.8,8.8,23.3,12.2,37.5,14.8c14.2,2.6,37,3.2,37,3.2l0.1-11.7c0,0-13.4,1.6-27,0.6
+		c-11.5-0.8-34.1-2.5-56.3-19.9c23.5,12,34.3,14,48.6,14.7C138.4,177.5,148.4,175.9,162,171.2z M105.3,42.8
+		c34.1,0,61.7,27,61.7,60.3s-27.6,60.3-61.7,60.3s-61.7-27-61.7-60.3S71.2,42.8,105.3,42.8z"/>
+</g>
+</svg>

package/dist/nano-components/nano-components.esm.js

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{p as e,H as a,b as o}from"./p-f6a8467a.js";export{s as setNonce}from"./p-f6a8467a.js";import"./p-d4f6ec9f.js";const n=()=>{{t(a.prototype)}const o=import.meta.url;const n={};if(o!==""){n.resourcesUrl=new URL(".",o).href}return e(n)};const t=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const o=a.call(this,false);const n=this.childNodes;if(e){for(let e=0;e<n.length;e++){if(n[e].nodeType!==2){o.appendChild(n[e].cloneNode(true))}}}return o}};n().then((e=>o(JSON.parse('[["p-f2d89239",[[1,"nano-global-nav",{"env":[1],"ssoDataUrl":[1,"sso-data-url"],"myAccountData":[16],"ssoRedirect":[1,"sso-redirect"],"getMyAccountData":[4,"get-my-account-data"],"activeMyAccountSections":[16],"showSearch":[4,"show-search"],"showLogo":[4,"show-logo"],"logoUrl":[1,"logo-url"],"searchIndeces":[16],"myAccountUser":[1040],"searchAppId":[1025,"search-app-id"],"searchApiKey":[1025,"search-api-key"],"searchValue":[1025,"search-value"],"searchIndex":[1025,"search-index"],"cartCount":[1026,"cart-count"],"msgCount":[1026,"msg-count"],"cartUrl":[1025,"cart-url"],"msgUrl":[1025,"msg-url"],"userProfileUrl":[32],"hasLoggedinSlot":[32],"hasSiteSlot":[32],"hasPromotionSlot":[32],"aboutSlotLen":[32],"iconSlotLen":[32],"mainSlotLen":[32],"overflowSlotLen":[32],"searchSlotLen":[32],"internalSearchIndeces":[32],"thresholdReady":[32],"remoteDataReady":[32],"ready":[32],"isResizing":[32],"intersectRatio":[32],"threshold":[32],"modalOpen":[32],"modalIsOpen":[32],"searchBarShown":[32],"scrollingUp":[32],"searchLoading":[32],"showAutocomplete":[32],"secondaryMenuOpen":[32],"userMenuOpen":[32],"menuFullScreen":[32],"searchValInternal":[32],"submitSearch":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"],[16,"click","menuClose"]]]]],["p-f93bd976",[[1,"nano-demo"]]],["p-107d4549",[[1,"nano-hero",{"imgSrc":[1,"img-src"],"imgSrcSet":[1,"img-src-set"],"largeScreenBP":[2,"large-screen-b-p"],"theme":[1],"level":[1],"gridSizes":[32],"hasIconBox":[32],"hasScrim":[32],"hasSecondaryContent":[32],"hasQuote":[32],"hasBg":[32],"hasBackBtn":[32],"hasCtas":[32],"breadCrumbs":[32],"iconBoxItems":[32]}]]],["p-fecb72b9",[[6,"nano-date-input",{"invalid":[2564],"validityMessage":[2049,"validity-message"],"helperText":[4,"helper-text"],"helperTextFormat":[16],"floatLabel":[4,"float-label"],"name":[1],"readonly":[4],"size":[2],"form":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"disabled":[4],"color":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"label":[1],"placeholder":[1025],"value":[1537],"validateOn":[1,"validate-on"],"showInlineError":[516,"show-inline-error"],"dateOrder":[1,"date-order"],"required":[4],"min":[1],"max":[1],"hideLabel":[4,"hide-label"],"picker":[4],"initialPickerDate":[1,"initial-picker-date"],"pickerOpen":[1540,"picker-open"],"closeAfterPicked":[4,"close-after-picked"],"dropDownConfig":[6160],"dateValue":[2064],"isDateDisabled":[16],"pattern":[32],"inputValue":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]}]]],["p-053eb1df",[[1,"nano-dialog",{"showRibbon":[4,"show-ribbon"],"open":[1540],"label":[1],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"noUserDismiss":[4,"no-user-dismiss"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"hoist":[4],"isVisible":[32],"noDismiss":[32],"hasFooter":[32],"show":[64],"hide":[64]}]]],["p-e43f76c8",[[6,"nano-file-upload",{"name":[1],"accept":[1],"capture":[1],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"label":[1],"placeholder":[1],"hideLabel":[4,"hide-label"],"required":[4],"disabled":[516],"clearInput":[4,"clear-input"],"showInlineError":[516,"show-inline-error"],"validateOn":[1025,"validate-on"],"form":[1],"invalid":[2564],"validityMessage":[2049,"validity-message"],"files":[6160],"value":[6145],"hasHelperSlot":[32],"hasLabelSlot":[32],"errorMessage":[32],"isDragging":[32],"fileList":[32],"hasFocus":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]},[[8,"click","globalClickHandler"],[8,"keydown","globalKeydownHandler"],[16,"reset","onReset"]]]]],["p-9dfe2c55",[[1,"nano-alert",{"open":[1540],"closable":[516],"color":[513],"duration":[2],"isModal":[32],"isToast":[32],"isShowing":[32],"label":[32],"show":[64],"hide":[64],"toast":[64],"alert":[64]}]]],["p-30d55046",[[1,"nano-global-search-results",{"algoliaEle":[32],"currentWidth":[32],"apiKey":[32],"appId":[32],"index":[32]},[[16,"nanoSearchReset","handleGlobalNavReset"],[16,"nanoSearchResult","handleGlobalNavSearch"],[0,"nanoChange","handleReorder"],[0,"nanoResultsShown","attachListeners"],[16,"nanoNewResults","attachResultListeners"]]]]],["p-d0e15e46",[[1,"nano-overflow-nav",{"scrollControls":[4,"scroll-controls"],"orientation":[513],"activeHandler":[16],"inActiveHandler":[16],"isActiveHandler":[16],"hasScrollControls":[32],"hideControlEnd":[32],"hideControlStart":[32]}]]],["p-a761ac89",[[1,"nano-tab",{"panel":[513],"active":[516],"disabled":[516],"closable":[4],"setFocus":[64],"removeFocus":[64]}]]],["p-5d466a58",[[1,"nano-menu-drawer",{"open":[1028],"saveState":[4,"save-state"],"hideWidth":[2,"hide-width"],"hideHeight":[4,"hide-height"],"reset":[32],"widthOk":[32],"heightOk":[32],"isLoading":[32],"hide":[32]},[[0,"nanoOpen","cancelNavItemEvents"],[0,"nanoClose","cancelNavItemEvents"],[16,"nanoIsReady","handleGlobalNavReady"]]]]],["p-068bdd89",[[1,"nano-split-pane",{"position":[6146],"positionInPixels":[1026,"position-in-pixels"],"vertical":[516],"disabled":[516],"primary":[1],"snap":[1],"snapThreshold":[2,"snap-threshold"],"animationDuration":[2,"animation-duration"],"getPercentageToPixels":[64],"getPixelsToPercentage":[64]}]]],["p-a5a560e7",[[1,"nano-tab-group",{"placement":[1],"noScrollControls":[4,"no-scroll-controls"],"color":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"disableSwipe":[4,"disable-swipe"],"hasScrollControls":[32],"hideControlRight":[32],"hideControlLeft":[32],"tab":[32],"show":[64]},[[0,"nanoTabClose","handleTabClose"]]]]],["p-207a1fbc",[[1,"nano-accordion",{"color":[1],"itemOpened":[32]},[[0,"nanoOpened","onToggleHandler"],[0,"nanoClosed","onClosedHandler"]]]]],["p-935aef3d",[[1,"nano-algolia-filter",{"filterName":[1,"filter-name"],"value":[1025],"operator":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"changeEvent":[32],"internalValue":[32],"showFilter":[32],"indexResults":[32],"filterChanged":[32],"facets":[32],"tplRenderFn":[32],"globalStoreMethod":[32]},[[0,"nanoChange","handleChangeEvent"],[0,"change","handleChangeEvent"]]]]],["p-1c6c94cb",[[1,"nano-algolia-input",{"appId":[1,"app-id"],"apiKey":[1,"api-key"],"searchIndex":[1040],"searchIndexName":[1,"search-index-name"],"minChars":[2,"min-chars"],"autoEmit":[4,"auto-emit"],"browseIndex":[1028,"browse-index"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"searchStr":[32],"algoliaIndex":[32],"currentResults":[32],"search":[64]},[[0,"nanoChange","searchSubmit"]]]]],["p-93cfbdb6",[[1,"nano-algolia-pagination",{"maxToShow":[2,"max-to-show"],"currentPage":[32],"canGoPrev":[32],"canGoNext":[32],"show":[32],"tplRenderFn":[32],"indexResults":[32],"infiniteScroll":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}]]],["p-288dbe6b",[[1,"nano-algolia-results",{"infiniteScroll":[4,"infinite-scroll"],"appendPages":[4,"append-pages"],"showResults":[32],"tplRenderFn":[32],"results":[32],"indexResults":[32],"resultsPage":[32],"changeEvent":[32],"facets":[32],"isLoading":[32]}]]],["p-fe7a0158",[[1,"nano-aspect-ratio",{"aspectRatio":[1,"aspect-ratio"],"fit":[1]}]]],["p-583d8d70",[[6,"nano-checkbox",{"hasFocus":[1540,"has-focus"],"checked":[1540],"disabled":[516],"value":[513],"name":[513],"required":[516],"type":[513],"label":[1],"indeterminate":[1540],"invalid":[2564],"validityMessage":[2049,"validity-message"],"color":[1],"form":[1],"inputType":[32],"_invalid":[32],"getInputElement":[64],"reportValidity":[64],"setError":[64],"setFocus":[64],"removeFocus":[64]},[[16,"reset","onReset"]]]]],["p-0d1ca590",[[6,"nano-checkbox-group",{"validateOn":[1025,"validate-on"],"showInlineError":[4,"show-inline-error"],"min":[2],"max":[2],"disabled":[516],"legend":[1],"invalid":[2564],"validityMessage":[2049,"validity-message"],"value":[1025],"checkboxes":[32],"nativeCbs":[32],"errorMessage":[32],"showErrorMsg":[32],"hasHelperSlot":[32],"_invalid":[32],"reportValidity":[64],"showError":[64]},[[0,"nanoChange","handleValueChange"],[0,"nanoChange","handleCbChange"]]]]],["p-76a650b1",[[1,"nano-details",{"label":[1],"open":[1540],"noHandle":[4,"no-handle"],"iconRotation":[2,"icon-rotation"],"color":[1],"isLoading":[32]}]]],["p-b6306aff",[[1,"nano-drawer",{"open":[1540],"label":[1],"placement":[1],"contained":[4],"noHeader":[4,"no-header"],"type":[1],"contentSelector":[1,"content-selector"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["p-eab09335",[[4,"nano-field-validator",{"validateOn":[1025,"validate-on"],"scrollToInvalid":[4,"scroll-to-invalid"],"dirty":[2564],"valid":[2564],"store":[2064],"payload":[2064],"showValidation":[2052,"show-validation"],"validationState":[2064],"extraFieldSelector":[1,"extra-field-selector"],"validation":[16],"submitted":[32],"userForm":[32],"_dirty":[32],"_valid":[32],"_store":[32],"setStore":[64],"setCustomValidity":[64],"resetValidity":[64]}]]],["p-d792f692",[[6,"nano-range",{"color":[1],"debounce":[2],"name":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"snaps":[4],"step":[2],"ticks":[4],"disabled":[4],"value":[1026],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]}]]],["p-57085052",[[2,"nano-rating",{"value":[1538],"max":[2],"precision":[2],"readonly":[4],"disabled":[4],"name":[1],"symbolName":[1,"symbol-name"],"symbol":[16],"hoverValue":[32],"isHovering":[32],"setFocus":[64],"removeFocus":[64]}]]],["p-cd2f5e97",[[1,"nano-slide",{"ready":[1540]}]]],["p-db370094",[[1,"nano-slides",{"options":[1040],"navbtns":[4],"pager":[4],"fullscreenbtn":[4],"fullscreen":[1540],"animation":[513],"currentSlide":[1538,"current-slide"],"autoplay":[8],"ready":[1540],"iCurrentSlide":[32],"slidesReady":[32],"didInit":[32],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipes":[64],"getflickity":[64],"reload":[64]}]]],["p-cba50c3e",[[1,"nano-tab-content",{"name":[513],"active":[516],"ready":[32]}]]],["p-68928c59",[[1,"nano-spinner",{"type":[1],"overlay":[516],"hasText":[32]}]]],["p-c38a246f",[[4,"nano-table",{"type":[1],"caption":[1],"showCaption":[4,"show-caption"],"loading":[4],"placeholderSize":[2,"placeholder-size"],"rows":[1040],"columns":[1040],"headRender":[16],"rowRender":[16],"footRender":[16],"showFooter":[4,"show-footer"],"perBlock":[2,"per-block"],"blocksLength":[2050,"blocks-length"],"searchTerm":[1,"search-term"],"customFilterFn":[16],"customSortFn":[16],"defaultSort":[4,"default-sort"],"defaultColDraggable":[4,"default-col-draggable"],"virtualTotalItems":[2,"virtual-total-items"],"internalLoading":[32],"blocks":[32],"activeBlocks":[32],"resetSorting":[64],"addSort":[64],"resetFilters":[64],"addFilters":[64],"removeFilters":[64],"updateRow":[64]}]]],["p-a1c0afb6",[[1,"nano-algolia",{"showResults":[1028,"show-results"],"resultsPage":[1026,"results-page"],"appId":[1025,"app-id"],"apiKey":[1025,"api-key"],"searchIndex":[1040],"searchIndexName":[1025,"search-index-name"],"listenTo":[1,"listen-to"],"query":[1025],"operator":[1],"filters":[16],"tplEngine":[16],"tplRenderFn":[16],"replicaIndex":[1025,"replica-index"],"browseIndex":[1028,"browse-index"],"minChars":[2,"min-chars"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"_dynFacetFilters":[32],"inputField":[32],"algoliaIndex":[32],"indeces":[32],"resultsEmitterEle":[32],"indexResults":[32],"filterChanged":[32],"currentHits":[32],"changeEvent":[32],"isLoading":[32],"wormholeState":[32],"removeFilters":[64]},[[0,"nanoTplUpdated","onAllTplUpdate"],[0,"nanoPageChanged","onPageChange"],[0,"nanoFilterChanged","onFilterChange"],[16,"nanoChange","handleInputChange"],[16,"change","handleInputChange"]]]]],["p-173cc842",[[1,"nano-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"svgContent":[32],"isVisible":[32],"isLoading":[32]}]]],["p-5984ae16",[[1,"nano-date-picker",{"selectedDate":[1025,"selected-date"],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"color":[1],"isDateDisabled":[16],"isModal":[4,"is-modal"],"firstFocusEle":[16],"activeFocus":[32],"focusedDay":[32],"setFocus":[64]}]]],["p-7304107c",[[6,"nano-input",{"invalid":[2564],"validityMessage":[2049,"validity-message"],"color":[1],"accept":[1],"autocapitalise":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[516],"inputmode":[1],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"type":[513],"form":[1],"value":[1025],"resize":[1],"rows":[2],"showCharCount":[4,"show-char-count"],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"hasHelperEndSlot":[32],"errorMessage":[32],"datalist":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"select":[64],"getInputElement":[64],"showError":[64]},[[16,"reset","onReset"],[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]],["p-7d6065c6",[[1,"nano-sticker",{"autoResize":[4,"auto-resize"],"isSticky":[1028,"is-sticky"],"offset":[1026],"position":[1],"quietMode":[1,"quiet-mode"],"hideOnNewStickers":[4,"hide-on-new-stickers"],"breakPointMax":[2,"break-point-max"],"breakPointMin":[2,"break-point-min"],"scrollParent":[1040],"stickTo":[1,"stick-to"],"isStuck":[32],"isRootSticker":[32],"hide":[32],"scrollHide":[32],"multiStickerHide":[32],"scrollingTo":[32],"quietModeIsOn":[32],"stuckCounter":[32],"stickerIndex":[32],"stickToEle":[32],"triggerPos":[32],"trigger":[32],"_offset":[32],"isHiding":[64],"isSticking":[64],"setTriggerPos":[64],"getTriggerPos":[64],"pauseHiding":[64]}]]],["p-578f5e8d",[[1,"nano-dropdown",{"autoOpen":[4,"auto-open"],"open":[1540],"closeOnSelect":[4,"close-on-select"],"containingElement":[1040],"tetherTo":[16],"placement":[1],"distance":[2],"skidding":[2],"hoist":[4],"dialogTitle":[1,"dialog-title"],"eventType":[16],"show":[64],"hide":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"],[0,"nanoSelect","handlePanelSelect"]]]]],["p-e41baa11",[[2,"nano-icon-button",{"iconName":[1,"icon-name"],"iconSrc":[1,"icon-src"],"type":[513],"name":[513],"value":[513],"label":[1],"disabled":[516],"href":[1],"target":[1],"setFocus":[64]}]]],["p-ac0ac58f",[[1,"nano-datalist",{"selected":[1040],"dropDownConfig":[6160],"options":[16],"input":[1],"type":[1],"activeOptions":[2064],"open":[1028],"disableFilter":[4,"disable-filter"],"disabled":[4],"actvOptEles":[32],"connectedInput":[32],"inputLabel":[32],"hasNoResult":[32],"shouldOpen":[32],"canOpen":[32],"optionIds":[32]}],[1,"nano-option",{"value":[1537],"label":[1537],"selected":[516],"disabled":[516],"filterMeta":[1,"filter-meta"],"hasFocus":[32]},[[0,"keydown","handleKeyDown"]]],[1,"nano-menu",{"hasFocus":[2052,"has-focus"],"type":[1],"label":[1],"setFocus":[64],"removeFocus":[64],"showActiveElement":[64],"resetActiveItem":[64]},[[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]],["p-0c077605",[[6,"nano-select",{"invalid":[2564],"validityMessage":[2049,"validity-message"],"color":[1],"autofocus":[4],"disabled":[516],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"size":[2],"max":[2],"min":[2],"form":[1],"allowCustomValues":[4,"allow-custom-values"],"value":[6145],"options":[6160],"clearSelect":[4,"clear-select"],"mask":[4],"debounce":[2],"dropDownConfig":[1040],"currInsertIndex":[32],"showErrorMsg":[32],"errorMessage":[32],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"hasHelperEndSlot":[32],"inputSearchVal":[32],"_invalid":[32],"_eOptions":[32],"reportValidity":[64],"setFocus":[64],"getSelectElement":[64],"showError":[64]},[[16,"reset","onReset"],[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]],[0,"nano-global-nav-user-profile",{"myAccountUser":[16],"userProfileUrl":[1,"user-profile-url"]}],[1,"nano-nav-item",{"href":[1025],"target":[1],"disabled":[4],"open":[1540],"selected":[516],"secondaryActiveWidth":[2,"secondary-active-width"],"secondaryFallback":[16],"closeOnBlur":[4,"close-on-blur"],"notification":[4],"hasAnchorEle":[32],"didOpen":[32],"isInGlobalNav":[32],"isInMenuDrawer":[32],"isInMenu":[32],"hasFocus":[32],"setFocus":[64]},[[16,"click","handleClose"],[16,"keyup","handleClose"]]]]],["p-15217442",[[1,"nano-resize-observe",{"notifyContentFit":[1,"notify-content-fit"],"states":[1],"currentWidth":[32],"currentHeight":[32],"classNames":[32],"contentFitX":[32],"contentFitY":[32]}],[1,"nano-skeleton",{"animated":[4]}]]],["p-239d343a",[[1,"nano-img",{"alt":[1],"src":[1],"srcSet":[1,"src-set"],"lazy":[4],"background":[4],"autoHeight":[1,"auto-height"],"loadSrc":[32],"loadError":[32],"hasLoaded":[32],"imgStates":[32],"_src":[32]}],[1,"nano-grid",{"sSize":[2,"s-size"],"mSize":[2,"m-size"],"lSize":[2,"l-size"],"xlSize":[2,"xl-size"],"sCols":[2,"s-cols"],"mCols":[2,"m-cols"],"lCols":[2,"l-cols"],"xlCols":[2,"xl-cols"],"xxlCols":[2,"xxl-cols"],"showHelper":[516,"show-helper"],"contentPanel":[516,"content-panel"],"fullHeight":[516,"full-height"],"ready":[32],"isSmall":[32],"isMedium":[32],"isLarge":[32],"isXL":[32],"isXXL":[32]}],[1,"nano-grid-item",{"gridStates":[1,"grid-states"],"changeBP":[64]}]]],["p-104b7e3a",[[1,"nano-progress-bar",{"value":[2],"indeterminate":[4],"showPercent":[4,"show-percent"]}],[1,"nano-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"open":[1540],"skidding":[2],"hoist":[4],"trigger":[1],"show":[64],"hide":[64]}]]]]'),e)));
+import{p as e,H as a,b as o}from"./p-f6a8467a.js";export{s as setNonce}from"./p-f6a8467a.js";import"./p-d4f6ec9f.js";const n=()=>{{t(a.prototype)}const o=import.meta.url;const n={};if(o!==""){n.resourcesUrl=new URL(".",o).href}return e(n)};const t=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const o=a.call(this,false);const n=this.childNodes;if(e){for(let e=0;e<n.length;e++){if(n[e].nodeType!==2){o.appendChild(n[e].cloneNode(true))}}}return o}};n().then((e=>o(JSON.parse('[["p-62052277",[[1,"nano-global-nav",{"env":[1],"ssoDataUrl":[1,"sso-data-url"],"myAccountData":[16],"ssoRedirect":[1,"sso-redirect"],"getMyAccountData":[4,"get-my-account-data"],"activeMyAccountSections":[16],"showSearch":[4,"show-search"],"showLogo":[4,"show-logo"],"logoUrl":[1,"logo-url"],"searchIndeces":[16],"myAccountUser":[1040],"searchAppId":[1025,"search-app-id"],"searchApiKey":[1025,"search-api-key"],"searchValue":[1025,"search-value"],"searchIndex":[1025,"search-index"],"cartCount":[1026,"cart-count"],"msgCount":[1026,"msg-count"],"cartUrl":[1025,"cart-url"],"msgUrl":[1025,"msg-url"],"userProfileUrl":[32],"hasLoggedinSlot":[32],"hasSiteSlot":[32],"hasPromotionSlot":[32],"aboutSlotLen":[32],"iconSlotLen":[32],"mainSlotLen":[32],"overflowSlotLen":[32],"searchSlotLen":[32],"internalSearchIndeces":[32],"thresholdReady":[32],"remoteDataReady":[32],"ready":[32],"isResizing":[32],"intersectRatio":[32],"threshold":[32],"modalOpen":[32],"modalIsOpen":[32],"searchBarShown":[32],"scrollingUp":[32],"searchLoading":[32],"showAutocomplete":[32],"secondaryMenuOpen":[32],"userMenuOpen":[32],"menuFullScreen":[32],"searchValInternal":[32],"submitSearch":[64],"toggleOverflowMenu":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"],[16,"click","menuClose"]]]]],["p-b38cabe2",[[1,"nano-demo"]]],["p-107d4549",[[1,"nano-hero",{"imgSrc":[1,"img-src"],"imgSrcSet":[1,"img-src-set"],"largeScreenBP":[2,"large-screen-b-p"],"theme":[1],"level":[1],"gridSizes":[32],"hasIconBox":[32],"hasScrim":[32],"hasSecondaryContent":[32],"hasQuote":[32],"hasBg":[32],"hasBackBtn":[32],"hasCtas":[32],"breadCrumbs":[32],"iconBoxItems":[32]}]]],["p-fecb72b9",[[6,"nano-date-input",{"invalid":[2564],"validityMessage":[2049,"validity-message"],"helperText":[4,"helper-text"],"helperTextFormat":[16],"floatLabel":[4,"float-label"],"name":[1],"readonly":[4],"size":[2],"form":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"disabled":[4],"color":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"label":[1],"placeholder":[1025],"value":[1537],"validateOn":[1,"validate-on"],"showInlineError":[516,"show-inline-error"],"dateOrder":[1,"date-order"],"required":[4],"min":[1],"max":[1],"hideLabel":[4,"hide-label"],"picker":[4],"initialPickerDate":[1,"initial-picker-date"],"pickerOpen":[1540,"picker-open"],"closeAfterPicked":[4,"close-after-picked"],"dropDownConfig":[6160],"dateValue":[2064],"isDateDisabled":[16],"pattern":[32],"inputValue":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]}]]],["p-053eb1df",[[1,"nano-dialog",{"showRibbon":[4,"show-ribbon"],"open":[1540],"label":[1],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"noUserDismiss":[4,"no-user-dismiss"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"hoist":[4],"isVisible":[32],"noDismiss":[32],"hasFooter":[32],"show":[64],"hide":[64]}]]],["p-e43f76c8",[[6,"nano-file-upload",{"name":[1],"accept":[1],"capture":[1],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"label":[1],"placeholder":[1],"hideLabel":[4,"hide-label"],"required":[4],"disabled":[516],"clearInput":[4,"clear-input"],"showInlineError":[516,"show-inline-error"],"validateOn":[1025,"validate-on"],"form":[1],"invalid":[2564],"validityMessage":[2049,"validity-message"],"files":[6160],"value":[6145],"hasHelperSlot":[32],"hasLabelSlot":[32],"errorMessage":[32],"isDragging":[32],"fileList":[32],"hasFocus":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]},[[8,"click","globalClickHandler"],[8,"keydown","globalKeydownHandler"],[16,"reset","onReset"]]]]],["p-9dfe2c55",[[1,"nano-alert",{"open":[1540],"closable":[516],"color":[513],"duration":[2],"isModal":[32],"isToast":[32],"isShowing":[32],"label":[32],"show":[64],"hide":[64],"toast":[64],"alert":[64]}]]],["p-30d55046",[[1,"nano-global-search-results",{"algoliaEle":[32],"currentWidth":[32],"apiKey":[32],"appId":[32],"index":[32]},[[16,"nanoSearchReset","handleGlobalNavReset"],[16,"nanoSearchResult","handleGlobalNavSearch"],[0,"nanoChange","handleReorder"],[0,"nanoResultsShown","attachListeners"],[16,"nanoNewResults","attachResultListeners"]]]]],["p-55d71567",[[1,"nano-overflow-nav",{"scrollControls":[4,"scroll-controls"],"orientation":[513],"activeHandler":[16],"inActiveHandler":[16],"isActiveHandler":[16],"hasScrollControls":[32],"hideControlEnd":[32],"hideControlStart":[32]}]]],["p-a761ac89",[[1,"nano-tab",{"panel":[513],"active":[516],"disabled":[516],"closable":[4],"setFocus":[64],"removeFocus":[64]}]]],["p-5d466a58",[[1,"nano-menu-drawer",{"open":[1028],"saveState":[4,"save-state"],"hideWidth":[2,"hide-width"],"hideHeight":[4,"hide-height"],"reset":[32],"widthOk":[32],"heightOk":[32],"isLoading":[32],"hide":[32]},[[0,"nanoOpen","cancelNavItemEvents"],[0,"nanoClose","cancelNavItemEvents"],[16,"nanoIsReady","handleGlobalNavReady"]]]]],["p-068bdd89",[[1,"nano-split-pane",{"position":[6146],"positionInPixels":[1026,"position-in-pixels"],"vertical":[516],"disabled":[516],"primary":[1],"snap":[1],"snapThreshold":[2,"snap-threshold"],"animationDuration":[2,"animation-duration"],"getPercentageToPixels":[64],"getPixelsToPercentage":[64]}]]],["p-a5a560e7",[[1,"nano-tab-group",{"placement":[1],"noScrollControls":[4,"no-scroll-controls"],"color":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"disableSwipe":[4,"disable-swipe"],"hasScrollControls":[32],"hideControlRight":[32],"hideControlLeft":[32],"tab":[32],"show":[64]},[[0,"nanoTabClose","handleTabClose"]]]]],["p-207a1fbc",[[1,"nano-accordion",{"color":[1],"itemOpened":[32]},[[0,"nanoOpened","onToggleHandler"],[0,"nanoClosed","onClosedHandler"]]]]],["p-935aef3d",[[1,"nano-algolia-filter",{"filterName":[1,"filter-name"],"value":[1025],"operator":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"changeEvent":[32],"internalValue":[32],"showFilter":[32],"indexResults":[32],"filterChanged":[32],"facets":[32],"tplRenderFn":[32],"globalStoreMethod":[32]},[[0,"nanoChange","handleChangeEvent"],[0,"change","handleChangeEvent"]]]]],["p-1c6c94cb",[[1,"nano-algolia-input",{"appId":[1,"app-id"],"apiKey":[1,"api-key"],"searchIndex":[1040],"searchIndexName":[1,"search-index-name"],"minChars":[2,"min-chars"],"autoEmit":[4,"auto-emit"],"browseIndex":[1028,"browse-index"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"searchStr":[32],"algoliaIndex":[32],"currentResults":[32],"search":[64]},[[0,"nanoChange","searchSubmit"]]]]],["p-93cfbdb6",[[1,"nano-algolia-pagination",{"maxToShow":[2,"max-to-show"],"currentPage":[32],"canGoPrev":[32],"canGoNext":[32],"show":[32],"tplRenderFn":[32],"indexResults":[32],"infiniteScroll":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}]]],["p-288dbe6b",[[1,"nano-algolia-results",{"infiniteScroll":[4,"infinite-scroll"],"appendPages":[4,"append-pages"],"showResults":[32],"tplRenderFn":[32],"results":[32],"indexResults":[32],"resultsPage":[32],"changeEvent":[32],"facets":[32],"isLoading":[32]}]]],["p-fe7a0158",[[1,"nano-aspect-ratio",{"aspectRatio":[1,"aspect-ratio"],"fit":[1]}]]],["p-dc8fd62d",[[6,"nano-checkbox",{"hasFocus":[1540,"has-focus"],"checked":[1540],"disabled":[516],"value":[513],"name":[513],"required":[516],"type":[513],"label":[1],"indeterminate":[1540],"invalid":[2564],"validityMessage":[2049,"validity-message"],"color":[1],"form":[1],"inputType":[32],"_invalid":[32],"getInputElement":[64],"reportValidity":[64],"setError":[64],"setFocus":[64],"removeFocus":[64]},[[16,"reset","onReset"]]]]],["p-0d1ca590",[[6,"nano-checkbox-group",{"validateOn":[1025,"validate-on"],"showInlineError":[4,"show-inline-error"],"min":[2],"max":[2],"disabled":[516],"legend":[1],"invalid":[2564],"validityMessage":[2049,"validity-message"],"value":[1025],"checkboxes":[32],"nativeCbs":[32],"errorMessage":[32],"showErrorMsg":[32],"hasHelperSlot":[32],"_invalid":[32],"reportValidity":[64],"showError":[64]},[[0,"nanoChange","handleValueChange"],[0,"nanoChange","handleCbChange"]]]]],["p-76a650b1",[[1,"nano-details",{"label":[1],"open":[1540],"noHandle":[4,"no-handle"],"iconRotation":[2,"icon-rotation"],"color":[1],"isLoading":[32]}]]],["p-b6306aff",[[1,"nano-drawer",{"open":[1540],"label":[1],"placement":[1],"contained":[4],"noHeader":[4,"no-header"],"type":[1],"contentSelector":[1,"content-selector"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["p-eab09335",[[4,"nano-field-validator",{"validateOn":[1025,"validate-on"],"scrollToInvalid":[4,"scroll-to-invalid"],"dirty":[2564],"valid":[2564],"store":[2064],"payload":[2064],"showValidation":[2052,"show-validation"],"validationState":[2064],"extraFieldSelector":[1,"extra-field-selector"],"validation":[16],"submitted":[32],"userForm":[32],"_dirty":[32],"_valid":[32],"_store":[32],"setStore":[64],"setCustomValidity":[64],"resetValidity":[64]}]]],["p-d792f692",[[6,"nano-range",{"color":[1],"debounce":[2],"name":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"snaps":[4],"step":[2],"ticks":[4],"disabled":[4],"value":[1026],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]}]]],["p-57085052",[[2,"nano-rating",{"value":[1538],"max":[2],"precision":[2],"readonly":[4],"disabled":[4],"name":[1],"symbolName":[1,"symbol-name"],"symbol":[16],"hoverValue":[32],"isHovering":[32],"setFocus":[64],"removeFocus":[64]}]]],["p-cd2f5e97",[[1,"nano-slide",{"ready":[1540]}]]],["p-db370094",[[1,"nano-slides",{"options":[1040],"navbtns":[4],"pager":[4],"fullscreenbtn":[4],"fullscreen":[1540],"animation":[513],"currentSlide":[1538,"current-slide"],"autoplay":[8],"ready":[1540],"iCurrentSlide":[32],"slidesReady":[32],"didInit":[32],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipes":[64],"getflickity":[64],"reload":[64]}]]],["p-cba50c3e",[[1,"nano-tab-content",{"name":[513],"active":[516],"ready":[32]}]]],["p-68928c59",[[1,"nano-spinner",{"type":[1],"overlay":[516],"hasText":[32]}]]],["p-c32fbbf0",[[4,"nano-table",{"type":[1],"caption":[1],"showCaption":[4,"show-caption"],"loading":[4],"placeholderSize":[2,"placeholder-size"],"rows":[1040],"columns":[1040],"headRender":[16],"rowRender":[16],"footRender":[16],"showFooter":[4,"show-footer"],"perBlock":[2,"per-block"],"blocksLength":[2050,"blocks-length"],"searchTerm":[1,"search-term"],"customFilterFn":[16],"customSortFn":[16],"defaultSort":[4,"default-sort"],"defaultColDraggable":[4,"default-col-draggable"],"virtualTotalItems":[2,"virtual-total-items"],"internalLoading":[32],"blocks":[32],"activeBlocks":[32],"resetSorting":[64],"addSort":[64],"resetFilters":[64],"addFilters":[64],"removeFilters":[64],"updateRow":[64]}]]],["p-a1c0afb6",[[1,"nano-algolia",{"showResults":[1028,"show-results"],"resultsPage":[1026,"results-page"],"appId":[1025,"app-id"],"apiKey":[1025,"api-key"],"searchIndex":[1040],"searchIndexName":[1025,"search-index-name"],"listenTo":[1,"listen-to"],"query":[1025],"operator":[1],"filters":[16],"tplEngine":[16],"tplRenderFn":[16],"replicaIndex":[1025,"replica-index"],"browseIndex":[1028,"browse-index"],"minChars":[2,"min-chars"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"_dynFacetFilters":[32],"inputField":[32],"algoliaIndex":[32],"indeces":[32],"resultsEmitterEle":[32],"indexResults":[32],"filterChanged":[32],"currentHits":[32],"changeEvent":[32],"isLoading":[32],"wormholeState":[32],"removeFilters":[64]},[[0,"nanoTplUpdated","onAllTplUpdate"],[0,"nanoPageChanged","onPageChange"],[0,"nanoFilterChanged","onFilterChange"],[16,"nanoChange","handleInputChange"],[16,"change","handleInputChange"]]]]],["p-173cc842",[[1,"nano-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"svgContent":[32],"isVisible":[32],"isLoading":[32]}]]],["p-5984ae16",[[1,"nano-date-picker",{"selectedDate":[1025,"selected-date"],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"color":[1],"isDateDisabled":[16],"isModal":[4,"is-modal"],"firstFocusEle":[16],"activeFocus":[32],"focusedDay":[32],"setFocus":[64]}]]],["p-7304107c",[[6,"nano-input",{"invalid":[2564],"validityMessage":[2049,"validity-message"],"color":[1],"accept":[1],"autocapitalise":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[516],"inputmode":[1],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"type":[513],"form":[1],"value":[1025],"resize":[1],"rows":[2],"showCharCount":[4,"show-char-count"],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"hasHelperEndSlot":[32],"errorMessage":[32],"datalist":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"select":[64],"getInputElement":[64],"showError":[64]},[[16,"reset","onReset"],[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]],["p-7d6065c6",[[1,"nano-sticker",{"autoResize":[4,"auto-resize"],"isSticky":[1028,"is-sticky"],"offset":[1026],"position":[1],"quietMode":[1,"quiet-mode"],"hideOnNewStickers":[4,"hide-on-new-stickers"],"breakPointMax":[2,"break-point-max"],"breakPointMin":[2,"break-point-min"],"scrollParent":[1040],"stickTo":[1,"stick-to"],"isStuck":[32],"isRootSticker":[32],"hide":[32],"scrollHide":[32],"multiStickerHide":[32],"scrollingTo":[32],"quietModeIsOn":[32],"stuckCounter":[32],"stickerIndex":[32],"stickToEle":[32],"triggerPos":[32],"trigger":[32],"_offset":[32],"isHiding":[64],"isSticking":[64],"setTriggerPos":[64],"getTriggerPos":[64],"pauseHiding":[64]}]]],["p-578f5e8d",[[1,"nano-dropdown",{"autoOpen":[4,"auto-open"],"open":[1540],"closeOnSelect":[4,"close-on-select"],"containingElement":[1040],"tetherTo":[16],"placement":[1],"distance":[2],"skidding":[2],"hoist":[4],"dialogTitle":[1,"dialog-title"],"eventType":[16],"show":[64],"hide":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"],[0,"nanoSelect","handlePanelSelect"]]]]],["p-e41baa11",[[2,"nano-icon-button",{"iconName":[1,"icon-name"],"iconSrc":[1,"icon-src"],"type":[513],"name":[513],"value":[513],"label":[1],"disabled":[516],"href":[1],"target":[1],"setFocus":[64]}]]],["p-ac0ac58f",[[1,"nano-datalist",{"selected":[1040],"dropDownConfig":[6160],"options":[16],"input":[1],"type":[1],"activeOptions":[2064],"open":[1028],"disableFilter":[4,"disable-filter"],"disabled":[4],"actvOptEles":[32],"connectedInput":[32],"inputLabel":[32],"hasNoResult":[32],"shouldOpen":[32],"canOpen":[32],"optionIds":[32]}],[1,"nano-option",{"value":[1537],"label":[1537],"selected":[516],"disabled":[516],"filterMeta":[1,"filter-meta"],"hasFocus":[32]},[[0,"keydown","handleKeyDown"]]],[1,"nano-menu",{"hasFocus":[2052,"has-focus"],"type":[1],"label":[1],"setFocus":[64],"removeFocus":[64],"showActiveElement":[64],"resetActiveItem":[64]},[[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]],["p-0c077605",[[6,"nano-select",{"invalid":[2564],"validityMessage":[2049,"validity-message"],"color":[1],"autofocus":[4],"disabled":[516],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"size":[2],"max":[2],"min":[2],"form":[1],"allowCustomValues":[4,"allow-custom-values"],"value":[6145],"options":[6160],"clearSelect":[4,"clear-select"],"mask":[4],"debounce":[2],"dropDownConfig":[1040],"currInsertIndex":[32],"showErrorMsg":[32],"errorMessage":[32],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"hasHelperEndSlot":[32],"inputSearchVal":[32],"_invalid":[32],"_eOptions":[32],"reportValidity":[64],"setFocus":[64],"getSelectElement":[64],"showError":[64]},[[16,"reset","onReset"],[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]],[0,"nano-global-nav-user-profile",{"myAccountUser":[16],"userProfileUrl":[1,"user-profile-url"]}],[1,"nano-nav-item",{"href":[1025],"target":[1],"disabled":[4],"open":[1540],"selected":[516],"secondaryActiveWidth":[2,"secondary-active-width"],"secondaryFallback":[16],"closeOnBlur":[4,"close-on-blur"],"notification":[4],"hasAnchorEle":[32],"didOpen":[32],"isInGlobalNav":[32],"isInMenuDrawer":[32],"isInMenu":[32],"hasFocus":[32],"setFocus":[64]},[[16,"click","handleClose"],[16,"keyup","handleClose"]]]]],["p-15217442",[[1,"nano-resize-observe",{"notifyContentFit":[1,"notify-content-fit"],"states":[1],"currentWidth":[32],"currentHeight":[32],"classNames":[32],"contentFitX":[32],"contentFitY":[32]}],[1,"nano-skeleton",{"animated":[4]}]]],["p-239d343a",[[1,"nano-img",{"alt":[1],"src":[1],"srcSet":[1,"src-set"],"lazy":[4],"background":[4],"autoHeight":[1,"auto-height"],"loadSrc":[32],"loadError":[32],"hasLoaded":[32],"imgStates":[32],"_src":[32]}],[1,"nano-grid",{"sSize":[2,"s-size"],"mSize":[2,"m-size"],"lSize":[2,"l-size"],"xlSize":[2,"xl-size"],"sCols":[2,"s-cols"],"mCols":[2,"m-cols"],"lCols":[2,"l-cols"],"xlCols":[2,"xl-cols"],"xxlCols":[2,"xxl-cols"],"showHelper":[516,"show-helper"],"contentPanel":[516,"content-panel"],"fullHeight":[516,"full-height"],"ready":[32],"isSmall":[32],"isMedium":[32],"isLarge":[32],"isXL":[32],"isXXL":[32]}],[1,"nano-grid-item",{"gridStates":[1,"grid-states"],"changeBP":[64]}]]],["p-104b7e3a",[[1,"nano-progress-bar",{"value":[2],"indeterminate":[4],"showPercent":[4,"show-percent"]}],[1,"nano-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"open":[1540],"skidding":[2],"hoist":[4],"trigger":[1],"show":[64],"hide":[64]}]]]]'),e)));
 //# sourceMappingURL=nano-components.esm.js.map

package/dist/nano-components/nano-components.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","bootstrapLazy","JSON","parse"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v2.23.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;qHAkBA,MAAMA,EAAe,KASO,CAEpBC,EAAkBC,EAAEC,UAC5B,CAiBI,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IACrD,CAYI,OAAOC,EAAeJ,EAAK,EA6C/B,MAAMP,EAAqBY,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,EAChD,CACQ,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MACtE,CACA,CACA,CACQ,OAAOK,CACf,CAAK,ECvILpB,IAAe2B,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,s3iBAAuCH"}
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","bootstrapLazy","JSON","parse"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v2.23.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;qHAkBA,MAAMA,EAAe,KASO,CAEpBC,EAAkBC,EAAEC,UAC5B,CAiBI,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IACrD,CAYI,OAAOC,EAAeJ,EAAK,EA6C/B,MAAMP,EAAqBY,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,EAChD,CACQ,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MACtE,CACA,CACA,CACQ,OAAOK,CACf,CAAK,ECvILpB,IAAe2B,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,g5iBAAuCH"}

package/dist/nano-components/p-0038620d.js

@@ -0,0 +1,5 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+import{c as t}from"./p-f5b6ccdb.js";import"./p-f6a8467a.js";import"./p-ee045579.js";import"./p-9746b0a5.js";import"./p-9ebbb814.js";const o="table.worker";const p="stencil.table.worker";const s=new URL("p-e2f9ccfa.js",import.meta.url).href;const r=new Blob(['importScripts("'+s+'")'],{type:"text/javascript"});const c=URL.createObjectURL(r);const e=t(c,o,p);URL.revokeObjectURL(c);export{e as worker,p as workerMsgId,o as workerName,s as workerPath};
+//# sourceMappingURL=p-0038620d.js.map

package/dist/nano-components/{p-c53b232e.js → p-2155fc2c.js}

@@ -2,4 +2,4 @@
  * Web Components for Nanopore digital Web Apps
  */
 const e={id:"mr.test",uuid:"2589690E-A907-50BB-9551-55E18ABB1273",name:"Logged in user",first_name:"mr",last_name:"test",email:"mr.test@nanoporetech.com",job_title:"CEO",company:"ONT",small_avatar_url:"https://picsum.photos/75",is_nanopore_user:false,lifecycle_stage:"Lead",indirect_customer:false,registration:{next_url:null}};const t=[{origin:"cws",domain:"nanoporetech.com"},{origin:"store",domain:"store.nanoporetech.com"},{origin:"community",domain:"community.nanoporetech.com"}];const o={count:0,url:"https://shop-test.nanoporetech.com/checkout/cart"};const r={count:0};const a=[{id:1,area:"main",address:"#",title:"Trousers",order:1,target:null},{id:2,area:"logged-out",address:"#",title:"Mouse",order:1,target:null},{id:20,area:"profile-panel-block",address:"https://nanoporetech.com/about-us/news",title:"News",order:3,target:""},{id:21,area:"profile-panel-block",address:"https://nanoporetech.com/about-us",title:"About",order:3,target:""},{id:22,area:"profile-panel-block",address:"https://nanoporetech.com/contact",title:"Contact",order:3,target:""},{id:28,area:"right-side-logged-out",address:"https://nanoporetech.com/contact",title:"Contact",order:3,target:""},{id:29,area:"right-side-logged-out",address:"https://nanoporetech.com/about-us/news",title:"News",order:3,target:""},{id:30,area:"right-side-logged-out",address:"https://nanoporetech.com/about-us",title:"About",order:3,target:""},{id:9,area:"right-side-logged-in",address:"https://nanoporetech.com/contact",title:"Contact",order:4,target:""},{id:10,area:"right-side-logged-in",address:"https://nanoporetech.com/about-us/news",title:"News",order:4,target:""},{id:11,area:"right-side-logged-in",address:"https://nanoporetech.com/about-us",title:"About",order:4,target:""},{id:12,area:"right-side-logged-in",address:"https://nanoporetech.com/events",title:"Events",order:4,target:""},{id:23,area:"left-side-logged-out",address:"https://nanoporetech.com/",title:"Nanoporetech",order:5,target:""},{id:24,area:"left-side-logged-out",address:"https://metrichor.com/",title:"Metrichor",order:5,target:""},{id:25,area:"left-side-logged-out",address:"https://community.nanoporetech.com/",title:"Community",order:5,target:""},{id:26,area:"left-side-logged-out",address:"https://nanoporetech.com/events",title:"Events",order:5,target:""},{id:27,area:"left-side-logged-out",address:"https://store.nanoporetech.com",title:"Store",order:5,target:""},{id:3,area:"left-side-logged-in",address:"https://nanoporetech.com/",title:"Nanoporetech",order:6,target:""},{id:4,area:"left-side-logged-in",address:"https://metrichor.com/",title:"Metrichor",order:6,target:""},{id:5,area:"left-side-logged-in",address:"https://community.nanoporetech.com/",title:"Community",order:6,target:""},{id:6,area:"left-side-logged-in",address:"https://nanoporetech.com/events",title:"Events",order:6,target:""},{id:7,area:"left-side-logged-in",address:"https://store.nanoporetech.com",title:"Store",order:6,target:""},{id:8,area:"left-side-logged-in",address:"https://epi2me.nanoporetech.com",title:"EPI2ME",order:6,target:"_blank"},{id:13,area:"profile-panel-list",address:"https://community.nanoporetech.com/",title:"Community Dashboard",order:7,target:""},{id:14,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/message_centre",title:"Messages",order:7,target:""},{id:15,area:"profile-panel-list",address:"https://community.nanoporetech.com/my-activity",title:"My Activity",order:7,target:""},{id:16,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/home",title:"My Account",order:7,target:""},{id:17,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/account/teams",title:"Team Management ",order:7,target:""},{id:18,area:"profile-panel-list",address:"https://nanoporetech.com/resource-centre/publications",title:"Publications",order:7,target:""},{id:19,area:"profile-panel-list",address:"https://myaccount.nanoporetech.com/profile/status",title:"Preferences",order:7,target:""}];const s={forgot_password:"https://myaccount-dev.nanoporetech.com/profile/details#password-form?RelayState=",logout:"https://myaccount-dev.nanoporetech.com/sso/logout?RelayState=",login:null,messages:"https://myaccount-dev.nanoporetech.com/message_centre",cart:"https://shop-test.nanoporetech.com/checkout/cart"};const n={app_id:"N8NZI5A47F",api_key:"b38860b015b02c9cb6993cf0367ed203",indeces:[{index:"all_prod_en",name:"All",domain:"nanoporetech.com",all_group:true,filters:["tags","type"]},{index:"cws_english_en",name:"www",domain:"nanoporetech.com",filters:["tags","type"]},{index:"store_prod",name:"Store",domain:"store.nanoporetech.com",filters:["type"]},{index:"cws_english_resources_en",name:"Resources",domain:"nanoporetech.com",filters:["tags"]},{index:"community_prod",name:"Community",domain:"community.nanoporetech.com",filters:["type","channel","authors","tags"]}]};const d={user:e,domains:t,cart:o,notifications:r,links:a,urls:s,search:n};export default d;export{o as cart,t as domains,a as links,r as notifications,n as search,s as urls,e as user};
-//# sourceMappingURL=p-c53b232e.js.map
+//# sourceMappingURL=p-2155fc2c.js.map

package/dist/nano-components/p-55d71567.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+import{r as t,h as i,a,g as e}from"./p-f6a8467a.js";import{g as s,a as o}from"./p-257432ff.js";import{d as r}from"./p-9746b0a5.js";const n=':host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--indicator-transition:var(--nano-transition-fast, 0.3s);--indicator-color:#90c6e7;--indicator-size:0;--indicator-track-color:#e4e6e8;--indicator-track-size:var(--indicator-size);--scroll-btn-color:"currentColor";--fade-size:1.75rem;--fade-transparency:0;--padding:var(--fade-size);position:relative;z-index:var(--nano-layer-index-raised, 5)}:host([orientation=horizontal]){display:block}:host([orientation=vertical]){display:flex}.onav__scroller{scrollbar-width:none;-ms-overflow-style:none;display:flex;transition:var(--nano-transition-medium, 0.5s) ease;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");-webkit-mask-size:calc(100% + var(--fade-size) * 4);mask-size:calc(100% + var(--fade-size) * 4);-webkit-mask-position:calc(var(--fade-size) * -2);mask-position:calc(var(--fade-size) * -2)}.onav__scroller::-webkit-scrollbar{inline-size:0;block-size:0}.onav__scroller::after{content:" ";line-height:1;flex:0 0 auto;display:block}.onav--has-scroll-controls-start .onav__scroller{-webkit-mask-position:0;mask-position:0;-webkit-mask-size:calc(100% + var(--fade-size) * 2);mask-size:calc(100% + var(--fade-size) * 2)}.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-position:calc(var(--fade-size) * -1);mask-position:calc(var(--fade-size) * -1);-webkit-mask-size:calc(100% + var(--fade-size));mask-size:calc(100% + var(--fade-size))}.onav--has-scroll-controls-start.onav--has-scroll-controls-end .onav__scroller{-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:0;mask-position:0}.onav__items{flex:1 1 auto;position:relative;width:auto;flex-wrap:nowrap;display:flex}.onav__items::before{content:"";background:var(--indicator-track-color);display:block;position:absolute;z-index:1}.onav__active-indicator{position:absolute;z-index:10;transition:var(--indicator-transition) transform ease, var(--indicator-transition) width ease, var(--indicator-transition) height ease}.onav nano-icon-button.onav__scroll-button{--nano-color-base:var(--scroll-btn-color);display:flex;align-items:center;justify-content:center;position:absolute;border:unset;z-index:2;transition:var(--nano-transition-fast, 0.3s) ease opacity;opacity:0;color:var(--scroll-btn-color);pointer-events:none}.onav nano-icon-button.onav__scroll-button:focus{outline:none}.onav nano-icon-button.onav__scroll-button.is-shown{opacity:1;pointer-events:all}.onav nano-icon-button.onav__scroll-button:focus-visible{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8))) inset}.onav--horizontal .onav__scroller{overflow-x:auto;overflow-y:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;padding-inline:var(--padding);-webkit-mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--fade-size), black calc(var(--fade-size) * 2), black calc(100% - var(--fade-size) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--fade-size)), rgb(0 0 0/var(--fade-transparency)));mask-image:linear-gradient(to left, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--fade-size), black calc(var(--fade-size) * 2), black calc(100% - var(--fade-size) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--fade-size)), rgb(0 0 0/var(--fade-transparency)))}.onav--horizontal .onav__scroller::after{padding-inline:0 var(--fade-size);padding-block:0 0}.onav--horizontal.onav--has-scroll-controls .onav__scroller{padding-inline:var(--fade-size) 0;-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:0;padding-block-end:0}.onav--horizontal .onav__items{flex-direction:row}.onav--horizontal .onav__items::before{content:"";width:100%;height:var(--indicator-track-size);inset-block-end:0}.onav--horizontal .onav__active-indicator{inset-block-end:0;-webkit-border-after:solid var(--indicator-size) var(--indicator-color);border-block-end:solid var(--indicator-size) var(--indicator-color)}.onav--horizontal .onav__scroll-button{inset-block:0}.onav--horizontal .onav__scroll-button--start{inset-inline-start:0}.onav--horizontal .onav__scroll-button--end{inset-inline-end:0}.onav--vertical{width:100%}.onav--vertical .onav__nav{max-height:100%;display:flex}.onav--vertical .onav__scroller{width:100%;overflow-y:auto;overflow-x:hidden;flex-direction:column;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;padding-block:var(--padding);-webkit-mask-image:linear-gradient(to top, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--fade-size), black calc(var(--fade-size) * 2), black calc(100% - var(--fade-size) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--fade-size)), rgb(0 0 0/var(--fade-transparency)));mask-image:linear-gradient(to top, rgb(0 0 0/var(--fade-transparency)) 0, rgb(0 0 0/var(--fade-transparency)) var(--fade-size), black calc(var(--fade-size) * 2), black calc(100% - var(--fade-size) * 2), rgb(0 0 0/var(--fade-transparency)) calc(100% - var(--fade-size)), rgb(0 0 0/var(--fade-transparency)));padding-inline:0 0;-webkit-padding-before:calc(var(--fade-size) + 12px);padding-block-start:calc(var(--fade-size) + 12px);-webkit-padding-after:var(--fade-size);padding-block-end:var(--fade-size)}.onav--vertical .onav__scroller::after{padding-inline:0 0;padding-block:0 var(--fade-size)}.onav--vertical .onav__items{flex-direction:column;width:-moz-fit-content;width:fit-content}.onav--vertical .onav__items::before{content:"";height:100%;width:var(--indicator-track-size);inset-inline-start:0}.onav--vertical .onav__active-indicator{inset-inline-start:0;-webkit-border-start:solid var(--indicator-size) var(--indicator-color);border-inline-start:solid var(--indicator-size) var(--indicator-color)}.onav--vertical .onav__scroll-button{inset-inline:0}.onav--vertical .onav__scroll-button--start{inset-block-start:0}.onav--vertical .onav__scroll-button--end{inset-block-end:0}';const l=class{constructor(i){t(this,i);this.updateScrollControls=()=>{if(!this.nav)return;this.hasScrollControls=this.nav[this.scrollProp]>this.nav[this.clientDimProp]&&this.nav[this.scrollProp]>this.itemContainer[this.clientDimProp];this.handleScroll()};this.handleScroll=()=>{if(!this.hasScrollControls){this.hideControlStart=this.hideControlEnd=true;return}const t=this.isRtl?this.nav[this.scrollOffset]===0:Math.abs(this.nav[this.clientDimProp]-(this.nav[this.scrollProp]-this.nav[this.scrollOffset]))<2;const i=this.isRtl?Math.abs(this.nav[this.scrollProp]+this.nav[this.scrollOffset]-this.nav[this.clientDimProp])<2:this.nav[this.scrollOffset]===0;if(i){this.hideControlStart=true;this.hideControlEnd=false}else if(t){this.hideControlStart=false;this.hideControlEnd=true}else{this.hideControlEnd=false;this.hideControlStart=false}};this.handleBtnClick=(t=false)=>{const i=this.navDim;let a;if(t)a=this.nav[this.scrollOffset]+i-20;else a=this.nav[this.scrollOffset]-i+20;try{this.nav.scroll({left:this.orientation==="horizontal"?a:0,top:this.orientation==="vertical"?a:0,behavior:"smooth"})}catch(t){this.nav[this.scrollOffset]=a}};this.slotChangeHandler=()=>{if(this.allActiveItems.length<2)return;const t=this.allActiveItems.find((t=>this.isActiveHandler(t)));if(t)this.activeItem=t;this.recalculatePositions()};this.handleClick=t=>{if(this.allActiveItems.length<2)return;const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));if(i)this.activeItem=i};this.handleKeyDown=t=>{if(["Enter"," "].includes(t.key)){const i=t.composedPath().find((t=>this.allActiveItems.includes(t)));if(i)this.activeItem=i}};this.recalculatePositions=t=>{this.updateScrollControls();this.syncActiveItemIndicator(t);setTimeout((()=>this.scrollToActiveItem(t)),300)};this.scrollControls=true;this.orientation="horizontal";this.activeHandler=t=>t.classList.add("active");this.inActiveHandler=t=>t.classList.remove("active");this.isActiveHandler=t=>t.classList.contains("active");this.hasScrollControls=false;this.hideControlEnd=true;this.hideControlStart=true;this.recalculatePositions=r(this.recalculatePositions,50)}get scrollProp(){return this.orientation==="horizontal"?"scrollWidth":"scrollHeight"}get clientDimProp(){return this.orientation==="horizontal"?"clientWidth":"clientHeight"}get scrollOffset(){return this.orientation==="horizontal"?"scrollLeft":"scrollTop"}watchScrollControls(){if(this.hasScrollControls)this.handleScroll();else this.hideControlStart=this.hideControlEnd=true}hideEndBtn(){if(!this.endBtn)return;this.activateBtn(this.endBtn,!this.hideControlEnd)}hideStartBtn(){if(!this.startBtn)return;this.activateBtn(this.startBtn,!this.hideControlStart)}activateBtn(t,i=true){if(!i){t.tabIndex=-1;t.disabled=true;t.classList.remove("is-shown");return}t.tabIndex=0;t.disabled=false;t.classList.add("is-shown")}get allActiveItems(){return this.allItems.filter((t=>!t.disabled||t.classList.contains("disabled")))}get allItems(){return s(this.host,"*",true)}get activeItem(){return this._activeItem}set activeItem(t){if(!t||t===this.activeItem||t.disabled||!this.allActiveItems.includes(t)){return}this._activeItem=t;this.allActiveItems.forEach((t=>{if(t===this._activeItem)this.activeHandler(t);else this.inActiveHandler(t)}));this.syncActiveItemIndicator();this.scrollToActiveItem()}get navDim(){if(!this.nav)return 0;const t=getComputedStyle(this.nav);let i=this.nav[this.clientDimProp];if(this.orientation==="horizontal"){return i-=parseFloat(t.paddingLeft)+parseFloat(t.paddingRight)}else{return i-=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)}}scrollToActiveItem(t){if(!this.nav||!this.activeItem)return;requestAnimationFrame((()=>{this.activeItem.scrollIntoView({behavior:t?"auto":"smooth",block:"center",inline:"center"})}))}syncActiveItemIndicator(t){if(!this.activeItem)return;const i=this.activeItem;const a=i.clientWidth||0;const e=i.clientHeight+2||0;const s=o(i,this.itemContainer);if(!this.activeIndicator)return;const r=s.top;const n=s.left;if(t)this.activeIndicator.style.transition="none";switch(this.orientation){case"horizontal":this.activeIndicator.style.width=`${a}px`;this.activeIndicator.style.height=null;this.activeIndicator.style.transform=`translateX(${n}px)`;break;case"vertical":this.activeIndicator.style.width=null;this.activeIndicator.style.height=`${e}px`;this.activeIndicator.style.transform=`translateY(${r}px)`;break}setTimeout((()=>this.activeIndicator.style.transition=null),400)}connectedCallback(){this.isRtl=this.orientation==="horizontal"&&!!this.host.closest('[dir="rtl"]');if(!window["ResizeObserver"])return;if(this.ro){this.ro.disconnect();this.ro=undefined}const t=this.ro=new ResizeObserver(this.recalculatePositions);t.observe(this.host)}componentDidLoad(){this.activeItem=this.allActiveItems.find((t=>this.isActiveHandler(t)));this.recalculatePositions(true)}disconnectedCallback(){if(this.ro){this.ro.disconnect();this.ro=undefined}}render(){return i(a,{dir:this.isRtl?"rtl":null},i("div",{part:"base",class:{onav:true,[`onav--${this.orientation}`]:true,"onav--has-scroll-controls":this.hasScrollControls,"onav--has-scroll-controls-start":!this.hideControlStart,"onav--has-scroll-controls-end":!this.hideControlEnd},onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("div",{class:"onav__nav"},this.scrollControls&&i("nano-icon-button",{part:"scroll-button scroll-button-prev",class:{"onav__scroll-button":true,"onav__scroll-button--start":true},ref:t=>this.startBtn=t,onClick:()=>this.handleBtnClick(false),label:"Click to scroll",iconName:this.orientation==="horizontal"?"light/chevron-left":"light/chevron-up"}),i("div",{part:"scroller",ref:t=>this.nav=t,class:"onav__scroller",onScroll:this.handleScroll},i("div",{part:"items",ref:t=>this.itemContainer=t,class:"onav__items"},i("div",{part:"indicator",ref:t=>this.activeIndicator=t,class:"onav__active-indicator"}),i("slot",{onSlotchange:this.slotChangeHandler}))),this.scrollControls&&i("nano-icon-button",{part:"scroll-button scroll-button-next",class:{"onav__scroll-button":true,"onav__scroll-button--end":true},ref:t=>this.endBtn=t,onClick:()=>this.handleBtnClick(true),label:"Click to scroll",iconName:this.orientation==="horizontal"?"light/chevron-right":"light/chevron-down"}))))}get host(){return e(this)}static get watchers(){return{hasScrollControls:["watchScrollControls"],hideControlEnd:["hideEndBtn"],hideControlStart:["hideStartBtn"]}}};l.style=n;export{l as nano_overflow_nav};
+//# sourceMappingURL=p-55d71567.entry.js.map

package/dist/nano-components/{p-d0e15e46.entry.js.map → p-55d71567.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["overflowNavCss","OverflowNav","constructor","hostRef","this","updateScrollControls","hasScrollControls","nav","scrollProp","clientDimProp","itemContainer","handleScroll","hideControlStart","hideControlEnd","finishEnd","isRtl","scrollOffset","Math","abs","finishStart","handleBtnClick","goEnd","navDim","scrollAmt","scroll","left","orientation","top","behavior","e","slotChangeHandler","allActiveItems","length","item","find","el","isActiveHandler","activeItem","recalculatePositions","handleClick","event","foundItem","composedPath","includes","handleKeyDown","key","init","syncActiveItemIndicator","setTimeout","scrollToActiveItem","classList","add","remove","contains","debounce","watchScrollControls","hideEndBtn","endBtn","activateBtn","hideStartBtn","startBtn","btn","activate","tabIndex","disabled","allItems","filter","getDirectChildren","host","_activeItem","forEach","activeHandler","inActiveHandler","computedStyle","getComputedStyle","clientDim","parseFloat","paddingLeft","paddingRight","paddingTop","paddingBottom","instant","requestAnimationFrame","scrollIntoView","block","inline","width","clientWidth","height","clientHeight","offset","getOffset","activeIndicator","offsetTop","offsetLeft","style","transition","transform","connectedCallback","closest","window","ro","disconnect","undefined","mo","ResizeObserver","observe","componentDidLoad","disconnectedCallback","render","h","Host","dir","part","class","onav","onClick","onKeyDown","scrollControls","ref","label","iconName","onScroll","onSlotchange"],"sources":["./src/components/overflow-nav/overflow-nav.scss?tag=nano-overflow-nav&encapsulation=shadow","./src/components/overflow-nav/overflow-nav.tsx"],"sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n  * @prop --indicator-transition. Defaults to #{$transition-fast}\n  * @prop --indicator-color. Defaults to #{map.get($colors, lightblue)};\n  * @prop --indicator-size. Defaults to 0;\n  * @prop --indicator-track-color. Defaults to #{map.get($colors, lightgrey)};\n  * @prop --indicator-track-size. Defaults to var(--indicator-size);\n\n  * @prop --scroll-btn-color. Defaults to 'currentColor';\n  * @prop --fade-size. The size of the fade areas (when items do not fit). Defaults to 1.75rem;\n  * @prop --fade-transparency. Defaults to 0;\n  *\n  * @prop --padding. Padding that matches the fade size will stop items shifting if fade areas are added (i.e when items do not fit). Defaults to var(--fade-size);\n  */\n\n  --indicator-transition: #{$transition-fast};\n  --indicator-color: #{map.get($colors, lightblue)};\n  --indicator-size: 0;\n  --indicator-track-color: #{map.get($colors, lightgrey)};\n  --indicator-track-size: var(--indicator-size);\n  --scroll-btn-color: 'currentColor';\n  --fade-size: 1.75rem;\n  --fade-transparency: 0;\n  --padding: var(--fade-size);\n\n  position: relative;\n  z-index: #{$layer-index-raised};\n}\n\n:host([orientation=\"horizontal\"]) {\n  display: block;\n}\n\n:host([orientation=\"vertical\"]) {\n  display: flex;\n}\n\n.onav {\n  $root: &;\n\n  &__scroller {\n    @include hide-scrollbar();\n\n    display: flex;\n    transition: #{$transition-medium} ease;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=');\n    mask-size: calc(100% + calc(var(--fade-size) * 4));\n    mask-position: calc(var(--fade-size) * -2);\n\n    &::after {\n      content: ' ';\n      line-height: 1;\n      flex: 0 0 auto;\n      display: block;\n    }\n\n    #{$root}--has-scroll-controls-start & {\n      mask-position: 0;\n      mask-size: calc(100% + (var(--fade-size) * 2));\n    }\n\n    #{$root}--has-scroll-controls-end & {\n      mask-position: calc(var(--fade-size) * -1);\n      mask-size: calc(100% + var(--fade-size));\n    }\n\n    #{$root}--has-scroll-controls-start#{$root}--has-scroll-controls-end & {\n      mask-size: 100%;\n      mask-position: 0;\n    }\n  }\n\n  &__items {\n    flex: 1 1 auto;\n    position: relative;\n    width: auto;\n    flex-wrap: nowrap;\n    display: flex;\n\n    &::before {\n      content: '';\n      background: var(--indicator-track-color);\n      display: block;\n      position: absolute;\n      z-index: 1;\n    }\n  }\n\n  &__active-indicator {\n    position: absolute;\n    z-index: 10;\n    transition:\n      var(--indicator-transition) transform ease,\n      var(--indicator-transition) width ease,\n      var(--indicator-transition) height ease;\n  }\n\n  nano-icon-button.onav__scroll-button {\n    --nano-color-base: var(--scroll-btn-color);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    border: unset;\n    z-index: 2;\n    transition: #{$transition-fast} ease opacity;\n    opacity: 0;\n    color: var(--scroll-btn-color);\n    pointer-events: none;\n\n    &:focus {\n      outline: none;\n    }\n\n    &.is-shown {\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    &:focus-visible {\n      box-shadow: #{$control-focus-style} inset;\n    }\n  }\n\n  ///////////// HORIZONTAL ///////////////\n\n  &--horizontal {\n\n    #{$root}__scroller {\n      overflow-x: auto;\n      overflow-y: hidden;\n      mask-repeat: no-repeat;\n      padding-inline: var(--padding);\n      mask-image:\n        linear-gradient(\n          to left,\n          rgb(0 0 0 / var(--fade-transparency)) 0,\n          rgb(0 0 0 / var(--fade-transparency)) var(--fade-size),\n          rgb(0 0 0 / 100%) calc(var(--fade-size) * 2),\n          rgb(0 0 0 / 100%) calc(100% - (var(--fade-size) * 2)),\n          rgb(0 0 0 / var(--fade-transparency))\n          calc(100% - var(--fade-size)),\n          rgb(0 0 0 / var(--fade-transparency))\n        );\n\n      &::after {\n        padding-inline: 0 var(--fade-size);\n        padding-block: 0 0;\n      }\n    }\n\n    &#{$root}--has-scroll-controls #{$root}__scroller {\n      padding-inline: var(--fade-size) 0;\n      padding-block-start: 0;\n      padding-block-end: 0;\n    }\n\n    #{$root}__items {\n      flex-direction: row;\n\n      &::before {\n        content: '';\n        width: 100%;\n        height: var(--indicator-track-size);\n        inset-block-end: 0;\n      }\n    }\n\n    #{$root}__active-indicator {\n      inset-block-end: 0;\n      border-block-end: solid var(--indicator-size) var(--indicator-color);\n    }\n\n    #{$root}__scroll-button {\n      inset-block: 0;\n\n      &--start {\n        inset-inline-start: 0;\n      }\n\n      &--end {\n        inset-inline-end: 0;\n      }\n    }\n  }\n\n  ///////////// VERTICAL ///////////////\n\n  &--vertical {\n    width: 100%;\n\n    #{$root}__nav {\n      max-height: 100%;\n      display: flex;\n    }\n\n    #{$root}__scroller {\n      width: 100%;\n      overflow-y: auto;\n      overflow-x: hidden;\n      flex-direction: column;\n      mask-repeat: no-repeat;\n      padding-block: var(--padding);\n      mask-image:\n        linear-gradient(\n          to top,\n          rgb(0 0 0 / var(--fade-transparency)) 0,\n          rgb(0 0 0 / var(--fade-transparency)) var(--fade-size),\n          rgb(0 0 0 / 100%) calc(var(--fade-size) * 2),\n          rgb(0 0 0 / 100%) calc(100% - (var(--fade-size) * 2)),\n          rgb(0 0 0 / var(--fade-transparency))\n          calc(100% - var(--fade-size)),\n          rgb(0 0 0 / var(--fade-transparency))\n        );\n      padding-inline: 0 0;\n      padding-block-start: calc(var(--fade-size) + 12px);\n      padding-block-end: var(--fade-size);\n\n      &::after {\n        padding-inline: 0 0;\n        padding-block: 0 var(--fade-size);\n      }\n    }\n\n    #{$root}__items {\n      flex-direction: column;\n      width: fit-content;\n\n      &::before {\n        content: '';\n        height: 100%;\n        width: var(--indicator-track-size);\n        inset-inline-start: 0;\n      }\n    }\n\n    #{$root}__active-indicator {\n      inset-inline-start: 0;\n      border-inline-start: solid var(--indicator-size) var(--indicator-color);\n    }\n\n    #{$root}__scroll-button {\n      inset-inline: 0;\n\n      &--start {\n        inset-block-start: 0;\n      }\n\n      &--end {\n        inset-block-end: 0;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  State,\n} from '@stencil/core';\nimport { getDirectChildren, getOffset } from '../../utils/dom';\nimport { debounce } from '../../utils/throttle';\n\n/**\n * Primarily used to display navigational items that may not fit on smaller screens.\n *\n * - Accepts any collection of elements\n * - Gives visual cues of 'more' with auto display fade effect and scroll buttons\n * - Auto scrolls to the active item onload\n *\n * @slot - Default slot to place items.\n *\n * @part base - root, wrapper element\n * @part scroller - the scrolling element\n * @part items - the item wrapper element\n * @part indicator - the animated, indicator element\n * @part scroll-button - The buttons shown at either side of the scrolling area\n * @part scroll-button-prev - The button shown at the start of the scrolling area\n * @part scroll-button-next - The button shown at the end of the scrolling area\n */\n\n@Component({\n  tag: 'nano-overflow-nav',\n  styleUrl: 'overflow-nav.scss',\n  shadow: true,\n})\nexport class OverflowNav implements ComponentInterface {\n  // public surface\n\n  /** Disables the scroll arrow buttons that appear when content overflows */\n  @Prop() scrollControls = true;\n\n  /** The flex direction of the element */\n  @Prop({ reflect: true }) orientation: 'horizontal' | 'vertical' =\n    'horizontal';\n\n  /**\n   * A function called when an item becomes 'active' (via click or keyboard)\n   * @param item\n   * @returns void */\n  @Prop() activeHandler = (item: HTMLElement) => item.classList.add('active');\n\n  /**\n   * A function called when an item becomes 'inactive'\n   * (because another item was made active)\n   * @param item\n   * @returns void */\n  @Prop() inActiveHandler = (item: HTMLElement) =>\n    item.classList.remove('active');\n\n  /**\n   * A function called to assess an initial, active item\n   * @param item\n   * @returns void */\n  @Prop() isActiveHandler = (item: HTMLElement) =>\n    item.classList.contains('active');\n\n  // private state\n\n  constructor() {\n    this.recalculatePositions = debounce(this.recalculatePositions, 50);\n  }\n\n  private ro?: ResizeObserver;\n  private nav?: HTMLElement;\n  private itemContainer?: HTMLElement;\n  private isRtl?: boolean;\n  private endBtn: HTMLNanoIconButtonElement;\n  private startBtn: HTMLNanoIconButtonElement;\n  private activeIndicator: HTMLElement;\n\n  get scrollProp() {\n    return this.orientation === 'horizontal' ? 'scrollWidth' : 'scrollHeight';\n  }\n\n  get clientDimProp() {\n    return this.orientation === 'horizontal' ? 'clientWidth' : 'clientHeight';\n  }\n\n  get scrollOffset() {\n    return this.orientation === 'horizontal' ? 'scrollLeft' : 'scrollTop';\n  }\n\n  @Element() host: HTMLNanoOverflowNavElement;\n\n  @State() hasScrollControls = false;\n\n  @Watch('hasScrollControls')\n  watchScrollControls() {\n    if (this.hasScrollControls) this.handleScroll();\n    else this.hideControlStart = this.hideControlEnd = true;\n  }\n\n  @State() hideControlEnd = true;\n\n  @Watch('hideControlEnd')\n  hideEndBtn() {\n    if (!this.endBtn) return;\n    this.activateBtn(this.endBtn, !this.hideControlEnd);\n  }\n\n  @State() hideControlStart = true;\n\n  @Watch('hideControlStart')\n  hideStartBtn() {\n    if (!this.startBtn) return;\n    this.activateBtn(this.startBtn, !this.hideControlStart);\n  }\n\n  // private logic\n\n  private activateBtn(btn: HTMLNanoIconButtonElement, activate = true) {\n    if (!activate) {\n      btn.tabIndex = -1;\n      btn.disabled = true;\n      btn.classList.remove('is-shown');\n      return;\n    }\n    btn.tabIndex = 0;\n    btn.disabled = false;\n    btn.classList.add('is-shown');\n  }\n\n  get allActiveItems() {\n    return this.allItems.filter(\n      (el: any) => !el.disabled || el.classList.contains('disabled')\n    );\n  }\n\n  get allItems() {\n    return getDirectChildren<HTMLElement>(this.host, '*', true);\n  }\n\n  get activeItem() {\n    if (this._activeItem) return this._activeItem;\n    return this.allActiveItems.find((el) => this.isActiveHandler(el));\n  }\n\n  set activeItem(item: HTMLElement) {\n    if (\n      !item ||\n      item === this.activeItem ||\n      (item as any).disabled ||\n      !this.allActiveItems.includes(item)\n    ) {\n      return;\n    }\n\n    this._activeItem = item;\n    this.allActiveItems.forEach((el) => {\n      if (el === this._activeItem) this.activeHandler(el);\n      else this.inActiveHandler(el);\n    });\n    this.syncActiveItemIndicator();\n    this.scrollToActiveItem();\n  }\n  private _activeItem: HTMLElement;\n\n  get navDim() {\n    if (!this.nav) return 0;\n\n    const computedStyle = getComputedStyle(this.nav);\n    let clientDim = this.nav[this.clientDimProp];\n\n    if (this.orientation === 'horizontal') {\n      return (clientDim -=\n        parseFloat(computedStyle.paddingLeft) +\n        parseFloat(computedStyle.paddingRight));\n    } else {\n      return (clientDim -=\n        parseFloat(computedStyle.paddingTop) +\n        parseFloat(computedStyle.paddingBottom));\n    }\n  }\n\n  private scrollToActiveItem(instant?: boolean) {\n    if (!this.nav || !this.activeItem) return;\n    requestAnimationFrame(() => {\n      this.activeItem.scrollIntoView({\n        behavior: instant ? 'auto' : 'smooth',\n        block: 'center',\n        inline: 'center',\n      });\n    });\n  }\n\n  private syncActiveItemIndicator(instant?: boolean) {\n    if (!this.activeItem) return;\n\n    const item = this.activeItem;\n    const width = item.clientWidth || 0;\n    const height = item.clientHeight + 2 || 0;\n    const offset = getOffset(item, this.itemContainer);\n\n    if (!this.activeIndicator) return;\n\n    const offsetTop = offset.top;\n    const offsetLeft = offset.left;\n\n    if (instant) this.activeIndicator.style.transition = 'none';\n\n    switch (this.orientation) {\n      case 'horizontal':\n        this.activeIndicator.style.width = `${width}px`;\n        this.activeIndicator.style.height = null;\n        this.activeIndicator.style.transform = `translateX(${offsetLeft}px)`;\n        break;\n\n      case 'vertical':\n        this.activeIndicator.style.width = null;\n        this.activeIndicator.style.height = `${height}px`;\n        this.activeIndicator.style.transform = `translateY(${offsetTop}px)`;\n        break;\n    }\n    setTimeout(() => (this.activeIndicator.style.transition = null), 400);\n  }\n\n  private updateScrollControls = () => {\n    this.hasScrollControls =\n      this.nav[this.scrollProp] > this.nav[this.clientDimProp] &&\n      this.nav[this.scrollProp] > this.itemContainer[this.clientDimProp];\n    this.handleScroll();\n  };\n\n  private handleScroll = () => {\n    if (!this.hasScrollControls) {\n      this.hideControlStart = this.hideControlEnd = true;\n      return;\n    }\n    const finishEnd = this.isRtl\n      ? this.nav[this.scrollOffset] === 0\n      : Math.abs(\n          this.nav[this.clientDimProp] -\n            (this.nav[this.scrollProp] - this.nav[this.scrollOffset])\n        ) < 2;\n\n    const finishStart = this.isRtl\n      ? Math.abs(\n          this.nav[this.scrollProp] +\n            this.nav[this.scrollOffset] -\n            this.nav[this.clientDimProp]\n        ) < 2\n      : this.nav[this.scrollOffset] === 0;\n\n    if (finishStart) {\n      this.hideControlStart = true;\n      this.hideControlEnd = false;\n    } else if (finishEnd) {\n      this.hideControlStart = false;\n      this.hideControlEnd = true;\n    } else {\n      this.hideControlEnd = false;\n      this.hideControlStart = false;\n    }\n  };\n\n  private handleBtnClick = (goEnd: boolean = false) => {\n    const navDim = this.navDim;\n    let scrollAmt;\n    if (goEnd) scrollAmt = this.nav[this.scrollOffset] + navDim - 20;\n    else scrollAmt = this.nav[this.scrollOffset] - navDim + 20;\n\n    try {\n      this.nav.scroll({\n        left: this.orientation === 'horizontal' ? scrollAmt : 0,\n        top: this.orientation === 'vertical' ? scrollAmt : 0,\n        behavior: 'smooth',\n      });\n    } catch (e) {\n      this.nav[this.scrollOffset] = scrollAmt;\n    }\n  };\n\n  private slotChangeHandler = () => {\n    if (this.allActiveItems.length < 2) return;\n    const item = this.allActiveItems.find((el) => this.isActiveHandler(el));\n    if (item) this.activeItem = item;\n    this.recalculatePositions();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.allActiveItems.length < 2) return;\n    const foundItem = event\n      .composedPath()\n      .find((e) => this.allActiveItems.includes(e as any)) as HTMLElement;\n    if (foundItem) this.activeItem = foundItem;\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Activate a tab\n    if (['Enter', ' '].includes(event.key)) {\n      const foundItem = event\n        .composedPath()\n        .find((e) => this.allActiveItems.includes(e as any)) as HTMLElement;\n      if (foundItem) this.activeItem = foundItem;\n    }\n  };\n\n  private recalculatePositions = (init?: any) => {\n    this.updateScrollControls();\n    this.syncActiveItemIndicator(init);\n    setTimeout(() => this.scrollToActiveItem(init), 300);\n  };\n\n  // lifecycle\n\n  connectedCallback(): void {\n    this.isRtl =\n      this.orientation === 'horizontal' && !!this.host.closest('[dir=\"rtl\"]');\n\n    if (!window['ResizeObserver']) return;\n\n    if (this.ro) {\n      this.ro.disconnect();\n      this.ro = undefined;\n    }\n    const mo = (this.ro = new ResizeObserver(this.recalculatePositions));\n    mo.observe(this.host);\n  }\n\n  componentDidLoad(): void {\n    this.recalculatePositions(true);\n  }\n\n  disconnectedCallback(): void {\n    if (this.ro) {\n      this.ro.disconnect();\n      this.ro = undefined;\n    }\n  }\n\n  render() {\n    return (\n      <Host dir={this.isRtl ? 'rtl' : null}>\n        <div\n          part=\"base\"\n          class={{\n            onav: true,\n            [`onav--${this.orientation}`]: true,\n            'onav--has-scroll-controls': this.hasScrollControls,\n            'onav--has-scroll-controls-start': !this.hideControlStart,\n            'onav--has-scroll-controls-end': !this.hideControlEnd,\n          }}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n        >\n          <div class=\"onav__nav\">\n            {this.scrollControls && (\n              <nano-icon-button\n                part=\"scroll-button scroll-button-prev\"\n                class={{\n                  'onav__scroll-button': true,\n                  'onav__scroll-button--start': true,\n                }}\n                ref={(btn) => (this.startBtn = btn)}\n                onClick={() => this.handleBtnClick(false)}\n                label=\"Click to scroll\"\n                iconName={\n                  this.orientation === 'horizontal'\n                    ? 'light/chevron-left'\n                    : 'light/chevron-up'\n                }\n              />\n            )}\n\n            <div\n              part=\"scroller\"\n              ref={(el) => (this.nav = el)}\n              class=\"onav__scroller\"\n              onScroll={this.handleScroll}\n            >\n              <div\n                part=\"items\"\n                ref={(el) => (this.itemContainer = el)}\n                class=\"onav__items\"\n              >\n                <div\n                  part=\"indicator\"\n                  ref={(el) => (this.activeIndicator = el)}\n                  class=\"onav__active-indicator\"\n                />\n                <slot onSlotchange={this.slotChangeHandler} />\n              </div>\n            </div>\n\n            {this.scrollControls && (\n              <nano-icon-button\n                part=\"scroll-button scroll-button-next\"\n                class={{\n                  'onav__scroll-button': true,\n                  'onav__scroll-button--end': true,\n                }}\n                ref={(btn) => (this.endBtn = btn)}\n                onClick={() => this.handleBtnClick(true)}\n                label=\"Click to scroll\"\n                iconName={\n                  this.orientation === 'horizontal'\n                    ? 'light/chevron-right'\n                    : 'light/chevron-down'\n                }\n              />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["overflowNavCss","OverflowNav","constructor","hostRef","this","updateScrollControls","nav","hasScrollControls","scrollProp","clientDimProp","itemContainer","handleScroll","hideControlStart","hideControlEnd","finishEnd","isRtl","scrollOffset","Math","abs","finishStart","handleBtnClick","goEnd","navDim","scrollAmt","scroll","left","orientation","top","behavior","e","slotChangeHandler","allActiveItems","length","item","find","el","isActiveHandler","activeItem","recalculatePositions","handleClick","event","foundItem","composedPath","includes","handleKeyDown","key","init","syncActiveItemIndicator","setTimeout","scrollToActiveItem","classList","add","remove","contains","debounce","watchScrollControls","hideEndBtn","endBtn","activateBtn","hideStartBtn","startBtn","btn","activate","tabIndex","disabled","allItems","filter","getDirectChildren","host","_activeItem","forEach","activeHandler","inActiveHandler","computedStyle","getComputedStyle","clientDim","parseFloat","paddingLeft","paddingRight","paddingTop","paddingBottom","instant","requestAnimationFrame","scrollIntoView","block","inline","width","clientWidth","height","clientHeight","offset","getOffset","activeIndicator","offsetTop","offsetLeft","style","transition","transform","connectedCallback","closest","window","ro","disconnect","undefined","mo","ResizeObserver","observe","componentDidLoad","disconnectedCallback","render","h","Host","dir","part","class","onav","onClick","onKeyDown","scrollControls","ref","label","iconName","onScroll","onSlotchange"],"sources":["./src/components/overflow-nav/overflow-nav.scss?tag=nano-overflow-nav&encapsulation=shadow","./src/components/overflow-nav/overflow-nav.tsx"],"sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n  * @prop --indicator-transition: Defaults to #{$transition-fast}\n  * @prop --indicator-color: Defaults to #{map.get($colors, lightblue)};\n  * @prop --indicator-size: Defaults to 0;\n  * @prop --indicator-track-color: Defaults to #{map.get($colors, lightgrey)};\n  * @prop --indicator-track-size: Defaults to var(--indicator-size);\n\n  * @prop --scroll-btn-color: Defaults to 'currentColor';\n  * @prop --fade-size: The size of the fade areas (when items do not fit). Defaults to 1.75rem;\n  * @prop --fade-transparency: Defaults to 0;\n  *\n  * @prop --padding: Padding that matches the fade size will stop items shifting if fade areas are added (i.e when items do not fit). Defaults to var(--fade-size);\n  */\n\n  --indicator-transition: #{$transition-fast};\n  --indicator-color: #{map.get($colors, lightblue)};\n  --indicator-size: 0;\n  --indicator-track-color: #{map.get($colors, lightgrey)};\n  --indicator-track-size: var(--indicator-size);\n  --scroll-btn-color: 'currentColor';\n  --fade-size: 1.75rem;\n  --fade-transparency: 0;\n  --padding: var(--fade-size);\n\n  position: relative;\n  z-index: #{$layer-index-raised};\n}\n\n:host([orientation=\"horizontal\"]) {\n  display: block;\n}\n\n:host([orientation=\"vertical\"]) {\n  display: flex;\n}\n\n.onav {\n  $root: &;\n\n  &__scroller {\n    @include hide-scrollbar();\n\n    display: flex;\n    transition: #{$transition-medium} ease;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=');\n    mask-size: calc(100% + calc(var(--fade-size) * 4));\n    mask-position: calc(var(--fade-size) * -2);\n\n    &::after {\n      content: ' ';\n      line-height: 1;\n      flex: 0 0 auto;\n      display: block;\n    }\n\n    #{$root}--has-scroll-controls-start & {\n      mask-position: 0;\n      mask-size: calc(100% + (var(--fade-size) * 2));\n    }\n\n    #{$root}--has-scroll-controls-end & {\n      mask-position: calc(var(--fade-size) * -1);\n      mask-size: calc(100% + var(--fade-size));\n    }\n\n    #{$root}--has-scroll-controls-start#{$root}--has-scroll-controls-end & {\n      mask-size: 100%;\n      mask-position: 0;\n    }\n  }\n\n  &__items {\n    flex: 1 1 auto;\n    position: relative;\n    width: auto;\n    flex-wrap: nowrap;\n    display: flex;\n\n    &::before {\n      content: '';\n      background: var(--indicator-track-color);\n      display: block;\n      position: absolute;\n      z-index: 1;\n    }\n  }\n\n  &__active-indicator {\n    position: absolute;\n    z-index: 10;\n    transition:\n      var(--indicator-transition) transform ease,\n      var(--indicator-transition) width ease,\n      var(--indicator-transition) height ease;\n  }\n\n  nano-icon-button.onav__scroll-button {\n    --nano-color-base: var(--scroll-btn-color);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    border: unset;\n    z-index: 2;\n    transition: #{$transition-fast} ease opacity;\n    opacity: 0;\n    color: var(--scroll-btn-color);\n    pointer-events: none;\n\n    &:focus {\n      outline: none;\n    }\n\n    &.is-shown {\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    &:focus-visible {\n      box-shadow: #{$control-focus-style} inset;\n    }\n  }\n\n  ///////////// HORIZONTAL ///////////////\n\n  &--horizontal {\n\n    #{$root}__scroller {\n      overflow-x: auto;\n      overflow-y: hidden;\n      mask-repeat: no-repeat;\n      padding-inline: var(--padding);\n      mask-image:\n        linear-gradient(\n          to left,\n          rgb(0 0 0 / var(--fade-transparency)) 0,\n          rgb(0 0 0 / var(--fade-transparency)) var(--fade-size),\n          rgb(0 0 0 / 100%) calc(var(--fade-size) * 2),\n          rgb(0 0 0 / 100%) calc(100% - (var(--fade-size) * 2)),\n          rgb(0 0 0 / var(--fade-transparency))\n          calc(100% - var(--fade-size)),\n          rgb(0 0 0 / var(--fade-transparency))\n        );\n\n      &::after {\n        padding-inline: 0 var(--fade-size);\n        padding-block: 0 0;\n      }\n    }\n\n    &#{$root}--has-scroll-controls #{$root}__scroller {\n      padding-inline: var(--fade-size) 0;\n      padding-block-start: 0;\n      padding-block-end: 0;\n    }\n\n    #{$root}__items {\n      flex-direction: row;\n\n      &::before {\n        content: '';\n        width: 100%;\n        height: var(--indicator-track-size);\n        inset-block-end: 0;\n      }\n    }\n\n    #{$root}__active-indicator {\n      inset-block-end: 0;\n      border-block-end: solid var(--indicator-size) var(--indicator-color);\n    }\n\n    #{$root}__scroll-button {\n      inset-block: 0;\n\n      &--start {\n        inset-inline-start: 0;\n      }\n\n      &--end {\n        inset-inline-end: 0;\n      }\n    }\n  }\n\n  ///////////// VERTICAL ///////////////\n\n  &--vertical {\n    width: 100%;\n\n    #{$root}__nav {\n      max-height: 100%;\n      display: flex;\n    }\n\n    #{$root}__scroller {\n      width: 100%;\n      overflow-y: auto;\n      overflow-x: hidden;\n      flex-direction: column;\n      mask-repeat: no-repeat;\n      padding-block: var(--padding);\n      mask-image:\n        linear-gradient(\n          to top,\n          rgb(0 0 0 / var(--fade-transparency)) 0,\n          rgb(0 0 0 / var(--fade-transparency)) var(--fade-size),\n          rgb(0 0 0 / 100%) calc(var(--fade-size) * 2),\n          rgb(0 0 0 / 100%) calc(100% - (var(--fade-size) * 2)),\n          rgb(0 0 0 / var(--fade-transparency))\n          calc(100% - var(--fade-size)),\n          rgb(0 0 0 / var(--fade-transparency))\n        );\n      padding-inline: 0 0;\n      padding-block-start: calc(var(--fade-size) + 12px);\n      padding-block-end: var(--fade-size);\n\n      &::after {\n        padding-inline: 0 0;\n        padding-block: 0 var(--fade-size);\n      }\n    }\n\n    #{$root}__items {\n      flex-direction: column;\n      width: fit-content;\n\n      &::before {\n        content: '';\n        height: 100%;\n        width: var(--indicator-track-size);\n        inset-inline-start: 0;\n      }\n    }\n\n    #{$root}__active-indicator {\n      inset-inline-start: 0;\n      border-inline-start: solid var(--indicator-size) var(--indicator-color);\n    }\n\n    #{$root}__scroll-button {\n      inset-inline: 0;\n\n      &--start {\n        inset-block-start: 0;\n      }\n\n      &--end {\n        inset-block-end: 0;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  State,\n} from '@stencil/core';\nimport { getDirectChildren, getOffset } from '../../utils/dom';\nimport { debounce } from '../../utils/throttle';\n\n/**\n * Primarily used to display navigational items that may not fit on smaller screens.\n *\n * - Accepts any collection of elements\n * - Gives visual cues of 'more' with auto display fade effect and scroll buttons\n * - Auto scrolls to the active item onload\n *\n * @slot - Default slot to place items.\n *\n * @part base - root, wrapper element\n * @part scroller - the scrolling element\n * @part items - the item wrapper element\n * @part indicator - the animated, indicator element\n * @part scroll-button - The buttons shown at either side of the scrolling area\n * @part scroll-button-prev - The button shown at the start of the scrolling area\n * @part scroll-button-next - The button shown at the end of the scrolling area\n */\n\n@Component({\n  tag: 'nano-overflow-nav',\n  styleUrl: 'overflow-nav.scss',\n  shadow: true,\n})\nexport class OverflowNav implements ComponentInterface {\n  // public surface\n\n  /** Disables the scroll arrow buttons that appear when content overflows */\n  @Prop() scrollControls = true;\n\n  /** The flex direction of the element */\n  @Prop({ reflect: true }) orientation: 'horizontal' | 'vertical' =\n    'horizontal';\n\n  /**\n   * A function called when an item becomes 'active' (via click or keyboard)\n   * @param item\n   * @returns void */\n  @Prop() activeHandler = (item: HTMLElement) => item.classList.add('active');\n\n  /**\n   * A function called when an item becomes 'inactive'\n   * (because another item was made active)\n   * @param item\n   * @returns void */\n  @Prop() inActiveHandler = (item: HTMLElement) =>\n    item.classList.remove('active');\n\n  /**\n   * A function called to assess an initial, active item\n   * @param item\n   * @returns void */\n  @Prop() isActiveHandler = (item: HTMLElement) =>\n    item.classList.contains('active');\n\n  // private state\n\n  constructor() {\n    this.recalculatePositions = debounce(this.recalculatePositions, 50);\n  }\n\n  private ro?: ResizeObserver;\n  private nav?: HTMLElement;\n  private itemContainer?: HTMLElement;\n  private isRtl?: boolean;\n  private endBtn: HTMLNanoIconButtonElement;\n  private startBtn: HTMLNanoIconButtonElement;\n  private activeIndicator: HTMLElement;\n\n  get scrollProp() {\n    return this.orientation === 'horizontal' ? 'scrollWidth' : 'scrollHeight';\n  }\n\n  get clientDimProp() {\n    return this.orientation === 'horizontal' ? 'clientWidth' : 'clientHeight';\n  }\n\n  get scrollOffset() {\n    return this.orientation === 'horizontal' ? 'scrollLeft' : 'scrollTop';\n  }\n\n  @Element() host: HTMLNanoOverflowNavElement;\n\n  @State() hasScrollControls = false;\n\n  @Watch('hasScrollControls')\n  watchScrollControls() {\n    if (this.hasScrollControls) this.handleScroll();\n    else this.hideControlStart = this.hideControlEnd = true;\n  }\n\n  @State() hideControlEnd = true;\n\n  @Watch('hideControlEnd')\n  hideEndBtn() {\n    if (!this.endBtn) return;\n    this.activateBtn(this.endBtn, !this.hideControlEnd);\n  }\n\n  @State() hideControlStart = true;\n\n  @Watch('hideControlStart')\n  hideStartBtn() {\n    if (!this.startBtn) return;\n    this.activateBtn(this.startBtn, !this.hideControlStart);\n  }\n\n  // private logic\n\n  private activateBtn(btn: HTMLNanoIconButtonElement, activate = true) {\n    if (!activate) {\n      btn.tabIndex = -1;\n      btn.disabled = true;\n      btn.classList.remove('is-shown');\n      return;\n    }\n    btn.tabIndex = 0;\n    btn.disabled = false;\n    btn.classList.add('is-shown');\n  }\n\n  get allActiveItems() {\n    return this.allItems.filter(\n      (el: any) => !el.disabled || el.classList.contains('disabled')\n    );\n  }\n\n  get allItems() {\n    return getDirectChildren<HTMLElement>(this.host, '*', true);\n  }\n\n  get activeItem() {\n    return this._activeItem;\n  }\n\n  set activeItem(item: HTMLElement) {\n    if (\n      !item ||\n      item === this.activeItem ||\n      (item as any).disabled ||\n      !this.allActiveItems.includes(item)\n    ) {\n      return;\n    }\n\n    this._activeItem = item;\n    this.allActiveItems.forEach((el) => {\n      if (el === this._activeItem) this.activeHandler(el);\n      else this.inActiveHandler(el);\n    });\n    this.syncActiveItemIndicator();\n    this.scrollToActiveItem();\n  }\n  private _activeItem: HTMLElement;\n\n  get navDim() {\n    if (!this.nav) return 0;\n\n    const computedStyle = getComputedStyle(this.nav);\n    let clientDim = this.nav[this.clientDimProp];\n\n    if (this.orientation === 'horizontal') {\n      return (clientDim -=\n        parseFloat(computedStyle.paddingLeft) +\n        parseFloat(computedStyle.paddingRight));\n    } else {\n      return (clientDim -=\n        parseFloat(computedStyle.paddingTop) +\n        parseFloat(computedStyle.paddingBottom));\n    }\n  }\n\n  private scrollToActiveItem(instant?: boolean) {\n    if (!this.nav || !this.activeItem) return;\n    requestAnimationFrame(() => {\n      this.activeItem.scrollIntoView({\n        behavior: instant ? 'auto' : 'smooth',\n        block: 'center',\n        inline: 'center',\n      });\n    });\n  }\n\n  private syncActiveItemIndicator(instant?: boolean) {\n    if (!this.activeItem) return;\n\n    const item = this.activeItem;\n    const width = item.clientWidth || 0;\n    const height = item.clientHeight + 2 || 0;\n    const offset = getOffset(item, this.itemContainer);\n\n    if (!this.activeIndicator) return;\n\n    const offsetTop = offset.top;\n    const offsetLeft = offset.left;\n\n    if (instant) this.activeIndicator.style.transition = 'none';\n\n    switch (this.orientation) {\n      case 'horizontal':\n        this.activeIndicator.style.width = `${width}px`;\n        this.activeIndicator.style.height = null;\n        this.activeIndicator.style.transform = `translateX(${offsetLeft}px)`;\n        break;\n\n      case 'vertical':\n        this.activeIndicator.style.width = null;\n        this.activeIndicator.style.height = `${height}px`;\n        this.activeIndicator.style.transform = `translateY(${offsetTop}px)`;\n        break;\n    }\n    setTimeout(() => (this.activeIndicator.style.transition = null), 400);\n  }\n\n  private updateScrollControls = () => {\n    if (!this.nav) return;\n\n    this.hasScrollControls =\n      this.nav[this.scrollProp] > this.nav[this.clientDimProp] &&\n      this.nav[this.scrollProp] > this.itemContainer[this.clientDimProp];\n    this.handleScroll();\n  };\n\n  private handleScroll = () => {\n    if (!this.hasScrollControls) {\n      this.hideControlStart = this.hideControlEnd = true;\n      return;\n    }\n    const finishEnd = this.isRtl\n      ? this.nav[this.scrollOffset] === 0\n      : Math.abs(\n          this.nav[this.clientDimProp] -\n            (this.nav[this.scrollProp] - this.nav[this.scrollOffset])\n        ) < 2;\n\n    const finishStart = this.isRtl\n      ? Math.abs(\n          this.nav[this.scrollProp] +\n            this.nav[this.scrollOffset] -\n            this.nav[this.clientDimProp]\n        ) < 2\n      : this.nav[this.scrollOffset] === 0;\n\n    if (finishStart) {\n      this.hideControlStart = true;\n      this.hideControlEnd = false;\n    } else if (finishEnd) {\n      this.hideControlStart = false;\n      this.hideControlEnd = true;\n    } else {\n      this.hideControlEnd = false;\n      this.hideControlStart = false;\n    }\n  };\n\n  private handleBtnClick = (goEnd: boolean = false) => {\n    const navDim = this.navDim;\n    let scrollAmt;\n    if (goEnd) scrollAmt = this.nav[this.scrollOffset] + navDim - 20;\n    else scrollAmt = this.nav[this.scrollOffset] - navDim + 20;\n\n    try {\n      this.nav.scroll({\n        left: this.orientation === 'horizontal' ? scrollAmt : 0,\n        top: this.orientation === 'vertical' ? scrollAmt : 0,\n        behavior: 'smooth',\n      });\n    } catch (e) {\n      this.nav[this.scrollOffset] = scrollAmt;\n    }\n  };\n\n  private slotChangeHandler = () => {\n    if (this.allActiveItems.length < 2) return;\n    const item = this.allActiveItems.find((el) => this.isActiveHandler(el));\n    if (item) this.activeItem = item;\n    this.recalculatePositions();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.allActiveItems.length < 2) return;\n    const foundItem = event\n      .composedPath()\n      .find((e) => this.allActiveItems.includes(e as any)) as HTMLElement;\n    if (foundItem) this.activeItem = foundItem;\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Activate a tab\n    if (['Enter', ' '].includes(event.key)) {\n      const foundItem = event\n        .composedPath()\n        .find((e) => this.allActiveItems.includes(e as any)) as HTMLElement;\n      if (foundItem) this.activeItem = foundItem;\n    }\n  };\n\n  private recalculatePositions = (init?: any) => {\n    this.updateScrollControls();\n    this.syncActiveItemIndicator(init);\n    setTimeout(() => this.scrollToActiveItem(init), 300);\n  };\n\n  // lifecycle\n\n  connectedCallback(): void {\n    this.isRtl =\n      this.orientation === 'horizontal' && !!this.host.closest('[dir=\"rtl\"]');\n\n    if (!window['ResizeObserver']) return;\n\n    if (this.ro) {\n      this.ro.disconnect();\n      this.ro = undefined;\n    }\n    const mo = (this.ro = new ResizeObserver(this.recalculatePositions));\n    mo.observe(this.host);\n  }\n\n  componentDidLoad(): void {\n    this.activeItem = this.allActiveItems.find((el) =>\n      this.isActiveHandler(el)\n    );\n    this.recalculatePositions(true);\n  }\n\n  disconnectedCallback(): void {\n    if (this.ro) {\n      this.ro.disconnect();\n      this.ro = undefined;\n    }\n  }\n\n  render() {\n    return (\n      <Host dir={this.isRtl ? 'rtl' : null}>\n        <div\n          part=\"base\"\n          class={{\n            onav: true,\n            [`onav--${this.orientation}`]: true,\n            'onav--has-scroll-controls': this.hasScrollControls,\n            'onav--has-scroll-controls-start': !this.hideControlStart,\n            'onav--has-scroll-controls-end': !this.hideControlEnd,\n          }}\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n        >\n          <div class=\"onav__nav\">\n            {this.scrollControls && (\n              <nano-icon-button\n                part=\"scroll-button scroll-button-prev\"\n                class={{\n                  'onav__scroll-button': true,\n                  'onav__scroll-button--start': true,\n                }}\n                ref={(btn) => (this.startBtn = btn)}\n                onClick={() => this.handleBtnClick(false)}\n                label=\"Click to scroll\"\n                iconName={\n                  this.orientation === 'horizontal'\n                    ? 'light/chevron-left'\n                    : 'light/chevron-up'\n                }\n              />\n            )}\n\n            <div\n              part=\"scroller\"\n              ref={(el) => (this.nav = el)}\n              class=\"onav__scroller\"\n              onScroll={this.handleScroll}\n            >\n              <div\n                part=\"items\"\n                ref={(el) => (this.itemContainer = el)}\n                class=\"onav__items\"\n              >\n                <div\n                  part=\"indicator\"\n                  ref={(el) => (this.activeIndicator = el)}\n                  class=\"onav__active-indicator\"\n                />\n                <slot onSlotchange={this.slotChangeHandler} />\n              </div>\n            </div>\n\n            {this.scrollControls && (\n              <nano-icon-button\n                part=\"scroll-button scroll-button-next\"\n                class={{\n                  'onav__scroll-button': true,\n                  'onav__scroll-button--end': true,\n                }}\n                ref={(btn) => (this.endBtn = btn)}\n                onClick={() => this.handleBtnClick(true)}\n                label=\"Click to scroll\"\n                iconName={\n                  this.orientation === 'horizontal'\n                    ? 'light/chevron-right'\n                    : 'light/chevron-down'\n                }\n              />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}