@sap-ux/ui-components 1.11.0 → 1.11.1

package/storybook/76.e77af89c.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[76],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss":(M,u,n)=>{var w=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),v=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=v(w);c.push([M.id,'.ui-treeDropdown{position:relative}.ui-treeDropdown-with-label{margin-top:29px}.ui-treeDropdown-wrapper{position:relative}.ui-treeDropdown-wrapper input{padding:0 26px 0 8px;font-family:var(--vscode-font-family)}.ui-treeDropdown-wrapper.disabled>button{z-index:-1}.ui-treeDropdown-wrapper.readonly>button{pointer-events:none}.ui-treeDropdown-caret{position:absolute;width:24px;height:24px;top:0;right:0;cursor:pointer;box-sizing:border-box}.ui-treeDropdown-caret:hover,.ui-treeDropdown-caret:active,.ui-treeDropdown-caret:focus{background-color:rgba(0,0,0,0)}.ui-treeDropdown label{position:absolute;bottom:26px;margin-top:0 !important;font-family:var(--vscode-font-family);font-size:13px;font-weight:bold;box-sizing:border-box;box-shadow:none;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;padding:4px 0;overflow-wrap:break-word}.ui-treeDropdown label.required:after{content:" *";color:var(--vscode-inputValidation-errorBorder)}.ui-treeDropdown label.disabled{opacity:.4}',""]),M.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(M,u,n){"use strict";var w=Object.defineProperty,v=Object.defineProperties,c=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,m=(l,i,e)=>i in l?w(l,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[i]=e,E=(l,i)=>{for(var e in i||(i={}))d.call(i,e)&&m(l,e,i[e]);if(p)for(var e of p(i))h.call(i,e)&&m(l,e,i[e]);return l},C=(l,i)=>v(l,c(i)),R=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(u,"__esModule",{value:!0}),u.UITreeDropdown=u.EdgePosition=u.UIDirectionalHint=void 0;const _=R(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),U=R(n("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),g=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(u,"UIDirectionalHint",{enumerable:!0,get:function(){return g.DirectionalHint}});const P=n("./src/components/UIInput/index.tsx"),S=n("./src/components/UIContextualMenu/index.tsx"),y=n("./src/components/UIButton/UIIconButton.tsx"),j=n("./src/components/Icons.tsx"),x=n("./src/helper/ValidationMessage/index.tsx");n("./src/components/UITreeDropdown/UITreeDropdown.scss");const f={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var T;(function(l){l.First="First",l.Last="Last"})(T=u.EdgePosition||(u.EdgePosition={}));const O={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class K extends _.default.Component{constructor(i){super(i),this.UITreeDropdownRef=_.default.createRef(),this.UITreeDropdownFocusZoneRef=_.default.createRef(),this.inputRef=_.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=e=>{this.props.items.length!==e.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==e.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=e=>{if(this.state.items.length!==e.length){e=e.map(this.buildSubItems);const t=this.mapValuesToContextMenu(e);this.setState({originalItems:t,items:t})}},this.buildSubItems=e=>(e.children&&e.children.length&&(e.children=e.children.map(t=>{const s=new RegExp(e.value,"ig"),o=t.value.search(s)===-1?`${e.value}${this.state.valueSeparator}${t.value}`:t.value;return C(E({},t),{split:!1,value:o})})),e),this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{if(s.children&&s.children.length){s.split=!0;const o=this.getRefId(s.value,t);this.submenuRefs[o]||(this.submenuRefs[o]=_.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[o],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:g.FocusZoneTabbableElements.none,onFocus:()=>{var a,r,b,I;const D=(a=this.defaultSubmenuFocus)==null?void 0:a.parent;D&&D.item.value===s.value&&D.level===t&&this.focusItemWithValue(this.state.value,(I=(b=(r=this.defaultSubmenuFocus)==null?void 0:r.parent)==null?void 0:b.item.subMenuProps)==null?void 0:I.items)}}}}return C(E({},s),{key:s.value,text:s.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(s.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=e=>{this.setState({hasSelected:!0,value:e,valueChanged:!1},()=>this.props.onParameterValueChange(e))},this.handleKeyPress=e=>{switch(e.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,e);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(e,e.key):this.toggleMenu(!1,e);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=e.key},this.focusDropdown=(e,t)=>{var s;this.UITreeDropdownFocusZoneRef&&(t===O.Enter?this.focusItemWithValue(this.state.value,this.state.items):(s=this.UITreeDropdownFocusZoneRef.current)==null||s.focus(!0),e.preventDefault())},this.handleRenderContent=(e,t)=>(e.item.className=e.item.value===this.props.value?"is-selected":"",e.item.text=this.highlightQuery(e.item.label,this.state.query),this.applySubmenuPosition(e.item),t?t.renderItemName(e):null),this.handleRenderMenuList=(e,t)=>{let s=[];return e!=null&&e.items&&(s=e.items.map(o=>{var a;return o.className=o.value===this.props.value?"is-selected":"",o.text=this.highlightQuery(o.label,this.state.query),this.applySubmenuPosition(o),(a=o.subMenuProps)==null||a.items.map(r=>(r.className=r.value===this.props.value?"is-selected":"",r)),E({},o)})),t?t(C(E({},e),{items:s})):null},this.toggleMenu=(e,t)=>{if(this.props.readOnly)return;this.setState({isHidden:e});const s=t==null?void 0:t.key;t&&setTimeout(()=>{t.persist(),this.focusDropdown(t,s)},0)},this.highlightQuery=(e,t)=>_.default.createElement(S.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var s;const o=new RegExp(e,"ig");return(s=t==null?void 0:t.children)!=null&&s.length?t.children.filter(a=>this.filterElement(e,a)).length>0:t!=null&&t.value?t.value.search(o)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target,s=this.state.originalItems.filter(o=>this.filterElement(t.value,o));this.setState({hasSelected:!1,value:t.value,items:s,query:t.value,valueChanged:!0}),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===O.Escape?this.resetValue():this.state.hasSelected||this.props.onParameterValueChange(""),this.setState({items:this.state.originalItems,query:""}),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=e=>{var t;(t=e.subMenuProps)!=null&&t.items&&(e.subMenuProps.calloutProps||(e.subMenuProps.calloutProps={}),e.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(e=!1)=>{const t=`${f.callout}${this.state.uiidInput}`,s=document.querySelector(`.${t}`);return e&&s?s.nextSibling:s},this.calculateSubmenuOffset=()=>{const e=this.getCalloutDomRef();if(e){const t=e.querySelector(`.${f.scrollArea}`);this.submenuOffset=0,t&&t.scrollHeight>t.clientHeight&&(this.submenuOffset=t.offsetWidth-t.clientWidth)}},this.onFocusElementChanged=e=>{const t=e.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&t.length>0&&this.setState({value:e.value?e.value:t[0].innerText,valueChanged:!0})},this.onWindowKeyDown=e=>{var t;this.lastKeyDown=e.key;const s=document.activeElement;if([O.ArrowDown,O.ArrowUp].includes(e.key)&&s){const o=this.getEdgePosition(s),a=o.includes(T.First)&&e.key===O.ArrowUp,r=o.includes(T.Last)&&e.key===O.ArrowDown;(a||r)&&(a&&s.closest(`.${f.callout}${this.state.uiidInput}`)&&((t=this.inputRef.current)==null||t.focus()),e.stopPropagation(),e.preventDefault())}},this.handleCustomDownKey=e=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(e.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=e=>{const t=e.closest("ul"),s=e.closest("li"),o=[];return t&&s&&(t.children[0]===s&&o.push(T.First),t.children[t.children.length-1]===s&&o.push(T.Last)),o},this.findItemByValue=(e,t=[],s,o=0)=>{var a,r;let b;for(let I=0;I<t.length;I++){const D=t[I],A={item:D,index:I,parent:s,level:o};if(D.value===e?b=A:(r=(a=D.subMenuProps)==null?void 0:a.items)!=null&&r.length&&(b=this.findItemByValue(e,D.subMenuProps.items,A,o+1)),b)break}return b},this.getItemTarget=(e,t)=>{let s;const o=e.querySelector(".ms-ContextualMenu-list");return o&&o.childNodes[t.index]&&(s=o.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),o=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&o){let a;if(s.parent){const r=this.getItemTarget(o,s.parent);r&&(this.defaultSubmenuFocus=s,r.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else a=this.getItemTarget(o,s);if(a)a.focus();else{const r=o.querySelector(`.${f.scrollArea}`);r==null||r.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",hasSelected:!!this.props.value,value:this.props.value||"",isHidden:!0,originalItems:[],items:[],valueSeparator:this.props.valueSeparator||".",uiidInput:U.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,g.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let i=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(i+=" disabled"),this.props.readOnly&&(i+=" readonly"),i}render(){const i=(0,x.getMessageInfo)(this.props);let e=!0;return this.props.useTargetWidth&&(e=!1),_.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&_.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),_.default.createElement("div",{className:this.getClassNames()},_.default.createElement(P.UITextInput,{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:t=>{t.target.select()},errorMessage:i.message}),_.default.createElement(y.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:j.UiIcons.ArrowDown},onClick:()=>{var t;this.state.isHidden&&((t=this.inputRef.current)==null||t.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&_.default.createElement(S.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:e,useTargetAsMinWidth:!0,onRestoreFocus:t=>{var s;(s=t.originalElement)==null||s.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:g.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${f.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}u.UITreeDropdown=K},"./src/components/UITreeDropdown/index.tsx":function(M,u,n){"use strict";var w=this&&this.__createBinding||(Object.create?function(c,p,d,h){h===void 0&&(h=d);var m=Object.getOwnPropertyDescriptor(p,d);(!m||("get"in m?!p.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return p[d]}}),Object.defineProperty(c,h,m)}:function(c,p,d,h){h===void 0&&(h=d),c[h]=p[d]}),v=this&&this.__exportStar||function(c,p){for(var d in c)d!=="default"&&!Object.prototype.hasOwnProperty.call(p,d)&&w(p,c,d)};Object.defineProperty(u,"__esModule",{value:!0}),v(n("./src/components/UITreeDropdown/UITreeDropdown.tsx"),u)},"./src/components/UITreeDropdown/UITreeDropdown.scss":(M,u,n)=>{"use strict";n.r(u),n.d(u,{default:()=>x});var w=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),v=n.n(w),c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),p=n.n(c),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=n.n(d),m=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),E=n.n(m),C=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),R=n.n(C),_=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),U=n.n(_),g=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),P=n.n(g),S={};for(const f in g)f!=="default"&&(S[f]=()=>g[f]);n.d(u,S);var y={};y.styleTagTransform=U(),y.setAttributes=E(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=R();var j=v()(P(),y);const x=P()&&P().locals?P().locals:void 0}}]);})();

package/storybook/787.9238de55.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[787],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(h,t,e)=>{var x=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=i(x);d.push([h.id,'.ts-ContextualMenu-callout{box-shadow:none;background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:0}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:0;background:var(--vscode-menu-background, var(--vscode-input-background));transform:translateZ(0)}.ts-ContextualMenu{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu .ms-ContextualMenu-item>div,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{min-height:22px;height:auto}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link,.ts-ContextualMenu .ms-ContextualMenu-item>div>button{font-size:13px;color:var(--vscode-editorSuggestWidget-foreground);padding:0px 8px;padding-right:3px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-disabled,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-disabled{opacity:.2}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button{padding-right:0;width:calc(100% - 22px)}.ts-ContextualMenu .ms-ContextualMenu-item>div>button+span{display:none}.ts-ContextualMenu .ms-ContextualMenu-item .ms-ContextualMenu-splitMenu{padding:0;width:22px;min-width:22px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div:focus:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div:hover:after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header{padding:0px 8px}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-linkContent,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-header .ms-ContextualMenu-itemText{height:22px;line-height:22px}.ts-ContextualMenu .ms-ContextualMenu-itemText{margin:0}.ts-ContextualMenu .ms-ContextualMenu-icon{display:flex;width:12px;height:12px;margin:0 6px 0 0}.ts-ContextualMenu .ms-ContextualMenu-icon svg{width:100%;height:100%}.ts-ContextualMenu .ms-ContextualMenu-divider{background-color:var(--vscode-editorWidget-border)}',""]),h.exports=d},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(h,t,e)=>{var x=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=i(x);d.push([h.id,".ts-Menu-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-highlightForeground);font-weight:bold}.ts-ComboBox--selected .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ts-Menu-option--highlighted,.ts-ContextualMenu .ms-ContextualMenu-item>div:focus .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}",""]),h.exports=d},"./src/components/UIButton/UIIconButton.tsx":function(h,t,e){"use strict";var x=Object.defineProperty,i=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,r=(n,a,c)=>a in n?x(n,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):n[a]=c,M=(n,a)=>{for(var c in a||(a={}))s.call(a,c)&&r(n,c,a[c]);if(l)for(var c of l(a))_.call(a,c)&&r(n,c,a[c]);return n},y=(n,a)=>i(n,d(a)),f=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIconButton=t.UIIconButtonSizes=void 0;const m=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),C=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),g=e("./src/components/UIContextualMenu/index.tsx");var v;(function(n){n.Default="Default",n.Wide="Wide"})(v=t.UIIconButtonSizes||(t.UIIconButtonSizes={}));class I extends m.default.Component{constructor(a){super(a),this.setStyle=c=>{const P=(c.sizeType||v.Default)===v.Default?16:26;return{root:{minWidth:"initial",height:16,width:P,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:P},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:P},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:P,lineHeight:16},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"}}}}getButtonInteractionBackgroundColor(a){return`var(${a}, var(--vscode-menubar-selectionBackground))`}render(){return m.default.createElement(C.IconButton,y(M({},this.props),{styles:this.setStyle(this.props),menuAs:g.UIContextualMenu}))}}t.UIIconButton=I},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(h,t,e){"use strict";var x=Object.defineProperty,i=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,r=(u,o,p)=>o in u?x(u,o,{enumerable:!0,configurable:!0,writable:!0,value:p}):u[o]=p,M=(u,o)=>{for(var p in o||(o={}))s.call(o,p)&&r(u,p,o[p]);if(l)for(var p of l(o))_.call(o,p)&&r(u,p,o[p]);return u},y=(u,o)=>i(u,d(o)),f=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIContextualMenu=t.getUIcontextualMenuCalloutStyles=t.getUIContextualMenuItemStyles=t.getUIcontextualMenuStyles=t.UIContextualMenuItemType=t.UIContextualMenuProps=t.UIContextualMenuItem=t.IContextualMenuItem=void 0;const m=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),C=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIContextualMenuItemType",{enumerable:!0,get:function(){return C.ContextualMenuItemType}}),Object.defineProperty(t,"UIContextualMenuProps",{enumerable:!0,get:function(){return C.IContextualMenuProps}}),Object.defineProperty(t,"UIContextualMenuItem",{enumerable:!0,get:function(){return C.IContextualMenuItem}});var g=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"IContextualMenuItem",{enumerable:!0,get:function(){return g.IContextualMenuItem}});const v=e("./src/components/Icons.tsx");e("./src/components/UIContextualMenu/UIContextualMenu.scss");const I={iconName:v.UiIcons.ArrowDown};function n(){return{root:{minWidth:190,background:"var(--vscode-input-background)",border:0}}}t.getUIcontextualMenuStyles=n;function a(){return{checkmarkIcon:{color:"var(--vscode-foreground)",maxHeight:18,fontSize:16,lineHeight:18,margin:0},icon:{marginLeft:0,marginRight:6},label:{fontFamily:"var(--vscode-font-family)",lineHeight:18,height:18},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}t.getUIContextualMenuItemStyles=a;function c(u){return{root:{animationFillMode:"none",transform:"rotate(0.0001deg)",maxWidth:u}}}t.getUIcontextualMenuCalloutStyles=c;function b(u){return u.map(o=>(o.itemProps||(o.itemProps={}),o.itemProps.styles?o.itemProps.styles=M(M({},a()),o.itemProps.styles):o.itemProps.styles=a(),o.submenuIconProps||(o.submenuIconProps=I),o!=null&&o.iconProps&&(o.onRenderContent=(p,E)=>m.default.createElement(m.default.Fragment,null,E.renderItemName(p),E.renderItemIcon(p))),o))}const P=u=>{const o=u.className?` ${u.className}`:"";return m.default.createElement(C.ContextualMenu,y(M({},u),{className:`ts-ContextualMenu${o}`,items:b(u.items),isBeakVisible:!1,calloutProps:M({className:"ts-ContextualMenu-callout",styles:c(u.maxWidth)},u.calloutProps),styles:M(M({},n()),u.styles),onRenderSubMenu:p=>p?m.default.createElement(t.UIContextualMenu,M({},p)):null}))};t.UIContextualMenu=P},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(h,t,e){"use strict";var x=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIHighlightMenuOption=void 0;const i=x(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class d extends i.default.Component{render(){let s=this.props.text,_=this.props.query;const r=[];if(s&&_){s=s.toString(),_=_.toLowerCase();const M=s.toLowerCase(),y=_.length;let f=0,m=M.indexOf(_);const C=g=>g?r.push(g):null;for(;m!==-1;)C(i.default.createElement("span",{key:"text-"+f},s.substring(f,m))),C(i.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+m},s.substr(m,y))),f=m+y,m=M.indexOf(_,m+y),m===-1&&C(i.default.createElement("span",{key:"text-"+f},s.substring(f,M.length)))}return r.length===0&&r.push(s),i.default.createElement("div",{className:"ts-Menu-option"},r)}}t.UIHighlightMenuOption=d},"./src/components/UIContextualMenu/index.tsx":function(h,t,e){"use strict";var x=this&&this.__createBinding||(Object.create?function(d,l,s,_){_===void 0&&(_=s);var r=Object.getOwnPropertyDescriptor(l,s);(!r||("get"in r?!l.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return l[s]}}),Object.defineProperty(d,_,r)}:function(d,l,s,_){_===void 0&&(_=s),d[_]=l[s]}),i=this&&this.__exportStar||function(d,l){for(var s in d)s!=="default"&&!Object.prototype.hasOwnProperty.call(l,s)&&x(l,d,s)};Object.defineProperty(t,"__esModule",{value:!0}),i(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),t),i(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),t)},"./src/components/UIContextualMenu/UIContextualMenu.scss":(h,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>c});var x=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(x),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),M=e.n(r),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=e.n(y),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),C=e.n(m),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss"),v=e.n(g),I={};for(const b in g)b!=="default"&&(I[b]=()=>g[b]);e.d(t,I);var n={};n.styleTagTransform=C(),n.setAttributes=M(),n.insert=_().bind(null,"head"),n.domAPI=l(),n.insertStyleElement=f();var a=i()(v(),n);const c=v()&&v().locals?v().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(h,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>c});var x=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(x),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(s),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),M=e.n(r),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=e.n(y),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),C=e.n(m),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss"),v=e.n(g),I={};for(const b in g)b!=="default"&&(I[b]=()=>g[b]);e.d(t,I);var n={};n.styleTagTransform=C(),n.setAttributes=M(),n.insert=_().bind(null,"head"),n.domAPI=l(),n.insertStyleElement=f();var a=i()(v(),n);const c=v()&&v().locals?v().locals:void 0}}]);})();