@spectrum-web-components/split-view 0.41.1 → 0.42.0

package/src/split-view.css.js

@@ -1,166 +1,4 @@
 "use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
-:host{--spectrum-splitview-vertical-width:100%;--spectrum-splitview-vertical-gripper-width:50%;--spectrum-splitview-vertical-gripper-outer-width:100%;--spectrum-splitview-vertical-gripper-reset:0;--spectrum-splitview-background-color:var(--spectrum-gray-100);--spectrum-splitview-handle-background-color:var(--spectrum-gray-300);--spectrum-splitview-handle-background-color-hover:var(
---spectrum-gray-400
-);--spectrum-splitview-handle-background-color-down:var(--spectrum-gray-800);--spectrum-splitview-handle-background-color-focus:var(
---spectrum-focus-indicator-color
-);--spectrum-splitview-handle-width:var(--spectrum-border-width-200);--spectrum-splitview-gripper-border-radius:var(
---spectrum-corner-radius-75
-);--spectrum-splitview-gripper-width:var(--spectrum-border-width-400);--spectrum-splitview-gripper-height:16px;--spectrum-splitview-gripper-border-width-horizontal:3px;--spectrum-splitview-gripper-border-width-vertical:var(
---spectrum-border-width-400
-);display:flex;overflow:hidden}::slotted(*){background-color:var(
---mod-splitview-background-color,var(--spectrum-splitview-background-color)
-);block-size:100%}#gripper{block-size:var(
---mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height)
-);border-block-width:var(
---mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical)
-);border-color:var(
---highcontrast-splitview-handle-background-color,var(
---mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)
-)
-);border-inline-width:var(
---mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal)
-);border-radius:var(
---mod-splitview-gripper-border-radius,var(--spectrum-splitview-gripper-border-radius)
-);border-style:solid;content:"";display:block;inline-size:var(
---mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)
-);inset-block-start:50%;inset-inline-start:calc((var(
---mod-splitview-gripper-width,
-var(--spectrum-splitview-gripper-width)
-) + (2*var(--mod-splitview-gripper-border-width-vertical,
-var(
---spectrum-splitview-gripper-border-width-vertical
-))) - var(
---mod-splitview-gripper-width,
-var(--spectrum-splitview-gripper-width)
-))/2*-1);position:absolute;transform:translateY(-50%)}#gripper:before{background-color:var(
---highcontrast-splitview-handle-background-color,var(
---mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)
-)
-)}#splitter{background-color:var(
---highcontrast-splitview-handle-background-color,var(
---mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)
-)
-);block-size:100%;inline-size:var(
---mod-splitview-handle-width,var(--spectrum-splitview-handle-width)
-);position:relative;-webkit-user-select:none;user-select:none;z-index:1}#splitter.is-collapsed-end #gripper:before,#splitter.is-collapsed-start #gripper:before{block-size:100%;content:"";inline-size:var(
---mod-splitview-handle-width,var(--spectrum-splitview-handle-width)
-);inset-block-start:0;inset-inline-start:calc(50% - var(
---mod-splitview-handle-width,
-var(--spectrum-splitview-handle-width)
-)/2);position:absolute}#splitter.is-collapsed-start #gripper{inset-inline-start:0}#splitter.is-collapsed-end #gripper{inset-inline:auto 0}:host([resizable]) #splitter.is-hovered{background-color:var(
---highcontrast-splitview-handle-background-color-hover,var(
---mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)
-)
-)}:host([resizable]) #splitter.is-hovered #gripper{border-color:var(
---highcontrast-splitview-handle-background-color-hover,var(
---mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)
-)
-)}:host([resizable]) #splitter.is-hovered #gripper:before{background-color:var(
---highcontrast-splitview-handle-background-color-hover,var(
---mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)
-)
-)}@media (hover:hover){:host([resizable]) #splitter:hover{background-color:var(
---highcontrast-splitview-handle-background-color-hover,var(
---mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)
-)
-)}:host([resizable]) #splitter:hover #gripper{border-color:var(
---highcontrast-splitview-handle-background-color-hover,var(
---mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)
-)
-)}:host([resizable]) #splitter:hover #gripper:before{background-color:var(
---highcontrast-splitview-handle-background-color-hover,var(
---mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)
-)
-)}}:host([resizable]) #splitter.is-active,:host([resizable]) #splitter:active{background-color:var(
---highcontrast-splitview-handle-background-color-down,var(
---mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)
-)
-)}:host([resizable]) #splitter.is-active #gripper,:host([resizable]) #splitter:active #gripper{border-color:var(
---highcontrast-splitview-handle-background-color-down,var(
---mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)
-)
-)}:host([resizable]) #splitter.is-active #gripper:before,:host([resizable]) #splitter:active #gripper:before{background-color:var(
---highcontrast-splitview-handle-background-color-down,var(
---mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)
-)
-)}:host([resizable]) #splitter:focus{outline:none}:host([resizable]) #splitter.focus-visible{background-color:var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-);outline:none}:host([resizable]) #splitter:focus-visible{background-color:var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-);outline:none}:host([resizable]) #splitter.focus-visible #gripper{border-color:var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-);box-shadow:0 0 0 1px var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-)}:host([resizable]) #splitter:focus-visible #gripper{border-color:var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-);box-shadow:0 0 0 1px var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-)}:host([resizable]) #splitter.focus-visible #gripper:before{background-color:var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-)}:host([resizable]) #splitter:focus-visible #gripper:before{background-color:var(
---highcontrast-splitview-handle-background-color-focus,var(
---mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)
-)
-)}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){block-size:auto;inline-size:var(
---mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width)
-)}:host([vertical]) #gripper{block-size:var(
---mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)
-);border-block-width:var(
---mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal)
-);border-inline-width:var(
---mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical)
-);inline-size:var(
---mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height)
-);inset-block-start:calc((var(
---mod-splitview-gripper-width,
-var(--spectrum-splitview-gripper-width)
-) + (2*var(--mod-splitview-gripper-border-width-vertical,
-var(
---spectrum-splitview-gripper-border-width-vertical
-))) - var(
---mod-splitview-gripper-width,
-var(--spectrum-splitview-gripper-width)
-))/2*-1);inset-inline-start:var(
---mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width)
-);transform:translate(calc(var(
---mod-splitview-vertical-gripper-width,
-var(--spectrum-splitview-vertical-gripper-width)
-)*-1))}:host([vertical]) #splitter{block-size:var(
---mod-splitview-handle-width,var(--spectrum-splitview-handle-width)
-);inline-size:var(
---mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width)
-)}:host([vertical]) #splitter.is-collapsed-end #gripper,:host([vertical]) #splitter.is-collapsed-start #gripper{inset-inline-start:var(
---mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width)
-)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{block-size:var(
---mod-splitview-handle-width,var(--spectrum-splitview-handle-width)
-);inline-size:var(
---mod-splitview-vertical-gripper-outer-width,var(--spectrum-splitview-vertical-gripper-outer-width)
-);inset-block-start:calc(var(
---mod-splitview-vertical-gripper-width,
-var(--spectrum-splitview-vertical-gripper-width)
-) - var(
---mod-splitview-handle-width,
-var(--spectrum-splitview-handle-width)
-)/2);inset-inline-start:var(
---mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset)
-)}:host([vertical]) #splitter.is-collapsed-start #gripper{inset-block-start:var(
---mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset)
-)}:host([vertical]) #splitter.is-collapsed-end #gripper{inset-block-end:var(
---mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset)
-);inset-block-start:auto}@media (forced-colors:active){:host{--highcontrast-splitview-handle-background-color:CanvasText;--highcontrast-splitview-handle-background-color-hover:CanvasText;--highcontrast-splitview-handle-background-color-down:CanvasText;--highcontrast-splitview-handle-background-color-focus:Highlight}}:host{--spectrum-split-view-first-pane-size:50%}::slotted(*){overflow:auto}::slotted(:first-child){order:1}:host(:not([vertical])) ::slotted(:first-child:not(:last-child)){width:var(--spectrum-split-view-first-pane-size)}:host([vertical]) ::slotted(:first-child:not(:last-child)){height:var(--spectrum-split-view-first-pane-size)}::slotted(:nth-child(2)){flex:1;order:3}::slotted(:nth-child(n+3)){display:none}#gripper{touch-action:none}#splitter{height:auto;order:2}:host([resizable]) #splitter{background-clip:content-box;cursor:ew-resize}:host([vertical][resizable]) #splitter{background-clip:content-box;cursor:ns-resize}:host([resizable][dir=ltr]) #splitter.is-resized-start,:host([resizable][dir=rtl]) #splitter.is-resized-end{cursor:e-resize}:host([resizable][dir=ltr]) #splitter.is-resized-end,:host([resizable][dir=rtl]) #splitter.is-resized-start{cursor:w-resize}:host([vertical][resizable]) #splitter.is-resized-start{cursor:s-resize}:host([vertical][resizable]) #splitter.is-resized-end{cursor:n-resize}:host([resizable][collapsible]) #splitter.is-resized-end,:host([resizable][collapsible]) #splitter.is-resized-start{cursor:ew-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-start,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-end{cursor:e-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-end,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-start{cursor:w-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-start{cursor:s-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-end{cursor:n-resize}:host([vertical][resizable][collapsible]) #splitter.is-resized-end,:host([vertical][resizable][collapsible]) #splitter.is-resized-start{cursor:ns-resize}
+    :host{--spectrum-splitview-vertical-width:100%;--spectrum-splitview-vertical-gripper-width:50%;--spectrum-splitview-vertical-gripper-outer-width:100%;--spectrum-splitview-vertical-gripper-reset:0;--spectrum-splitview-background-color:var(--spectrum-gray-100);--spectrum-splitview-handle-background-color:var(--spectrum-gray-300);--spectrum-splitview-handle-background-color-hover:var(--spectrum-gray-400);--spectrum-splitview-handle-background-color-down:var(--spectrum-gray-800);--spectrum-splitview-handle-background-color-focus:var(--spectrum-focus-indicator-color);--spectrum-splitview-handle-width:var(--spectrum-border-width-200);--spectrum-splitview-gripper-border-radius:var(--spectrum-corner-radius-75);--spectrum-splitview-gripper-width:var(--spectrum-border-width-400);--spectrum-splitview-gripper-height:16px;--spectrum-splitview-gripper-border-width-horizontal:3px;--spectrum-splitview-gripper-border-width-vertical:var(--spectrum-border-width-400);display:flex;overflow:hidden}::slotted(*){background-color:var(--mod-splitview-background-color,var(--spectrum-splitview-background-color));block-size:100%}#gripper{content:"";border-radius:var(--mod-splitview-gripper-border-radius,var(--spectrum-splitview-gripper-border-radius));border-style:solid;border-color:var(--highcontrast-splitview-handle-background-color,var(--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)));touch-action:none;inline-size:var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width));block-size:var(--mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height));border-block-width:var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical));border-inline-width:var(--mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal));display:block;position:absolute;inset-block-start:50%;inset-inline-start:calc(( var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)) + ( 2*var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical))) - var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)))/2*-1);transform:translateY(-50%)}#gripper:before{background-color:var(--highcontrast-splitview-handle-background-color,var(--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)))}#splitter{background-color:var(--highcontrast-splitview-handle-background-color,var(--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)));-webkit-user-select:none;user-select:none;inline-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width));z-index:1;block-size:100%;position:relative}#splitter.is-collapsed-start #gripper:before,#splitter.is-collapsed-end #gripper:before{content:"";inline-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width));block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:calc(50% - var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width))/2)}#splitter.is-collapsed-start #gripper{inset-inline-start:0}#splitter.is-collapsed-end #gripper{inset-inline:auto 0}:host([resizable]) #splitter.is-hovered{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter.is-hovered #gripper{border-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter.is-hovered #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}@media (hover:hover){:host([resizable]) #splitter:hover{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter:hover #gripper{border-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter:hover #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}}:host([resizable]) #splitter:active,:host([resizable]) #splitter.is-active{background-color:var(--highcontrast-splitview-handle-background-color-down,var(--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)))}:host([resizable]) #splitter:active #gripper,:host([resizable]) #splitter.is-active #gripper{border-color:var(--highcontrast-splitview-handle-background-color-down,var(--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)))}:host([resizable]) #splitter:active #gripper:before,:host([resizable]) #splitter.is-active #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-down,var(--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)))}:host([resizable]) #splitter:focus{outline:none}:host([resizable]) #splitter:focus-visible{background-color:var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)));outline:none}:host([resizable]) #splitter:focus-visible #gripper{border-color:var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)));box-shadow:0 0 0 1px var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)))}:host([resizable]) #splitter:focus-visible #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)))}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){inline-size:var(--mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width));block-size:auto}:host([vertical]) #gripper{transform:translate(calc(var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width))*-1),0);inline-size:var(--mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height));block-size:var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width));border-block-width:var(--mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal));border-inline-width:var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical));inset-block-start:calc(( var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)) + ( 2*var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical))) - var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)))/2*-1);inset-inline-start:var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width))}:host([vertical]) #splitter{inline-size:var(--mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width));block-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width))}:host([vertical]) #splitter.is-collapsed-start #gripper,:host([vertical]) #splitter.is-collapsed-end #gripper{inset-inline-start:var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width))}:host([vertical]) #splitter.is-collapsed-start #gripper:before,:host([vertical]) #splitter.is-collapsed-end #gripper:before{inline-size:var(--mod-splitview-vertical-gripper-outer-width,var(--spectrum-splitview-vertical-gripper-outer-width));block-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width));inset-block-start:calc(var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width)) - var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width))/2);inset-inline-start:var(--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset))}:host([vertical]) #splitter.is-collapsed-start #gripper{inset-block-start:var(--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset))}:host([vertical]) #splitter.is-collapsed-end #gripper{inset-block-start:auto;inset-block-end:var(--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset))}@media (forced-colors:active){:host{--highcontrast-splitview-handle-background-color:CanvasText;--highcontrast-splitview-handle-background-color-hover:CanvasText;--highcontrast-splitview-handle-background-color-down:CanvasText;--highcontrast-splitview-handle-background-color-focus:Highlight}}:host{--spectrum-split-view-first-pane-size:50%}::slotted(*){overflow:auto}::slotted(:first-child){order:1}:host(:not([vertical])) ::slotted(:first-child:not(:last-child)){width:var(--spectrum-split-view-first-pane-size)}:host([vertical]) ::slotted(:first-child:not(:last-child)){height:var(--spectrum-split-view-first-pane-size)}::slotted(:nth-child(2)){flex:1;order:3}::slotted(:nth-child(n+3)){display:none}#gripper{touch-action:none}#splitter{order:2;height:auto}:host([resizable]) #splitter{cursor:ew-resize;background-clip:content-box}:host([vertical][resizable]) #splitter{cursor:ns-resize;background-clip:content-box}:host([resizable][dir=ltr]) #splitter.is-resized-start,:host([resizable][dir=rtl]) #splitter.is-resized-end{cursor:e-resize}:host([resizable][dir=ltr]) #splitter.is-resized-end,:host([resizable][dir=rtl]) #splitter.is-resized-start{cursor:w-resize}:host([vertical][resizable]) #splitter.is-resized-start{cursor:s-resize}:host([vertical][resizable]) #splitter.is-resized-end{cursor:n-resize}:host([resizable][collapsible]) #splitter.is-resized-start,:host([resizable][collapsible]) #splitter.is-resized-end{cursor:ew-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-start,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-end{cursor:e-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-end,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-start{cursor:w-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-start{cursor:s-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-end{cursor:n-resize}:host([vertical][resizable][collapsible]) #splitter.is-resized-start,:host([vertical][resizable][collapsible]) #splitter.is-resized-end{cursor:ns-resize}
 `;export default e;
 //# sourceMappingURL=split-view.css.js.map

package/src/split-view.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["split-view.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-splitview-vertical-width:100%;--spectrum-splitview-vertical-gripper-width:50%;--spectrum-splitview-vertical-gripper-outer-width:100%;--spectrum-splitview-vertical-gripper-reset:0;--spectrum-splitview-background-color:var(--spectrum-gray-100);--spectrum-splitview-handle-background-color:var(--spectrum-gray-300);--spectrum-splitview-handle-background-color-hover:var(\n--spectrum-gray-400\n);--spectrum-splitview-handle-background-color-down:var(--spectrum-gray-800);--spectrum-splitview-handle-background-color-focus:var(\n--spectrum-focus-indicator-color\n);--spectrum-splitview-handle-width:var(--spectrum-border-width-200);--spectrum-splitview-gripper-border-radius:var(\n--spectrum-corner-radius-75\n);--spectrum-splitview-gripper-width:var(--spectrum-border-width-400);--spectrum-splitview-gripper-height:16px;--spectrum-splitview-gripper-border-width-horizontal:3px;--spectrum-splitview-gripper-border-width-vertical:var(\n--spectrum-border-width-400\n);display:flex;overflow:hidden}::slotted(*){background-color:var(\n--mod-splitview-background-color,var(--spectrum-splitview-background-color)\n);block-size:100%}#gripper{block-size:var(\n--mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height)\n);border-block-width:var(\n--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical)\n);border-color:var(\n--highcontrast-splitview-handle-background-color,var(\n--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)\n)\n);border-inline-width:var(\n--mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal)\n);border-radius:var(\n--mod-splitview-gripper-border-radius,var(--spectrum-splitview-gripper-border-radius)\n);border-style:solid;content:\"\";display:block;inline-size:var(\n--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)\n);inset-block-start:50%;inset-inline-start:calc((var(\n--mod-splitview-gripper-width,\nvar(--spectrum-splitview-gripper-width)\n) + (2*var(--mod-splitview-gripper-border-width-vertical,\nvar(\n--spectrum-splitview-gripper-border-width-vertical\n))) - var(\n--mod-splitview-gripper-width,\nvar(--spectrum-splitview-gripper-width)\n))/2*-1);position:absolute;transform:translateY(-50%)}#gripper:before{background-color:var(\n--highcontrast-splitview-handle-background-color,var(\n--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)\n)\n)}#splitter{background-color:var(\n--highcontrast-splitview-handle-background-color,var(\n--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)\n)\n);block-size:100%;inline-size:var(\n--mod-splitview-handle-width,var(--spectrum-splitview-handle-width)\n);position:relative;-webkit-user-select:none;user-select:none;z-index:1}#splitter.is-collapsed-end #gripper:before,#splitter.is-collapsed-start #gripper:before{block-size:100%;content:\"\";inline-size:var(\n--mod-splitview-handle-width,var(--spectrum-splitview-handle-width)\n);inset-block-start:0;inset-inline-start:calc(50% - var(\n--mod-splitview-handle-width,\nvar(--spectrum-splitview-handle-width)\n)/2);position:absolute}#splitter.is-collapsed-start #gripper{inset-inline-start:0}#splitter.is-collapsed-end #gripper{inset-inline:auto 0}:host([resizable]) #splitter.is-hovered{background-color:var(\n--highcontrast-splitview-handle-background-color-hover,var(\n--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)\n)\n)}:host([resizable]) #splitter.is-hovered #gripper{border-color:var(\n--highcontrast-splitview-handle-background-color-hover,var(\n--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)\n)\n)}:host([resizable]) #splitter.is-hovered #gripper:before{background-color:var(\n--highcontrast-splitview-handle-background-color-hover,var(\n--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)\n)\n)}@media (hover:hover){:host([resizable]) #splitter:hover{background-color:var(\n--highcontrast-splitview-handle-background-color-hover,var(\n--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)\n)\n)}:host([resizable]) #splitter:hover #gripper{border-color:var(\n--highcontrast-splitview-handle-background-color-hover,var(\n--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)\n)\n)}:host([resizable]) #splitter:hover #gripper:before{background-color:var(\n--highcontrast-splitview-handle-background-color-hover,var(\n--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)\n)\n)}}:host([resizable]) #splitter.is-active,:host([resizable]) #splitter:active{background-color:var(\n--highcontrast-splitview-handle-background-color-down,var(\n--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)\n)\n)}:host([resizable]) #splitter.is-active #gripper,:host([resizable]) #splitter:active #gripper{border-color:var(\n--highcontrast-splitview-handle-background-color-down,var(\n--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)\n)\n)}:host([resizable]) #splitter.is-active #gripper:before,:host([resizable]) #splitter:active #gripper:before{background-color:var(\n--highcontrast-splitview-handle-background-color-down,var(\n--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)\n)\n)}:host([resizable]) #splitter:focus{outline:none}:host([resizable]) #splitter.focus-visible{background-color:var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n);outline:none}:host([resizable]) #splitter:focus-visible{background-color:var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n);outline:none}:host([resizable]) #splitter.focus-visible #gripper{border-color:var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n);box-shadow:0 0 0 1px var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n)}:host([resizable]) #splitter:focus-visible #gripper{border-color:var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n);box-shadow:0 0 0 1px var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n)}:host([resizable]) #splitter.focus-visible #gripper:before{background-color:var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n)}:host([resizable]) #splitter:focus-visible #gripper:before{background-color:var(\n--highcontrast-splitview-handle-background-color-focus,var(\n--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)\n)\n)}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){block-size:auto;inline-size:var(\n--mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width)\n)}:host([vertical]) #gripper{block-size:var(\n--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)\n);border-block-width:var(\n--mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal)\n);border-inline-width:var(\n--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical)\n);inline-size:var(\n--mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height)\n);inset-block-start:calc((var(\n--mod-splitview-gripper-width,\nvar(--spectrum-splitview-gripper-width)\n) + (2*var(--mod-splitview-gripper-border-width-vertical,\nvar(\n--spectrum-splitview-gripper-border-width-vertical\n))) - var(\n--mod-splitview-gripper-width,\nvar(--spectrum-splitview-gripper-width)\n))/2*-1);inset-inline-start:var(\n--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width)\n);transform:translate(calc(var(\n--mod-splitview-vertical-gripper-width,\nvar(--spectrum-splitview-vertical-gripper-width)\n)*-1))}:host([vertical]) #splitter{block-size:var(\n--mod-splitview-handle-width,var(--spectrum-splitview-handle-width)\n);inline-size:var(\n--mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width)\n)}:host([vertical]) #splitter.is-collapsed-end #gripper,:host([vertical]) #splitter.is-collapsed-start #gripper{inset-inline-start:var(\n--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width)\n)}:host([vertical]) #splitter.is-collapsed-end #gripper:before,:host([vertical]) #splitter.is-collapsed-start #gripper:before{block-size:var(\n--mod-splitview-handle-width,var(--spectrum-splitview-handle-width)\n);inline-size:var(\n--mod-splitview-vertical-gripper-outer-width,var(--spectrum-splitview-vertical-gripper-outer-width)\n);inset-block-start:calc(var(\n--mod-splitview-vertical-gripper-width,\nvar(--spectrum-splitview-vertical-gripper-width)\n) - var(\n--mod-splitview-handle-width,\nvar(--spectrum-splitview-handle-width)\n)/2);inset-inline-start:var(\n--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset)\n)}:host([vertical]) #splitter.is-collapsed-start #gripper{inset-block-start:var(\n--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset)\n)}:host([vertical]) #splitter.is-collapsed-end #gripper{inset-block-end:var(\n--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset)\n);inset-block-start:auto}@media (forced-colors:active){:host{--highcontrast-splitview-handle-background-color:CanvasText;--highcontrast-splitview-handle-background-color-hover:CanvasText;--highcontrast-splitview-handle-background-color-down:CanvasText;--highcontrast-splitview-handle-background-color-focus:Highlight}}:host{--spectrum-split-view-first-pane-size:50%}::slotted(*){overflow:auto}::slotted(:first-child){order:1}:host(:not([vertical])) ::slotted(:first-child:not(:last-child)){width:var(--spectrum-split-view-first-pane-size)}:host([vertical]) ::slotted(:first-child:not(:last-child)){height:var(--spectrum-split-view-first-pane-size)}::slotted(:nth-child(2)){flex:1;order:3}::slotted(:nth-child(n+3)){display:none}#gripper{touch-action:none}#splitter{height:auto;order:2}:host([resizable]) #splitter{background-clip:content-box;cursor:ew-resize}:host([vertical][resizable]) #splitter{background-clip:content-box;cursor:ns-resize}:host([resizable][dir=ltr]) #splitter.is-resized-start,:host([resizable][dir=rtl]) #splitter.is-resized-end{cursor:e-resize}:host([resizable][dir=ltr]) #splitter.is-resized-end,:host([resizable][dir=rtl]) #splitter.is-resized-start{cursor:w-resize}:host([vertical][resizable]) #splitter.is-resized-start{cursor:s-resize}:host([vertical][resizable]) #splitter.is-resized-end{cursor:n-resize}:host([resizable][collapsible]) #splitter.is-resized-end,:host([resizable][collapsible]) #splitter.is-resized-start{cursor:ew-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-start,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-end{cursor:e-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-end,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-start{cursor:w-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-start{cursor:s-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-end{cursor:n-resize}:host([vertical][resizable][collapsible]) #splitter.is-resized-end,:host([vertical][resizable][collapsible]) #splitter.is-resized-start{cursor:ns-resize}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqKf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-splitview-vertical-width:100%;--spectrum-splitview-vertical-gripper-width:50%;--spectrum-splitview-vertical-gripper-outer-width:100%;--spectrum-splitview-vertical-gripper-reset:0;--spectrum-splitview-background-color:var(--spectrum-gray-100);--spectrum-splitview-handle-background-color:var(--spectrum-gray-300);--spectrum-splitview-handle-background-color-hover:var(--spectrum-gray-400);--spectrum-splitview-handle-background-color-down:var(--spectrum-gray-800);--spectrum-splitview-handle-background-color-focus:var(--spectrum-focus-indicator-color);--spectrum-splitview-handle-width:var(--spectrum-border-width-200);--spectrum-splitview-gripper-border-radius:var(--spectrum-corner-radius-75);--spectrum-splitview-gripper-width:var(--spectrum-border-width-400);--spectrum-splitview-gripper-height:16px;--spectrum-splitview-gripper-border-width-horizontal:3px;--spectrum-splitview-gripper-border-width-vertical:var(--spectrum-border-width-400);display:flex;overflow:hidden}::slotted(*){background-color:var(--mod-splitview-background-color,var(--spectrum-splitview-background-color));block-size:100%}#gripper{content:\"\";border-radius:var(--mod-splitview-gripper-border-radius,var(--spectrum-splitview-gripper-border-radius));border-style:solid;border-color:var(--highcontrast-splitview-handle-background-color,var(--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)));touch-action:none;inline-size:var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width));block-size:var(--mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height));border-block-width:var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical));border-inline-width:var(--mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal));display:block;position:absolute;inset-block-start:50%;inset-inline-start:calc(( var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)) + ( 2*var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical))) - var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)))/2*-1);transform:translateY(-50%)}#gripper:before{background-color:var(--highcontrast-splitview-handle-background-color,var(--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)))}#splitter{background-color:var(--highcontrast-splitview-handle-background-color,var(--mod-splitview-handle-background-color,var(--spectrum-splitview-handle-background-color)));-webkit-user-select:none;user-select:none;inline-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width));z-index:1;block-size:100%;position:relative}#splitter.is-collapsed-start #gripper:before,#splitter.is-collapsed-end #gripper:before{content:\"\";inline-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width));block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:calc(50% - var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width))/2)}#splitter.is-collapsed-start #gripper{inset-inline-start:0}#splitter.is-collapsed-end #gripper{inset-inline:auto 0}:host([resizable]) #splitter.is-hovered{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter.is-hovered #gripper{border-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter.is-hovered #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}@media (hover:hover){:host([resizable]) #splitter:hover{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter:hover #gripper{border-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}:host([resizable]) #splitter:hover #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-hover,var(--mod-splitview-handle-background-color-hover,var(--spectrum-splitview-handle-background-color-hover)))}}:host([resizable]) #splitter:active,:host([resizable]) #splitter.is-active{background-color:var(--highcontrast-splitview-handle-background-color-down,var(--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)))}:host([resizable]) #splitter:active #gripper,:host([resizable]) #splitter.is-active #gripper{border-color:var(--highcontrast-splitview-handle-background-color-down,var(--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)))}:host([resizable]) #splitter:active #gripper:before,:host([resizable]) #splitter.is-active #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-down,var(--mod-splitview-handle-background-color-down,var(--spectrum-splitview-handle-background-color-down)))}:host([resizable]) #splitter:focus{outline:none}:host([resizable]) #splitter:focus-visible{background-color:var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)));outline:none}:host([resizable]) #splitter:focus-visible #gripper{border-color:var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)));box-shadow:0 0 0 1px var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)))}:host([resizable]) #splitter:focus-visible #gripper:before{background-color:var(--highcontrast-splitview-handle-background-color-focus,var(--mod-splitview-handle-background-color-focus,var(--spectrum-splitview-handle-background-color-focus)))}:host([vertical]){flex-direction:column}:host([vertical]) ::slotted(*){inline-size:var(--mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width));block-size:auto}:host([vertical]) #gripper{transform:translate(calc(var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width))*-1),0);inline-size:var(--mod-splitview-gripper-height,var(--spectrum-splitview-gripper-height));block-size:var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width));border-block-width:var(--mod-splitview-gripper-border-width-horizontal,var(--spectrum-splitview-gripper-border-width-horizontal));border-inline-width:var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical));inset-block-start:calc(( var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)) + ( 2*var(--mod-splitview-gripper-border-width-vertical,var(--spectrum-splitview-gripper-border-width-vertical))) - var(--mod-splitview-gripper-width,var(--spectrum-splitview-gripper-width)))/2*-1);inset-inline-start:var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width))}:host([vertical]) #splitter{inline-size:var(--mod-splitview-vertical-width,var(--spectrum-splitview-vertical-width));block-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width))}:host([vertical]) #splitter.is-collapsed-start #gripper,:host([vertical]) #splitter.is-collapsed-end #gripper{inset-inline-start:var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width))}:host([vertical]) #splitter.is-collapsed-start #gripper:before,:host([vertical]) #splitter.is-collapsed-end #gripper:before{inline-size:var(--mod-splitview-vertical-gripper-outer-width,var(--spectrum-splitview-vertical-gripper-outer-width));block-size:var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width));inset-block-start:calc(var(--mod-splitview-vertical-gripper-width,var(--spectrum-splitview-vertical-gripper-width)) - var(--mod-splitview-handle-width,var(--spectrum-splitview-handle-width))/2);inset-inline-start:var(--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset))}:host([vertical]) #splitter.is-collapsed-start #gripper{inset-block-start:var(--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset))}:host([vertical]) #splitter.is-collapsed-end #gripper{inset-block-start:auto;inset-block-end:var(--mod-splitview-vertical-gripper-reset,var(--spectrum-splitview-vertical-gripper-reset))}@media (forced-colors:active){:host{--highcontrast-splitview-handle-background-color:CanvasText;--highcontrast-splitview-handle-background-color-hover:CanvasText;--highcontrast-splitview-handle-background-color-down:CanvasText;--highcontrast-splitview-handle-background-color-focus:Highlight}}:host{--spectrum-split-view-first-pane-size:50%}::slotted(*){overflow:auto}::slotted(:first-child){order:1}:host(:not([vertical])) ::slotted(:first-child:not(:last-child)){width:var(--spectrum-split-view-first-pane-size)}:host([vertical]) ::slotted(:first-child:not(:last-child)){height:var(--spectrum-split-view-first-pane-size)}::slotted(:nth-child(2)){flex:1;order:3}::slotted(:nth-child(n+3)){display:none}#gripper{touch-action:none}#splitter{order:2;height:auto}:host([resizable]) #splitter{cursor:ew-resize;background-clip:content-box}:host([vertical][resizable]) #splitter{cursor:ns-resize;background-clip:content-box}:host([resizable][dir=ltr]) #splitter.is-resized-start,:host([resizable][dir=rtl]) #splitter.is-resized-end{cursor:e-resize}:host([resizable][dir=ltr]) #splitter.is-resized-end,:host([resizable][dir=rtl]) #splitter.is-resized-start{cursor:w-resize}:host([vertical][resizable]) #splitter.is-resized-start{cursor:s-resize}:host([vertical][resizable]) #splitter.is-resized-end{cursor:n-resize}:host([resizable][collapsible]) #splitter.is-resized-start,:host([resizable][collapsible]) #splitter.is-resized-end{cursor:ew-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-start,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-end{cursor:e-resize}:host([resizable][dir=ltr][collapsible]) #splitter.is-collapsed-end,:host([resizable][dir=rtl][collapsible]) #splitter.is-collapsed-start{cursor:w-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-start{cursor:s-resize}:host([vertical][resizable][collapsible]) #splitter.is-collapsed-end{cursor:n-resize}:host([vertical][resizable][collapsible]) #splitter.is-resized-start,:host([vertical][resizable][collapsible]) #splitter.is-resized-end{cursor:ns-resize}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/test/split-view.test.js

@@ -838,6 +838,38 @@ describe("SplitView", () => {
     );
     expect(testPanel).to.be.null;
   });
+  it("allows a custom label when resizable if specified", async () => {
+    const customLabel = "Resizable Split View Custom Label";
+    const defaultLabel = "Resize the panels";
+    let el = await fixture(
+      html`
+                <sp-split-view
+                    resizable
+                    label=${customLabel}
+                    primary-min="50"
+                    secondary-min="50"
+                >
+                    <div>First panel</div>
+                    <div>Second panel</div>
+                </sp-split-view>
+            `
+    );
+    expect(el.label).to.equal(customLabel);
+    let splitter = el.shadowRoot.querySelector(
+      "#splitter"
+    );
+    expect(splitter.ariaLabel).to.equal(customLabel);
+    el = await fixture(
+      html`
+                <sp-split-view resizable primary-min="50" secondary-min="50">
+                    <div>First panel</div>
+                    <div>Second panel</div>
+                </sp-split-view>
+            `
+    );
+    splitter = el.shadowRoot.querySelector("#splitter");
+    expect(splitter.ariaLabel).to.equal(defaultLabel);
+  });
   it("keeps the splitter pos when removing and re-adding a panel", async () => {
     var _a, _b;
     let pointerId = -1;

package/test/split-view.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["split-view.test.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    nextFrame,\n} from '@open-wc/testing';\n\nimport '@spectrum-web-components/split-view/sp-split-view.js';\nimport { SplitView } from '@spectrum-web-components/split-view';\nimport {\n    arrowDownEvent,\n    arrowLeftEvent,\n    arrowRightEvent,\n    arrowUpEvent,\n    endEvent,\n    homeEvent,\n    pageDownEvent,\n    pageUpEvent,\n    shiftTabEvent,\n    testForLitDevWarnings,\n} from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\n\ndescribe('SplitView', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<SplitView>(\n                html`\n                    <sp-split-view primary-size=\"100\">\n                        <div>First panel</div>\n                        <div>Second panel</div>\n                    </sp-split-view>\n                `\n            )\n    );\n    it('loads default (horizontal) split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view primary-size=\"100\">\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(100);\n        expect(el.resizable).to.be.false;\n        expect(el.collapsible).to.be.false;\n        const gripper = el.shadowRoot.querySelector(\n            '#gripper'\n        ) as HTMLDivElement;\n        expect(gripper).to.be.null;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('auto');\n    });\n\n    it('loads horizontal [resizable] split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view resizable primary-size=\"100px\">\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(100);\n\n        const gripper = el.shadowRoot.querySelector(\n            '#gripper'\n        ) as HTMLDivElement;\n        await expect(gripper).to.be.accessible();\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('ew-resize');\n    });\n\n    it('loads [vertical] split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    primary-size=\"75%\"\n                    style=\"height: 400px\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(300);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('auto');\n    });\n\n    it('loads [vertical] [resizable] split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view vertical resizable style=\"height: 400px\">\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(200);\n\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('ns-resize');\n    });\n\n    it('set all panel values', async () => {\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    primary-max=\"300\"\n                    secondary-min=\"50\"\n                    style=${`height: 500px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        expect(el.primaryMin).to.equal(50);\n        expect(el.primaryMax).to.equal(300);\n        expect(el.secondaryMin).to.equal(50);\n        expect(el.secondaryMax).to.equal(3840);\n    });\n\n    it('use auto height in primary pane', async () => {\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-size=\"auto\"\n                    style=${`height: 500px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>\n                        First panel Lorem Ipsum is simply dummy text of the\n                        printing and typesetting industry. Lorem Ipsum has been\n                        the industry's standard dummy text ever since the 1500s,\n                        when an unknown printer took a galley of type and\n                        scrambled it to make a type specimen book. It has\n                        survived not only five centuries, but also the leap into\n                        electronic typesetting, remaining essentially unchanged.\n                    </div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        expect(el.primarySize).to.equal('auto');\n        expect(el.splitterPos || 0).to.equal(398);\n    });\n\n    it('resizes when pointer moves and resizable is enabled [ltr]', async () => {\n        let pointerId = -1;\n        const splitTotalWidth = 400;\n        const el = await fixture<\n            SplitView & {\n                splitterPos: number;\n            }\n        >(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        let pos = el.splitterPos;\n        expect(el.splitterPos).to.equal(200);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        pos -= 10;\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: pos,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(Math.round(el.splitterPos)).to.equal(\n            pos - el.getBoundingClientRect().left\n        );\n\n        // don't collapse to start\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 0,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos).to.equal(el.primaryMin);\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n\n        // don't collapse to end\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: splitTotalWidth,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos, '350 first time').to.equal(\n            splitTotalWidth - el.secondaryMin\n        );\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        // don't change anything when triggering mouseevent with right button click\n        splitter.dispatchEvent(\n            new MouseEvent('pointerdown', { button: 2, cancelable: true })\n        );\n        await elementUpdated(el);\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 0,\n            })\n        );\n        expect(el.splitterPos, '350 second time, because right click').to.equal(\n            splitTotalWidth - el.secondaryMin\n        );\n    });\n\n    it('resizes when pointer moves and resizable is enabled [rtl]', async () => {\n        let pointerId = -1;\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    secondary-min=\"40\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                    dir=\"rtl\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n\n        let pos = el.splitterPos || 0;\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        pos = el.getBoundingClientRect().right - 100;\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: pos,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(Math.round(el.splitterPos || 0)).to.equal(\n            el.getBoundingClientRect().right - pos\n        );\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 0,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.secondaryMin);\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: el.getBoundingClientRect().right,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(el.primaryMin);\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n    });\n\n    it('resizes to start pos when pointer moves in horizontal splitview', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    secondary-min=\"50\"\n                    style=\"height: 200px; width: 400px;\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: -10,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n    });\n\n    it('resizes to end pos when pointer moves in horizontal splitview', async () => {\n        let pointerId = -1;\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        expect(el.primaryMin).to.equal(50);\n        expect(el.resizable).to.be.true;\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: splitTotalWidth + 10,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.splitterSize);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n    });\n\n    it('resizes to start pos when pointer moves in [vertical] splitview', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    primary-min=\"0\"\n                    secondary-min=\"50\"\n                    style=\"height: 400px; width: 200px;\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: 0,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('s-resize');\n    });\n\n    it('resizes to end pos when pointer moves in [vertical] splitview', async () => {\n        let pointerId = -1;\n        const splitTotalHeight = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    primary-min=\"50\"\n                    style=${`height: ${splitTotalHeight}px; width: 200px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        expect(el.primaryMin).to.equal(50);\n        expect(el.resizable).to.be.true;\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: splitTotalHeight + 10,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(\n            splitTotalHeight - el.splitterSize\n        );\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('n-resize');\n    });\n\n    it('resizes and collapses when pointer moves in horizontal splitview', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    collapsible\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=\"height: 200px; width: 400px;\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.collapsible).to.be.true;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 40,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(50);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ew-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: -10,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(0);\n\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: el.getBoundingClientRect().right - 10,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(350);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ew-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: el.getBoundingClientRect().right,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(400 - el.splitterSize);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n    });\n\n    it('resizes and collapses when pointer moves in [vertical] splitview', async () => {\n        let pointerId = -1;\n        const splitTotalHeight = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    collapsible\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: ${splitTotalHeight}px; width: 200px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: 40,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(50);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ns-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: -10,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(0);\n\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('s-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: splitTotalHeight - 40,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(splitTotalHeight - 50);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ns-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: splitTotalHeight + 50,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(\n            splitTotalHeight - el.splitterSize\n        );\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('n-resize');\n    });\n\n    it('handles focus and keyboard inputs and resizes accordingly for horizontal splitviews [ltr]', async () => {\n        const splitTotalWidth = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(arrowUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 10);\n\n        splitter.dispatchEvent(arrowDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(pageUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 50);\n\n        splitter.dispatchEvent(pageDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(50);\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(50);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - 50);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - 50);\n\n        splitter.dispatchEvent(shiftTabEvent());\n        await elementUpdated(el);\n        const outsideFocused = document.activeElement as HTMLElement;\n        expect(typeof outsideFocused).not.to.equal(splitter);\n    });\n\n    it('handles focus and keyboard inputs and resizes accordingly for horizontal splitviews [rtl]', async () => {\n        const splitTotalWidth = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                    dir=\"rtl\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 10);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(arrowUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 10);\n\n        splitter.dispatchEvent(arrowDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(pageUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 50);\n\n        splitter.dispatchEvent(pageDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.splitterSize);\n\n        splitter.dispatchEvent(shiftTabEvent());\n        await elementUpdated(el);\n        const outsideFocused = document.activeElement as HTMLElement;\n        expect(typeof outsideFocused).not.to.equal(splitter);\n    });\n\n    it('handles keyboard inputs and resizes accordingly for [vertical] splitviews', async () => {\n        const splitTotalHeight = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    style=${`width: 200px; height: ${splitTotalHeight}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(arrowUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n\n        splitter.dispatchEvent(arrowDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(pageUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 50);\n\n        splitter.dispatchEvent(pageDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(\n            splitTotalHeight - el.splitterSize\n        );\n\n        splitter.dispatchEvent(shiftTabEvent());\n        await elementUpdated(el);\n        const outsideFocused = document.activeElement as HTMLElement;\n        expect(typeof outsideFocused).not.to.equal(splitter);\n    });\n\n    it('handles focus and keyboard inputs and resizes accordingly for collapsible horizontal splitviews', async () => {\n        const splitTotalWidth = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    collapsible\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.splitterSize);\n    });\n\n    it('does not resize when not resizable', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view>\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.false;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot\n            ? (el.shadowRoot.querySelector('#splitter') as HTMLDivElement)\n            : (el as SplitView);\n        splitter.dispatchEvent(new PointerEvent('pointerdown'));\n        await elementUpdated(el);\n        //Send keyboard events to resize\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n    });\n\n    it('renders no splitter if only one panel is provided', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view style=\"width: 400px\">\n                    <div id=\"primary\" style=\"width: 200px\">First panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.false;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(splitter).to.be.null;\n\n        const slot = el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n        expect(slot).to.exist;\n\n        expect(slot.assignedElements().length).to.equal(1);\n\n        const elPrim = slot.assignedElements()[0] as HTMLDivElement;\n        expect(getComputedStyle(elPrim).width).to.equal('200px');\n    });\n\n    it('renders only 2 out of 3 panels', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view>\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                    <div id=\"testPanel\">Third (invisible) panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        const testPanel = el.shadowRoot.querySelector(\n            '#testPanel'\n        ) as HTMLDivElement;\n        expect(testPanel).to.be.null;\n    });\n\n    it('keeps the splitter pos when removing and re-adding a panel', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view resizable style=\"width: 400px\">\n                    <div id=\"primary\">First panel</div>\n                    <div id=\"secondary\">Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        let splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        let pos = el.splitterPos || 0;\n        expect(pos).to.equal(200);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        pos -= 10;\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: pos,\n            })\n        );\n        await elementUpdated(el);\n        expect(Math.round(el.splitterPos || 0)).to.equal(\n            pos - el.getBoundingClientRect().left\n        );\n\n        // Remove second panel\n        const secPanel = el.lastElementChild?.cloneNode(true);\n        expect(secPanel).not.to.be.null;\n\n        el.lastElementChild?.remove();\n        await elementUpdated(el);\n        let slot = el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n        expect(slot).to.exist;\n        expect(slot.assignedElements().length).to.equal(1);\n\n        splitter = el.shadowRoot.querySelector('#splitter') as HTMLDivElement;\n        expect(splitter).to.be.null;\n\n        if (secPanel) {\n            // Re-add second panel\n            el.appendChild(secPanel);\n            await elementUpdated(el);\n            expect(Math.round(el.splitterPos || 0)).to.equal(\n                pos - el.getBoundingClientRect().left\n            );\n            slot = el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n            expect(slot).to.exist;\n\n            expect(slot.assignedElements().length).to.equal(2);\n\n            splitter = el.shadowRoot.querySelector(\n                '#splitter'\n            ) as HTMLDivElement;\n            await expect(splitter).to.be.accessible();\n        }\n    });\n\n    it('announces when splitterPos moves', async () => {\n        const changeSpy = spy();\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    style=${`height: 200px; width: 500px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        el.addEventListener('change', changeSpy);\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n        expect(changeSpy.callCount).to.equal(1);\n    });\n\n    it('resizes when primarySize changes', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-size=\"100\"\n                    style=${`height: 200px; width: 500px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(100);\n        el.primarySize = '300';\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(300);\n    });\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    nextFrame,\n} from '@open-wc/testing';\n\nimport '@spectrum-web-components/split-view/sp-split-view.js';\nimport { SplitView } from '@spectrum-web-components/split-view';\nimport {\n    arrowDownEvent,\n    arrowLeftEvent,\n    arrowRightEvent,\n    arrowUpEvent,\n    endEvent,\n    homeEvent,\n    pageDownEvent,\n    pageUpEvent,\n    shiftTabEvent,\n    testForLitDevWarnings,\n} from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\n\ndescribe('SplitView', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<SplitView>(\n                html`\n                    <sp-split-view primary-size=\"100\">\n                        <div>First panel</div>\n                        <div>Second panel</div>\n                    </sp-split-view>\n                `\n            )\n    );\n    it('loads default (horizontal) split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view primary-size=\"100\">\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(100);\n        expect(el.resizable).to.be.false;\n        expect(el.collapsible).to.be.false;\n        const gripper = el.shadowRoot.querySelector(\n            '#gripper'\n        ) as HTMLDivElement;\n        expect(gripper).to.be.null;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('auto');\n    });\n\n    it('loads horizontal [resizable] split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view resizable primary-size=\"100px\">\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(100);\n\n        const gripper = el.shadowRoot.querySelector(\n            '#gripper'\n        ) as HTMLDivElement;\n        await expect(gripper).to.be.accessible();\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('ew-resize');\n    });\n\n    it('loads [vertical] split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    primary-size=\"75%\"\n                    style=\"height: 400px\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(300);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('auto');\n    });\n\n    it('loads [vertical] [resizable] split-view accessibly', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view vertical resizable style=\"height: 400px\">\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        await expect(el).to.be.accessible();\n        expect(el.splitterPos || 0).to.equal(200);\n\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(getComputedStyle(splitter).cursor).to.equal('ns-resize');\n    });\n\n    it('set all panel values', async () => {\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    primary-max=\"300\"\n                    secondary-min=\"50\"\n                    style=${`height: 500px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        expect(el.primaryMin).to.equal(50);\n        expect(el.primaryMax).to.equal(300);\n        expect(el.secondaryMin).to.equal(50);\n        expect(el.secondaryMax).to.equal(3840);\n    });\n\n    it('use auto height in primary pane', async () => {\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-size=\"auto\"\n                    style=${`height: 500px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>\n                        First panel Lorem Ipsum is simply dummy text of the\n                        printing and typesetting industry. Lorem Ipsum has been\n                        the industry's standard dummy text ever since the 1500s,\n                        when an unknown printer took a galley of type and\n                        scrambled it to make a type specimen book. It has\n                        survived not only five centuries, but also the leap into\n                        electronic typesetting, remaining essentially unchanged.\n                    </div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        expect(el.primarySize).to.equal('auto');\n        expect(el.splitterPos || 0).to.equal(398);\n    });\n\n    it('resizes when pointer moves and resizable is enabled [ltr]', async () => {\n        let pointerId = -1;\n        const splitTotalWidth = 400;\n        const el = await fixture<\n            SplitView & {\n                splitterPos: number;\n            }\n        >(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        let pos = el.splitterPos;\n        expect(el.splitterPos).to.equal(200);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        pos -= 10;\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: pos,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(Math.round(el.splitterPos)).to.equal(\n            pos - el.getBoundingClientRect().left\n        );\n\n        // don't collapse to start\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 0,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos).to.equal(el.primaryMin);\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n\n        // don't collapse to end\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: splitTotalWidth,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos, '350 first time').to.equal(\n            splitTotalWidth - el.secondaryMin\n        );\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        // don't change anything when triggering mouseevent with right button click\n        splitter.dispatchEvent(\n            new MouseEvent('pointerdown', { button: 2, cancelable: true })\n        );\n        await elementUpdated(el);\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 0,\n            })\n        );\n        expect(el.splitterPos, '350 second time, because right click').to.equal(\n            splitTotalWidth - el.secondaryMin\n        );\n    });\n\n    it('resizes when pointer moves and resizable is enabled [rtl]', async () => {\n        let pointerId = -1;\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    secondary-min=\"40\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                    dir=\"rtl\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n\n        let pos = el.splitterPos || 0;\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        pos = el.getBoundingClientRect().right - 100;\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: pos,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(Math.round(el.splitterPos || 0)).to.equal(\n            el.getBoundingClientRect().right - pos\n        );\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 0,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.secondaryMin);\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: el.getBoundingClientRect().right,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(el.primaryMin);\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n    });\n\n    it('resizes to start pos when pointer moves in horizontal splitview', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    secondary-min=\"50\"\n                    style=\"height: 200px; width: 400px;\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: -10,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n    });\n\n    it('resizes to end pos when pointer moves in horizontal splitview', async () => {\n        let pointerId = -1;\n        const splitTotalWidth = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        expect(el.primaryMin).to.equal(50);\n        expect(el.resizable).to.be.true;\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: splitTotalWidth + 10,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.splitterSize);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n    });\n\n    it('resizes to start pos when pointer moves in [vertical] splitview', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    primary-min=\"0\"\n                    secondary-min=\"50\"\n                    style=\"height: 400px; width: 200px;\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: 0,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('s-resize');\n    });\n\n    it('resizes to end pos when pointer moves in [vertical] splitview', async () => {\n        let pointerId = -1;\n        const splitTotalHeight = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    primary-min=\"50\"\n                    style=${`height: ${splitTotalHeight}px; width: 200px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        expect(el.primaryMin).to.equal(50);\n        expect(el.resizable).to.be.true;\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: splitTotalHeight + 10,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(\n            splitTotalHeight - el.splitterSize\n        );\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('n-resize');\n    });\n\n    it('resizes and collapses when pointer moves in horizontal splitview', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    collapsible\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=\"height: 200px; width: 400px;\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.collapsible).to.be.true;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: 40,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(50);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ew-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: -10,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(0);\n\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('e-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: el.getBoundingClientRect().right - 10,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(350);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ew-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: el.getBoundingClientRect().right,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(400 - el.splitterSize);\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('w-resize');\n    });\n\n    it('resizes and collapses when pointer moves in [vertical] splitview', async () => {\n        let pointerId = -1;\n        const splitTotalHeight = 400;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    collapsible\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: ${splitTotalHeight}px; width: 200px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: 40,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(50);\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ns-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: -10,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(0);\n\n        expect(splitter.classList.contains('is-collapsed-start')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('s-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: splitTotalHeight - 40,\n            })\n        );\n        await elementUpdated(el);\n        await nextFrame();\n        expect(el.splitterPos || 0).to.equal(splitTotalHeight - 50);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.false;\n        expect(getComputedStyle(splitter).cursor).to.equal('ns-resize');\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientY: splitTotalHeight + 50,\n            })\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(\n            splitTotalHeight - el.splitterSize\n        );\n\n        splitter.dispatchEvent(new PointerEvent('pointerup'));\n        await elementUpdated(el);\n        expect(splitter.classList.contains('is-collapsed-end')).to.be.true;\n        expect(getComputedStyle(splitter).cursor).to.equal('n-resize');\n    });\n\n    it('handles focus and keyboard inputs and resizes accordingly for horizontal splitviews [ltr]', async () => {\n        const splitTotalWidth = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(arrowUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 10);\n\n        splitter.dispatchEvent(arrowDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(pageUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 50);\n\n        splitter.dispatchEvent(pageDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(50);\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(50);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - 50);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - 50);\n\n        splitter.dispatchEvent(shiftTabEvent());\n        await elementUpdated(el);\n        const outsideFocused = document.activeElement as HTMLElement;\n        expect(typeof outsideFocused).not.to.equal(splitter);\n    });\n\n    it('handles focus and keyboard inputs and resizes accordingly for horizontal splitviews [rtl]', async () => {\n        const splitTotalWidth = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                    dir=\"rtl\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 10);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(arrowUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 10);\n\n        splitter.dispatchEvent(arrowDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(pageUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos + 50);\n\n        splitter.dispatchEvent(pageDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.splitterSize);\n\n        splitter.dispatchEvent(shiftTabEvent());\n        await elementUpdated(el);\n        const outsideFocused = document.activeElement as HTMLElement;\n        expect(typeof outsideFocused).not.to.equal(splitter);\n    });\n\n    it('handles keyboard inputs and resizes accordingly for [vertical] splitviews', async () => {\n        const splitTotalHeight = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    vertical\n                    resizable\n                    style=${`width: 200px; height: ${splitTotalHeight}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n\n        splitter.dispatchEvent(arrowRightEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(arrowUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n\n        splitter.dispatchEvent(arrowDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(pageUpEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 50);\n\n        splitter.dispatchEvent(pageDownEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(\n            splitTotalHeight - el.splitterSize\n        );\n\n        splitter.dispatchEvent(shiftTabEvent());\n        await elementUpdated(el);\n        const outsideFocused = document.activeElement as HTMLElement;\n        expect(typeof outsideFocused).not.to.equal(splitter);\n    });\n\n    it('handles focus and keyboard inputs and resizes accordingly for collapsible horizontal splitviews', async () => {\n        const splitTotalWidth = 500;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    collapsible\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                    style=${`height: 200px; width: ${splitTotalWidth}px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(homeEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(0);\n\n        splitter.dispatchEvent(endEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(splitTotalWidth - el.splitterSize);\n    });\n\n    it('does not resize when not resizable', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view>\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.resizable).to.be.false;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot\n            ? (el.shadowRoot.querySelector('#splitter') as HTMLDivElement)\n            : (el as SplitView);\n        splitter.dispatchEvent(new PointerEvent('pointerdown'));\n        await elementUpdated(el);\n        //Send keyboard events to resize\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos);\n    });\n\n    it('renders no splitter if only one panel is provided', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view style=\"width: 400px\">\n                    <div id=\"primary\" style=\"width: 200px\">First panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.false;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(splitter).to.be.null;\n\n        const slot = el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n        expect(slot).to.exist;\n\n        expect(slot.assignedElements().length).to.equal(1);\n\n        const elPrim = slot.assignedElements()[0] as HTMLDivElement;\n        expect(getComputedStyle(elPrim).width).to.equal('200px');\n    });\n\n    it('renders only 2 out of 3 panels', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view>\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                    <div id=\"testPanel\">Third (invisible) panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        const testPanel = el.shadowRoot.querySelector(\n            '#testPanel'\n        ) as HTMLDivElement;\n        expect(testPanel).to.be.null;\n    });\n\n    it('allows a custom label when resizable if specified', async () => {\n        const customLabel = 'Resizable Split View Custom Label';\n        const defaultLabel = 'Resize the panels';\n        let el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    label=${customLabel}\n                    primary-min=\"50\"\n                    secondary-min=\"50\"\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        expect(el.label).to.equal(customLabel);\n        let splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        expect(splitter.ariaLabel).to.equal(customLabel);\n\n        // If custom label not provided, should fall back to default label\n        el = await fixture<SplitView>(\n            html`\n                <sp-split-view resizable primary-min=\"50\" secondary-min=\"50\">\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        splitter = el.shadowRoot.querySelector('#splitter') as HTMLDivElement;\n        expect(splitter.ariaLabel).to.equal(defaultLabel);\n    });\n\n    it('keeps the splitter pos when removing and re-adding a panel', async () => {\n        let pointerId = -1;\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view resizable style=\"width: 400px\">\n                    <div id=\"primary\">First panel</div>\n                    <div id=\"secondary\">Second panel</div>\n                </sp-split-view>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n        let splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n        splitter.setPointerCapture = (id: number) => (pointerId = id);\n        splitter.releasePointerCapture = (id: number) => (pointerId = id);\n        let pos = el.splitterPos || 0;\n        expect(pos).to.equal(200);\n\n        splitter.dispatchEvent(\n            new PointerEvent('pointerdown', { pointerId: 1 })\n        );\n        await elementUpdated(el);\n        expect(pointerId).to.equal(1);\n\n        pos -= 10;\n        splitter.dispatchEvent(\n            new PointerEvent('pointermove', {\n                clientX: pos,\n            })\n        );\n        await elementUpdated(el);\n        expect(Math.round(el.splitterPos || 0)).to.equal(\n            pos - el.getBoundingClientRect().left\n        );\n\n        // Remove second panel\n        const secPanel = el.lastElementChild?.cloneNode(true);\n        expect(secPanel).not.to.be.null;\n\n        el.lastElementChild?.remove();\n        await elementUpdated(el);\n        let slot = el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n        expect(slot).to.exist;\n        expect(slot.assignedElements().length).to.equal(1);\n\n        splitter = el.shadowRoot.querySelector('#splitter') as HTMLDivElement;\n        expect(splitter).to.be.null;\n\n        if (secPanel) {\n            // Re-add second panel\n            el.appendChild(secPanel);\n            await elementUpdated(el);\n            expect(Math.round(el.splitterPos || 0)).to.equal(\n                pos - el.getBoundingClientRect().left\n            );\n            slot = el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n            expect(slot).to.exist;\n\n            expect(slot.assignedElements().length).to.equal(2);\n\n            splitter = el.shadowRoot.querySelector(\n                '#splitter'\n            ) as HTMLDivElement;\n            await expect(splitter).to.be.accessible();\n        }\n    });\n\n    it('announces when splitterPos moves', async () => {\n        const changeSpy = spy();\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    style=${`height: 200px; width: 500px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        el.addEventListener('change', changeSpy);\n        await elementUpdated(el);\n        expect(el.resizable).to.be.true;\n\n        const pos = el.splitterPos || 0;\n        const splitter = el.shadowRoot.querySelector(\n            '#splitter'\n        ) as HTMLDivElement;\n\n        splitter.dispatchEvent(arrowLeftEvent());\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(pos - 10);\n        expect(changeSpy.callCount).to.equal(1);\n    });\n\n    it('resizes when primarySize changes', async () => {\n        const el = await fixture<SplitView>(\n            html`\n                <sp-split-view\n                    resizable\n                    primary-size=\"100\"\n                    style=${`height: 200px; width: 500px;`}\n                >\n                    <div>First panel</div>\n                    <div>Second panel</div>\n                </sp-split-view>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(100);\n        el.primarySize = '300';\n        await elementUpdated(el);\n        expect(el.splitterPos || 0).to.equal(300);\n    });\n});\n"],
+  "mappings": "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",
   "names": []
 }