@sap-ux/ui-components 1.24.11 → 1.25.0

package/storybook/{627.c6c76096.iframe.bundle.js → 241.8bf42157.iframe.bundle.js}

@@ -1 +1 @@
-(()=>{var D=Object.defineProperty,U=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var T=(i,n,e)=>n in i?D(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,b=(i,n)=>{for(var e in n||(n={}))A.call(n,e)&&T(i,e,n[e]);if(W)for(var e of W(n))L.call(n,e)&&T(i,e,n[e]);return i},P=(i,n)=>U(i,B(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[627],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(i,n,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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:.4}.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.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,n,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>t});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/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(n,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 t=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>t});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/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(n,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 t=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(i,n,e){"use strict";var C=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIContextualMenu=n.UIContextualMenuLayoutType=n.UIContextualMenuItemType=n.UIContextualMenuProps=n.UIContextualMenuItem=n.IContextualMenuItem=void 0,n.getUIcontextualMenuStyles=v,n.getUIContextualMenuItemStyles=c,n.getUIcontextualMenuCalloutStyles=h;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(n,"UIContextualMenuItemType",{enumerable:!0,get:function(){return a.ContextualMenuItemType}}),Object.defineProperty(n,"UIContextualMenuProps",{enumerable:!0,get:function(){return a.IContextualMenuProps}}),Object.defineProperty(n,"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(n,"IContextualMenuItem",{enumerable:!0,get:function(){return r.IContextualMenuItem}});const u=e("./src/components/Icons.tsx");var s;(function(t){t.DropdownMenu="DropdownMenu",t.ContextualMenu="ContextualMenu"})(s||(n.UIContextualMenuLayoutType=s={})),e("./src/components/UIContextualMenu/UIContextualMenu.scss");const m=1e6,k=(t,o)=>typeof t=="object"&&typeof t[o]=="object"?t[o]:{},I={iconName:u.UiIcons.ArrowDown};function v(){return{root:{minWidth:190,maxWidth:300,background:"var(--vscode-input-background)",border:0}}}function c(t,o,x){const{iconToLeft:f}=t!=null?t:{},_={};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}}}function h(t,o){return{root:b({maxWidth:o},t?k(t,"root"):void 0)}}function g(t){const{items:o,iconToLeft:x}=t,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(t,j,_)),d.itemProps.styles):d.itemProps.styles=c(t,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(t){const o=["ts-ContextualMenu"],{layoutType:x=s.DropdownMenu,iconToLeft:f}=t,_=x===s.DropdownMenu?"ts-ContextualMenu--dropdown":"ts-ContextualMenu--contextual";return o.push(_),t.className&&o.push(t.className),f&&o.push("ts-ContextualMenu--reverse"),o.join(" ")}function y(t,o){var d;const x=["ts-ContextualMenu-callout"],{layoutType:f=s.DropdownMenu}=t,_=f===s.DropdownMenu?"ts-ContextualMenu-callout--dropdown":"ts-ContextualMenu-callout--contextual";return x.push(_),o&&t.showSubmenuBeneath&&x.push("ts-ContextualMenu-callout--submenu-beneath"),(d=t.calloutProps)!=null&&d.className&&x.push(t.calloutProps.className),x.join(" ")}const M=t=>{const{showSubmenuBeneath:o}=t,x=o?m-1:void 0;return l.default.createElement(a.ContextualMenu,P(b({isBeakVisible:!1,beakWidth:8,onRenderSubMenu:O.bind(void 0,t,x)},t),{className:p(t),items:g(t),calloutProps:P(b({styles:h(t.styles,t.maxWidth)},t.calloutProps),{className:y(t)}),styles:b(b({},v()),t.styles)}))};n.UIContextualMenu=M;function O(t,o,x){if(!x)return null;const{iconToLeft:f}=t,_=o!==void 0?o-1:void 0;return l.default.createElement(n.UIContextualMenu,P(b({iconToLeft:f},x),{calloutProps:P(b({gapSpace:10,layerProps:{styles:{root:{zIndex:o}}}},x.calloutProps),{className:y(t,!0)}),onRenderSubMenu:O.bind(void 0,t,_)}))}},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(i,n,e){"use strict";var C=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.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)}}n.UIHighlightMenuOption=a},"./src/components/UIContextualMenu/index.tsx":function(i,n,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(n,"__esModule",{value:!0}),l(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),n),l(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),n)}}]);})();
+(()=>{var D=Object.defineProperty,U=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var T=(i,n,e)=>n in i?D(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,b=(i,n)=>{for(var e in n||(n={}))A.call(n,e)&&T(i,e,n[e]);if(W)for(var e of W(n))L.call(n,e)&&T(i,e,n[e]);return i},P=(i,n)=>U(i,B(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[241],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIContextualMenu.scss":(i,n,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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:.4}.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.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,n,e)=>{var C=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>t});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/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(n,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 t=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIHighlightMenuOption.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>t});var C=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(C),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=e.n(u),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),k=e.n(m),I=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=e.n(I),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),h=e.n(c),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/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(n,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 t=p()&&p().locals?p().locals:void 0},"./src/components/UIContextualMenu/UIContextualMenu.tsx":function(i,n,e){"use strict";var C=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIContextualMenu=n.UIContextualMenuLayoutType=n.UIContextualMenuItemType=n.UIContextualMenuProps=n.UIContextualMenuItem=n.IContextualMenuItem=void 0,n.getUIcontextualMenuStyles=v,n.getUIContextualMenuItemStyles=c,n.getUIcontextualMenuCalloutStyles=h;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(n,"UIContextualMenuItemType",{enumerable:!0,get:function(){return a.ContextualMenuItemType}}),Object.defineProperty(n,"UIContextualMenuProps",{enumerable:!0,get:function(){return a.IContextualMenuProps}}),Object.defineProperty(n,"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(n,"IContextualMenuItem",{enumerable:!0,get:function(){return r.IContextualMenuItem}});const u=e("./src/components/Icons.tsx");var s;(function(t){t.DropdownMenu="DropdownMenu",t.ContextualMenu="ContextualMenu"})(s||(n.UIContextualMenuLayoutType=s={})),e("./src/components/UIContextualMenu/UIContextualMenu.scss");const m=1e6,k=(t,o)=>typeof t=="object"&&typeof t[o]=="object"?t[o]:{},I={iconName:u.UiIcons.ArrowDown};function v(){return{root:{minWidth:190,maxWidth:300,background:"var(--vscode-input-background)",border:0}}}function c(t,o,x){const{iconToLeft:f}=t!=null?t:{},_={};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:{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}}}function h(t,o){return{root:b({maxWidth:o},t?k(t,"root"):void 0)}}function g(t){const{items:o,iconToLeft:x}=t,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(t,j,_)),d.itemProps.styles):d.itemProps.styles=c(t,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(t){const o=["ts-ContextualMenu"],{layoutType:x=s.DropdownMenu,iconToLeft:f}=t,_=x===s.DropdownMenu?"ts-ContextualMenu--dropdown":"ts-ContextualMenu--contextual";return o.push(_),t.className&&o.push(t.className),f&&o.push("ts-ContextualMenu--reverse"),o.join(" ")}function y(t,o){var d;const x=["ts-ContextualMenu-callout"],{layoutType:f=s.DropdownMenu}=t,_=f===s.DropdownMenu?"ts-ContextualMenu-callout--dropdown":"ts-ContextualMenu-callout--contextual";return x.push(_),o&&t.showSubmenuBeneath&&x.push("ts-ContextualMenu-callout--submenu-beneath"),(d=t.calloutProps)!=null&&d.className&&x.push(t.calloutProps.className),x.join(" ")}const M=t=>{const{showSubmenuBeneath:o}=t,x=o?m-1:void 0;return l.default.createElement(a.ContextualMenu,P(b({isBeakVisible:!1,beakWidth:8,onRenderSubMenu:O.bind(void 0,t,x)},t),{className:p(t),items:g(t),calloutProps:P(b({styles:h(t.styles,t.maxWidth)},t.calloutProps),{className:y(t)}),styles:b(b({},v()),t.styles)}))};n.UIContextualMenu=M;function O(t,o,x){if(!x)return null;const{iconToLeft:f}=t,_=o!==void 0?o-1:void 0;return l.default.createElement(n.UIContextualMenu,P(b({iconToLeft:f},x),{calloutProps:P(b({gapSpace:10,layerProps:{styles:{root:{zIndex:o}}}},x.calloutProps),{className:y(t,!0)}),onRenderSubMenu:O.bind(void 0,t,_)}))}},"./src/components/UIContextualMenu/UIHighlightMenuOption.tsx":function(i,n,e){"use strict";var C=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.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)}}n.UIHighlightMenuOption=a},"./src/components/UIContextualMenu/index.tsx":function(i,n,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(n,"__esModule",{value:!0}),l(e("./src/components/UIContextualMenu/UIContextualMenu.tsx"),n),l(e("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx"),n)}}]);})();

package/storybook/42.8d6c4795.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{var M=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var U=(p,o,e)=>o in p?M(p,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[o]=e,b=(p,o)=>{for(var e in o||(o={}))B.call(o,e)&&U(p,e,o[e]);if(P)for(var e of P(o))C.call(o,e)&&U(p,e,o[e]);return p},h=(p,o)=>D(p,A(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[42],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss":(p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),p.exports=l},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:2px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),p.exports=l},"./src/components/UIToggleGroup/UIToggleGroup.scss":(p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(t),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(s),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(t),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(p,o,e){"use strict";var g=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const m=g(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");class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=n},"./src/components/UIFocusZone/UIFocusZone.tsx":function(p,o,e){"use strict";var g=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const m=g(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(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return l.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return l.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return l.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return l.FocusZoneTabbableElements}});class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=n},"./src/components/UIFocusZone/index.tsx":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(l,n,s,d){d===void 0&&(d=s);var c=Object.getOwnPropertyDescriptor(n,s);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(l,d,c)}:function(l,n,s,d){d===void 0&&(d=s),l[d]=n[s]}),m=this&&this.__exportStar||function(l,n){for(var s in l)s!=="default"&&!Object.prototype.hasOwnProperty.call(n,s)&&g(n,l,s)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./src/components/UIToggleGroup/UIToggleGroup.tsx":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(r,t,_,u){u===void 0&&(u=_);var i=Object.getOwnPropertyDescriptor(t,_);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(r,u,i)}:function(r,t,_,u){u===void 0&&(u=_),r[u]=t[_]}),m=this&&this.__setModuleDefault||(Object.create?function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}:function(r,t){r.default=t}),l=this&&this.__importStar||function(){var r=function(t){return r=Object.getOwnPropertyNames||function(_){var u=[];for(var i in _)Object.prototype.hasOwnProperty.call(_,i)&&(u[u.length]=i);return u},r(t)};return function(t){if(t&&t.__esModule)return t;var _={};if(t!=null)for(var u=r(t),i=0;i<u.length;i++)u[i]!=="default"&&g(_,t,u[i]);return m(_,t),_}}();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroup=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),c=e("./src/components/UIFocusZone/index.tsx"),f=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class a extends n.Component{constructor(t){super(t),this.labelId=this.props.labelId?this.props.labelId:(0,f.getUIId)("ui-toggle-group-option-"),this.onClick=(_,u)=>{let i=!1;u!=null&&u.itemKey&&this.setState(I=>{var T,E;const y={options:I.options.map((O,j,v)=>O.key===u.itemKey?(i=!v[j].selected,h(b({},O),{selected:i,focused:v[j].focused})):h(b({},O),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(T=this.props).onChange)==null||E.call(T,u.itemKey,i)),y})},this.onFocus=(_,u)=>{u!=null&&u.itemKey&&this.setState(i=>({options:i.options.map(I=>I.key===u.itemKey?h(b({},I),{focused:!0}):h(b({},I),{focused:!1}))}))},this.onBlur=(_,u)=>{this.setState(i=>({options:i.options.map(I=>h(b({},I),{focused:!1}))}))},this.state={options:this.props.options.map(_=>_.key===this.props.selectedKey?h(b({},_),{selected:!0}):b({},_))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return n.createElement("div",b({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&n.createElement(d.UILabel,h(b({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),n.createElement(c.UIFocusZone,{as:"div",direction:c.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(t=>n.createElement(s.UIToggleGroupOption,h(b({itemKey:t.key},t),{key:t.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:t.selected,disabled:t.disabled||this.props.disabled})))))}}o.UIToggleGroup=a},"./src/components/UIToggleGroup/UIToggleGroup.types.ts":(p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(f,a,r,t){t===void 0&&(t=r);var _=Object.getOwnPropertyDescriptor(a,r);(!_||("get"in _?!a.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(f,t,_)}:function(f,a,r,t){t===void 0&&(t=r),f[t]=a[r]}),m=this&&this.__setModuleDefault||(Object.create?function(f,a){Object.defineProperty(f,"default",{enumerable:!0,value:a})}:function(f,a){f.default=a}),l=this&&this.__importStar||function(){var f=function(a){return f=Object.getOwnPropertyNames||function(r){var t=[];for(var _ in r)Object.prototype.hasOwnProperty.call(r,_)&&(t[t.length]=_);return t},f(a)};return function(a){if(a&&a.__esModule)return a;var r={};if(a!=null)for(var t=f(a),_=0;_<t.length;_++)t[_]!=="default"&&g(r,a,t[_]);return m(r,a),r}}();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroupOption=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class c extends n.Component{constructor(a){super(a),this.onClick=r=>{var t,_;(_=(t=this.props).onClick)==null||_.call(t,r,this.props)},this.onBlur=r=>{var t,_;(_=(t=this.props).onBlur)==null||_.call(t,r,this.props)},this.onFocus=r=>{var t,_;(_=(t=this.props).onFocus)==null||_.call(t,r,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const a=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return n.createElement("button",h(b(h(b({role:"button"},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(r=>!!r).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":a}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),n.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&n.createElement("span",b({id:a,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&n.createElement(s.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}o.UIToggleGroupOption=c},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":(p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(l,n,s,d){d===void 0&&(d=s);var c=Object.getOwnPropertyDescriptor(n,s);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(l,d,c)}:function(l,n,s,d){d===void 0&&(d=s),l[d]=n[s]}),m=this&&this.__exportStar||function(l,n){for(var s in l)s!=="default"&&!Object.prototype.hasOwnProperty.call(n,s)&&g(n,l,s)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),o)},"./src/components/UIToggleGroup/index.ts":function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?function(l,n,s,d){d===void 0&&(d=s);var c=Object.getOwnPropertyDescriptor(n,s);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(l,d,c)}:function(l,n,s,d){d===void 0&&(d=s),l[d]=n[s]}),m=this&&this.__exportStar||function(l,n){for(var s in l)s!=="default"&&!Object.prototype.hasOwnProperty.call(n,s)&&g(n,l,s)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),o)}}]);})();

package/storybook/{652.9bd6d697.iframe.bundle.js → 442.550af412.iframe.bundle.js}

@@ -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,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([[652],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/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.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=o.n(c),_=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=o.n(_),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),w=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(w),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),h=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=p().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=I();var y=r()(h(),m);const e=h()&&h().locals?h().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(u,i,o){"use strict";var D=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};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"),p=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(h){h.First="First",h.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.hasSelected=!0,this.setState({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(p.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.hasSelected=!1,this.setState(s=>({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.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:"",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.hasSelected=!!this.props.value,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(p.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,_,p){p===void 0&&(p=_);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,p,f)}:function(c,d,_,p){p===void 0&&(p=_),c[p]=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)}}]);})();
+(()=>{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([[442],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/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.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=o.n(c),_=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=o.n(_),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),w=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(w),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),h=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=p().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=I();var y=r()(h(),m);const e=h()&&h().locals?h().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(u,i,o){"use strict";var D=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};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"),p=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(h){h.First="First",h.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.hasSelected=!0,this.setState({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(p.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.hasSelected=!1,this.setState(s=>({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.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:"",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.hasSelected=!!this.props.value,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(p.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,_,p){p===void 0&&(p=_);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,p,f)}:function(c,d,_,p){p===void 0&&(p=_),c[p]=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/454.2cea1190.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{var T=Object.defineProperty,U=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(a,e,t)=>e in a?T(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,m=(a,e)=>{for(var t in e||(e={}))L.call(e,t)&&S(a,t,e[t]);if(E)for(var t of E(e))x.call(e,t)&&S(a,t,e[t]);return a},M=(a,e)=>U(a,C(e));var P=(a,e)=>{var t={};for(var i in a)L.call(a,i)&&e.indexOf(i)<0&&(t[i]=a[i]);if(a!=null&&E)for(var i of E(a))e.indexOf(i)<0&&x.call(a,i)&&(t[i]=a[i]);return t};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[454],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(a,e,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),n=l(i);n.push([a.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}: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)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),a.exports=n},"./src/components/UILoader/UILoader.scss":(a,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>v});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(i),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=t.n(n),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=t.n(o),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(_),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=t.n(u),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=t.n(p),h=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),y=t.n(h),b={};for(const D in h)D!=="default"&&(b[D]=()=>h[D]);t.d(e,b);var f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=r();var I=l()(y(),f);const v=y()&&y().locals?y().locals:void 0},"./src/components/UIDialog/UIDialog.tsx":function(a,e,t){"use strict";var i=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDialog=e.UIDialogScrollArea=e.DIALOG_STYLES=e.DIALOG_MAX_HEIGHT_OFFSET=void 0;const l=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../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"),d=t("./src/components/UIButton/index.tsx"),o=t("./src/utilities/DeepMerge.ts");t("./src/styles/_shadows.scss"),e.DIALOG_MAX_HEIGHT_OFFSET=32,e.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)"}};var s;(function(c){c.Content="Content",c.Dialog="Dialog"})(s||(e.UIDialogScrollArea=s={}));class _ extends l.default.Component{constructor(u){super(u),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(u){const{scrollArea:r}=this.props;u.scrollArea!==r&&(r===s.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-e.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let u;const{acceptButtonText:r,cancelButtonText:p,onAccept:g,onCancel:h,acceptButtonId:y,cancelButtonId:b,footer:f}=this.props,I={styles:{actionsRight:{width:"100%",textAlign:"center",justifyContent:"center",margin:"0px"},actions:{margin:`${e.DIALOG_STYLES.vPaddingHalf}px 0 ${e.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return f?u=l.default.createElement(n.DialogFooter,m({},I),f):(g||h)&&(u=l.default.createElement(n.DialogFooter,m({},I),g?l.default.createElement(d.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:y},r):"",h?l.default.createElement(d.UIDefaultButton,{onClick:h,style:{height:"26px"},id:b},p):"")),u}onHeaderMouseDown(u){var p;if(!((p=this.props.modalProps)!=null&&p.dragOptions))return;const r=u.target.closest(".ms-Dialog-main");r!=null&&r.firstChild&&r.firstChild.focus()}render(){const O=this.props,{acceptButtonText:u,cancelButtonText:r,onAccept:p,onCancel:g,acceptButtonId:h,cancelButtonId:y,footer:b,closeButtonVisible:f,multiLineTitle:I,scrollArea:v=s.Content,children:D}=O,w=P(O,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),A={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:m({backgroundColor:e.DIALOG_STYLES.background,border:`1px solid ${e.DIALOG_STYLES.borderColor}`,boxShadow:e.DIALOG_STYLES.boxShadow,borderRadius:e.DIALOG_STYLES.borderRadius,minHeight:100},v===s.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:m({padding:`${e.DIALOG_STYLES.vPadding}px 0  5px`,textAlign:"center",color:e.DIALOG_STYLES.title.color},!I&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${e.DIALOG_STYLES.vPadding}px ${e.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:f?void 0:"none"},inner:m({padding:"0"},v===s.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:m({margin:"0",lineHeight:18},e.DIALOG_STYLES.contentText),content:m(m({},e.DIALOG_STYLES.contentText),v===s.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:m({padding:`${e.DIALOG_STYLES.vPaddingHalf}px ${e.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},v===s.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},j=(0,o.deepMerge)(A,w);return l.default.createElement(n.Dialog,m({},j),D,this.getFooter())}}e.UIDialog=_,_.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts":function(a,e,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,d,o,s){s===void 0&&(s=o);var _=Object.getOwnPropertyDescriptor(d,o);(!_||("get"in _?!d.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return d[o]}}),Object.defineProperty(n,s,_)}:function(n,d,o,s){s===void 0&&(s=o),n[s]=d[o]}),l=this&&this.__exportStar||function(n,d){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(d,o)&&i(d,n,o)};Object.defineProperty(e,"__esModule",{value:!0}),l(t("./src/components/UIDialog/UIDialog.tsx"),e)},"./src/components/UILoader/UILoader.tsx":function(a,e,t){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILoader=e.UISpinnerSize=void 0;const l=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../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(e,"UISpinnerSize",{enumerable:!0,get:function(){return n.SpinnerSize}}),t("./src/components/UILoader/UILoader.scss");class d extends l.default.Component{constructor(s){super(s)}render(){const{blockDOM:s,delayed:_}=this.props,c=()=>({root:m({},s&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),u=l.default.createElement(n.Spinner,M(m({},this.props),{styles:c}));if(s){const r=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return l.default.createElement(n.Overlay,{className:`ui-loader-blocker${_?" ui-loader--delayed":""}`,styles:r},u)}else return u}}e.UILoader=d},"./src/components/UILoader/index.tsx":function(a,e,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,d,o,s){s===void 0&&(s=o);var _=Object.getOwnPropertyDescriptor(d,o);(!_||("get"in _?!d.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return d[o]}}),Object.defineProperty(n,s,_)}:function(n,d,o,s){s===void 0&&(s=o),n[s]=d[o]}),l=this&&this.__exportStar||function(n,d){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(d,o)&&i(d,n,o)};Object.defineProperty(e,"__esModule",{value:!0}),l(t("./src/components/UILoader/UILoader.tsx"),e)},"./src/utilities/DeepMerge.ts":function(a,e,t){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.deepMerge=n;const l=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function n(o,s){var u;const _=Object.keys(o).length?n({},o):{},c=Object.keys(s);for(const r of c){const p=s[r];if(d(p))if(!_[r]||d(_[r]))_[r]=n((u=_[r])!=null?u:{},p);else throw new Error("Object structures are not compatible!");else _[r]=p}return _}function d(o){return o?typeof o=="object"&&!Array.isArray(o)&&!l.default.isValidElement(o):!1}}}]);})();

package/storybook/481.44d47df6.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var E=Object.defineProperty,y=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var p=(v,o,e)=>o in v?E(v,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):v[o]=e,f=(v,o)=>{for(var e in o||(o={}))k.call(o,e)&&p(v,e,o[e]);if(C)for(var e of C(o))A.call(o,e)&&p(v,e,o[e]);return v},m=(v,o)=>y(v,I(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[481],{"./src/components/UIButton/UIActionButton.tsx":function(v,o,e){var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=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/components/UIContextualMenu/index.tsx");class t extends a.default.Component{constructor(n){super(n),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return a.default.createElement(S.ActionButton,m(f({},this.props),{styles:this.setStyle(),menuAs:s.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx":function(v,o,e){var l=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=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/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),r=e("./src/components/Icons.tsx"),n="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:n},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:n,color:"var(--vscode-button-secondaryForeground)"},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const b="svg > path, svg > rect";class B extends a.default.Component{constructor(c){super(c),this.setStyle=i=>{const{primary:u,transparent:d}=i,_={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,u,d),checked:this.getInteractionStyle(!0,u,d)};return{root:m(f(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},u&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),d&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:f(f({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},u&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),d&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:h.root,rootHovered:h.root,icon:f(f({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},u&&{color:o.BASE_STYLES.color,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),d&&{color:o.BASE_STYLES.transparent.color,selectors:{[b]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:f({"svg > path":{fill:o.BASE_STYLES.secondary.color}},u&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:f(f({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},u&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),d&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:h.checked,rootCheckedPressed:h.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},u&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[b]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(c,i,u){let d=f(f({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.secondary.color}}},i&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}),c&&{borderColor:o.BASE_STYLES.checkedBorderColor});return u&&(c?d=m(f({},d),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[b]:{fill:o.BASE_STYLES.color}}}):d=m(f({},d),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[b]:{fill:o.BASE_STYLES.transparent.color}}})),c&&(d=m(f({},d),{borderColor:o.BASE_STYLES.checkedBorderColor})),d}render(){var i;const c=(i=this.props.menuProps)!=null&&i.items?{iconName:r.UiIcons.ArrowDown}:void 0;return a.default.createElement(S.DefaultButton,m(f({menuIconProps:c},this.props),{styles:this.setStyle(this.props),menuAs:s.UIContextualMenu}))}}o.UIDefaultButton=B},"./src/components/UIButton/UIIconButton.tsx":function(v,o,e){var l=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=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/components/UIContextualMenu/index.tsx");var t;(function(n){n.Default="Default",n.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class r extends a.default.Component{constructor(b){super(b),this.setStyle=B=>{var i;const c=((i=B.sizeType)!=null?i:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:c,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:c},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:c},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:c,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(b){return`var(${b}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(S.IconButton,m(f({},this.props),{styles:this.setStyle(this.props),menuAs:s.UIContextualMenu}))}}o.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(v,o,e){var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=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");class s extends a.default.Component{constructor(r){super(r),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=n=>({root:m(f({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},n.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(r){return`var(${r})`}getColorwithFallback(r,n){return`var(${r}, ${n})`}render(){return a.default.createElement(S.DefaultButton,m(f({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=s},"./src/components/UIButton/UISplitButton.tsx":function(v,o,e){var l=this&&this.__createBinding||(Object.create?function(g,c,i,u){u===void 0&&(u=i);var d=Object.getOwnPropertyDescriptor(c,i);(!d||("get"in d?!c.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return c[i]}}),Object.defineProperty(g,u,d)}:function(g,c,i,u){u===void 0&&(u=i),g[u]=c[i]}),a=this&&this.__setModuleDefault||(Object.create?function(g,c){Object.defineProperty(g,"default",{enumerable:!0,value:c})}:function(g,c){g.default=c}),S=this&&this.__importStar||function(){var g=function(c){return g=Object.getOwnPropertyNames||function(i){var u=[];for(var d in i)Object.prototype.hasOwnProperty.call(i,d)&&(u[u.length]=d);return u},g(c)};return function(c){if(c&&c.__esModule)return c;var i={};if(c!=null)for(var u=g(c),d=0;d<u.length;d++)u[d]!=="default"&&l(i,c,u[d]);return a(i,c),i}}();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const s=S(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),r=e("./src/components/UIContextualMenu/index.tsx"),n=e("./src/components/Icons.tsx"),b=e("./src/utilities/index.ts");class B extends s.Component{constructor(c){super(c),this.id=this.props.id?this.props.id:(0,b.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(i,u)=>{u!=null&&u.key&&this.props.callback(u.key)},this.state={menu:{items:c.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(c,i){return{menu:{items:c.menuItems,onItemClick:i.menu.onItemClick}}}render(){return s.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:n.UiIcons.ArrowDown},menuAs:r.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=B},"./src/components/UIButton/index.tsx":function(v,o,e){var l=this&&this.__createBinding||(Object.create?function(s,t,r,n){n===void 0&&(n=r);var b=Object.getOwnPropertyDescriptor(t,r);(!b||("get"in b?!t.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(s,n,b)}:function(s,t,r,n){n===void 0&&(n=r),s[n]=t[r]}),a=this&&this.__exportStar||function(s,t){for(var r in s)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&l(t,s,r)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const S=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(o,"UIButtonInterface",{enumerable:!0,get:function(){return S.IButton}}),a(e("./src/components/UIButton/UIActionButton.tsx"),o),a(e("./src/components/UIButton/UIDefaultButton.tsx"),o),a(e("./src/components/UIButton/UIIconButton.tsx"),o),a(e("./src/components/UIButton/UISplitButton.tsx"),o),a(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Dom.ts":(v,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=l;function e(a){return"title"in a}function l(a){return"value"in a&&"tagName"in a&&a.tagName==="INPUT"}},"./src/utilities/Focus.ts":(v,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;const 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(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function a(S,s){const t=(0,l.getDocument)();if(t){let r=null;if(s?r=(0,l.getNextElement)(t.body,S,!1,!1,!0,!0):r=(0,l.getPreviousElement)(t.body,S,!1,!1,!0,!0),r)return r.focus(),r}return null}},"./src/utilities/Id.ts":(v,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const 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(o,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts":(v,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const 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(o,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts":function(v,o,e){var l=this&&this.__createBinding||(Object.create?function(S,s,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(S,r,n)}:function(S,s,t,r){r===void 0&&(r=t),S[r]=s[t]}),a=this&&this.__exportStar||function(S,s){for(var t in S)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,S,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(e("./src/utilities/Dom.ts"),o),a(e("./src/utilities/Focus.ts"),o),a(e("./src/utilities/Id.ts"),o),a(e("./src/utilities/Keys.ts"),o)}}]);})();

package/storybook/{568.64f789ef.iframe.bundle.js → 538.8eb876a4.iframe.bundle.js}

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