npm - @sap-ux/ui-components - Versions diffs - 1.18.4 → 1.18.5 - Mend

@sap-ux/ui-components 1.18.4 → 1.18.5

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

Files changed (115) hide show

package/storybook/{604.2d7e915d.iframe.bundle.js → 583.a7edc45e.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var M=Object.defineProperty,P=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var O=(p,n,t)=>n in p?M(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,h=(p,n)=>{for(var t in n\|\|(n={}))T.call(n,t)&&O(p,t,n[t]);if(k)for(var t of k(n))j.call(n,t)&&O(p,t,n[t]);return p},y=(p,n)=>P(p,S(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[604],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.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)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=r},"./src/components/UIComboBox/Callout.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault\|\|function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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"),_=t("./src/helper/ValidationMessage/index.tsx");class l extends a.default.Component{constructor(u){super(u),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(x,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[r.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[r.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[r.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[r.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},x.message&&{marginBottom:2}],input:{[`.${r.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[r.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const u=(0,_.getMessageInfo)(this.props),x=a.default.createElement(r.Checkbox,y(h({},this.props),{styles:c=>h(h({},this.setStyle(u,c)),this.props.styles)}));return u.message?a.default.createElement(_.MessageWrapper,{message:u},x):x}}n.UICheckbox=l},"./src/components/UICheckbox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u\|\|("get"in u?!_.__esModule:u.writable\|\|u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar\|\|function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault\|\|function(C){return C&&C.__esModule?C:{default:C}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIComboBox=n.UIComboBoxLoaderType=n.UISelectableOptionMenuItemType=n.UIOnRenderComboBoxLabelProps=n.UIComboBoxRef=n.UISelectableOption=n.UIComboBoxOption=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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(n,"UIComboBoxRef",{enumerable:!0,get:function(){return r.IComboBox}}),Object.defineProperty(n,"UIComboBoxOption",{enumerable:!0,get:function(){return r.IComboBoxOption}}),Object.defineProperty(n,"UISelectableOption",{enumerable:!0,get:function(){return r.ISelectableOption}}),Object.defineProperty(n,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return r.IOnRenderComboBoxLabelProps}}),Object.defineProperty(n,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return r.SelectableOptionMenuItemType}});const _=t("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");t("./src/components/UIComboBox/UIComboBox.scss"),t("./src/components/UIComboBox/Callout.scss");const l=t("./src/components/UILoader/index.tsx"),m=t("./src/components/Icons.tsx"),u=t("./src/helper/ValidationMessage/index.tsx"),x=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),w=t("./src/components/UICallout/index.tsx"),g=t("./src/utilities/index.ts");var B;(function(C){C.List="List",C.Input="Input"})(B\|\|(n.UIComboBoxLoaderType=B={}));class f extends a.default.Component{constructor(e){super(e),this.comboBox=a.default.createRef(),this.comboboxDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.selectedElement=a.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new w.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this.onRenderItem=(o,s)=>{if(s&&o){o.data=this.query,o.title===void 0&&(o.title=o.text);const d=o.index!==void 0&&this.getCurrentSelectedIndex()===o.index;return o.hidden?null:a.default.createElement("div",{key:o.key,ref:d?this.selectedElement:void 0,className:`${d?"ts-ComboBox--selected":""}`},s(o))}return null},this.getCurrentSelectedIndex=()=>{const o=this.comboBox.current;if(o)return o.state.currentPendingValueValidIndex!==-1?o.state.currentPendingValueValidIndex:o.props.hoisted.selectedIndices?o.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this.onRenderOption=(o,s)=>o&&o.itemType!==r.SelectableOptionMenuItemType.Header?a.default.createElement(_.UIHighlightMenuOption,{text:o.text,query:this.query}):s?s(o):null,this.handleChange=(o,s)=>{s&&this.props.onHandleChange&&this.props.onHandleChange(s.key)},this.onRenderListLoading=()=>{const o={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement("div",{className:"option-loading"},a.default.createElement(l.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:o}))},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),(0,r.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(e){return e.options!==this.props.options&&this.query&&this.updateHiddenOptions(e.options),!0}updateHiddenOptions(e){this.isListHidden=!0;let o,s=!1;const d=()=>{o&&(o.hidden=!s)};for(const i of e)if(i.itemType===r.SelectableOptionMenuItemType.Header)d(),o=i,s=!1;else{const D=i.text.toLowerCase().indexOf(this.query)===-1;i.hidden=D,this.isListHidden&&!i.hidden&&(this.isListHidden=!1),s=!D\|\|s}d()}setCaretPosition(e){if((0,g.isHTMLInputElement)(e.target)){const o=e.target,s=o.selectionEnd;s!==o.value.length&&window.requestAnimationFrame(()=>{o.selectionStart=s,o.selectionEnd=s})}}onInput(e){if(this.isListHidden=!1,(0,g.isHTMLInputElement)(e.target)){this.setCaretPosition(e);const o=e.target;this.query=o.value.trimStart().toLowerCase();const s=this.comboBox.current;s&&this.updateHiddenOptions(s.props.hoisted.currentOptions)}}onClick(e){this.setCaretPosition(e);const o=this.comboBox.current,s=o==null?void 0:o.state.isOpen,d=this.props.disabled;this.props.openMenuOnClick&&o&&!s&&!d&&o.focus(!0)}onKeyDown(e){let o=!1;const s=this.comboBox.current,d=s==null?void 0:s.state.isOpen;(e.which===r.KeyCodes.down\|\|e.which===r.KeyCodes.up)&&(o=this._setCyclingNavigation(e.which===r.KeyCodes.down)),o?(e.preventDefault(),e.stopPropagation()):!this.ignoreOpenKeys.includes(e.key)&&s&&!d&&s.focus(!0)}reserQuery(){this.query="";for(const e of this.props.options)delete e.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(e,o){const s=this.props.options.length;for(;e>=0&&e<s;){if(this.props.options[e]&&!this.props.options[e].hidden)return{option:this.props.options[e],index:e};e=e+(o?1:-1)}return null}_setCyclingNavigation(e){const o=this.comboBox.current;if(o&&o.state.currentPendingValueValidIndex>=0){let s=o.state.currentPendingValueValidIndex;const d=this.props.options.length-1;s=s+(e?1:-1);let i=this.getNextVisibleItem(s,e);if(i)return!1;if(i=this.getNextVisibleItem(e?0:d,e),i)return o.setState({currentPendingValueValidIndex:i.index,currentPendingValue:i.option.text}),!0}return!1}calculateMenuMinWidth(){var o;const e=(o=this.comboBox.current)==null?void 0:o._comboBoxWrapper.current;e&&this.props.useComboBoxAsMenuMinWidth&&e.clientWidth!==this.state.minWidth&&this.setState({minWidth:e.clientWidth})}onPendingValueChanged(e,o,s){var d,i;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(d=this.props)!=null&&d.onPendingValueChanged&&((i=this.props)==null\|\|i.onPendingValueChanged(e,o,s))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const e=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),e==null\|\|e.focus(!0))}onMultiSelectChange(e,o,s,d){this.props.onChange&&e.type!=="blur"&&this.props.onChange(e,o,s,d)}onScrollToItem(){const e=this.selectedElement.current;if(!this.props.multiSelect\|\|!e)return;const o=e.offsetParent;if(o){const s=o.clientHeight;if(o.scrollHeight>s){const i=e.offsetTop,D=i+e.clientHeight,v=o.scrollTop,I=v+s;if(!(i>=v&&D<=I)){const E=D>I?D-I:i-v;o.scrollTop=v+E}}}}getClassNames(e){const{readOnly:o,disabled:s}=this.props,d=e.message?u.MESSAGE_TYPES_CLASSNAME_MAP.get(e.type):void 0;let i=`ts-ComboBox${e.message?" ts-ComboBox--"+d:""}`;return o&&!s&&(i+=" ts-ComboBox--readonly"),s&&(i+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(i+=" ts-ComboBox--empty"),i}getAutofillProps(){const{highlight:e,readOnly:o,disabled:s}=this.props,d={};e&&(d.onKeyDownCapture=this.onKeyDown);const i="tabIndex"in this.props?this.props.tabIndex:void 0;return o&&!s?(d.readOnly=o,d.tabIndex=i,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.disabled=void 0,d.readOnly=!0,d.tabIndex=i),d}isLoaderApplied(e){const{isLoading:o}=this.props;return Array.isArray(o)?o.includes(e):!!o&&e===B.List}onRenderIcon(e,o){var s;if(this.isLoaderApplied(B.Input)){const d={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:d})}return(s=o==null?void 0:o(e))!=null?s:null}render(){const e=(0,u.getMessageInfo)(this.props);let o=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(o=!0),a.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(e)},a.default.createElement(r.ComboBox,y(h(h(h(h(h(y(h(h({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},calloutProps:h({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:h({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden?"none":void 0}})},(0,c.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),styles:{label:h(h(h({},x.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[e.style]}},this.props),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),this.isLoaderApplied(B.List)&&{onRenderList:this.onRenderListLoading}),this.props.multiSelect&&h({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:e.message})))}}n.UIComboBox=f,f.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u\|\|("get"in u?!_.__esModule:u.writable\|\|u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar\|\|function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UIComboBox/UIComboBox.tsx"),n)}}]);})();
1	+ (()=>{var M=Object.defineProperty,P=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var O=(p,n,t)=>n in p?M(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,h=(p,n)=>{for(var t in n\|\|(n={}))T.call(n,t)&&O(p,t,n[t]);if(k)for(var t of k(n))j.call(n,t)&&O(p,t,n[t]);return p},y=(p,n)=>P(p,S(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[583],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.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)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=r},"./src/components/UIComboBox/Callout.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault\|\|function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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"),_=t("./src/helper/ValidationMessage/index.tsx");class l extends a.default.Component{constructor(u){super(u),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(x,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[r.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[r.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[r.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[r.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},x.message&&{marginBottom:2}],input:{[`.${r.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[r.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const u=(0,_.getMessageInfo)(this.props),x=a.default.createElement(r.Checkbox,y(h({},this.props),{styles:c=>h(h({},this.setStyle(u,c)),this.props.styles)}));return u.message?a.default.createElement(_.MessageWrapper,{message:u},x):x}}n.UICheckbox=l},"./src/components/UICheckbox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u\|\|("get"in u?!_.__esModule:u.writable\|\|u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar\|\|function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault\|\|function(C){return C&&C.__esModule?C:{default:C}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIComboBox=n.UIComboBoxLoaderType=n.UISelectableOptionMenuItemType=n.UIOnRenderComboBoxLabelProps=n.UIComboBoxRef=n.UISelectableOption=n.UIComboBoxOption=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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(n,"UIComboBoxRef",{enumerable:!0,get:function(){return r.IComboBox}}),Object.defineProperty(n,"UIComboBoxOption",{enumerable:!0,get:function(){return r.IComboBoxOption}}),Object.defineProperty(n,"UISelectableOption",{enumerable:!0,get:function(){return r.ISelectableOption}}),Object.defineProperty(n,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return r.IOnRenderComboBoxLabelProps}}),Object.defineProperty(n,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return r.SelectableOptionMenuItemType}});const _=t("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");t("./src/components/UIComboBox/UIComboBox.scss"),t("./src/components/UIComboBox/Callout.scss");const l=t("./src/components/UILoader/index.tsx"),m=t("./src/components/Icons.tsx"),u=t("./src/helper/ValidationMessage/index.tsx"),x=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),w=t("./src/components/UICallout/index.tsx"),g=t("./src/utilities/index.ts");var B;(function(C){C.List="List",C.Input="Input"})(B\|\|(n.UIComboBoxLoaderType=B={}));class f extends a.default.Component{constructor(e){super(e),this.comboBox=a.default.createRef(),this.comboboxDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.selectedElement=a.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new w.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this.onRenderItem=(o,s)=>{if(s&&o){o.data=this.query,o.title===void 0&&(o.title=o.text);const d=o.index!==void 0&&this.getCurrentSelectedIndex()===o.index;return o.hidden?null:a.default.createElement("div",{key:o.key,ref:d?this.selectedElement:void 0,className:`${d?"ts-ComboBox--selected":""}`},s(o))}return null},this.getCurrentSelectedIndex=()=>{const o=this.comboBox.current;if(o)return o.state.currentPendingValueValidIndex!==-1?o.state.currentPendingValueValidIndex:o.props.hoisted.selectedIndices?o.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this.onRenderOption=(o,s)=>o&&o.itemType!==r.SelectableOptionMenuItemType.Header?a.default.createElement(_.UIHighlightMenuOption,{text:o.text,query:this.query}):s?s(o):null,this.handleChange=(o,s)=>{s&&this.props.onHandleChange&&this.props.onHandleChange(s.key)},this.onRenderListLoading=()=>{const o={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement("div",{className:"option-loading"},a.default.createElement(l.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:o}))},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),(0,r.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(e){return e.options!==this.props.options&&this.query&&this.updateHiddenOptions(e.options),!0}updateHiddenOptions(e){this.isListHidden=!0;let o,s=!1;const d=()=>{o&&(o.hidden=!s)};for(const i of e)if(i.itemType===r.SelectableOptionMenuItemType.Header)d(),o=i,s=!1;else{const D=i.text.toLowerCase().indexOf(this.query)===-1;i.hidden=D,this.isListHidden&&!i.hidden&&(this.isListHidden=!1),s=!D\|\|s}d()}setCaretPosition(e){if((0,g.isHTMLInputElement)(e.target)){const o=e.target,s=o.selectionEnd;s!==o.value.length&&window.requestAnimationFrame(()=>{o.selectionStart=s,o.selectionEnd=s})}}onInput(e){if(this.isListHidden=!1,(0,g.isHTMLInputElement)(e.target)){this.setCaretPosition(e);const o=e.target;this.query=o.value.trimStart().toLowerCase();const s=this.comboBox.current;s&&this.updateHiddenOptions(s.props.hoisted.currentOptions)}}onClick(e){this.setCaretPosition(e);const o=this.comboBox.current,s=o==null?void 0:o.state.isOpen,d=this.props.disabled;this.props.openMenuOnClick&&o&&!s&&!d&&o.focus(!0)}onKeyDown(e){let o=!1;const s=this.comboBox.current,d=s==null?void 0:s.state.isOpen;(e.which===r.KeyCodes.down\|\|e.which===r.KeyCodes.up)&&(o=this._setCyclingNavigation(e.which===r.KeyCodes.down)),o?(e.preventDefault(),e.stopPropagation()):!this.ignoreOpenKeys.includes(e.key)&&s&&!d&&s.focus(!0)}reserQuery(){this.query="";for(const e of this.props.options)delete e.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(e,o){const s=this.props.options.length;for(;e>=0&&e<s;){if(this.props.options[e]&&!this.props.options[e].hidden)return{option:this.props.options[e],index:e};e=e+(o?1:-1)}return null}_setCyclingNavigation(e){const o=this.comboBox.current;if(o&&o.state.currentPendingValueValidIndex>=0){let s=o.state.currentPendingValueValidIndex;const d=this.props.options.length-1;s=s+(e?1:-1);let i=this.getNextVisibleItem(s,e);if(i)return!1;if(i=this.getNextVisibleItem(e?0:d,e),i)return o.setState({currentPendingValueValidIndex:i.index,currentPendingValue:i.option.text}),!0}return!1}calculateMenuMinWidth(){var o;const e=(o=this.comboBox.current)==null?void 0:o._comboBoxWrapper.current;e&&this.props.useComboBoxAsMenuMinWidth&&e.clientWidth!==this.state.minWidth&&this.setState({minWidth:e.clientWidth})}onPendingValueChanged(e,o,s){var d,i;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(d=this.props)!=null&&d.onPendingValueChanged&&((i=this.props)==null\|\|i.onPendingValueChanged(e,o,s))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const e=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),e==null\|\|e.focus(!0))}onMultiSelectChange(e,o,s,d){this.props.onChange&&e.type!=="blur"&&this.props.onChange(e,o,s,d)}onScrollToItem(){const e=this.selectedElement.current;if(!this.props.multiSelect\|\|!e)return;const o=e.offsetParent;if(o){const s=o.clientHeight;if(o.scrollHeight>s){const i=e.offsetTop,D=i+e.clientHeight,v=o.scrollTop,I=v+s;if(!(i>=v&&D<=I)){const E=D>I?D-I:i-v;o.scrollTop=v+E}}}}getClassNames(e){const{readOnly:o,disabled:s}=this.props,d=e.message?u.MESSAGE_TYPES_CLASSNAME_MAP.get(e.type):void 0;let i=`ts-ComboBox${e.message?" ts-ComboBox--"+d:""}`;return o&&!s&&(i+=" ts-ComboBox--readonly"),s&&(i+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(i+=" ts-ComboBox--empty"),i}getAutofillProps(){const{highlight:e,readOnly:o,disabled:s}=this.props,d={};e&&(d.onKeyDownCapture=this.onKeyDown);const i="tabIndex"in this.props?this.props.tabIndex:void 0;return o&&!s?(d.readOnly=o,d.tabIndex=i,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.disabled=void 0,d.readOnly=!0,d.tabIndex=i),d}isLoaderApplied(e){const{isLoading:o}=this.props;return Array.isArray(o)?o.includes(e):!!o&&e===B.List}onRenderIcon(e,o){var s;if(this.isLoaderApplied(B.Input)){const d={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:d})}return(s=o==null?void 0:o(e))!=null?s:null}render(){const e=(0,u.getMessageInfo)(this.props);let o=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(o=!0),a.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(e)},a.default.createElement(r.ComboBox,y(h(h(h(h(h(y(h(h({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},calloutProps:h({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:h({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden?"none":void 0}})},(0,c.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),styles:{label:h(h(h({},x.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[e.style]}},this.props),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),this.isLoaderApplied(B.List)&&{onRenderList:this.onRenderListLoading}),this.props.multiSelect&&h({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:e.message})))}}n.UIComboBox=f,f.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u\|\|("get"in u?!_.__esModule:u.writable\|\|u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar\|\|function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UIComboBox/UIComboBox.tsx"),n)}}]);})();

package/storybook/{871.4a80e026.iframe.bundle.js → 589.44ac45cc.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{320.85bdbeab.iframe.bundle.js → 592.7880c0f6.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{var M=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(v,l,o)=>l in v?M(v,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):v[l]=o,E=(v,l)=>{for(var o in l\|\|(l={}))R.call(l,o)&&O(v,o,l[o]);if(I)for(var o of I(l))U.call(l,o)&&O(v,o,l[o]);return v},z=(v,l)=>A(v,j(l));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[320],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(v,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([v.id,"@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.section{display:flex;flex-direction:column;overflow:hidden}.section__header>div{flex:0 1 auto;background:var(--vscode-sideBarSectionHeader-background);min-height:40px;display:flex;align-items:center;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vscode-sideBarTitle-foreground)}.section__header__title{width:100%;overflow:hidden;text-overflow:ellipsis}.section__header__title.ui-medium-header{line-height:normal}.section__body{margin:1rem .75rem;flex:1 1 auto;padding:0 .25rem;height:100%}.section__body>.ui-loader-blocker:before{z-index:1}.section--clean .section__body{margin:0;padding:0}.section--scrollable .section__body{overflow:auto}.section--extended .section__header{background-color:var(--vscode-sideBar-background)}.section__collapse{position:absolute;top:0;left:0;width:13px}.section--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}",""]),v.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(v,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([v.id,".sections{position:relative;overflow:hidden}.sections--horizontal{height:100%}.sections--horizontal .sections__item{height:100%}.sections--vertical{width:100%}.sections--vertical .sections__item{width:100%}.sections .sections__item{position:absolute}.sections--animated .sections__item{transition:all 300ms ease 0s}.sections--animated.sections--horizontal .sections__item{transition-property:transform,left,right}.sections--animated.sections--vertical .sections__item{transition-property:transform,top,bottom}.sections.sections--horizontal .sections__item--toggle.sections__item--hidden{transform:translateX(100%)}.sections.sections--horizontal .sections__item--toggle{max-width:calc(100% - 24px)}.sections.sections--horizontal>.sections__item:first-child{padding-right:7px}.sections.sections--vertical .sections__item--toggle.sections__item--hidden{transform:translateY(100%)}.sections.sections--vertical .sections__item--toggle{max-height:calc(100% - 24px)}",""]),v.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(v,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([v.id,'@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.splitter{background-color:var(--vscode-panelSection-border);position:absolute;outline:none}.splitter--horizontal{top:0;bottom:0;cursor:ew-resize}.splitter--horizontal:after{border-left:1px solid var(--vscode-contrastBorder);border-right:1px solid var(--vscode-contrastBorder)}.splitter--vertical{cursor:ns-resize;left:0;right:0}.splitter--vertical:after{border-top:1px solid var(--vscode-contrastBorder);border-bottom:1px solid var(--vscode-contrastBorder)}.splitter--compact{background:var(--vscode-editorWidget-border)}.splitter--compact.splitter--vertical .splitter__grip{height:3px}.splitter--compact.splitter--horizontal .splitter__grip{width:12px}.splitter--compact.splitter--horizontal .splitter__grip svg{transform-origin:5px 7px}.splitter--toggle{cursor:pointer}.splitter--toggle .splitter__grip{height:12px}.splitter--resize.splitter--horizontal{cursor:ew-resize}.splitter--resize.splitter--vertical{cursor:ns-resize}.splitter:after{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.splitter__grip{position:absolute;height:16px;top:50%;transform:translateY(-50%);left:0;right:0}.splitter+.section .section__header__title,.splitter+.section .section__body{padding-left:7px}.splitter--toggle+.section .section__header__title,.splitter--toggle+.section .section__body{padding:0;margin:0}.splitter:hover{background-color:var(--vscode-focusBorder)}.splitter:hover .splitter__grip svg path{fill:var(--vscode-button-foreground)}.splitter--horizontal:hover:after{border-left:1px dashed var(--vscode-contrastActiveBorder);border-right:1px dashed var(--vscode-contrastActiveBorder)}.splitter--horizontal:focus:after{border-left:1px solid var(--vscode-focusBorder);border-right:1px solid var(--vscode-focusBorder)}.splitter--vertical:hover:after{border-top:1px dashed var(--vscode-contrastActiveBorder);border-bottom:1px dashed var(--vscode-contrastActiveBorder)}.splitter--vertical:focus:after{border-top:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.splitter--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}.splitter i.ts-icon{display:flex;height:100%}.splitter i.ts-icon svg{height:100%;width:100%}.splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(180deg)}.splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(270deg)}.splitter--resize.splitter--standard.splitter--vertical .splitter__grip svg,.splitter--resize.splitter--compact.splitter--horizontal .splitter__grip svg{transform:rotate(90deg)}.splitter__overlay{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0)}.splitter__overlay--horizontal{cursor:ew-resize}.splitter__overlay--vertical{cursor:ns-resize}.sections__item--hidden .splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(0) translateX(-1px)}.sections__item--hidden .splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(90deg) translateX(-1px)}',""]),v.exports=m},"./src/components/UISection/UISection.scss":(v,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>y});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),r=o.n(_),n={};for(const g in _)g!=="default"&&(n[g]=()=>_[g]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var f=u()(r(),d);const y=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISections.scss":(v,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>y});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),r=o.n(_),n={};for(const g in _)g!=="default"&&(n[g]=()=>_[g]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var f=u()(r(),d);const y=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISplitter.scss":(v,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>y});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),r=o.n(_),n={};for(const g in _)g!=="default"&&(n[g]=()=>_[g]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var f=u()(r(),d);const y=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISection.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISection=l.UISectionLayout=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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");o("./src/components/UISection/UISection.scss");var S;(function(c){c.Standard="standard",c.Extended="extended"})(S\|\|(l.UISectionLayout=S={}));class a extends u.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){var t;const h=this.props.scrollable===void 0\|\|this.props.scrollable,p={},e=(t=this.props.layout)!=null?t:S.Standard;"height"in this.props&&(p.height=this.props.height);const s=(0,m.getNativeProps)(this.props,m.divProperties,["onScroll","className","children"]);return u.default.createElement("div",z(E({},s),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${h?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:p,ref:this.props.rootRef}),this.props.title&&u.default.createElement("div",{className:"section__header"},u.default.createElement("div",null,u.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),u.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}l.UISection=a},"./src/components/UISection/UISections.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISections=l.ANIMATION_TIME=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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"),S=o("./src/components/UISection/UISection.tsx"),a=o("./src/components/UISection/UISplitter.tsx");o("./src/components/UISection/UISections.scss"),l.ANIMATION_TIME=300;const c="sections--animated";class h extends u.default.Component{constructor(e){super(e),this.resizeSections=[],this.isFullScreen=!1,this.rootSize=0,this.ignoreAnimation=!1,this.state={sizes:void 0},this.onWindowResize=this.onWindowResize.bind(this),this.rootRef=u.default.createRef(),this.sizeProperty=e.vertical?"height":"width",this.domSizeProperty=e.vertical?"clientHeight":"clientWidth",this.startPositionProperty=e.vertical?"top":"left",this.endPositionProperty=e.vertical?"bottom":"right",this.sizeProperty=e.vertical?"height":"width",window.addEventListener("resize",this.onWindowResize)}updateStateSizes(e,s){let t=s;const i=this.getDynamicSectionIndex();let _=0;if(s.forEach((n,d)=>{var f;if(typeof n=="object"&&n.size===void 0){const y=this.getSectionPosition(n);n.size=Math.abs(this.rootSize-y.end-y.start)}d!==i&&(_+=(f=typeof n=="object"?n.size:n)!=null?f:0)}),_=e-_,typeof s[0]!="object"){t=[];let n=0;s.forEach((d,f)=>{d=i!==f?d:_,t.push({percentage:!1,size:d,start:n}),n+=d\|\|0})}const r=t[i];return r&&(r.size=_),this.recalculatePositions(t),this.validateStateMinSizes(t),t}componentDidMount(){const{sizesAsPercents:e,sizes:s}=this.props;this.rootSize=this.getRootSize(),!e&&s&&this.setState({sizes:this.updateStateSizes(this.rootSize,s)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,s){var r,n;let t=s.animate,i,_=0;if(Array.isArray(e.animation)){i=h.getVisibleSections(e.children);let d;for(let f=0;f<e.animation.length;f++)(i==null?void 0:i.includes(f))!==((r=s.visibleSections)==null?void 0:r.includes(f))&&(d=d\|\|e.animation[f]);d!==void 0&&(t=d)}else t=e.animation;return(n=e.sizes)==null\|\|n.forEach((d,f)=>{d===void 0&&(_=f)}),{animate:t,visibleSections:i,dynamicSection:_}}validateStateMinSizes(e){var n,d,f;let s=0,t=!1;const i=[];for(let y=0;y<this.props.children.length;y++){const g=(n=e[y].size)!=null?n:0,P=this.getMinSectionSize(y);P>g&&(t=!0),s+=P,i.push({size:g,minSize:P,spareSize:g-P})}const _=this.getRootSize();if(t&&_>=s){const y=this.calculateSectionSizes(i);for(let g=0;g<e.length;g++)e[g]=y[g]}const r=_<s;r!==this.isFullScreen&&(this.isFullScreen=r,(f=(d=this.props).onToggleFullscreen)==null\|\|f.call(d,r))}onWindowResize(){let{sizes:e}=this.state;const s=this.getRootSize();if(e){e=this.updateStateSizes(s,e);for(let t=0;t<e.length;t++)this.resizeSections[t]&&(this.resizeSections[t].section=e[t]);this.ignoreAnimation=!0,this.setState({sizes:e})}this.rootSize=s}static getVisibleSections(e){const s=[];return e.forEach((t,i)=>{h.isSectionVisible(t)\|\|s.push(i)}),s}static isSectionVisible(e){return e&&e.type===S.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,s=[];if(e!=null&&e.childNodes){e.classList.remove(c);for(let t=0;t<e.childNodes.length;t++){const i=this.getMinSectionSize(t),_=this.getMinSectionSize(t===0?1:0),r=e.children[t],n=Math.max(i,e[this.domSizeProperty]-_);s.push({size:r[this.domSizeProperty],dom:r,maxSize:n,section:this.resizeSections[t]?this.resizeSections[t].section:{percentage:!1}})}}this.resizeSections=s}onSplitterResize(e){const s=e!==0?this.resizeSections:[];let t=0;for(let i=0;i<s.length;i++){const _=this.getMinSectionSize(i),r=s[i];let n=r.size+(i===0?e:-e);if(_===r.maxSize)continue;n<_?(e=this.correctBoundaryPosition(e,_,n,i===0),n=_):n>r.maxSize&&(e=this.correctBoundaryPosition(e,r.maxSize,n,i===0),n=r.maxSize);const d={percentage:!1},f=s[i+1],y=f?f.size-e:0;i>0?(d.size=n,d.start=t,r.dom.style[this.startPositionProperty]=t+"px"):(d.start=0,r.dom.style[this.startPositionProperty]="0px"),d.end=y,r.dom.style[this.endPositionProperty]=y+"px",r.section=d,t+=n}return!1}correctBoundaryPosition(e,s,t,i){const _=s-t;return e+(i?_:-_)}onSplitterResizeEnd(){var t,i;const e=this.rootRef.current;e&&this.isAnimationEnabled()&&e.classList.add(c);const s=this.resizeSections.map(_=>_.section);s.some(_=>_.end!==void 0\|\|_.start!==void 0\|\|_.size!==void 0)&&this.setState({sizes:s}),(i=(t=this.props).onResize)==null\|\|i.call(t,s)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&h.isSectionVisible(e)).length}getSizePercents(e,s,t=!1){const{sizes:i=[],sizesAsPercents:_}=this.props;let r=i[e];if(r===void 0&&e===this.state.dynamicSection){let n=100;i.every(d=>{d&&(n-=d)}),r=n}return r&&_?t?100-r:r:s>0?100/s:0}getSectionSize(e,s){if(this.props.sizesAsPercents\|\|!this.props.sizes\|\|s<2\|\|e>=this.props.sizes.length&&e>=s)return;const t={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(t[this.startPositionProperty]=0),e===this.props.sizes.length-1?t[this.endPositionProperty]=0:this.props.sizes[e+1]&&(t[this.endPositionProperty]=this.props.sizes[e+1]+"px"),t}getPositionStyleValue(e,s){return e===1?"0%":s}getVisibleSectionStyle(e){var _;const s={visible:!0,style:{}},t=this.getVisibleChildrenCount(),i=(_=this.state.sizes)==null?void 0:_[e];if(t===this.props.children.length&&i)s.style=E(E({},i.start!==void 0&&{[this.startPositionProperty]:i.start+"px"}),i.end!==void 0&&{[this.endPositionProperty]:i.end+"px"}),i.size!==void 0&&(i.start===void 0\|\|i.end===void 0)&&(s.style[this.sizeProperty]=i.size+"px");else{const r=this.getSectionSize(e,t);if(r)s.style=E(E({},s.style),r);else{const n=this.getSizePercents(e,t,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(t,`${en}%`),[this.endPositionProperty]:this.getPositionStyleValue(t,`${(t-(e+1))n}%`)}}}return s}getHiddenSectionStyle(e){var n,d;const s={visible:!1};let t=(n=this.state.sizes)==null?void 0:n[e];!t&&this.props.splitterType===a.UISplitterType.Toggle&&((d=this.props.sizes)!=null&&d[e])&&(t={size:this.props.sizes[e],percentage:!1});let i,_=0;if(t)i="px",t.size?_=t.size:(t==null?void 0:t.start)!==void 0&&(t==null?void 0:t.end)!==void 0&&(_=this.getRootSize()-t.end-t.start);else{const f=this.props.children.length,y=this.getSectionSize(e,f);y&&y.width?(_=parseFloat(y.width.toString()),i="px"):(_=this.getSizePercents(e,f),i="%")}const r=-_+i;return s.style={[this.endPositionProperty]:e===0?"100%":r,[this.startPositionProperty]:e===0?r:"100%"},s}getMinSectionSize(e){const s=this.props.minSectionSize;let t=0;return s&&(t=Array.isArray(s)?s[e]:s),t}getClassNames(e){let s=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const t=` ${c}`;return s+=`${this.isAnimationEnabled()?t:""}`,s+=`${e?" sections--full":""}`,s}getSection(e,s){const t=this.props.children[e],i=h.isSectionVisible(t)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!i)return;const{splitter:_,vertical:r,splitterTitle:n,splitterType:d=a.UISplitterType.Resize,splitterTabIndex:f,splitterLayoutType:y=a.UISplitterLayoutType.Standard}=this.props;let g=_&&e>0;const P=this.getVisibleChildrenCount()===1;return P&&!this.isAnimationEnabled()&&(g=!1),u.default.createElement("div",{key:e,className:`sections__item${g?" sections__item--"+d:""}${i.visible?"":" sections__item--hidden"}`,style:i.style},g&&t&&u.default.createElement(a.UISplitter,{vertical:r,onResize:this.onSplitterResize.bind(this),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:s\|\|P,type:d,splitterTabIndex:f,title:n,splitterLayoutType:y}),t)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0\|\|this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){var s,t;return{start:(s=e.start)!=null?s:0,end:(t=e.end)!=null?t:0}}getSpareSize(e,s){let t=0,i=e.minSize-e.size;for(const _ of s)if(_!==e){if(_.spareSize>0){const r=Math.min(_.spareSize,i);t+=r,_.spareSize-=r,_.size-=r,i-=r}if(i<=0)break}return t}calculateSectionSizes(e){for(const t of e)if(t.size<t.minSize){const i=this.getSpareSize(t,e);i&&(t.size+=i)}const s=[];for(let t=0;t<e.length;t++){const i={percentage:!1},_=e[t],r=e[t+1],n=r?r.size:0;t>0?(i.size=_.size,i.start=void 0):i.start=0,i.end=n,s.push(i)}return s}recalculatePositions(e){var i;let s=0;e.forEach(_=>{var r;_.start=s,s+=(r=_.size)!=null?r:0});let t=0;for(let _=e.length-1;_>=0;_--)e[_].end=t,t+=(i=e[_].size)!=null?i:0}getRootSize(){var s;const e=this.rootRef.current;return(s=e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])!=null?s:0}render(){const e=(0,m.getNativeProps)(this.props,m.divProperties,["className","children"]),s=[];let t=0;for(let i=0;i<this.props.children.length;i++){const _=this.props.children[i],r=!h.isSectionVisible(_);r\|\|t++;const n=this.getSection(i,r);n&&s.push(n)}return u.default.createElement("div",z(E({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:E({},this.props.height&&{height:this.props.height})}),s)}}l.UISections=h,h.Section=S.UISection},"./src/components/UISection/UISplitter.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISplitter=l.UISplitterLayoutType=l.UISplitterType=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));o("./src/components/UISection/UISplitter.scss");const m=o("./src/components/Icons.tsx"),S=o("./src/components/UIIcon/index.tsx");var a;(function(p){p.Resize="resize",p.Toggle="toggle"})(a\|\|(l.UISplitterType=a={}));var c;(function(p){p.Standard="standard",p.Compact="compact"})(c\|\|(l.UISplitterLayoutType=c={}));class h extends u.default.Component{constructor(e){super(e),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=u.default.createRef(),this.stopMousemoveResize=this.stopMousemoveResize.bind(this),this.doMousemoveResize=this.doMousemoveResize.bind(this),this.splitterOverlay=document.createElement("div"),this.splitterOverlay.setAttribute("class",`splitter__overlay ${e.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(e){this.mousedownPosition.x=e.clientX,this.mousedownPosition.y=e.clientY,this.updateSplitterEvents(!0),e.stopPropagation()}doMousemoveResize(e){const s=this.props.vertical?"clientY":"clientX",t=this.props.vertical?"y":"x",i=e[s]-this.mousedownPosition[t];this.doResize(i)}doResize(e){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(e)){const t=this.rootRef.current;t&&(t.style[s]=`${e-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(e){e?(document.body.addEventListener("mouseup",this.stopMousemoveResize),document.body.addEventListener("mouseleave",this.stopMousemoveResize),document.body.addEventListener("mousemove",this.doMousemoveResize),document.body.appendChild(this.splitterOverlay)):(document.body.removeEventListener("mouseup",this.stopMousemoveResize),document.body.removeEventListener("mouseleave",this.stopMousemoveResize),document.body.removeEventListener("mousemove",this.doMousemoveResize),document.body.removeChild(this.splitterOverlay)),e&&this.props.onResizeStart?this.props.onResizeStart():!e&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(e,s=c.Standard){return e===a.Toggle?m.UiIcons.ArrowLeft:s===c.Compact?m.UiIcons.Grabber:m.UiIcons.VerticalGrip}onKeyDown(e){if(this.props.type===a.Resize){let t=0;if(["ArrowLeft","ArrowUp"].includes(e.key)?t=-10:["ArrowRight","ArrowDown"].includes(e.key)&&(t=10),t===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(t),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===a.Toggle&&e.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:e,vertical:s,hidden:t,splitterLayoutType:i}=this.props;let _=`splitter splitter--${e}`;return _+=` ${s?"splitter--vertical":"splitter--horizontal"}`,t&&e===a.Resize&&(_+=" splitter--hidden"),_+=` ${i===c.Standard?"splitter--standard":"splitter--compact"}`,_}render(){var P;const{type:e,vertical:s,hidden:t,title:i,splitterLayoutType:_}=this.props,r=(P=this.props.splitterTabIndex)!=null?P:0,n=_===c.Standard?this.size:this.compactSize,d=e===a.Toggle?-n:-n/2,f=e===a.Toggle?"button":"separator",y=s?"horizontal":"vertical";let g;return e===a.Toggle&&(g=!t),u.default.createElement("div",{ref:this.rootRef,role:f,"aria-orientation":y,"aria-pressed":g,title:i,tabIndex:r,onKeyDown:this.onKeyDown.bind(this),style:E(E({},s&&{height:n,top:d}),!s&&{width:n,left:d}),onMouseDown:e===a.Resize?T=>this.startSplitterMove(T):void 0,onClick:e===a.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},u.default.createElement("div",{className:"splitter__grip"},u.default.createElement(S.UIIcon,{iconName:this.getIcon(e,_)})))}}l.UISplitter=h},"./src/components/UISection/index.tsx":function(v,l,o){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h\|\|("get"in h?!S.__esModule:h.writable\|\|h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar\|\|function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UISection/UISections.tsx"),l),u(o("./src/components/UISection/UISection.tsx"),l),u(o("./src/components/UISection/UISplitter.tsx"),l)},"./src/components/UIToggle/UIToggle.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(l,"__esModule",{value:!0}),l.UIToggle=l.UIToggleSize=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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"),S=o("./src/helper/ValidationMessage/index.tsx");var a;(function(s){s.Standard="Standard",s.Small="Small"})(a\|\|(l.UIToggleSize=a={}));const c=new Map([[a.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),h=.4,p={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class e extends u.default.Component{constructor(t){super(t)}getMarginBottom(t){const{inlineLabel:i}=this.props;if(t)return i?0:4}render(){const{inlineLabelLeft:t,labelFlexGrow:i,size:_,inlineLabel:r}=this.props,n=c.get(_!=null?_:a.Standard),d=(0,S.getMessageInfo)(this.props),f=g=>({root:z(E({},i&&{flexGrow:1}),{margin:n==null?void 0:n.margin,marginBottom:this.getMarginBottom(d.message)}),label:z(E(E(E({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:n==null?void 0:n.label.fontSize,padding:n==null?void 0:n.label.padding},r&&{marginLeft:10}),t&&{order:0,marginLeft:0,marginRight:10}),i&&{flexGrow:1}),{opacity:this.props.disabled?h:"inherit"}),pill:z(E({height:n==null?void 0:n.height,width:n==null?void 0:n.width,padding:n==null?void 0:n.padding,background:p.pill.checked.background,borderColor:p.pill.borderColor,borderStyle:"solid",":hover":{background:p.pill.checked.hover.background,borderColor:p.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.checked.background,borderColor:p.pill.borderColor,opacity:h}},!g.checked&&{background:p.pill.unchecked.background,borderStyle:"dashed",":hover":{background:p.pill.unchecked.hover.background,borderColor:p.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.unchecked.background,borderColor:p.pill.borderColor,opacity:h}}),{selectors:{":focus::after":{border:"none !important",outline:p.pill.focus.outline}}}),thumb:{height:n==null?void 0:n.circle.height,width:n==null?void 0:n.circle.width,borderWidth:n==null?void 0:n.circle.borderWidth,background:p.thumb.background,":hover":{backgroundColor:p.thumb.background}}}),y=u.default.createElement(m.Toggle,z(E({},this.props),{styles:f}));return d.message?u.default.createElement(S.MessageWrapper,{message:d},y):y}}l.UIToggle=e},"./src/components/UIToggle/index.tsx":function(v,l,o){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h\|\|("get"in h?!S.__esModule:h.writable\|\|h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar\|\|function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UIToggle/UIToggle.tsx"),l)}}]);})();
1	+ (()=>{var M=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(v,l,o)=>l in v?M(v,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):v[l]=o,E=(v,l)=>{for(var o in l\|\|(l={}))R.call(l,o)&&O(v,o,l[o]);if(I)for(var o of I(l))U.call(l,o)&&O(v,o,l[o]);return v},z=(v,l)=>A(v,j(l));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[592],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(v,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([v.id,"@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.section{display:flex;flex-direction:column;overflow:hidden}.section__header>div{flex:0 1 auto;background:var(--vscode-sideBarSectionHeader-background);min-height:40px;display:flex;align-items:center;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vscode-sideBarTitle-foreground)}.section__header__title{width:100%;overflow:hidden;text-overflow:ellipsis}.section__header__title.ui-medium-header{line-height:normal}.section__body{margin:1rem .75rem;flex:1 1 auto;padding:0 .25rem;height:100%}.section__body>.ui-loader-blocker:before{z-index:1}.section--clean .section__body{margin:0;padding:0}.section--scrollable .section__body{overflow:auto}.section--extended .section__header{background-color:var(--vscode-sideBar-background)}.section__collapse{position:absolute;top:0;left:0;width:13px}.section--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}",""]),v.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(v,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([v.id,".sections{position:relative;overflow:hidden}.sections--horizontal{height:100%}.sections--horizontal .sections__item{height:100%}.sections--vertical{width:100%}.sections--vertical .sections__item{width:100%}.sections .sections__item{position:absolute}.sections--animated .sections__item{transition:all 300ms ease 0s}.sections--animated.sections--horizontal .sections__item{transition-property:transform,left,right}.sections--animated.sections--vertical .sections__item{transition-property:transform,top,bottom}.sections.sections--horizontal .sections__item--toggle.sections__item--hidden{transform:translateX(100%)}.sections.sections--horizontal .sections__item--toggle{max-width:calc(100% - 24px)}.sections.sections--horizontal>.sections__item:first-child{padding-right:7px}.sections.sections--vertical .sections__item--toggle.sections__item--hidden{transform:translateY(100%)}.sections.sections--vertical .sections__item--toggle{max-height:calc(100% - 24px)}",""]),v.exports=m},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(v,l,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),u=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),m=u(b);m.push([v.id,'@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.splitter{background-color:var(--vscode-panelSection-border);position:absolute;outline:none}.splitter--horizontal{top:0;bottom:0;cursor:ew-resize}.splitter--horizontal:after{border-left:1px solid var(--vscode-contrastBorder);border-right:1px solid var(--vscode-contrastBorder)}.splitter--vertical{cursor:ns-resize;left:0;right:0}.splitter--vertical:after{border-top:1px solid var(--vscode-contrastBorder);border-bottom:1px solid var(--vscode-contrastBorder)}.splitter--compact{background:var(--vscode-editorWidget-border)}.splitter--compact.splitter--vertical .splitter__grip{height:3px}.splitter--compact.splitter--horizontal .splitter__grip{width:12px}.splitter--compact.splitter--horizontal .splitter__grip svg{transform-origin:5px 7px}.splitter--toggle{cursor:pointer}.splitter--toggle .splitter__grip{height:12px}.splitter--resize.splitter--horizontal{cursor:ew-resize}.splitter--resize.splitter--vertical{cursor:ns-resize}.splitter:after{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.splitter__grip{position:absolute;height:16px;top:50%;transform:translateY(-50%);left:0;right:0}.splitter+.section .section__header__title,.splitter+.section .section__body{padding-left:7px}.splitter--toggle+.section .section__header__title,.splitter--toggle+.section .section__body{padding:0;margin:0}.splitter:hover{background-color:var(--vscode-focusBorder)}.splitter:hover .splitter__grip svg path{fill:var(--vscode-button-foreground)}.splitter--horizontal:hover:after{border-left:1px dashed var(--vscode-contrastActiveBorder);border-right:1px dashed var(--vscode-contrastActiveBorder)}.splitter--horizontal:focus:after{border-left:1px solid var(--vscode-focusBorder);border-right:1px solid var(--vscode-focusBorder)}.splitter--vertical:hover:after{border-top:1px dashed var(--vscode-contrastActiveBorder);border-bottom:1px dashed var(--vscode-contrastActiveBorder)}.splitter--vertical:focus:after{border-top:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.splitter--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}.splitter i.ts-icon{display:flex;height:100%}.splitter i.ts-icon svg{height:100%;width:100%}.splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(180deg)}.splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(270deg)}.splitter--resize.splitter--standard.splitter--vertical .splitter__grip svg,.splitter--resize.splitter--compact.splitter--horizontal .splitter__grip svg{transform:rotate(90deg)}.splitter__overlay{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0)}.splitter__overlay--horizontal{cursor:ew-resize}.splitter__overlay--vertical{cursor:ns-resize}.sections__item--hidden .splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(0) translateX(-1px)}.sections__item--hidden .splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(90deg) translateX(-1px)}',""]),v.exports=m},"./src/components/UISection/UISection.scss":(v,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>y});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),r=o.n(_),n={};for(const g in _)g!=="default"&&(n[g]=()=>_[g]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var f=u()(r(),d);const y=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISections.scss":(v,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>y});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),r=o.n(_),n={};for(const g in _)g!=="default"&&(n[g]=()=>_[g]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var f=u()(r(),d);const y=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISplitter.scss":(v,l,o)=>{"use strict";o.r(l),o.d(l,{default:()=>y});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),u=o.n(b),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),S=o.n(m),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(h),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),r=o.n(_),n={};for(const g in _)g!=="default"&&(n[g]=()=>_[g]);o.d(l,n);var d={};d.styleTagTransform=i(),d.setAttributes=p(),d.insert=c().bind(null,"head"),d.domAPI=S(),d.insertStyleElement=s();var f=u()(r(),d);const y=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISection.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISection=l.UISectionLayout=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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");o("./src/components/UISection/UISection.scss");var S;(function(c){c.Standard="standard",c.Extended="extended"})(S\|\|(l.UISectionLayout=S={}));class a extends u.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){var t;const h=this.props.scrollable===void 0\|\|this.props.scrollable,p={},e=(t=this.props.layout)!=null?t:S.Standard;"height"in this.props&&(p.height=this.props.height);const s=(0,m.getNativeProps)(this.props,m.divProperties,["onScroll","className","children"]);return u.default.createElement("div",z(E({},s),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${h?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:p,ref:this.props.rootRef}),this.props.title&&u.default.createElement("div",{className:"section__header"},u.default.createElement("div",null,u.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),u.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}l.UISection=a},"./src/components/UISection/UISections.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISections=l.ANIMATION_TIME=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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"),S=o("./src/components/UISection/UISection.tsx"),a=o("./src/components/UISection/UISplitter.tsx");o("./src/components/UISection/UISections.scss"),l.ANIMATION_TIME=300;const c="sections--animated";class h extends u.default.Component{constructor(e){super(e),this.resizeSections=[],this.isFullScreen=!1,this.rootSize=0,this.ignoreAnimation=!1,this.state={sizes:void 0},this.onWindowResize=this.onWindowResize.bind(this),this.rootRef=u.default.createRef(),this.sizeProperty=e.vertical?"height":"width",this.domSizeProperty=e.vertical?"clientHeight":"clientWidth",this.startPositionProperty=e.vertical?"top":"left",this.endPositionProperty=e.vertical?"bottom":"right",this.sizeProperty=e.vertical?"height":"width",window.addEventListener("resize",this.onWindowResize)}updateStateSizes(e,s){let t=s;const i=this.getDynamicSectionIndex();let _=0;if(s.forEach((n,d)=>{var f;if(typeof n=="object"&&n.size===void 0){const y=this.getSectionPosition(n);n.size=Math.abs(this.rootSize-y.end-y.start)}d!==i&&(_+=(f=typeof n=="object"?n.size:n)!=null?f:0)}),_=e-_,typeof s[0]!="object"){t=[];let n=0;s.forEach((d,f)=>{d=i!==f?d:_,t.push({percentage:!1,size:d,start:n}),n+=d\|\|0})}const r=t[i];return r&&(r.size=_),this.recalculatePositions(t),this.validateStateMinSizes(t),t}componentDidMount(){const{sizesAsPercents:e,sizes:s}=this.props;this.rootSize=this.getRootSize(),!e&&s&&this.setState({sizes:this.updateStateSizes(this.rootSize,s)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,s){var r,n;let t=s.animate,i,_=0;if(Array.isArray(e.animation)){i=h.getVisibleSections(e.children);let d;for(let f=0;f<e.animation.length;f++)(i==null?void 0:i.includes(f))!==((r=s.visibleSections)==null?void 0:r.includes(f))&&(d=d\|\|e.animation[f]);d!==void 0&&(t=d)}else t=e.animation;return(n=e.sizes)==null\|\|n.forEach((d,f)=>{d===void 0&&(_=f)}),{animate:t,visibleSections:i,dynamicSection:_}}validateStateMinSizes(e){var n,d,f;let s=0,t=!1;const i=[];for(let y=0;y<this.props.children.length;y++){const g=(n=e[y].size)!=null?n:0,P=this.getMinSectionSize(y);P>g&&(t=!0),s+=P,i.push({size:g,minSize:P,spareSize:g-P})}const _=this.getRootSize();if(t&&_>=s){const y=this.calculateSectionSizes(i);for(let g=0;g<e.length;g++)e[g]=y[g]}const r=_<s;r!==this.isFullScreen&&(this.isFullScreen=r,(f=(d=this.props).onToggleFullscreen)==null\|\|f.call(d,r))}onWindowResize(){let{sizes:e}=this.state;const s=this.getRootSize();if(e){e=this.updateStateSizes(s,e);for(let t=0;t<e.length;t++)this.resizeSections[t]&&(this.resizeSections[t].section=e[t]);this.ignoreAnimation=!0,this.setState({sizes:e})}this.rootSize=s}static getVisibleSections(e){const s=[];return e.forEach((t,i)=>{h.isSectionVisible(t)\|\|s.push(i)}),s}static isSectionVisible(e){return e&&e.type===S.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,s=[];if(e!=null&&e.childNodes){e.classList.remove(c);for(let t=0;t<e.childNodes.length;t++){const i=this.getMinSectionSize(t),_=this.getMinSectionSize(t===0?1:0),r=e.children[t],n=Math.max(i,e[this.domSizeProperty]-_);s.push({size:r[this.domSizeProperty],dom:r,maxSize:n,section:this.resizeSections[t]?this.resizeSections[t].section:{percentage:!1}})}}this.resizeSections=s}onSplitterResize(e){const s=e!==0?this.resizeSections:[];let t=0;for(let i=0;i<s.length;i++){const _=this.getMinSectionSize(i),r=s[i];let n=r.size+(i===0?e:-e);if(_===r.maxSize)continue;n<_?(e=this.correctBoundaryPosition(e,_,n,i===0),n=_):n>r.maxSize&&(e=this.correctBoundaryPosition(e,r.maxSize,n,i===0),n=r.maxSize);const d={percentage:!1},f=s[i+1],y=f?f.size-e:0;i>0?(d.size=n,d.start=t,r.dom.style[this.startPositionProperty]=t+"px"):(d.start=0,r.dom.style[this.startPositionProperty]="0px"),d.end=y,r.dom.style[this.endPositionProperty]=y+"px",r.section=d,t+=n}return!1}correctBoundaryPosition(e,s,t,i){const _=s-t;return e+(i?_:-_)}onSplitterResizeEnd(){var t,i;const e=this.rootRef.current;e&&this.isAnimationEnabled()&&e.classList.add(c);const s=this.resizeSections.map(_=>_.section);s.some(_=>_.end!==void 0\|\|_.start!==void 0\|\|_.size!==void 0)&&this.setState({sizes:s}),(i=(t=this.props).onResize)==null\|\|i.call(t,s)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&h.isSectionVisible(e)).length}getSizePercents(e,s,t=!1){const{sizes:i=[],sizesAsPercents:_}=this.props;let r=i[e];if(r===void 0&&e===this.state.dynamicSection){let n=100;i.every(d=>{d&&(n-=d)}),r=n}return r&&_?t?100-r:r:s>0?100/s:0}getSectionSize(e,s){if(this.props.sizesAsPercents\|\|!this.props.sizes\|\|s<2\|\|e>=this.props.sizes.length&&e>=s)return;const t={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(t[this.startPositionProperty]=0),e===this.props.sizes.length-1?t[this.endPositionProperty]=0:this.props.sizes[e+1]&&(t[this.endPositionProperty]=this.props.sizes[e+1]+"px"),t}getPositionStyleValue(e,s){return e===1?"0%":s}getVisibleSectionStyle(e){var _;const s={visible:!0,style:{}},t=this.getVisibleChildrenCount(),i=(_=this.state.sizes)==null?void 0:_[e];if(t===this.props.children.length&&i)s.style=E(E({},i.start!==void 0&&{[this.startPositionProperty]:i.start+"px"}),i.end!==void 0&&{[this.endPositionProperty]:i.end+"px"}),i.size!==void 0&&(i.start===void 0\|\|i.end===void 0)&&(s.style[this.sizeProperty]=i.size+"px");else{const r=this.getSectionSize(e,t);if(r)s.style=E(E({},s.style),r);else{const n=this.getSizePercents(e,t,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(t,`${en}%`),[this.endPositionProperty]:this.getPositionStyleValue(t,`${(t-(e+1))n}%`)}}}return s}getHiddenSectionStyle(e){var n,d;const s={visible:!1};let t=(n=this.state.sizes)==null?void 0:n[e];!t&&this.props.splitterType===a.UISplitterType.Toggle&&((d=this.props.sizes)!=null&&d[e])&&(t={size:this.props.sizes[e],percentage:!1});let i,_=0;if(t)i="px",t.size?_=t.size:(t==null?void 0:t.start)!==void 0&&(t==null?void 0:t.end)!==void 0&&(_=this.getRootSize()-t.end-t.start);else{const f=this.props.children.length,y=this.getSectionSize(e,f);y&&y.width?(_=parseFloat(y.width.toString()),i="px"):(_=this.getSizePercents(e,f),i="%")}const r=-_+i;return s.style={[this.endPositionProperty]:e===0?"100%":r,[this.startPositionProperty]:e===0?r:"100%"},s}getMinSectionSize(e){const s=this.props.minSectionSize;let t=0;return s&&(t=Array.isArray(s)?s[e]:s),t}getClassNames(e){let s=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const t=` ${c}`;return s+=`${this.isAnimationEnabled()?t:""}`,s+=`${e?" sections--full":""}`,s}getSection(e,s){const t=this.props.children[e],i=h.isSectionVisible(t)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!i)return;const{splitter:_,vertical:r,splitterTitle:n,splitterType:d=a.UISplitterType.Resize,splitterTabIndex:f,splitterLayoutType:y=a.UISplitterLayoutType.Standard}=this.props;let g=_&&e>0;const P=this.getVisibleChildrenCount()===1;return P&&!this.isAnimationEnabled()&&(g=!1),u.default.createElement("div",{key:e,className:`sections__item${g?" sections__item--"+d:""}${i.visible?"":" sections__item--hidden"}`,style:i.style},g&&t&&u.default.createElement(a.UISplitter,{vertical:r,onResize:this.onSplitterResize.bind(this),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:s\|\|P,type:d,splitterTabIndex:f,title:n,splitterLayoutType:y}),t)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0\|\|this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){var s,t;return{start:(s=e.start)!=null?s:0,end:(t=e.end)!=null?t:0}}getSpareSize(e,s){let t=0,i=e.minSize-e.size;for(const _ of s)if(_!==e){if(_.spareSize>0){const r=Math.min(_.spareSize,i);t+=r,_.spareSize-=r,_.size-=r,i-=r}if(i<=0)break}return t}calculateSectionSizes(e){for(const t of e)if(t.size<t.minSize){const i=this.getSpareSize(t,e);i&&(t.size+=i)}const s=[];for(let t=0;t<e.length;t++){const i={percentage:!1},_=e[t],r=e[t+1],n=r?r.size:0;t>0?(i.size=_.size,i.start=void 0):i.start=0,i.end=n,s.push(i)}return s}recalculatePositions(e){var i;let s=0;e.forEach(_=>{var r;_.start=s,s+=(r=_.size)!=null?r:0});let t=0;for(let _=e.length-1;_>=0;_--)e[_].end=t,t+=(i=e[_].size)!=null?i:0}getRootSize(){var s;const e=this.rootRef.current;return(s=e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])!=null?s:0}render(){const e=(0,m.getNativeProps)(this.props,m.divProperties,["className","children"]),s=[];let t=0;for(let i=0;i<this.props.children.length;i++){const _=this.props.children[i],r=!h.isSectionVisible(_);r\|\|t++;const n=this.getSection(i,r);n&&s.push(n)}return u.default.createElement("div",z(E({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:E({},this.props.height&&{height:this.props.height})}),s)}}l.UISections=h,h.Section=S.UISection},"./src/components/UISection/UISplitter.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(l,"__esModule",{value:!0}),l.UISplitter=l.UISplitterLayoutType=l.UISplitterType=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));o("./src/components/UISection/UISplitter.scss");const m=o("./src/components/Icons.tsx"),S=o("./src/components/UIIcon/index.tsx");var a;(function(p){p.Resize="resize",p.Toggle="toggle"})(a\|\|(l.UISplitterType=a={}));var c;(function(p){p.Standard="standard",p.Compact="compact"})(c\|\|(l.UISplitterLayoutType=c={}));class h extends u.default.Component{constructor(e){super(e),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=u.default.createRef(),this.stopMousemoveResize=this.stopMousemoveResize.bind(this),this.doMousemoveResize=this.doMousemoveResize.bind(this),this.splitterOverlay=document.createElement("div"),this.splitterOverlay.setAttribute("class",`splitter__overlay ${e.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(e){this.mousedownPosition.x=e.clientX,this.mousedownPosition.y=e.clientY,this.updateSplitterEvents(!0),e.stopPropagation()}doMousemoveResize(e){const s=this.props.vertical?"clientY":"clientX",t=this.props.vertical?"y":"x",i=e[s]-this.mousedownPosition[t];this.doResize(i)}doResize(e){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(e)){const t=this.rootRef.current;t&&(t.style[s]=`${e-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(e){e?(document.body.addEventListener("mouseup",this.stopMousemoveResize),document.body.addEventListener("mouseleave",this.stopMousemoveResize),document.body.addEventListener("mousemove",this.doMousemoveResize),document.body.appendChild(this.splitterOverlay)):(document.body.removeEventListener("mouseup",this.stopMousemoveResize),document.body.removeEventListener("mouseleave",this.stopMousemoveResize),document.body.removeEventListener("mousemove",this.doMousemoveResize),document.body.removeChild(this.splitterOverlay)),e&&this.props.onResizeStart?this.props.onResizeStart():!e&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(e,s=c.Standard){return e===a.Toggle?m.UiIcons.ArrowLeft:s===c.Compact?m.UiIcons.Grabber:m.UiIcons.VerticalGrip}onKeyDown(e){if(this.props.type===a.Resize){let t=0;if(["ArrowLeft","ArrowUp"].includes(e.key)?t=-10:["ArrowRight","ArrowDown"].includes(e.key)&&(t=10),t===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(t),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===a.Toggle&&e.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:e,vertical:s,hidden:t,splitterLayoutType:i}=this.props;let _=`splitter splitter--${e}`;return _+=` ${s?"splitter--vertical":"splitter--horizontal"}`,t&&e===a.Resize&&(_+=" splitter--hidden"),_+=` ${i===c.Standard?"splitter--standard":"splitter--compact"}`,_}render(){var P;const{type:e,vertical:s,hidden:t,title:i,splitterLayoutType:_}=this.props,r=(P=this.props.splitterTabIndex)!=null?P:0,n=_===c.Standard?this.size:this.compactSize,d=e===a.Toggle?-n:-n/2,f=e===a.Toggle?"button":"separator",y=s?"horizontal":"vertical";let g;return e===a.Toggle&&(g=!t),u.default.createElement("div",{ref:this.rootRef,role:f,"aria-orientation":y,"aria-pressed":g,title:i,tabIndex:r,onKeyDown:this.onKeyDown.bind(this),style:E(E({},s&&{height:n,top:d}),!s&&{width:n,left:d}),onMouseDown:e===a.Resize?T=>this.startSplitterMove(T):void 0,onClick:e===a.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},u.default.createElement("div",{className:"splitter__grip"},u.default.createElement(S.UIIcon,{iconName:this.getIcon(e,_)})))}}l.UISplitter=h},"./src/components/UISection/index.tsx":function(v,l,o){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h\|\|("get"in h?!S.__esModule:h.writable\|\|h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar\|\|function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UISection/UISections.tsx"),l),u(o("./src/components/UISection/UISection.tsx"),l),u(o("./src/components/UISection/UISplitter.tsx"),l)},"./src/components/UIToggle/UIToggle.tsx":function(v,l,o){"use strict";var b=this&&this.__importDefault\|\|function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(l,"__esModule",{value:!0}),l.UIToggle=l.UIToggleSize=void 0;const u=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),m=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"),S=o("./src/helper/ValidationMessage/index.tsx");var a;(function(s){s.Standard="Standard",s.Small="Small"})(a\|\|(l.UIToggleSize=a={}));const c=new Map([[a.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),h=.4,p={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class e extends u.default.Component{constructor(t){super(t)}getMarginBottom(t){const{inlineLabel:i}=this.props;if(t)return i?0:4}render(){const{inlineLabelLeft:t,labelFlexGrow:i,size:_,inlineLabel:r}=this.props,n=c.get(_!=null?_:a.Standard),d=(0,S.getMessageInfo)(this.props),f=g=>({root:z(E({},i&&{flexGrow:1}),{margin:n==null?void 0:n.margin,marginBottom:this.getMarginBottom(d.message)}),label:z(E(E(E({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:n==null?void 0:n.label.fontSize,padding:n==null?void 0:n.label.padding},r&&{marginLeft:10}),t&&{order:0,marginLeft:0,marginRight:10}),i&&{flexGrow:1}),{opacity:this.props.disabled?h:"inherit"}),pill:z(E({height:n==null?void 0:n.height,width:n==null?void 0:n.width,padding:n==null?void 0:n.padding,background:p.pill.checked.background,borderColor:p.pill.borderColor,borderStyle:"solid",":hover":{background:p.pill.checked.hover.background,borderColor:p.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.checked.background,borderColor:p.pill.borderColor,opacity:h}},!g.checked&&{background:p.pill.unchecked.background,borderStyle:"dashed",":hover":{background:p.pill.unchecked.hover.background,borderColor:p.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.unchecked.background,borderColor:p.pill.borderColor,opacity:h}}),{selectors:{":focus::after":{border:"none !important",outline:p.pill.focus.outline}}}),thumb:{height:n==null?void 0:n.circle.height,width:n==null?void 0:n.circle.width,borderWidth:n==null?void 0:n.circle.borderWidth,background:p.thumb.background,":hover":{backgroundColor:p.thumb.background}}}),y=u.default.createElement(m.Toggle,z(E({},this.props),{styles:f}));return d.message?u.default.createElement(S.MessageWrapper,{message:d},y):y}}l.UIToggle=e},"./src/components/UIToggle/index.tsx":function(v,l,o){"use strict";var b=this&&this.__createBinding\|\|(Object.create?function(m,S,a,c){c===void 0&&(c=a);var h=Object.getOwnPropertyDescriptor(S,a);(!h\|\|("get"in h?!S.__esModule:h.writable\|\|h.configurable))&&(h={enumerable:!0,get:function(){return S[a]}}),Object.defineProperty(m,c,h)}:function(m,S,a,c){c===void 0&&(c=a),m[c]=S[a]}),u=this&&this.__exportStar\|\|function(m,S){for(var a in m)a!=="default"&&!Object.prototype.hasOwnProperty.call(S,a)&&b(S,m,a)};Object.defineProperty(l,"__esModule",{value:!0}),u(o("./src/components/UIToggle/UIToggle.tsx"),l)}}]);})();

package/storybook/{917.e36fe354.iframe.bundle.js → 721.ec63ce0c.iframe.bundle.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";(()=>{var of=Object.defineProperty;var Es=Object.getOwnPropertySymbols;var uf=Object.prototype.hasOwnProperty,sf=Object.prototype.propertyIsEnumerable;var ks=(Z,v,N)=>v in Z?of(Z,v,{enumerable:!0,configurable:!0,writable:!0,value:N}):Z[v]=N,Ii=(Z,v)=>{for(var N in v||(v={}))uf.call(v,N)&&ks(Z,N,v[N]);if(Es)for(var N of Es(v))sf.call(v,N)&&ks(Z,N,v[N]);return Z};var af=(Z,v)=>()=>(v||Z((v={exports:{}}).exports,v),v.exports);var Fi=(Z,v,N)=>new Promise((J,j)=>{var R=U=>{try{re(N.next(U))}catch(ee){j(ee)}},h=U=>{try{re(N.throw(U))}catch(ee){j(ee)}},re=U=>U.done?J(U.value):Promise.resolve(U.value).then(R,h);re((N=N.apply(Z,v)).next())});var ff=af(Ts=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[917],{"../../node_modules/.pnpm/@storybook+react@8.1.11_prettier@3.3.3_react-dom@16.14.0_react@16.14.0_typescript@5.3.3/node_modules/@storybook/react/dist/entry-preview.mjs":(Z,v,N)=>{N.r(v),N.d(v,{parameters:()=>Ye,render:()=>ne,renderToCanvas:()=>Be});var J=Object.defineProperty,j=(V,$)=>{for(var oe in $)J(V,oe,{get:$[oe],enumerable:!0})},R=N("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"),h=N("@storybook/global"),re=N("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js"),U=(V,$)=>Fi(Ts,null,function*(){return new Promise(oe=>{re.render(V,$,()=>oe(null))})}),ee=V=>{re.unmountComponentAtNode(V)},ue={};j(ue,{parameters:()=>Ye,render:()=>ne,renderToCanvas:()=>Be});var ne=(V,$)=>{let{id:oe,component:le}=$;if(!le)throw new Error(`Unable to render story ${oe} as the component annotation is missing from the default export`);return R.createElement(le,Ii({},V))},{FRAMEWORK_OPTIONS:ye}=h.global,Te=class extends R.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:V}=this.state,{showMain:$}=this.props;V||$()}componentDidCatch(V){let{showException:$}=this.props;$(V)}render(){let{hasError:V}=this.state,{children:$}=this.props;return V?null:$}},mn=ye!=null&&ye.strictMode?R.StrictMode:R.Fragment;function Be(Ie,Ve){return Fi(this,arguments,function*({storyContext:V,unboundStoryFn:$,showMain:oe,showException:le,forceRemount:Xe},xe){var _e,B;let K=R.createElement(Te,{showMain:oe,showException:le},R.createElement($,Ii({},V))),Se=mn?R.createElement(mn,null,K):K;return Xe&&ee(xe),yield U(Se,xe,(B=(_e=V==null?void 0:V.parameters)==null?void 0:_e.react)==null?void 0:B.rootOptions),()=>ee(xe)})}var Ye={renderer:"react"}},"../../node_modules/.pnpm/object-assign@4.1.1/node_modules/object-assign/index.js":Z=>{/*
+"use strict";(()=>{var of=Object.defineProperty;var Es=Object.getOwnPropertySymbols;var uf=Object.prototype.hasOwnProperty,sf=Object.prototype.propertyIsEnumerable;var ks=(Z,v,N)=>v in Z?of(Z,v,{enumerable:!0,configurable:!0,writable:!0,value:N}):Z[v]=N,Ii=(Z,v)=>{for(var N in v||(v={}))uf.call(v,N)&&ks(Z,N,v[N]);if(Es)for(var N of Es(v))sf.call(v,N)&&ks(Z,N,v[N]);return Z};var af=(Z,v)=>()=>(v||Z((v={exports:{}}).exports,v),v.exports);var Fi=(Z,v,N)=>new Promise((J,j)=>{var R=U=>{try{re(N.next(U))}catch(ee){j(ee)}},h=U=>{try{re(N.throw(U))}catch(ee){j(ee)}},re=U=>U.done?J(U.value):Promise.resolve(U.value).then(R,h);re((N=N.apply(Z,v)).next())});var ff=af(Ts=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[721],{"../../node_modules/.pnpm/@storybook+react@8.1.11_prettier@3.3.3_react-dom@16.14.0_react@16.14.0_typescript@5.6.2/node_modules/@storybook/react/dist/entry-preview.mjs":(Z,v,N)=>{N.r(v),N.d(v,{parameters:()=>Ye,render:()=>ne,renderToCanvas:()=>Be});var J=Object.defineProperty,j=(V,$)=>{for(var oe in $)J(V,oe,{get:$[oe],enumerable:!0})},R=N("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"),h=N("@storybook/global"),re=N("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js"),U=(V,$)=>Fi(Ts,null,function*(){return new Promise(oe=>{re.render(V,$,()=>oe(null))})}),ee=V=>{re.unmountComponentAtNode(V)},ue={};j(ue,{parameters:()=>Ye,render:()=>ne,renderToCanvas:()=>Be});var ne=(V,$)=>{let{id:oe,component:le}=$;if(!le)throw new Error(`Unable to render story ${oe} as the component annotation is missing from the default export`);return R.createElement(le,Ii({},V))},{FRAMEWORK_OPTIONS:ye}=h.global,Te=class extends R.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:V}=this.state,{showMain:$}=this.props;V||$()}componentDidCatch(V){let{showException:$}=this.props;$(V)}render(){let{hasError:V}=this.state,{children:$}=this.props;return V?null:$}},mn=ye!=null&&ye.strictMode?R.StrictMode:R.Fragment;function Be(Ie,Ve){return Fi(this,arguments,function*({storyContext:V,unboundStoryFn:$,showMain:oe,showException:le,forceRemount:Xe},xe){var _e,B;let K=R.createElement(Te,{showMain:oe,showException:le},R.createElement($,Ii({},V))),Se=mn?R.createElement(mn,null,K):K;return Xe&&ee(xe),yield U(Se,xe,(B=(_e=V==null?void 0:V.parameters)==null?void 0:_e.react)==null?void 0:B.rootOptions),()=>ee(xe)})}var Ye={renderer:"react"}},"../../node_modules/.pnpm/object-assign@4.1.1/node_modules/object-assign/index.js":Z=>{/*
 object-assign
 (c) Sindre Sorhus
 @license MIT

package/storybook/{285.bf9307d0.iframe.bundle.js → 742.e07d5a84.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(()=>{var E=Object.defineProperty,y=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var p=(g,o,e)=>o in g?E(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,f=(g,o)=>{for(var e in o\|\|(o={}))k.call(o,e)&&p(g,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&p(g,e,o[e]);return g},m=(g,o)=>y(g,I(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[285],{"./src/components/UIButton/UIActionButton.tsx":function(g,o,e){var u=this&&this.__importDefault\|\|function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=u(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"),l=e("./src/components/UIContextualMenu/index.tsx");class t extends c.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",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(S.ActionButton,m(f({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx":function(g,o,e){var u=this&&this.__importDefault\|\|function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=u(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"),l=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 i="svg > path, svg > rect";class B extends c.default.Component{constructor(a){super(a),this.setStyle=s=>{const{primary:b,transparent:v}=s,_={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,b,v),checked:this.getInteractionStyle(!0,b,v)};return{root:m(f(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",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},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),v&&{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},b&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),v&&{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:{[i]:{fill:o.BASE_STYLES.secondary.color}}},b&&{color:o.BASE_STYLES.color,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),v&&{color:o.BASE_STYLES.transparent.color,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:f({"svg > path":{fill:o.BASE_STYLES.secondary.color}},b&&{"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},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),v&&{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:{[i]:{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},b&&{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:{[i]:{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:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(a,s,b){let v=f(f({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),a&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(a?v=m(f({},v),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}):v=m(f({},v),{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:{[i]:{fill:o.BASE_STYLES.transparent.color}}})),a&&(v=m(f({},v),{borderColor:o.BASE_STYLES.checkedBorderColor})),v}render(){var s;const a=(s=this.props.menuProps)!=null&&s.items?{iconName:r.UiIcons.ArrowDown}:void 0;return c.default.createElement(S.DefaultButton,m(f({menuIconProps:a},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B},"./src/components/UIButton/UIIconButton.tsx":function(g,o,e){var u=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 c=u(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"),l=e("./src/components/UIContextualMenu/index.tsx");var t;(function(n){n.Default="Default",n.Wide="Wide"})(t\|\|(o.UIIconButtonSizes=t={}));class r extends c.default.Component{constructor(i){super(i),this.setStyle=B=>{var s;const a=((s=B.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:a,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:a},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:a},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:a,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(i){return`var(${i}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(S.IconButton,m(f({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(g,o,e){var u=this&&this.__importDefault\|\|function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=u(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 l extends c.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,fontFamily:"var(--vscode-font-family)",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 c.default.createElement(S.DefaultButton,m(f({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l},"./src/components/UIButton/UISplitButton.tsx":function(g,o,e){var u=this&&this.__createBinding\|\|(Object.create?function(d,a,s,b){b===void 0&&(b=s);var v=Object.getOwnPropertyDescriptor(a,s);(!v\|\|("get"in v?!a.__esModule:v.writable\|\|v.configurable))&&(v={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(d,b,v)}:function(d,a,s,b){b===void 0&&(b=s),d[b]=a[s]}),c=this&&this.__setModuleDefault\|\|(Object.create?function(d,a){Object.defineProperty(d,"default",{enumerable:!0,value:a})}:function(d,a){d.default=a}),S=this&&this.__importStar\|\|function(d){if(d&&d.__esModule)return d;var a={};if(d!=null)for(var s in d)s!=="default"&&Object.prototype.hasOwnProperty.call(d,s)&&u(a,d,s);return c(a,d),a};Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=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"),i=e("./src/utilities/index.ts");class B extends l.Component{constructor(a){super(a),this.id=this.props.id?this.props.id:(0,i.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,b)=>{b!=null&&b.key&&this.props.callback(b.key)},this.state={menu:{items:a.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(a,s){return{menu:{items:a.menuItems,onItemClick:s.menu.onItemClick}}}render(){return l.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(g,o,e){var u=this&&this.__createBinding\|\|(Object.create?function(l,t,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i\|\|("get"in i?!t.__esModule:i.writable\|\|i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(l,n,i)}:function(l,t,r,n){n===void 0&&(n=r),l[n]=t[r]}),c=this&&this.__exportStar\|\|function(l,t){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&u(t,l,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}}),c(e("./src/components/UIButton/UIActionButton.tsx"),o),c(e("./src/components/UIButton/UIDefaultButton.tsx"),o),c(e("./src/components/UIButton/UIIconButton.tsx"),o),c(e("./src/components/UIButton/UISplitButton.tsx"),o),c(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Dom.ts":(g,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLInputElement=o.isHTMLElement=void 0;function e(c){return"title"in c}o.isHTMLElement=e;function u(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}o.isHTMLInputElement=u},"./src/utilities/Focus.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.focusToSibling=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0;const u=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 u.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return u.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return u.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return u.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return u.getPreviousElement}});function c(S,l){const t=(0,u.getDocument)();if(t){let r=null;if(l?r=(0,u.getNextElement)(t.body,S,!1,!1,!0,!0):r=(0,u.getPreviousElement)(t.body,S,!1,!1,!0,!0),r)return r.focus(),r}return null}o.focusToSibling=c},"./src/utilities/Id.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const u=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 u.getId}})},"./src/utilities/Keys.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const u=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 u.KeyCodes}})},"./src/utilities/index.ts":function(g,o,e){var u=this&&this.__createBinding\|\|(Object.create?function(S,l,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(l,t);(!n\|\|("get"in n?!l.__esModule:n.writable\|\|n.configurable))&&(n={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(S,r,n)}:function(S,l,t,r){r===void 0&&(r=t),S[r]=l[t]}),c=this&&this.__exportStar\|\|function(S,l){for(var t in S)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,S,t)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Dom.ts"),o),c(e("./src/utilities/Focus.ts"),o),c(e("./src/utilities/Id.ts"),o),c(e("./src/utilities/Keys.ts"),o)}}]);})();
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=(g,o,e)=>o in g?E(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,f=(g,o)=>{for(var e in o\|\|(o={}))k.call(o,e)&&p(g,e,o[e]);if(C)for(var e of C(o))A.call(o,e)&&p(g,e,o[e]);return g},m=(g,o)=>y(g,I(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[742],{"./src/components/UIButton/UIActionButton.tsx":function(g,o,e){var u=this&&this.__importDefault\|\|function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=u(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"),l=e("./src/components/UIContextualMenu/index.tsx");class t extends c.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",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(S.ActionButton,m(f({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx":function(g,o,e){var u=this&&this.__importDefault\|\|function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=u(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"),l=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 s="svg > path, svg > rect";class B extends c.default.Component{constructor(a){super(a),this.setStyle=i=>{const{primary:b,transparent:v}=i,_={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,b,v),checked:this.getInteractionStyle(!0,b,v)};return{root:m(f(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",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},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),v&&{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},b&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),v&&{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:{[s]:{fill:o.BASE_STYLES.secondary.color}}},b&&{color:o.BASE_STYLES.color,selectors:{[s]:{fill:o.BASE_STYLES.color}}}),v&&{color:o.BASE_STYLES.transparent.color,selectors:{[s]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:f({"svg > path":{fill:o.BASE_STYLES.secondary.color}},b&&{"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},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),v&&{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:{[s]:{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},b&&{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:{[s]:{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:{[s]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(a,i,b){let v=f(f({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[s]:{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:{[s]:{fill:o.BASE_STYLES.color}}}),a&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(a?v=m(f({},v),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[s]:{fill:o.BASE_STYLES.color}}}):v=m(f({},v),{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:{[s]:{fill:o.BASE_STYLES.transparent.color}}})),a&&(v=m(f({},v),{borderColor:o.BASE_STYLES.checkedBorderColor})),v}render(){var i;const a=(i=this.props.menuProps)!=null&&i.items?{iconName:r.UiIcons.ArrowDown}:void 0;return c.default.createElement(S.DefaultButton,m(f({menuIconProps:a},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B},"./src/components/UIButton/UIIconButton.tsx":function(g,o,e){var u=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 c=u(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"),l=e("./src/components/UIContextualMenu/index.tsx");var t;(function(n){n.Default="Default",n.Wide="Wide"})(t\|\|(o.UIIconButtonSizes=t={}));class r extends c.default.Component{constructor(s){super(s),this.setStyle=B=>{var i;const a=((i=B.sizeType)!=null?i:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:a,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:a},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:a},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:a,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(s){return`var(${s}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(S.IconButton,m(f({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(g,o,e){var u=this&&this.__importDefault\|\|function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=u(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 l extends c.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,fontFamily:"var(--vscode-font-family)",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 c.default.createElement(S.DefaultButton,m(f({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l},"./src/components/UIButton/UISplitButton.tsx":function(g,o,e){var u=this&&this.__createBinding\|\|(Object.create?function(d,a,i,b){b===void 0&&(b=i);var v=Object.getOwnPropertyDescriptor(a,i);(!v\|\|("get"in v?!a.__esModule:v.writable\|\|v.configurable))&&(v={enumerable:!0,get:function(){return a[i]}}),Object.defineProperty(d,b,v)}:function(d,a,i,b){b===void 0&&(b=i),d[b]=a[i]}),c=this&&this.__setModuleDefault\|\|(Object.create?function(d,a){Object.defineProperty(d,"default",{enumerable:!0,value:a})}:function(d,a){d.default=a}),S=this&&this.__importStar\|\|function(d){if(d&&d.__esModule)return d;var a={};if(d!=null)for(var i in d)i!=="default"&&Object.prototype.hasOwnProperty.call(d,i)&&u(a,d,i);return c(a,d),a};Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=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"),s=e("./src/utilities/index.ts");class B extends l.Component{constructor(a){super(a),this.id=this.props.id?this.props.id:(0,s.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(i,b)=>{b!=null&&b.key&&this.props.callback(b.key)},this.state={menu:{items:a.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(a,i){return{menu:{items:a.menuItems,onItemClick:i.menu.onItemClick}}}render(){return l.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(g,o,e){var u=this&&this.__createBinding\|\|(Object.create?function(l,t,r,n){n===void 0&&(n=r);var s=Object.getOwnPropertyDescriptor(t,r);(!s\|\|("get"in s?!t.__esModule:s.writable\|\|s.configurable))&&(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(l,n,s)}:function(l,t,r,n){n===void 0&&(n=r),l[n]=t[r]}),c=this&&this.__exportStar\|\|function(l,t){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&u(t,l,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}}),c(e("./src/components/UIButton/UIActionButton.tsx"),o),c(e("./src/components/UIButton/UIDefaultButton.tsx"),o),c(e("./src/components/UIButton/UIIconButton.tsx"),o),c(e("./src/components/UIButton/UISplitButton.tsx"),o),c(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Dom.ts":(g,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=u;function e(c){return"title"in c}function u(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}},"./src/utilities/Focus.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=c;const u=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 u.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return u.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return u.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return u.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return u.getPreviousElement}});function c(S,l){const t=(0,u.getDocument)();if(t){let r=null;if(l?r=(0,u.getNextElement)(t.body,S,!1,!1,!0,!0):r=(0,u.getPreviousElement)(t.body,S,!1,!1,!0,!0),r)return r.focus(),r}return null}},"./src/utilities/Id.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const u=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 u.getId}})},"./src/utilities/Keys.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const u=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 u.KeyCodes}})},"./src/utilities/index.ts":function(g,o,e){var u=this&&this.__createBinding\|\|(Object.create?function(S,l,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(l,t);(!n\|\|("get"in n?!l.__esModule:n.writable\|\|n.configurable))&&(n={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(S,r,n)}:function(S,l,t,r){r===void 0&&(r=t),S[r]=l[t]}),c=this&&this.__exportStar\|\|function(S,l){for(var t in S)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,S,t)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Dom.ts"),o),c(e("./src/utilities/Focus.ts"),o),c(e("./src/utilities/Id.ts"),o),c(e("./src/utilities/Keys.ts"),o)}}]);})();