npm - @sap-ux/ui-components - Versions diffs - 1.17.9 → 1.18.1 - Mend

@sap-ux/ui-components 1.17.9 → 1.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/storybook/{125.3024b9fd.iframe.bundle.js → 756.3c27bb9b.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var C=Object.defineProperty,P=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(m,t,e)=>t in m?C(m,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):m[t]=e,g=(m,t)=>{for(var e in t\|\|(t={}))I.call(t,e)&&v(m,e,t[e]);if(O)for(var e of O(t))M.call(t,e)&&v(m,e,t[e]);return m},S=(m,t)=>P(m,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[125],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),l=d(f);l.push([m.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),m.exports=l},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),l=d(f);l.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=l},"./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>w});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=e.n(r),b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(b),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),n=e.n(_),y={};for(const E in _)E!=="default"&&(y[E]=()=>_[E]);e.d(t,y);var p={};p.styleTagTransform=u(),p.setAttributes=h(),p.insert=a().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=i();var D=d()(n(),p);const w=n()&&n().locals?n().locals:void 0},"./src/styles/_shadows.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>w});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=e.n(r),b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(b),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),n=e.n(_),y={};for(const E in _)E!=="default"&&(y[E]=()=>_[E]);e.d(t,y);var p={};p.styleTagTransform=u(),p.setAttributes=h(),p.insert=a().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=i();var D=d()(n(),p);const w=n()&&n().locals?n().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class d{constructor(s,o,a=e){this.originalStyle={},this.source=s,this.callout=o,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const o=document.createElement("div");return o.classList.add("ts-Callout-transformation"),o.style.height=`${s}px`,o}getElements(){const s=this.source.current,o=s==null?void 0:s.closest(this.props.container);if(o&&s){const a=o==null?void 0:o.querySelector(this.props.target);if(a){const r={container:{dom:o,rect:o.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},h=this.callout.current;return h&&(r.callout={dom:h,rect:h.getBoundingClientRect()}),r}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:o,target:a,callout:r,source:h}=s;if(r){const b=window.innerHeight-e.minPagePadding,i=r.rect.height,c=h.rect.bottom;let u=c+i-a.rect.top,_=c+r.rect.height;if(u<=0\|\|_>=b)return;if(_+=a.rect.height,_<=b&&(u+=f),this.props.absolute){const n=o.dom.style;this.originalStyle={transform:n.transform,position:n.position,top:n.top,left:n.left},n.transform="",n.position="absolute",n.top=`${o.rect.top}px`,n.left=`${o.rect.left}px`}this.placeholder=this.createPlaceholder(u),a.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:o,target:a}=s;for(const r in this.originalStyle){const h=this.originalStyle[r];typeof h=="string"&&(o.dom.style[r]=h)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(s){const o=this.getElements();return!!(s.type==="focus"&&(o!=null&&o.target.dom.contains(s.target)))}}t.CalloutCollisionTransform=d},"./src/components/UICallout/UICallout.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault\|\|function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var o;(function(i){i.None="None",i.Standard="Standard"})(o\|\|(t.UICalloutContentPadding=o={}));const a=new Map([[o.Standard,8]]),r=(i,c)=>typeof i=="object"&&typeof i[c]=="object"?i[c]:{},h=i=>{var c,u;return{root:g({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},r(i.styles,"root")),beak:g({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},r(i.styles,"beak")),beakCurtain:g({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},r(i.styles,"beakCurtain")),calloutMain:g({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(c=i.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:a.get((u=i.contentPadding)!=null?u:o.None)},r(i.styles,"calloutMain")),container:r(i.styles,"container")}};t.getCalloutStyle=h;class b extends d.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:u,focusTargetSiblingOnTabPress:_,target:n}=this.props;if(_&&c.key==="Tab"&&n){let y=null;if(typeof n=="string"){const p=(0,l.getDocument)();y=p==null?void 0:p.querySelector(n)}else"getBoundingClientRect"in n&&(0,s.isHTMLElement)(n)&&(y=n);y&&(0,s.focusToSibling)(y,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}u==null\|\|u(c)}render(){return d.default.createElement(l.Callout,S(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=b},"./src/components/UICallout/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding\|\|(Object.create?function(l,s,o,a){a===void 0&&(a=o);var r=Object.getOwnPropertyDescriptor(s,o);(!r\|\|("get"in r?!s.__esModule:r.writable\|\|r.configurable))&&(r={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,a,r)}:function(l,s,o,a){a===void 0&&(a=o),l[a]=s[o]}),d=this&&this.__exportStar\|\|function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&f(s,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),d(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault\|\|function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return l.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return l.IDropdownOption}});const s=e("./src/components/UIIcon/index.tsx"),o=e("./src/helper/ValidationMessage/index.tsx"),a=e("./src/components/UILabel/index.tsx"),r=e("./src/components/UIDropdown/utils.ts"),h=e("./src/components/UICallout/index.tsx");e("./src/components/UIDropdown/UIDropdown.scss");const b="var(--vscode-inputValidation-errorBorder)";class i extends d.default.Component{constructor(u){super(u),this.dropdownDomRef=d.default.createRef(),this.menuDomRef=d.default.createRef(),this.calloutCollisionTransform=new h.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>d.default.createElement(s.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=_=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(_);{const{multiSelectDelimiter:n=", "}=this.props;if(_){const y=_.map(p=>p.text).join(n);return d.default.createElement(d.default.Fragment,null,y)}else return d.default.createElement(d.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(_=>({isOpen:!_.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(_=>({isOpen:!_.isOpen})),this.props.onHandleOpen())})},this.onChange=(_,n,y)=>{this.props.multiSelect&&this.props.onHandleChange&&n&&y&&this.props.onHandleChange(n,y)},this.stopEventPropagation=_=>{_.stopPropagation()},this.onRenderOption=(_,n)=>d.default.createElement(d.default.Fragment,null,n==null?void 0:n(_),(_==null?void 0:_.itemType)!==l.DropdownMenuItemType.Header&&d.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(_,n)=>n&&_?(_.title===void 0&&(_.title=_.text),n(_)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:_,readOnly:n,disabled:y}=this.props,p=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let D=`ts-SelectBox${u.message?" ts-SelectBox--"+p:""}`;return n&&!y&&(D+=" ts-SelectBox--readonly"),y&&(D+=" ts-SelectBox--disabled"),_&&(D+=` ${_}`),(0,r.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:u,disabled:_}=this.props,n={};return u&&!_?(n.tabIndex=0,n["data-is-focusable"]=!0,n["aria-disabled"]=void 0,n["aria-readonly"]=!0):_&&(n.tabIndex=0,n["data-is-focusable"]=!0),n}render(){const u=(0,o.getMessageInfo)(this.props),_=this.getAccessibilityProps(),n=()=>({label:g(g(g({},a.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:b,paddingRight:12}}}),errorMessage:[u.style]});return d.default.createElement(l.Dropdown,S(g(g({ref:this.dropdownDomRef,calloutProps:g({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,r.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:l.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},_),this.props),{styles:n,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=i},"./src/components/UIDropdown/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding\|\|(Object.create?function(l,s,o,a){a===void 0&&(a=o);var r=Object.getOwnPropertyDescriptor(s,o);(!r\|\|("get"in r?!s.__esModule:r.writable\|\|r.configurable))&&(r={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,a,r)}:function(l,s,o,a){a===void 0&&(a=o),l[a]=s[o]}),d=this&&this.__exportStar\|\|function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&f(s,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIDropdown/UIDropdown.tsx"),t),d(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getCalloutCollisionTransformationProps=t.isDropdownEmpty=void 0;function e(d){var s;const{selectedKey:l}=d;return Array.isArray(l)?l.length===0:"text"in d&&d.text\|\|"selectedKeys"in d&&((s=d.selectedKeys)!=null&&s.length)?!1:!l}t.isDropdownEmpty=e;function f(d,l,s){if(l&&s)return{preventDismissOnEvent:d.preventDismissOnEvent,layerProps:{onLayerDidMount:d.applyTransformation,onLayerWillUnmount:d.resetTransformation}}}t.getCalloutCollisionTransformationProps=f}}]);})();
1	+ (()=>{var C=Object.defineProperty,P=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(m,t,e)=>t in m?C(m,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):m[t]=e,g=(m,t)=>{for(var e in t\|\|(t={}))I.call(t,e)&&v(m,e,t[e]);if(O)for(var e of O(t))M.call(t,e)&&v(m,e,t[e]);return m},S=(m,t)=>P(m,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[756],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),l=d(f);l.push([m.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),m.exports=l},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),l=d(f);l.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=l},"./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>w});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=e.n(r),b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(b),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),n=e.n(_),y={};for(const E in _)E!=="default"&&(y[E]=()=>_[E]);e.d(t,y);var p={};p.styleTagTransform=u(),p.setAttributes=h(),p.insert=a().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=i();var D=d()(n(),p);const w=n()&&n().locals?n().locals:void 0},"./src/styles/_shadows.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>w});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=e.n(r),b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(b),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),n=e.n(_),y={};for(const E in _)E!=="default"&&(y[E]=()=>_[E]);e.d(t,y);var p={};p.styleTagTransform=u(),p.setAttributes=h(),p.insert=a().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=i();var D=d()(n(),p);const w=n()&&n().locals?n().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class d{constructor(s,o,a=e){this.originalStyle={},this.source=s,this.callout=o,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const o=document.createElement("div");return o.classList.add("ts-Callout-transformation"),o.style.height=`${s}px`,o}getElements(){const s=this.source.current,o=s==null?void 0:s.closest(this.props.container);if(o&&s){const a=o==null?void 0:o.querySelector(this.props.target);if(a){const r={container:{dom:o,rect:o.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},h=this.callout.current;return h&&(r.callout={dom:h,rect:h.getBoundingClientRect()}),r}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:o,target:a,callout:r,source:h}=s;if(r){const b=window.innerHeight-e.minPagePadding,i=r.rect.height,c=h.rect.bottom;let u=c+i-a.rect.top,_=c+r.rect.height;if(u<=0\|\|_>=b)return;if(_+=a.rect.height,_<=b&&(u+=f),this.props.absolute){const n=o.dom.style;this.originalStyle={transform:n.transform,position:n.position,top:n.top,left:n.left},n.transform="",n.position="absolute",n.top=`${o.rect.top}px`,n.left=`${o.rect.left}px`}this.placeholder=this.createPlaceholder(u),a.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:o,target:a}=s;for(const r in this.originalStyle){const h=this.originalStyle[r];typeof h=="string"&&(o.dom.style[r]=h)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(s){const o=this.getElements();return!!(s.type==="focus"&&(o!=null&&o.target.dom.contains(s.target)))}}t.CalloutCollisionTransform=d},"./src/components/UICallout/UICallout.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault\|\|function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var o;(function(i){i.None="None",i.Standard="Standard"})(o\|\|(t.UICalloutContentPadding=o={}));const a=new Map([[o.Standard,8]]),r=(i,c)=>typeof i=="object"&&typeof i[c]=="object"?i[c]:{},h=i=>{var c,u;return{root:g({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},r(i.styles,"root")),beak:g({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},r(i.styles,"beak")),beakCurtain:g({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},r(i.styles,"beakCurtain")),calloutMain:g({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(c=i.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:a.get((u=i.contentPadding)!=null?u:o.None)},r(i.styles,"calloutMain")),container:r(i.styles,"container")}};t.getCalloutStyle=h;class b extends d.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:u,focusTargetSiblingOnTabPress:_,target:n}=this.props;if(_&&c.key==="Tab"&&n){let y=null;if(typeof n=="string"){const p=(0,l.getDocument)();y=p==null?void 0:p.querySelector(n)}else"getBoundingClientRect"in n&&(0,s.isHTMLElement)(n)&&(y=n);y&&(0,s.focusToSibling)(y,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}u==null\|\|u(c)}render(){return d.default.createElement(l.Callout,S(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=b},"./src/components/UICallout/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding\|\|(Object.create?function(l,s,o,a){a===void 0&&(a=o);var r=Object.getOwnPropertyDescriptor(s,o);(!r\|\|("get"in r?!s.__esModule:r.writable\|\|r.configurable))&&(r={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,a,r)}:function(l,s,o,a){a===void 0&&(a=o),l[a]=s[o]}),d=this&&this.__exportStar\|\|function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&f(s,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),d(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault\|\|function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return l.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return l.IDropdownOption}});const s=e("./src/components/UIIcon/index.tsx"),o=e("./src/helper/ValidationMessage/index.tsx"),a=e("./src/components/UILabel/index.tsx"),r=e("./src/components/UIDropdown/utils.ts"),h=e("./src/components/UICallout/index.tsx");e("./src/components/UIDropdown/UIDropdown.scss");const b="var(--vscode-inputValidation-errorBorder)";class i extends d.default.Component{constructor(u){super(u),this.dropdownDomRef=d.default.createRef(),this.menuDomRef=d.default.createRef(),this.calloutCollisionTransform=new h.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>d.default.createElement(s.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=_=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(_);{const{multiSelectDelimiter:n=", "}=this.props;if(_){const y=_.map(p=>p.text).join(n);return d.default.createElement(d.default.Fragment,null,y)}else return d.default.createElement(d.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(_=>({isOpen:!_.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(_=>({isOpen:!_.isOpen})),this.props.onHandleOpen())})},this.onChange=(_,n,y)=>{this.props.multiSelect&&this.props.onHandleChange&&n&&y&&this.props.onHandleChange(n,y)},this.stopEventPropagation=_=>{_.stopPropagation()},this.onRenderOption=(_,n)=>d.default.createElement(d.default.Fragment,null,n==null?void 0:n(_),(_==null?void 0:_.itemType)!==l.DropdownMenuItemType.Header&&d.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(_,n)=>n&&_?(_.title===void 0&&(_.title=_.text),n(_)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:_,readOnly:n,disabled:y}=this.props,p=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let D=`ts-SelectBox${u.message?" ts-SelectBox--"+p:""}`;return n&&!y&&(D+=" ts-SelectBox--readonly"),y&&(D+=" ts-SelectBox--disabled"),_&&(D+=` ${_}`),(0,r.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:u,disabled:_}=this.props,n={};return u&&!_?(n.tabIndex=0,n["data-is-focusable"]=!0,n["aria-disabled"]=void 0,n["aria-readonly"]=!0):_&&(n.tabIndex=0,n["data-is-focusable"]=!0),n}render(){const u=(0,o.getMessageInfo)(this.props),_=this.getAccessibilityProps(),n=()=>({label:g(g(g({},a.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:b,paddingRight:12}}}),errorMessage:[u.style]});return d.default.createElement(l.Dropdown,S(g(g({ref:this.dropdownDomRef,calloutProps:g({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,r.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:l.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},_),this.props),{styles:n,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=i},"./src/components/UIDropdown/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding\|\|(Object.create?function(l,s,o,a){a===void 0&&(a=o);var r=Object.getOwnPropertyDescriptor(s,o);(!r\|\|("get"in r?!s.__esModule:r.writable\|\|r.configurable))&&(r={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,a,r)}:function(l,s,o,a){a===void 0&&(a=o),l[a]=s[o]}),d=this&&this.__exportStar\|\|function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&f(s,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIDropdown/UIDropdown.tsx"),t),d(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getCalloutCollisionTransformationProps=t.isDropdownEmpty=void 0;function e(d){var s;const{selectedKey:l}=d;return Array.isArray(l)?l.length===0:"text"in d&&d.text\|\|"selectedKeys"in d&&((s=d.selectedKeys)!=null&&s.length)?!1:!l}t.isDropdownEmpty=e;function f(d,l,s){if(l&&s)return{preventDismissOnEvent:d.preventDismissOnEvent,layerProps:{onLayerDidMount:d.applyTransformation,onLayerWillUnmount:d.resetTransformation}}}t.getCalloutCollisionTransformationProps=f}}]);})();

package/storybook/{217.3bc5280e.iframe.bundle.js → 820.b173e04b.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var j=Object.defineProperty,h=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var P=(a,_,e)=>_ in a?j(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,f=(a,_)=>{for(var e in _\|\|(_={}))C.call(_,e)&&P(a,e,_[e]);if(O)for(var e of O(_))A.call(_,e)&&P(a,e,_[e]);return a},I=(a,_)=>h(a,T(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[217],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(a,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),r=d(l);r.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(a,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),r=d(l);r.push([a.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),a.exports=r},"./src/components/UIIcon/UIIcon.scss":(a,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>v});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(l),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(o),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=e.n(g),M={};for(const E in g)E!=="default"&&(M[E]=()=>g[E]);e.d(_,M);var m={};m.styleTagTransform=y(),m.setAttributes=c(),m.insert=n().bind(null,"head"),m.domAPI=t(),m.insertStyleElement=p();var S=d()(b(),m);const v=b()&&b().locals?b().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(a,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>v});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(l),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(o),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),b=e.n(g),M={};for(const E in g)E!=="default"&&(M[E]=()=>g[E]);e.d(_,M);var m={};m.styleTagTransform=y(),m.setAttributes=c(),m.insert=n().bind(null,"head"),m.domAPI=t(),m.insertStyleElement=p();var S=d()(b(),m);const v=b()&&b().locals?b().locals:void 0},"./src/components/UIIcon/UIIcon.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends d.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return d.default.createElement(r.Icon,I(f({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/components/UIInput/UITextInput.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(_,"__esModule",{value:!0}),_.UITextInput=_.COMMON_INPUT_STYLES=_.ITextFieldProps=_.ITextField=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx");var n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"ITextField",{enumerable:!0,get:function(){return n.ITextField}}),Object.defineProperty(_,"ITextFieldProps",{enumerable:!0,get:function(){return n.ITextFieldProps}}),_.COMMON_INPUT_STYLES={borderRadius:2};const s={regular:{backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderStyle:"solid"},disabled:{backgroundColor:"var(--vscode-editor-inactiveSelectionBackground)",opacity:.5},readOnly:{backgroundColor:"var(--vscode-editor-background)",borderStyle:"dashed"},hover:{borderColor:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"}};class c extends d.default.Component{constructor(p){super(p),this.getStyles=i=>{const y=(0,t.getMessageInfo)(this.props);return{root:{height:"auto",fontFamily:"var(--vscode-font-family)"},fieldGroup:[{backgroundColor:s.regular.backgroundColor,borderWidth:1,borderStyle:s.regular.borderStyle,borderColor:s.regular.borderColor,color:s.regular.color,borderRadius:_.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!i.multiline&&{height:24,maxHeight:24,minHeight:24},!i.disabled&&{selectors:{"&:hover":{borderColor:s.hover.borderColor}}},i.disabled&&{backgroundColor:s.disabled.backgroundColor,opacity:s.disabled.opacity,borderRadius:_.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:s.readOnly.borderStyle,backgroundColor:s.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},i.hasErrorMessage&&{borderColor:y.style.borderColor},i.focused&&{selectors:{":after":{border:this.getFocusBorder(y),borderRadius:_.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:s.regular.backgroundColor,color:s.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:_.COMMON_INPUT_STYLES.borderRadius,fontFamily:"var(--vscode-font-family)",selectors:{"::placeholder":{fontSize:13,fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}}},!i.multiline&&{lineHeight:"normal"},i.multiline&&{minHeight:"60px",height:"auto",display:"flex"},i.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:s.readOnly.backgroundColor},i.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[f({marginTop:25},o.labelGlobalStyle),i.disabled&&{opacity:s.disabled.opacity},i.required&&{selectors:{"::after":{content:"' '",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[y.style],icon:[{bottom:2}]}},this.onRenderDisabledInput=(i,y)=>{const g=I(f({},i),{disabled:void 0,readOnly:!0,"aria-disabled":!0});return(y==null?void 0:y(g))\|\|null},this.onRenderDisabledInput=this.onRenderDisabledInput.bind(this)}getFocusBorder(p){let i=s.focus.borderColor;return this.props.errorMessage&&p.style.borderColor&&(i=`var(${p.style.borderColor})`),`1px ${s.regular.borderStyle} ${i}`}render(){const p=(0,t.getMessageInfo)(this.props),i=this.getStyles;return d.default.createElement(r.TextField,I(f({onRenderInput:this.props.disabled?this.onRenderDisabledInput:void 0},this.props),{errorMessage:p.message,styles:i}))}}_.UITextInput=c},"./src/components/UIInput/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),_)},"./src/components/UILabel/UILabel.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UILabel=_.labelGlobalStyle=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");_.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class t extends d.default.Component{constructor(n){super(n)}render(){const n=s=>({root:[f({marginTop:25},_.labelGlobalStyle),s.disabled&&{opacity:"0.4"},s.required&&{selectors:{"::after":{content:"' '",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(r.Label,I(f({},this.props),{styles:n}))}}_.UILabel=t},"./src/components/UILabel/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UILabel/UILabel.tsx"),_)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.MessageWrapper=_.MESSAGE_ICONS_MAP=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/helper/ValidationMessage/utils.ts"),t=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),_.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[r.ErrorMessageType.Error,t.UiIcons.Error],[r.ErrorMessageType.Warning,t.UiIcons.Warning],[r.ErrorMessageType.Info,t.UiIcons.Info]]);function n(s){const{children:c,message:u}=s,p=u.message?r.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,i=_.MESSAGE_ICONS_MAP.get(u.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},d.default.createElement("div",{className:"ts-message-target"},c),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:i}),d.default.createElement("span",null,u.message)))}_.MessageWrapper=n},"./src/helper/ValidationMessage/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),d(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts":(a,_)=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(s){s.Error="Error",s.Warning="Warning",s.Info="Info"})(e\|\|(_.ErrorMessageType=e={}));const l=(s,c)=>{const u=`1px solid ${c}`;return{backgroundColor:s,borderLeft:u,borderRight:u,borderBottom:u,borderColor:c}},d={error:I(f({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};d.warning=f(f({},d.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=f(f({},d.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const r=s=>{let c;switch(s){case e.Warning:{c=d.warning;break}case e.Info:{c=d.info;break}default:{c=d.error;break}}return c},t=s=>{if(s){if(s.errorMessage)return e.Error;if(s.warningMessage)return e.Warning;if(s.infoMessage)return e.Info}return e.Error},o=s=>{const c=["errorMessage","warningMessage","infoMessage"];for(const u of c)if(s!=null&&s[u])return s[u]},n=s=>{const c=t(s);return{type:c,style:r(c),message:o(s)}};_.getMessageInfo=n}}]);})();
1	+ (()=>{var j=Object.defineProperty,h=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var P=(a,_,e)=>_ in a?j(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,f=(a,_)=>{for(var e in _\|\|(_={}))C.call(_,e)&&P(a,e,_[e]);if(O)for(var e of O(_))A.call(_,e)&&P(a,e,_[e]);return a},I=(a,_)=>h(a,T(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[820],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(a,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(l);r.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(a,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(l);r.push([a.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),a.exports=r},"./src/components/UIIcon/UIIcon.scss":(a,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>v});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(l),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(o),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=e.n(g),M={};for(const E in g)E!=="default"&&(M[E]=()=>g[E]);e.d(_,M);var m={};m.styleTagTransform=y(),m.setAttributes=c(),m.insert=n().bind(null,"head"),m.domAPI=t(),m.insertStyleElement=p();var S=d()(b(),m);const v=b()&&b().locals?b().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(a,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>v});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(l),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(o),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),b=e.n(g),M={};for(const E in g)E!=="default"&&(M[E]=()=>g[E]);e.d(_,M);var m={};m.styleTagTransform=y(),m.setAttributes=c(),m.insert=n().bind(null,"head"),m.domAPI=t(),m.insertStyleElement=p();var S=d()(b(),m);const v=b()&&b().locals?b().locals:void 0},"./src/components/UIIcon/UIIcon.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends d.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return d.default.createElement(r.Icon,I(f({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/components/UIInput/UITextInput.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(_,"__esModule",{value:!0}),_.UITextInput=_.COMMON_INPUT_STYLES=_.ITextFieldProps=_.ITextField=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx");var n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"ITextField",{enumerable:!0,get:function(){return n.ITextField}}),Object.defineProperty(_,"ITextFieldProps",{enumerable:!0,get:function(){return n.ITextFieldProps}}),_.COMMON_INPUT_STYLES={borderRadius:2};const s={regular:{backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderStyle:"solid"},disabled:{backgroundColor:"var(--vscode-editor-inactiveSelectionBackground)",opacity:.5},readOnly:{backgroundColor:"var(--vscode-editor-background)",borderStyle:"dashed"},hover:{borderColor:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"}};class c extends d.default.Component{constructor(p){super(p),this.getStyles=i=>{const y=(0,t.getMessageInfo)(this.props);return{root:{height:"auto",fontFamily:"var(--vscode-font-family)"},fieldGroup:[{backgroundColor:s.regular.backgroundColor,borderWidth:1,borderStyle:s.regular.borderStyle,borderColor:s.regular.borderColor,color:s.regular.color,borderRadius:_.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!i.multiline&&{height:24,maxHeight:24,minHeight:24},!i.disabled&&{selectors:{"&:hover":{borderColor:s.hover.borderColor}}},i.disabled&&{backgroundColor:s.disabled.backgroundColor,opacity:s.disabled.opacity,borderRadius:_.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:s.readOnly.borderStyle,backgroundColor:s.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},i.hasErrorMessage&&{borderColor:y.style.borderColor},i.focused&&{selectors:{":after":{border:this.getFocusBorder(y),borderRadius:_.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:s.regular.backgroundColor,color:s.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:_.COMMON_INPUT_STYLES.borderRadius,fontFamily:"var(--vscode-font-family)",selectors:{"::placeholder":{fontSize:13,fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}}},!i.multiline&&{lineHeight:"normal"},i.multiline&&{minHeight:"60px",height:"auto",display:"flex"},i.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:s.readOnly.backgroundColor},i.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[f({marginTop:25},o.labelGlobalStyle),i.disabled&&{opacity:s.disabled.opacity},i.required&&{selectors:{"::after":{content:"' '",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[y.style],icon:[{bottom:2}]}},this.onRenderDisabledInput=(i,y)=>{const g=I(f({},i),{disabled:void 0,readOnly:!0,"aria-disabled":!0});return(y==null?void 0:y(g))\|\|null},this.onRenderDisabledInput=this.onRenderDisabledInput.bind(this)}getFocusBorder(p){let i=s.focus.borderColor;return this.props.errorMessage&&p.style.borderColor&&(i=`var(${p.style.borderColor})`),`1px ${s.regular.borderStyle} ${i}`}render(){const p=(0,t.getMessageInfo)(this.props),i=this.getStyles;return d.default.createElement(r.TextField,I(f({onRenderInput:this.props.disabled?this.onRenderDisabledInput:void 0},this.props),{errorMessage:p.message,styles:i}))}}_.UITextInput=c},"./src/components/UIInput/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),_)},"./src/components/UILabel/UILabel.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UILabel=_.labelGlobalStyle=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");_.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class t extends d.default.Component{constructor(n){super(n)}render(){const n=s=>({root:[f({marginTop:25},_.labelGlobalStyle),s.disabled&&{opacity:"0.4"},s.required&&{selectors:{"::after":{content:"' '",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(r.Label,I(f({},this.props),{styles:n}))}}_.UILabel=t},"./src/components/UILabel/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UILabel/UILabel.tsx"),_)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault\|\|function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.MessageWrapper=_.MESSAGE_ICONS_MAP=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/helper/ValidationMessage/utils.ts"),t=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),_.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[r.ErrorMessageType.Error,t.UiIcons.Error],[r.ErrorMessageType.Warning,t.UiIcons.Warning],[r.ErrorMessageType.Info,t.UiIcons.Info]]);function n(s){const{children:c,message:u}=s,p=u.message?r.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,i=_.MESSAGE_ICONS_MAP.get(u.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},d.default.createElement("div",{className:"ts-message-target"},c),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:i}),d.default.createElement("span",null,u.message)))}_.MessageWrapper=n},"./src/helper/ValidationMessage/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding\|\|(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar\|\|function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),d(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts":(a,_)=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(s){s.Error="Error",s.Warning="Warning",s.Info="Info"})(e\|\|(_.ErrorMessageType=e={}));const l=(s,c)=>{const u=`1px solid ${c}`;return{backgroundColor:s,borderLeft:u,borderRight:u,borderBottom:u,borderColor:c}},d={error:I(f({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};d.warning=f(f({},d.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=f(f({},d.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const r=s=>{let c;switch(s){case e.Warning:{c=d.warning;break}case e.Info:{c=d.info;break}default:{c=d.error;break}}return c},t=s=>{if(s){if(s.errorMessage)return e.Error;if(s.warningMessage)return e.Warning;if(s.infoMessage)return e.Info}return e.Error},o=s=>{const c=["errorMessage","warningMessage","infoMessage"];for(const u of c)if(s!=null&&s[u])return s[u]},n=s=>{const c=t(s);return{type:c,style:r(c),message:o(s)}};_.getMessageInfo=n}}]);})();

package/storybook/{921.c3493bef.iframe.bundle.js → 871.4a80e026.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var A=Object.defineProperty,j=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var x=(u,i,o)=>i in u?A(u,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[i]=o,P=(u,i)=>{for(var o in i\|\|(i={}))W.call(i,o)&&x(u,o,i[o]);if(U)for(var o of U(i))B.call(i,o)&&x(u,o,i[o]);return u},T=(u,i)=>j(u,K(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[921],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{var D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),c=r(D);c.push([u.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}',""]),u.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>e});var D=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=o.n(c),_=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=o.n(_),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),w=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(w),M=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),p=o.n(M),g={};for(const t in M)t!=="default"&&(g[t]=()=>M[t]);o.d(i,g);var m={};m.styleTagTransform=b(),m.setAttributes=S(),m.insert=h().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=I();var y=r()(p(),m);const e=p()&&p().locals?p().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(u,i,o){"use strict";var D=this&&this.__importDefault\|\|function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(i,"__esModule",{value:!0}),i.UITreeDropdown=i.EdgePosition=i.UIDirectionalHint=void 0;const r=D(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=D(o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(i,"UIDirectionalHint",{enumerable:!0,get:function(){return d.DirectionalHint}});const _=o("./src/components/UIInput/index.tsx"),h=o("./src/components/UIContextualMenu/index.tsx"),f=o("./src/components/UIButton/UIIconButton.tsx"),S=o("./src/components/Icons.tsx"),R=o("./src/helper/ValidationMessage/index.tsx");o("./src/components/UITreeDropdown/UITreeDropdown.scss");const I={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var w;(function(p){p.First="First",p.Last="Last"})(w\|\|(i.EdgePosition=w={}));const b={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class M extends r.default.Component{constructor(g){var m,y;super(g),this.UITreeDropdownRef=r.default.createRef(),this.UITreeDropdownFocusZoneRef=r.default.createRef(),this.inputRef=r.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=>{var t;return(t=e.children)!=null&&t.length&&(e.children=e.children.map(s=>{const n=new RegExp(e.value,"ig"),l=s.value.search(n)===-1?`${e.value}${this.state.valueSeparator}${s.value}`:s.value;return T(P({},s),{split:!1,value:l})})),e},this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{var n;if((n=s.children)!=null&&n.length){s.split=!0;const l=this.getRefId(s.value,t);this.submenuRefs[l]\|\|(this.submenuRefs[l]=r.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[l],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:d.FocusZoneTabbableElements.none,onFocus:()=>{var C,E,v,O;const a=(C=this.defaultSubmenuFocus)==null?void 0:C.parent;a&&a.item.value===s.value&&a.level===t&&this.focusItemWithValue(this.state.value,(O=(v=(E=this.defaultSubmenuFocus)==null?void 0:E.parent)==null?void 0:v.item.subMenuProps)==null?void 0:O.items)}}}}return T(P({},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===b.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(n=>{var l;return n.className=n.value===this.props.value?"is-selected":"",n.text=this.highlightQuery(n.label,this.state.query),this.applySubmenuPosition(n),(l=n.subMenuProps)==null\|\|l.items.map(a=>(a.className=a.value===this.props.value?"is-selected":"",a)),P({},n)})),t?t(T(P({},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)=>r.default.createElement(h.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var n;const s=new RegExp(e,"ig");return(n=t==null?void 0:t.children)!=null&&n.length?t.children.filter(l=>this.filterElement(e,l)).length>0:t!=null&&t.value?t.value.search(s)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target;this.setState(s=>({hasSelected:!1,value:t.value,items:s.originalItems.filter(n=>this.filterElement(t.value,n)),query:t.value,valueChanged:!0})),this.state.isMenuOpen\|\|this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===b.Escape?this.resetValue():this.state.hasSelected\|\|this.props.onParameterValueChange(""),this.setState(t=>({items:t.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=`${I.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(`.${I.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 s;this.lastKeyDown=e.key;const t=document.activeElement;if([b.ArrowDown,b.ArrowUp].includes(e.key)&&t){const n=this.getEdgePosition(t),l=n.includes(w.First)&&e.key===b.ArrowUp,a=n.includes(w.Last)&&e.key===b.ArrowDown;(l\|\|a)&&(l&&t.closest(`.${I.callout}${this.state.uiidInput}`)&&((s=this.inputRef.current)==null\|\|s.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"),n=[];return t&&s&&(t.children[0]===s&&n.push(w.First),t.children[t.children.length-1]===s&&n.push(w.Last)),n},this.findItemByValue=(e,t=[],s,n=0)=>{var a,C;let l;for(let E=0;E<t.length;E++){const v=t[E],O={item:v,index:E,parent:s,level:n};if(v.value===e?l=O:(C=(a=v.subMenuProps)==null?void 0:a.items)!=null&&C.length&&(l=this.findItemByValue(e,v.subMenuProps.items,O,n+1)),l)break}return l},this.getItemTarget=(e,t)=>{let s;const n=e.querySelector(".ms-ContextualMenu-list");return n!=null&&n.childNodes[t.index]&&(s=n.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),n=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&n){let l;if(s.parent){const a=this.getItemTarget(n,s.parent);a&&(this.defaultSubmenuFocus=s,a.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else l=this.getItemTarget(n,s);if(l)l.focus();else{const a=n.querySelector(`.${I.scrollArea}`);a==null\|\|a.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",hasSelected:!!this.props.value,value:(m=this.props.value)!=null?m:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(y=this.props.valueSeparator)!=null?y:".",uiidInput:c.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,d.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let g=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(g+=" disabled"),this.props.readOnly&&(g+=" readonly"),g}render(){const g=(0,R.getMessageInfo)(this.props);let m=!0;return this.props.useTargetWidth&&(m=!1),r.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&r.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),r.default.createElement("div",{className:this.getClassNames()},r.default.createElement(_.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:y=>{y.target.select()},errorMessage:g.message}),r.default.createElement(f.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:S.UiIcons.ArrowDown},onClick:()=>{var y;this.state.isHidden&&((y=this.inputRef.current)==null\|\|y.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&r.default.createElement(h.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:m,useTargetAsMinWidth:!0,onRestoreFocus:y=>{var e;(e=y.originalElement)==null\|\|e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:d.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${I.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}i.UITreeDropdown=M},"./src/components/UITreeDropdown/index.tsx":function(u,i,o){"use strict";var D=this&&this.__createBinding\|\|(Object.create?function(c,d,_,h){h===void 0&&(h=_);var f=Object.getOwnPropertyDescriptor(d,_);(!f\|\|("get"in f?!d.__esModule:f.writable\|\|f.configurable))&&(f={enumerable:!0,get:function(){return d[_]}}),Object.defineProperty(c,h,f)}:function(c,d,_,h){h===void 0&&(h=_),c[h]=d[_]}),r=this&&this.__exportStar\|\|function(c,d){for(var _ in c)_!=="default"&&!Object.prototype.hasOwnProperty.call(d,_)&&D(d,c,_)};Object.defineProperty(i,"__esModule",{value:!0}),r(o("./src/components/UITreeDropdown/UITreeDropdown.tsx"),i)}}]);})();
1	+ (()=>{var A=Object.defineProperty,j=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var x=(u,i,o)=>i in u?A(u,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[i]=o,M=(u,i)=>{for(var o in i\|\|(i={}))W.call(i,o)&&x(u,o,i[o]);if(U)for(var o of U(i))B.call(i,o)&&x(u,o,i[o]);return u},T=(u,i)=>j(u,K(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[871],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{var D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),c=r(D);c.push([u.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}',""]),u.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>e});var D=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=o.n(c),_=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=o.n(_),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),w=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(w),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),p=o.n(C),g={};for(const t in C)t!=="default"&&(g[t]=()=>C[t]);o.d(i,g);var m={};m.styleTagTransform=b(),m.setAttributes=S(),m.insert=h().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=I();var y=r()(p(),m);const e=p()&&p().locals?p().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(u,i,o){"use strict";var D=this&&this.__importDefault\|\|function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(i,"__esModule",{value:!0}),i.UITreeDropdown=i.EdgePosition=i.UIDirectionalHint=void 0;const r=D(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=D(o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(i,"UIDirectionalHint",{enumerable:!0,get:function(){return d.DirectionalHint}});const _=o("./src/components/UIInput/index.tsx"),h=o("./src/components/UIContextualMenu/index.tsx"),f=o("./src/components/UIButton/UIIconButton.tsx"),S=o("./src/components/Icons.tsx"),R=o("./src/helper/ValidationMessage/index.tsx");o("./src/components/UITreeDropdown/UITreeDropdown.scss");const I={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var w;(function(p){p.First="First",p.Last="Last"})(w\|\|(i.EdgePosition=w={}));const b={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class C extends r.default.Component{constructor(g){var m,y;super(g),this.UITreeDropdownRef=r.default.createRef(),this.UITreeDropdownFocusZoneRef=r.default.createRef(),this.inputRef=r.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=>{var t;return(t=e.children)!=null&&t.length&&(e.children=e.children.map(s=>{const n=new RegExp(e.value,"ig"),l=s.value.search(n)===-1?`${e.value}${this.state.valueSeparator}${s.value}`:s.value;return T(M({},s),{split:!1,value:l})})),e},this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{var n;if((n=s.children)!=null&&n.length){s.split=!0;const l=this.getRefId(s.value,t);this.submenuRefs[l]\|\|(this.submenuRefs[l]=r.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[l],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:d.FocusZoneTabbableElements.none,onFocus:()=>{var O,E,v,P;const a=(O=this.defaultSubmenuFocus)==null?void 0:O.parent;a&&a.item.value===s.value&&a.level===t&&this.focusItemWithValue(this.state.value,(P=(v=(E=this.defaultSubmenuFocus)==null?void 0:E.parent)==null?void 0:v.item.subMenuProps)==null?void 0:P.items)}}}}return T(M({},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===b.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(n=>{var l;return n.className=n.value===this.props.value?"is-selected":"",n.text=this.highlightQuery(n.label,this.state.query),this.applySubmenuPosition(n),(l=n.subMenuProps)==null\|\|l.items.map(a=>(a.className=a.value===this.props.value?"is-selected":"",a)),M({},n)})),t?t(T(M({},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)=>r.default.createElement(h.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var n;const s=new RegExp(e,"ig");return(n=t==null?void 0:t.children)!=null&&n.length?t.children.filter(l=>this.filterElement(e,l)).length>0:t!=null&&t.value?t.value.search(s)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target;this.setState(s=>({hasSelected:!1,value:t.value,items:s.originalItems.filter(n=>this.filterElement(t.value,n)),query:t.value,valueChanged:!0})),this.state.isMenuOpen\|\|this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===b.Escape?this.resetValue():this.state.hasSelected\|\|this.props.onParameterValueChange(""),this.setState(t=>({items:t.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=`${I.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(`.${I.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 s;this.lastKeyDown=e.key;const t=document.activeElement;if([b.ArrowDown,b.ArrowUp].includes(e.key)&&t){const n=this.getEdgePosition(t),l=n.includes(w.First)&&e.key===b.ArrowUp,a=n.includes(w.Last)&&e.key===b.ArrowDown;(l\|\|a)&&(l&&t.closest(`.${I.callout}${this.state.uiidInput}`)&&((s=this.inputRef.current)==null\|\|s.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"),n=[];return t&&s&&(t.children[0]===s&&n.push(w.First),t.children[t.children.length-1]===s&&n.push(w.Last)),n},this.findItemByValue=(e,t=[],s,n=0)=>{var a,O;let l;for(let E=0;E<t.length;E++){const v=t[E],P={item:v,index:E,parent:s,level:n};if(v.value===e?l=P:(O=(a=v.subMenuProps)==null?void 0:a.items)!=null&&O.length&&(l=this.findItemByValue(e,v.subMenuProps.items,P,n+1)),l)break}return l},this.getItemTarget=(e,t)=>{let s;const n=e.querySelector(".ms-ContextualMenu-list");return n!=null&&n.childNodes[t.index]&&(s=n.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),n=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&n){let l;if(s.parent){const a=this.getItemTarget(n,s.parent);a&&(this.defaultSubmenuFocus=s,a.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else l=this.getItemTarget(n,s);if(l)l.focus();else{const a=n.querySelector(`.${I.scrollArea}`);a==null\|\|a.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",hasSelected:!!this.props.value,value:(m=this.props.value)!=null?m:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(y=this.props.valueSeparator)!=null?y:".",uiidInput:c.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,d.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let g=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(g+=" disabled"),this.props.readOnly&&(g+=" readonly"),g}render(){const g=(0,R.getMessageInfo)(this.props);let m=!0;return this.props.useTargetWidth&&(m=!1),r.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&r.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),r.default.createElement("div",{className:this.getClassNames()},r.default.createElement(_.UITextInput,T(M({},this.props),{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:y=>{y.target.select()},errorMessage:g.message})),r.default.createElement(f.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:S.UiIcons.ArrowDown},onClick:()=>{var y;this.state.isHidden&&((y=this.inputRef.current)==null\|\|y.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&r.default.createElement(h.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:m,useTargetAsMinWidth:!0,onRestoreFocus:y=>{var e;(e=y.originalElement)==null\|\|e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:d.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${I.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}i.UITreeDropdown=C},"./src/components/UITreeDropdown/index.tsx":function(u,i,o){"use strict";var D=this&&this.__createBinding\|\|(Object.create?function(c,d,_,h){h===void 0&&(h=_);var f=Object.getOwnPropertyDescriptor(d,_);(!f\|\|("get"in f?!d.__esModule:f.writable\|\|f.configurable))&&(f={enumerable:!0,get:function(){return d[_]}}),Object.defineProperty(c,h,f)}:function(c,d,_,h){h===void 0&&(h=_),c[h]=d[_]}),r=this&&this.__exportStar\|\|function(c,d){for(var _ in c)_!=="default"&&!Object.prototype.hasOwnProperty.call(d,_)&&D(d,c,_)};Object.defineProperty(i,"__esModule",{value:!0}),r(o("./src/components/UITreeDropdown/UITreeDropdown.tsx"),i)}}]);})();

package/storybook/{416.52140987.iframe.bundle.js → 961.ad3b4320.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var T=Object.defineProperty,D=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var U=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,b=(i,t)=>{for(var e in t\|\|(t={}))A.call(t,e)&&U(i,e,t[e]);if(W)for(var e of W(t))L.call(t,e)&&U(i,e,t[e]);return i},P=(i,t)=>D(i,B(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[416],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(i,t,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),a=l(C);a.push([i.id,'.ts-ContextualMenu-callout{background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:2px;overflow:visible;box-shadow:rgba(0,0,0,0) 0px 0px 1px}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:2px;background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu-callout .ms-Callout-beak{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu-callout .ms-Callout-beakCurtain{background:rgba(0,0,0,0)}.ts-ContextualMenu-callout--contextual{border-radius:4px;box-shadow:var(--ui-box-shadow-small);border:1px solid var(--vscode-editorWidget-border)}.ts-ContextualMenu-callout--contextual .ms-Callout-beak{box-shadow:var(--ui-box-shadow-small)}.ts-ContextualMenu-callout--contextual .ms-Callout-main{border-radius:4px}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath{margin:-2.5px -2px 2.5px -2px}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath .ts-ContextualMenu{padding:2px 0}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath .ts-ContextualMenu .ms-ContextualMenu-link.is-checked .ms-ContextualMenu-checkmarkIcon{margin-right:2px;margin-left:-2px}.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}.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-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded .ms-ContextualMenu-checkmarkIcon{color: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>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-checked .ms-ContextualMenu-checkmarkIcon{margin-right:4px;margin-left:-4px}.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 .ms-ContextualMenu-checkmarkIcon{color: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>.ms-ContextualMenu-link:focus:hover .ms-ContextualMenu-checkmarkIcon{color: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-checkmarkIcon{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{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>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color: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-checkmarkIcon{color: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:hover>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color: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 .ms-ContextualMenu-checkmarkIcon{color: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>div .ms-ContextualMenu-splitMenu.is-expanded:hover .ms-ContextualMenu-checkmarkIcon{color: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;overflow:hidden}.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)}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--reverse .ms-ContextualMenu-item>.ms-ContextualMenu-link i+.ms-ContextualMenu-itemText,.ts-ContextualMenu.ts-ContextualMenu--reverse .ms-ContextualMenu-item>div>button i+.ms-ContextualMenu-itemText{padding-left:3px}',""]),i.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,t,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),a=l(C);a.push([i.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))}",""]),i.exports=a},"./src/components/UIContextualMenu/UIContextualMenu.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>n});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss"),p=e.n(g),y={};for(const o in g)o!=="default"&&(y[o]=()=>g[o]);e.d(t,y);var M={};M.styleTagTransform=h(),M.setAttributes=k(),M.insert=s().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=v();var O=l()(p(),M);const n=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>n});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss"),p=e.n(g),y={};for(const o in g)o!=="default"&&(y[o]=()=>g[o]);e.d(t,y);var M={};M.styleTagTransform=h(),M.setAttributes=k(),M.insert=s().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=v();var O=l()(p(),M);const n=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(i,t,e){"use strict";var C=this&&this.__importDefault\|\|function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIContextualMenu=t.getUIcontextualMenuCalloutStyles=t.getUIContextualMenuItemStyles=t.getUIcontextualMenuStyles=t.UIContextualMenuLayoutType=t.UIContextualMenuItemType=t.UIContextualMenuProps=t.UIContextualMenuItem=t.IContextualMenuItem=void 0;const l=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_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 a.ContextualMenuItemType}}),Object.defineProperty(t,"UIContextualMenuProps",{enumerable:!0,get:function(){return a.IContextualMenuProps}}),Object.defineProperty(t,"UIContextualMenuItem",{enumerable:!0,get:function(){return a.IContextualMenuItem}});var r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_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 r.IContextualMenuItem}});const u=e("./src/components/Icons.tsx");var s;(function(n){n.DropdownMenu="DropdownMenu",n.ContextualMenu="ContextualMenu"})(s\|\|(t.UIContextualMenuLayoutType=s={})),e("./src/components/UIContextualMenu/UIContextualMenu.scss");const m=1e6,k=(n,o)=>typeof n=="object"&&typeof n[o]=="object"?n[o]:{},I={iconName:u.UiIcons.ArrowDown};function v(){return{root:{minWidth:190,maxWidth:300,background:"var(--vscode-input-background)",border:0}}}t.getUIcontextualMenuStyles=v;function c(n,o,x){const{iconToLeft:f}=n!=null?n:{},_={};return f&&x?(_.label=o?10:19,_.root="0 3px !important"):!f&&o&&(_.rootRight="3px !important"),{root:{padding:_.root,paddingRight:_.rootRight},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,paddingLeft:_.label},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:f?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}t.getUIContextualMenuItemStyles=c;function h(n,o){return{root:b({maxWidth:o},n?k(n,"root"):void 0)}}t.getUIcontextualMenuCalloutStyles=h;function g(n){const{items:o,iconToLeft:x}=n,f=o.some(d=>d.iconProps),_=o.some(d=>d.subMenuProps);return o.map(d=>{d.itemProps\|\|(d.itemProps={});const j=!!d.subMenuProps;return d.itemProps.styles?d.itemProps.styles=b(b({},c(n,j,_)),d.itemProps.styles):d.itemProps.styles=c(n,j,_),d.submenuIconProps\|\|(d.submenuIconProps=I),d.iconProps\|\|f?d.onRenderContent=(E,S)=>l.default.createElement(l.default.Fragment,null,S.renderItemName(E),d.iconProps&&S.renderItemIcon(E)):x&&(d.onRenderContent=(E,S)=>l.default.createElement(l.default.Fragment,null,S.renderSubMenuIcon(E),S.renderCheckMarkIcon(E),S.renderItemIcon(E),S.renderItemName(E),S.renderSecondaryText(E))),d})}function p(n){const o=["ts-ContextualMenu"],{layoutType:x=s.DropdownMenu,iconToLeft:f}=n,_=x===s.DropdownMenu?"ts-ContextualMenu--dropdown":"ts-ContextualMenu--contextual";return o.push(_),n.className&&o.push(n.className),f&&o.push("ts-ContextualMenu--reverse"),o.join(" ")}function y(n,o){var d;const x=["ts-ContextualMenu-callout"],{layoutType:f=s.DropdownMenu}=n,_=f===s.DropdownMenu?"ts-ContextualMenu-callout--dropdown":"ts-ContextualMenu-callout--contextual";return x.push(_),o&&n.showSubmenuBeneath&&x.push("ts-ContextualMenu-callout--submenu-beneath"),(d=n.calloutProps)!=null&&d.className&&x.push(n.calloutProps.className),x.join(" ")}const M=n=>{const{showSubmenuBeneath:o}=n,x=o?m-1:void 0;return l.default.createElement(a.ContextualMenu,P(b({isBeakVisible:!1,beakWidth:8,onRenderSubMenu:O.bind(void 0,n,x)},n),{className:p(n),items:g(n),calloutProps:P(b({styles:h(n.styles,n.maxWidth)},n.calloutProps),{className:y(n)}),styles:b(b({},v()),n.styles)}))};t.UIContextualMenu=M;function O(n,o,x){if(!x)return null;const{iconToLeft:f}=n,_=o!==void 0?o-1:void 0;return l.default.createElement(t.UIContextualMenu,P(b({iconToLeft:f},x),{calloutProps:P(b({gapSpace:10,layerProps:{styles:{root:{zIndex:o}}}},x.calloutProps),{className:y(n,!0)}),onRenderSubMenu:O.bind(void 0,n,_)}))}},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(i,t,e){"use strict";var C=this&&this.__importDefault\|\|function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIHighlightMenuOption=void 0;const l=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class a extends l.default.Component{render(){let u=this.props.text,s=this.props.query;const m=[];if(u&&s){u=u.toString(),s=s.toLowerCase();const k=u.toLowerCase(),I=s.length;let v=0,c=k.indexOf(s);const h=g=>g?m.push(g):null;for(;c!==-1;)h(l.default.createElement("span",{key:"text-"+v},u.substring(v,c))),h(l.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+c},u.substring(c,c+I))),v=c+I,c=k.indexOf(s,c+I),c===-1&&h(l.default.createElement("span",{key:"text-"+v},u.substring(v,k.length)))}return m.length===0&&m.push(u),l.default.createElement("div",{className:"ts-Menu-option"},m)}}t.UIHighlightMenuOption=a},"./src/components/UIContextualMenu/index.tsx":function(i,t,e){"use strict";var C=this&&this.__createBinding\|\|(Object.create?function(a,r,u,s){s===void 0&&(s=u);var m=Object.getOwnPropertyDescriptor(r,u);(!m\|\|("get"in m?!r.__esModule:m.writable\|\|m.configurable))&&(m={enumerable:!0,get:function(){return r[u]}}),Object.defineProperty(a,s,m)}:function(a,r,u,s){s===void 0&&(s=u),a[s]=r[u]}),l=this&&this.__exportStar\|\|function(a,r){for(var u in a)u!=="default"&&!Object.prototype.hasOwnProperty.call(r,u)&&C(r,a,u)};Object.defineProperty(t,"__esModule",{value:!0}),l(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),t),l(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),t)}}]);})();
1	+ (()=>{var T=Object.defineProperty,D=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var U=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,b=(i,t)=>{for(var e in t\|\|(t={}))A.call(t,e)&&U(i,e,t[e]);if(W)for(var e of W(t))L.call(t,e)&&U(i,e,t[e]);return i},P=(i,t)=>D(i,B(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[961],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(i,t,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),a=l(C);a.push([i.id,'.ts-ContextualMenu-callout{background:var(--vscode-menu-background, var(--vscode-input-background));border:1px solid var(--vscode-focusBorder);border-radius:2px;overflow:visible;box-shadow:rgba(0,0,0,0) 0px 0px 1px}.ts-ContextualMenu-callout .ms-Callout-main{border-radius:2px;background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu-callout .ms-Callout-beak{background:var(--vscode-menu-background, var(--vscode-input-background))}.ts-ContextualMenu-callout .ms-Callout-beakCurtain{background:rgba(0,0,0,0)}.ts-ContextualMenu-callout--contextual{border-radius:4px;box-shadow:var(--ui-box-shadow-small);border:1px solid var(--vscode-editorWidget-border)}.ts-ContextualMenu-callout--contextual .ms-Callout-beak{box-shadow:var(--ui-box-shadow-small)}.ts-ContextualMenu-callout--contextual .ms-Callout-main{border-radius:4px}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath{margin:-2.5px -2px 2.5px -2px}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath .ts-ContextualMenu{padding:2px 0}.ts-ContextualMenu-callout--contextual.ts-ContextualMenu-callout--submenu-beneath .ts-ContextualMenu .ms-ContextualMenu-link.is-checked .ms-ContextualMenu-checkmarkIcon{margin-right:2px;margin-left:-2px}.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}.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-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded .ms-ContextualMenu-checkmarkIcon{color: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>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-editorSuggestWidget-foreground)}.ts-ContextualMenu .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-checked .ms-ContextualMenu-checkmarkIcon{margin-right:4px;margin-left:-4px}.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 .ms-ContextualMenu-checkmarkIcon{color: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>.ms-ContextualMenu-link:focus:hover .ms-ContextualMenu-checkmarkIcon{color: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-checkmarkIcon{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{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>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color: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-checkmarkIcon{color: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:hover>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color: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 .ms-ContextualMenu-checkmarkIcon{color: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>div .ms-ContextualMenu-splitMenu.is-expanded:hover .ms-ContextualMenu-checkmarkIcon{color: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;overflow:hidden}.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)}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu svg>path,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:hover~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button:active~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div>button.is-expanded~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:hover:after,.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>.ms-ContextualMenu-link:focus:hover .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:hover,.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus{background:rgba(0,0,0,0)}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div:focus:hover>button:first-child~.ms-ContextualMenu-splitMenu .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .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.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover{background-color:var(--vscode-menu-selectionBackground);color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover:after{outline:none;border:none}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover svg>path{fill:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--contextual .ms-ContextualMenu-item>div .ms-ContextualMenu-splitMenu.is-expanded:hover .ms-ContextualMenu-checkmarkIcon{color:var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground))}.ts-ContextualMenu.ts-ContextualMenu--reverse .ms-ContextualMenu-item>.ms-ContextualMenu-link i+.ms-ContextualMenu-itemText,.ts-ContextualMenu.ts-ContextualMenu--reverse .ms-ContextualMenu-item>div>button i+.ms-ContextualMenu-itemText{padding-left:3px}',""]),i.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,t,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),a=l(C);a.push([i.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))}",""]),i.exports=a},"./src/components/UIContextualMenu/UIContextualMenu.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>n});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss"),p=e.n(g),y={};for(const o in g)o!=="default"&&(y[o]=()=>g[o]);e.d(t,y);var M={};M.styleTagTransform=h(),M.setAttributes=k(),M.insert=s().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=v();var O=l()(p(),M);const n=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>n});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss"),p=e.n(g),y={};for(const o in g)o!=="default"&&(y[o]=()=>g[o]);e.d(t,y);var M={};M.styleTagTransform=h(),M.setAttributes=k(),M.insert=s().bind(null,"head"),M.domAPI=r(),M.insertStyleElement=v();var O=l()(p(),M);const n=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(i,t,e){"use strict";var C=this&&this.__importDefault\|\|function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIContextualMenu=t.getUIcontextualMenuCalloutStyles=t.getUIContextualMenuItemStyles=t.getUIcontextualMenuStyles=t.UIContextualMenuLayoutType=t.UIContextualMenuItemType=t.UIContextualMenuProps=t.UIContextualMenuItem=t.IContextualMenuItem=void 0;const l=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_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 a.ContextualMenuItemType}}),Object.defineProperty(t,"UIContextualMenuProps",{enumerable:!0,get:function(){return a.IContextualMenuProps}}),Object.defineProperty(t,"UIContextualMenuItem",{enumerable:!0,get:function(){return a.IContextualMenuItem}});var r=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_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 r.IContextualMenuItem}});const u=e("./src/components/Icons.tsx");var s;(function(n){n.DropdownMenu="DropdownMenu",n.ContextualMenu="ContextualMenu"})(s\|\|(t.UIContextualMenuLayoutType=s={})),e("./src/components/UIContextualMenu/UIContextualMenu.scss");const m=1e6,k=(n,o)=>typeof n=="object"&&typeof n[o]=="object"?n[o]:{},I={iconName:u.UiIcons.ArrowDown};function v(){return{root:{minWidth:190,maxWidth:300,background:"var(--vscode-input-background)",border:0}}}t.getUIcontextualMenuStyles=v;function c(n,o,x){const{iconToLeft:f}=n!=null?n:{},_={};return f&&x?(_.label=o?10:19,_.root="0 3px !important"):!f&&o&&(_.rootRight="3px !important"),{root:{padding:_.root,paddingRight:_.rootRight},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,paddingLeft:_.label},linkContent:{fontSize:13,height:"auto"},subMenuIcon:{height:16,width:16,transform:f?"rotate(90deg)":"rotate(-90deg)",transformOrigin:"50% 50%",lineHeight:0}}}t.getUIContextualMenuItemStyles=c;function h(n,o){return{root:b({maxWidth:o},n?k(n,"root"):void 0)}}t.getUIcontextualMenuCalloutStyles=h;function g(n){const{items:o,iconToLeft:x}=n,f=o.some(d=>d.iconProps),_=o.some(d=>d.subMenuProps);return o.map(d=>{d.itemProps\|\|(d.itemProps={});const j=!!d.subMenuProps;return d.itemProps.styles?d.itemProps.styles=b(b({},c(n,j,_)),d.itemProps.styles):d.itemProps.styles=c(n,j,_),d.submenuIconProps\|\|(d.submenuIconProps=I),d.iconProps\|\|f?d.onRenderContent=(E,S)=>l.default.createElement(l.default.Fragment,null,S.renderItemName(E),d.iconProps&&S.renderItemIcon(E)):x&&(d.onRenderContent=(E,S)=>l.default.createElement(l.default.Fragment,null,S.renderSubMenuIcon(E),S.renderCheckMarkIcon(E),S.renderItemIcon(E),S.renderItemName(E),S.renderSecondaryText(E))),d})}function p(n){const o=["ts-ContextualMenu"],{layoutType:x=s.DropdownMenu,iconToLeft:f}=n,_=x===s.DropdownMenu?"ts-ContextualMenu--dropdown":"ts-ContextualMenu--contextual";return o.push(_),n.className&&o.push(n.className),f&&o.push("ts-ContextualMenu--reverse"),o.join(" ")}function y(n,o){var d;const x=["ts-ContextualMenu-callout"],{layoutType:f=s.DropdownMenu}=n,_=f===s.DropdownMenu?"ts-ContextualMenu-callout--dropdown":"ts-ContextualMenu-callout--contextual";return x.push(_),o&&n.showSubmenuBeneath&&x.push("ts-ContextualMenu-callout--submenu-beneath"),(d=n.calloutProps)!=null&&d.className&&x.push(n.calloutProps.className),x.join(" ")}const M=n=>{const{showSubmenuBeneath:o}=n,x=o?m-1:void 0;return l.default.createElement(a.ContextualMenu,P(b({isBeakVisible:!1,beakWidth:8,onRenderSubMenu:O.bind(void 0,n,x)},n),{className:p(n),items:g(n),calloutProps:P(b({styles:h(n.styles,n.maxWidth)},n.calloutProps),{className:y(n)}),styles:b(b({},v()),n.styles)}))};t.UIContextualMenu=M;function O(n,o,x){if(!x)return null;const{iconToLeft:f}=n,_=o!==void 0?o-1:void 0;return l.default.createElement(t.UIContextualMenu,P(b({iconToLeft:f},x),{calloutProps:P(b({gapSpace:10,layerProps:{styles:{root:{zIndex:o}}}},x.calloutProps),{className:y(n,!0)}),onRenderSubMenu:O.bind(void 0,n,_)}))}},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(i,t,e){"use strict";var C=this&&this.__importDefault\|\|function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIHighlightMenuOption=void 0;const l=C(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));e("./src/components/UIContextualMenu/UIHighlightMenuOption.scss");class a extends l.default.Component{render(){let u=this.props.text,s=this.props.query;const m=[];if(u&&s){u=u.toString(),s=s.toLowerCase();const k=u.toLowerCase(),I=s.length;let v=0,c=k.indexOf(s);const h=g=>g?m.push(g):null;for(;c!==-1;)h(l.default.createElement("span",{key:"text-"+v},u.substring(v,c))),h(l.default.createElement("span",{className:"ts-Menu-option--highlighted",key:"highlight-"+c},u.substring(c,c+I))),v=c+I,c=k.indexOf(s,c+I),c===-1&&h(l.default.createElement("span",{key:"text-"+v},u.substring(v,k.length)))}return m.length===0&&m.push(u),l.default.createElement("div",{className:"ts-Menu-option"},m)}}t.UIHighlightMenuOption=a},"./src/components/UIContextualMenu/index.tsx":function(i,t,e){"use strict";var C=this&&this.__createBinding\|\|(Object.create?function(a,r,u,s){s===void 0&&(s=u);var m=Object.getOwnPropertyDescriptor(r,u);(!m\|\|("get"in m?!r.__esModule:m.writable\|\|m.configurable))&&(m={enumerable:!0,get:function(){return r[u]}}),Object.defineProperty(a,s,m)}:function(a,r,u,s){s===void 0&&(s=u),a[s]=r[u]}),l=this&&this.__exportStar\|\|function(a,r){for(var u in a)u!=="default"&&!Object.prototype.hasOwnProperty.call(r,u)&&C(r,a,u)};Object.defineProperty(t,"__esModule",{value:!0}),l(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),t),l(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),t)}}]);})();